INDUSTRIES

自動車

航空・宇宙

金融

ゲーム

メドテック

IoT

デジタルプロダクト

USE CASES

エンタープライズ向け

個人向け

チーム向け

教育向け

KEY FEATURES

ハードウェア・システム統合

Beta

ProtoPie MCP

マルチデバイス・プロトタイピング

インタラクション・ロジック

開発者へのハンドオフ

ProtoPie AI

New

ユーザーテスト

PLUGINS

Figma

Sketch

Adobe XD

INSIGHTS & INSPIRATION

ブログ

eBook

カスタマーストーリー

イベント&ウェビナー

ProtoPie ギャラリー

PRODUCT LEARNING & SUPPORT

ProtoPieスクール

ProtoPieをダウンロード

製品ドキュメント

コミュニティ

INDUSTRIES

自動車

航空・宇宙

金融

ゲーム

メドテック

IoT

デジタルプロダクト

USE CASES

エンタープライズ向け

個人向け

チーム向け

教育向け

KEY FEATURES

ハードウェア・システム統合

Beta

ProtoPie MCP

マルチデバイス・プロトタイピング

インタラクション・ロジック

開発者へのハンドオフ

ProtoPie AI

New

ユーザーテスト

PLUGINS

Figma

Sketch

Adobe XD

INSIGHTS & INSPIRATION

ブログ

eBook

カスタマーストーリー

イベント&ウェビナー

ProtoPie ギャラリー

PRODUCT LEARNING & SUPPORT

ProtoPieスクール

ProtoPieをダウンロード

製品ドキュメント

コミュニティ

Customer Spotlight
•

10

分で読める

How To Create Hardware & Software Integrated Prototypes

Building hardware and software-integrated prototypes is easier than ever! Learn how blokdots integrates with ProtoPie to help you prototype connected products—without writing a single line of code.

Iulia Sorodoc、 Product Marketing Manager at ProtoPie

blokdots は、インタラクティブなハードウェアプロトタイプを簡単に作成できるノーコードソフトウェアです。デザイナーたちの発案から生まれたこのツールの使命は、エンジニアリングやプログラミングの知識がない人でも、誰もがアイデアを思い描き、世界を変えうる課題の解決策を見つけられるようにすることです。

すごく魅力的ですよね?

さらに、blokdots は ProtoPie と連携し、ハードウェアとソフトウェアを統合したプロトタイピングを次のレベルへ引き上げます。今では、ハードウェアをアプリやサービスとのインタラクションに接続することが、かつてないほど簡単です。


protopie-and-blokdots-connection

最近の ウェビナー では、blokdots の Olivier Brückner と Marcus Paeschke から、blokdots と ProtoPie を一緒に使って、コネクテッドな未来のためのプロトタイプを作る方法についてお話を伺いました。

動画

ハードウェアでスケッチする——段ボールのように簡単に。

優れたコネクテッド製品を作るには、ハードウェアとソフトウェアのテストを通じて外部からのフィードバックを得る必要があります。しかし、現代ではデバイス間のインタラクションをプロトタイピングすることがより難しくなっています。

コネクテッド製品のユーザー体験に取り組むデザイナー、またはチームの一員であれば、次のような課題を経験したことがあるかもしれません。

  • 時間が経つにつれて、製品やハードウェアはますます複雑になっていきます。

  • ハードウェアのプロトタイピングに必要な専門知識、ラボスペース、材料にアクセスできません。

  • コードを学んだり、電子回路をいじったりする時間やリソースがありません。


hardware-coding-requirements

Arduino のような既存のハードウェアプロトタイピングツールはありますが、Arduino でハードウェアプロトタイプを作るにはコードと電気工学の基礎知識が必要です。つまり、開発者を雇う必要があり、もちろんそれには多くの時間と費用がかかります。

しかし今ではその必要はありません。blokdots でインタラクティブなハードウェアプロトタイプを作るのは、段ボール模型を作るのと同じくらい簡単です。

そう言われると、ピンと来る人もいるかもしれません。ProtoPie が高忠実度のプロトタイプ作成を Pie のように簡単にするとよく言いますよね?

要するに、blokdots はハードウェアプロトタイピングにおいて ProtoPie がソフトウェアプロトタイピングに果たす役割に相当します。

これら2つのツールは、リアルなプロトタイピングの力をデザイナーの手に届け、プログラミング知識がなくても高度なコンセプトをテストできるようにします。

そして、blokdots-ProtoPie の連携を使えば、段ボールと Pie のように簡単に、ハードウェアとソフトウェアのプロトタイピングで力を発揮できます。

blokdots の仕組み

では、blokdots は実際にどのようにしてハードウェアプロトタイピングをシンプルにしているのでしょうか。ここでは3つの主要なステップをご紹介します。

1. プラグアンドプレイ・ハードウェア

blokdots は Seeed Studio の Grove System を基盤としており、手作業の配線なしでハードウェアを接続するシンプルな方法を実現します。

