top of page
storyboard_imege

​かんたん組込みGUI Storyboard

次世代型ローコードツールで高度なCXを実現

Storyboard はCrank Software(カナダ) が組込みシステムのために開発したGUI 開発環境です。

UIをデザインする Storyboard Designer とターゲットでの実行環境のStoryboard Runtime Engine で構成されます。

2007年以来、Storyboardは150の国で350社以上で採用され、全世界で5億台のさまざまな規模のデバイスのUIとして稼働しています。

storyboard_image01

Storyboard Designerの特長

storyboard_image02

Photoshop・Sketch で作成したデザインをかんたん取込み

Photoshopで作成したコンテンツをダイレクトに取り込みます。このとき、Hierarchy(階層)Naming(名前)Position(位置)などの情報を含めてPSDファイルのコンテンツを数秒でStoryboardのデザインに適用します。また、Storyboard Designerを使用して、gif, jpeg, bmp, png の画像部品を取り込み、スクラッチからスクリーンを作成することも可能です。

storyboard_image03

Figmaで作成したデザインをかんたん取り込み

Storyboard ver8.1より、Figmaで作成したデザインをダイレクトに、かつ、かんたんに取り込むことが可能になりました。

詳しくは以下のページをご覧ください。
※新しいタブで大阪エヌデーエスのWebサイトを開きます。

Storyboard8.1新機能 – Figmaデザインファイルのインポート

storyboard04.png

スマホのようなUIをノーコードでかんたん実現

画面遷移や、表示のかさね合わせ・透過処理・回転表示・位置の移動・エフェクトなどの描画設定など、表示に対する設定はもちろん、タッチ入力への対応や、マルチタッチを含めたジェスチャエンジン(スワイプ、ピンチ、ドラック)への対応など、UI構築作業のほとんどをノーコードで簡単実現します。

storyboard05.png

アニメーションをノーコードでかんたん作成

アニメーションキャプチャ機能を使用すると、アニメーション作成がノーコードで実現できます。また、タイムラインエディタにより、作成したアニメーションの編集作業がノーコードで実現できます。さらに、複数のコントロールをタイムラインエディタに追加して、設定したレートでアニメーション化することができます。

storyboard06.png

多国語管理機能でグローバル市場にかんたん対応

多国語管理機能(Translation機能)で表示言語を一元管理することで、プロジェクト内で表示する言語を一括変更します。あらかじめ各国語での表記をUNICODEで記載したCSVファイルを用意することで、かんたんに一括変更できます。また、FONTはBitmap Font, True Type Font, Open Type Fontが使用可能です。Dynafont金剛黒体のようなUDフォントを使用することで小さな画面でもわかり易い文字表記をすることができます。

storyboard07.png

専用GUIテストツールValidator

完成したシステムをUIの操作から試験を行うためのツールです。指定したシナリオでの繰り返し試験やシナリオの一部の試験実施のほか、テストポイントでの画面キャプチャ、シミュレータ上での事前試験にも対応します。また、試験者の動作をキャプチャして簡易試験を行う事ができます。

詳しくはこちらの動画をご覧ください。(字幕ONで再生ください。)
※新しいタブでYouTube「大阪エヌデーエスチャンネル」を開きます。

組込みGUI テストツール「Storyboard Validator」の活用法

storyboard08.png

Windows, MAC, Linuxに対応

Storyboard DesignerはWindows,MAC,Linuxに対応しています。瞬時に起動するシミュレータで快適なCut & Tryが可能なほか、Windows 実行形式(exe)の生成機能によりStoryboard DesignerがインストールされていないPCでも画面シミュレーションを実行可能です。

storyboard09.png

シンプルでリーズナブルなライセンス体系

Storyboardのライセンスは開発のためのDevelopmentライセンスと出荷時に必要になるRuntimeライセンスの2種類があります。Developmentライセンスは永久ライセンスとSubscriptionライセンスの2種類があり、混在が可能です。

storyboard10.jpg

Storyboard Runtime Engineの特長

  • 豊富な採用実績
    150の国で350社以上で採用され5億台を超える機器で稼働

  • 高いスケーラビリティ
    複数コアを搭載する上位MPUからメモリ資源の制約が大きいCortex-Mに代表されるMCUまで幅広いマイコンに柔軟に対応

  • 豊富なエフェクト
    イベント、アクション、対象の組合せで自由に設定でき、システム層からの通知をイベントに設定することも可能

  • 様々なグラフィックレンダリングに対応
    OpenGL ES OpenVG / STM Chrom-ART(DMA2D)
    Renesas PGA / NXP Graphics2D / Win32 GDI など

  • Lua言語
    高速、軽量、そしてオープンなスクリプト言語 “Lua” を採用
    ローコードツールながらScript Debuggerが提供され、デバックも容易 

  • アプリケーション連携
    StoryboardアプリケーションとシステムアプリケーションをSBIO(Storyboard I/O)により簡単接続
    Storyboardアプリケーションの独立性が高いためUIの修正・変更が容易で、テスト工数の削減にもつながる

storyboard11.png

対応OS

・Linux ・QNX Neutrino ・INTEGRITY 
・VxWorks ・Windows ・iOS ・Android 
・Segger ・FreeRTOS ・μC3 に対応

対応CPU

  • NXPセミコンダクターズ製
     i.MX6, i.MX7, i.MX8, I MX8M, i.MX RTの各シリーズ

  • ルネサスエレクトロニクス製
     RZ/A, RZ/Gシリーズ,RA6シリーズ

  • STマイクロエレクトロニクス製
     STM32MP1シリーズ
     STM32F4/STM32F7/STM32H7シリーズ

  • テキサス・インスツルメンツ, Microchip Technology, Broadcom(Raspberry Pi)
    各社ARM CPUにも対応

  • インテル x86 対応(FA PCに対応)

新しいタブでCrank SoftwareのWebサイトを開きます。
ローマ字で入力いただき、Country/Regionは Japan を選択してください。

イメージ動画

Storyboard イメージ動画

Storyboardの HowTo 動画を公開中(日本語字幕付き)

※新しいタブで大阪エヌデーエスのWebサイトを開きます。

※記載されている製品・システム名は、各社の商標または登録商標です。

大阪エヌデーエスとエスディーテックの協業

株式会社大阪エヌデーエスは、2022年から「Storyboard」の正規販売代理店を務めており、産業分野や医療分野を始め様々な分野に向けて提供しています。
近年、様々な分野でサービス・製品開発においてUI/UXデザインの導入が重要視されていますが、UI/UXの知見や経験が少ない分野では、実際の製品開発でのUI/UX具現化が課題となっています。
そこで、Storyboardを利用されるお客さま向けに、エスディーテックのUI/UXの知見を活かしたサービスを大阪エヌデーエスと協同で提案・提供します。
これにより、デザイン思考アプローチで発想するアイデアをStoryboardで容易かつスピーディに具現化することが可能となり、お客さまの抱える課題解決やUXの向上を実現します。

Storyboardを活用したGUI開発パターン

Storyboardの正規販売代理店である株式会社大阪エヌデーエスとの協同で、デザイン思考アプローチで発想するアイデアをStoryboardで容易かつスピーディに実現します

storyboard img_sp01.png

お客様のご都合に合わせて①〜③のいずれかの実現方法をご選択いただけます

storyboard img_sp02.png
  • UIUX設計から実装までsdtechにて対応

  • デザイナとエンジニアの1チームで出戻りが少なく効率の良い開発を実現

  • Figma×Storyboardでローコード開発のメリットを最大限活用

  • デザイン変更にも短期間で修正可能

storyboard img_sp03.png
  • UX設計からデザイン作成までsdtechにて対応

  • Figmaでデザイン作成&動作チェックを実施

  • お客様にてデザインデータをStoryboardに取り込み簡単に実装可能

storyboard img_sp04.png
  • お客様にて作成したデザインをsdtechにて実装

  • デザイン作成にFigmaをご利用いただければ、短期間で実装可能

  • デザイン変更にもStoryboard上で迅速に修正対応

storyboard_img00.png
storyboard_img04.png
  • UIUX設計から実装までsdtechにて対応

  • デザイナとエンジニアの1チームで出戻りが少なく効率の良い開発を実現

  • Figma×Storyboardでローコード開発のメリットを最大限活用

  • デザイン変更にも短期間で修正可能

storyboard_img05.png
  • UX設計からデザイン作成までsdtechにて対応

  • Figmaでデザイン作成&動作チェックを実施

  • お客様にてデザインデータをStoryboardに
    取り込み簡単に実装可能

storyboard_img06.png
  • お客様にて作成したデザインをsdtechにて実装

  • デザイン作成にFigmaをご利用いただければ、短期間で実装可能

  • デザイン変更にもStoryboard上で迅速に修正対応

インテグレーションサービス

エスディーテックは、製品デザインのCX向上に向けて、Storyboardの導入をサポートします。

  • Storyboardのライセンス提供

  • ユーザハードウェアへのStoryboard Engineの実装

  • UIアプリケーション開発

  • ユーザアプリケーションとUIアプリケーションの接続

  • 画面デザイン
     

Linuxや各種RTOSの移植からユーザアプリケーション開発、クラウドサーバ接続など、あらゆるシーンでワンストップサービスをご提供します。

ご利用者の声

storyboard_client01.png

デザイナとエンジニアの連携がスムーズなsdtechとStoryboardの活用により、UIデザイン作成から組込み開発まで従来より短期間で実現できた

storyboard_client02.png

UIの修正指摘があった場合でもGUI上で操作できるので、ストレスなくほんの数秒で修正できた

お問い合わせ

Storyboard に関する提供方法・価格・その他ご相談については、以下お問い合わせからお気軽にお問い合わせください。

bottom of page