下の画像でわかるように、プラグアンドプレイ接続の小さな要素があり、すぐにハードウェアを使い始められます。


plug-and-play-hardware-blokdots

2. 使いやすいソフトウェア

blokdots の中心となるのは、もちろんソフトウェアです。

blokdots は理解しやすいシンプルなロジック条件を使用しています。まったくの初心者で、これまで一度もコードを書いたことがなくても、ハードウェアスケッチを作成できます。

3. シームレスな拡張性

blokdots は、あなたがすでに知っていて愛用しているあらゆるツールへと拡張できます。

そのため、ハードウェアを、ProtoPie で作るようなユーザーインターフェースのプロトタイプに簡単に接続できます。さらに将来的には、より高度なスケッチに発展させ、WebSockets で接続することもできます。

seamless-extendability

blokdots で何が作れるのか?

ウェビナーで紹介されたシナリオの例を見てみましょう。blokdots を実際にどう活用できるかがわかります。

CO2 センサーを作ることを決めた Great Products Studio, Inc. にご注目ください。理由は次のとおりです。

  • COVID-19 が私たちに教えてくれたのは、良い空気環境が健康にとって本当に重要だということです。

  • 空気の質や室内空間を換気する必要があるかを見極める一つの方法は、空気中の CO2 含有量を測定することです。

blokdots を使えば、このような CO2 センサーのデザインを何度でも改善できます。セットアップ方法は次のとおりです。

  1. CO2 センサーをケーブルで接続し、ソフトウェアに追加します。

  2. LCD ディスプレイを追加します。これにより、空気の質が良いのか、少し悪いのか、あるいは部屋をすぐに換気する必要があるのかをユーザーに伝えられます。ケーブルで接続することで、ディスプレイはセンサーからデータを取得できます。

  3. 色を追加して、ディスプレイの情報を読もうと苦労するのではなく、一目で状況を把握できるようにします。

  4. 音声アラートを追加してブザーを接続します。これにより、CO2 が危険レベルを超えたときにプロトタイプがビープ音を鳴らせます。

  5. モーションセンサーを接続します。というのも、このような音声アラートは、すでに誰かが部屋にいる場合にのみ意味があるからです。

  6. 窓に接続したサーボモーターを追加します。これにより、ハードウェア自体が自律的に空気質を管理できます。

これらは、blokdots を使って製品をカスタマイズする方法の一部です。

しかし前述のとおり、ユーザーテストと市場検証は、ターゲットユーザーに愛される優れた製品を作るために不可欠です。誰もが望むことですよね?

たとえば、現場の人々に話を聞いて、ブザー音が実際にはうるさいとわかったら、それは次の反復で修正すべき点になります。

それこそが blokdots で可能になることです。つまり、ハードウェアのインタラクションをスケッチし、テストすることで、製品を形にできます。

しかし、これはまだ第1段階にすぎません。次のレベルへ進みましょう。

blokdots は ProtoPie とどのように連携するのでしょうか?

blokdots と ProtoPie を使えば、ハードウェアをアプリやサービスとのインタラクションに接続できます。

コネクテッドデバイスとは、一般的にスマートホーム家電やその他の IoT デバイスを指します。

blokdots と ProtoPie には、2つの異なる連携方法があります。

  1. ProtoPie Connect: 外部ハードウェアやその他のシステムと連携しながら、複数のプロトタイプをまとめて制御するための Pro 向けソリューション。

  2. ProtoPie Player 連携: モバイルデバイスの ProtoPie Player を使えば、blokdots と直接やり取りできます。こちらは ProtoPie の無料版で利用できます。

blokdots-and-protopie-hardware-software

先ほどのシナリオを思い出すと、ProtoPie で何ができるでしょうか?

市場評価を行った結果、この種の空気質製品の消費者市場はすでに飽和しているとわかったとしましょう。しかし、より大きなオフィス向けのスマートビル管理には大きな可能性があることがわかります。

そこで ProtoPie を使えば、ダッシュボードを作成し、施設管理者にテストしてもらえます。デザインを作ったら、それを ProtoPie に取り込み、インタラクションや細かなアニメーションを加えて、より生き生きとしたものにできます。

blokdots に ProtoPie 連携を追加し、QR コードを使ってセンサーデータを2つのツール間で簡単にやり取りできます。これにより、コードを一行も書かずに、機能するプロトタイプでリアルなデータを扱えます。

さらにユーザーテストを重ねた後でも、反復を簡単に調整できます。前回のハードウェアに接続された同じプロトタイプを再利用して、新機能を追加することもできます。

ProtoPie でコネクテッドな未来をプロトタイプしよう

blokdots や ProtoPie のようなツールは、プロトタイピングの未来を変えつつあります。より良いコネクテッド製品づくりを、私たちがどのように支援するのか、こちらでぜひご覧ください!