メインコンテンツまでスキップ

SenseCraft HMI を使う

SenseCraft HMI は、ePaper ディスプレイデバイス向けの Seeed Studio 製ノーコードインターフェース設計プラットフォームです。ブラウザ上でダッシュボード、画像ギャラリー、カレンダー、RSS ページ、Web コンテンツページ、その他の常時表示情報画面を設計し、Wi-Fi 経由で対応デバイスにデプロイできます。

この Wiki は ePaper ディスプレイのアプリケーションガイドです。Seeed の ePaper デバイスから動作する SenseCraft HMI ページまでの最短ルートを説明し、1 枚の ePaper ディスプレイボードと 1 枚の ePaper スクリーンを使用したハードウェア構成を例として扱います。


このガイドを使うタイミング

SenseCraft HMI を対応する Seeed ePaper 製品と一緒に使い、次のワークフローをすばやく完了したいときに、このガイドを使用してください:

  1. SenseCraft HMI ファームウェアを確認または書き込む。
  2. デバイスを Wi-Fi に接続する。
  3. デバイスを SenseCraft HMI ワークスペースに追加する。
  4. 最初のページを ePaper ディスプレイにデプロイする。

アカウント設定、エディタの詳細、テンプレート、データウィジェット、リリースノートなどを含む完全なプラットフォームマニュアルについては、公式 SenseCraft HMI ドキュメントを参照してください。

始める前に

SenseCraft HMI を使用する前に、次の項目を準備してください:

  • 対応する Seeed ePaper ディスプレイデバイス。
  • SenseCraft アカウント。SenseCraft HMI のログインページから作成できます。
  • 2.4 GHz の Wi-Fi ネットワーク。
  • デバイスにファームウェア書き込みが必要な場合は USB-C データケーブル。
  • SenseCraft HMI Web ツールからのシリアルポート書き込みをサポートするブラウザを実行しているコンピュータ。
ヒント

ePaper 製品ごとに使用する HMI ファームウェアビルドは異なります。必ず、お使いのデバイスと画面サイズに正確に一致するファームウェアを選択してください。

公式 SenseCraft HMI ドキュメント

SenseCraft HMI には専用のドキュメントサイトがあります。ePaper ディスプレイのクイックスタートフローにはこの Wiki を使用し、プラットフォーム全体の手順には公式ドキュメントを使用してください。

トピックこのトピックを使う場面リンク
概要SenseCraft HMI が何であり、何ができるかを理解したいとき。概要を開く
対応ハードウェア現在のデバイスおよび画面の対応リストを確認したいとき。対応ハードウェアを開く
はじめに公式のアカウント作成、ファームウェア、接続、デプロイのフローに従いたいとき。はじめにを開く
ワークスペースとキャンバスエディタレイアウト、ウィジェット、データソース、ページ作成フローについて学びたいとき。ワークスペースガイドを開く
AI 生成テキストプロンプトから画像やページレイアウトを生成したいとき。AI 生成を開く
リリースノート最新のプラットフォームおよびファームウェアの更新内容を確認したいとき。リリースノートを開く

ハードウェア構成の例

以下の手順では、XIAO ePaper Display Board (ESP32-S3) - EE047.3" Spectra 6 ePaper display を例として使用します。他の対応 Seeed ePaper デバイスも同じプラットフォームフローに従いますが、ファームウェアビルド、画面サイズ、ハードウェア構成は異なる場合があります。

XIAO ePaper Display Board (ESP32-S3) - EE047.3" Spectra 6 ePaper Display
注記

この例は対応リストではありません。現在の対応ハードウェアおよびファームウェアのマトリクスについては、必ず SenseCraft HMI Supported Hardware ページを参照してください。

ステップ 1: HMI ファームウェアを確認または書き込む

最初のステップは、お使いの ePaper デバイスが SenseCraft HMI ファームウェアを実行していることを確認することです。

reTerminal E シリーズは、箱から出してすぐに SenseCraft HMI と連携できるように設計されています。デバイスの電源を入れ、ステップ 2: デバイスを Wi-Fi に接続する に進んでください。

以前に別のファームウェアを書き込んだことがある場合は、SenseCraft HMI デバイスページを開き、デバイスモデルを選択して、画面の指示に従ってファームウェアを操作してください。

ヒント

保存されている Wi-Fi 情報、ペアリングデータ、既存のデバイスコンテンツを消去したい場合にのみ、Full Flash を使用してください。

ステップ 2: デバイスを Wi-Fi に接続する

デバイスが HMI ファームウェアを実行していることを確認したら、ローカルの Wi-Fi ネットワークに接続します。

ステップ 1. ePaper スクリーンに表示されている Wi-Fi アクセスポイントに、スマートフォンまたはコンピュータを接続します。この一時的なアクセスポイントにパスワードは不要です。

アクセスポイント名はデバイスタイプによって異なります。別体スクリーン付きの ePaper Display Board の場合、名前は ePaper DIY Kit-xxxx のように表示されることがあります。reTerminal E シリーズデバイスの場合、名前は reTerminal E100x-xxxx のように表示されることがあります。どちらの場合も、xxxx は通常 MAC アドレスの末尾 4 文字を表します。

ePaper Display Board + ScreenreTerminal E シリーズ
AP 名の例: ePaper DIY Kit-xxxxAP 名の例: reTerminal E100x-xxxx

ステップ 2. ePaper スクリーン上の QR コードをスキャンします。設定ページが自動的に開かない場合は、ブラウザを開き 192.168.4.1 にアクセスします。

ステップ 3. ローカルの Wi-Fi ネットワークを選択し、パスワードを入力して Connect をクリックします。

ヒント

2.4 GHz の Wi-Fi ネットワークを使用してください。多くの ESP32-S3 ベースのデバイスは 5 GHz の Wi-Fi ネットワークには接続できません。

ステップ 4. デバイスがネットワークに参加し、ペアコードが表示されるまで待ちます。

ステップ 3: デバイスを SenseCraft HMI に追加する

Wi-Fi の設定が完了したら、デバイスを SenseCraft HMI ワークスペースに追加します。

ステップ 1. Device ページを開き、Add Device をクリックします。

ステップ 2. デバイス名と ePaper 画面に表示されているペアコードを入力し、Create をクリックします。

ステップ 3. デバイスが Panel に表示されていることを確認します。

ステップ 4: 最初のページをデプロイする

デバイスがペアリングされると、SenseCraft HMI から ePaper 画面へコンテンツをデプロイできます。

最も手早く始める方法は、既存のテンプレートまたは組み込みの作成ツールのいずれかを使用することです。エディタの詳細なフローについては、公式入門ガイドに従ってください。

機能用途公式ガイド
Canvasテキスト、画像、ウィジェット、図形、データソースからページを作成します。ガイドを開く
AI Generationテキストプロンプトから画像やレイアウトを生成します。ガイドを開く
Galleryアップロードした画像やスライドショー形式のコンテンツを表示します。ドキュメントを開く
RSSRSS フィードから見出しや記事コンテンツを表示します。ドキュメントを開く
Web ContentWeb ページや Web ベースの情報パネルを ePaper ディスプレイ上にレンダリングします。ドキュメントを開く

以下の例は、7.3 インチ ePaper ディスプレイにデプロイされた SenseCraft HMI ページを示しています。

SenseCraft HMI page on a 7.3 inch ePaper display

7.3 インチ ePaper ディスプレイでの結果例

トラブルシューティング

Q1: フラッシュ中にコンピュータがデバイスを検出しないのはなぜですか?

これは通常、ブラウザがシリアルポートにアクセスできないか、ケーブルが充電のみに対応しているか、ボードが正しい USB 状態になっていないことを意味します。

  • データ転送に対応した USB-C ケーブルを使用してください。
  • USB ハブ経由ではなく、デバイスをコンピュータに直接接続してください。
  • RESET ボタンを押してから、ポート選択ウィンドウを再度開いてください。
  • 現在使用しているブラウザが Web シリアルフラッシングをサポートしていない場合は、Chromium ベースのブラウザを試してください。

Q2: デバイスが Wi-Fi に接続できないのはなぜですか?

最も一般的な原因は、サポートされていない Wi-Fi バンドを使用しているか、パスワードを誤って入力していることです。

  • 2.4 GHz の Wi-Fi ネットワークを使用してください。
  • Wi-Fi パスワードを注意深く再入力してください。
  • セットアップ中はデバイスをルーターの近くに移動してください。
  • 以前にデバイスを設定していた場合、保存されたネットワーク設定を消去して最初からやり直したいときにのみ Full Flash を使用してください。

Q3: フラッシュ後に画面に期待したセットアップ用 QR コードが表示されないのはなぜですか?

ファームウェアが接続されている画面と一致していないか、画面が正しく接続されていない可能性があります。

  • SenseCraft HMI Tools ページで、デバイスモデル、画面サイズ、ファームウェア項目を再確認してください。
  • ePaper フレックスケーブルを再接続する前に、ボードの電源を切ってください。
  • フレックスケーブルの向きとコネクタの種類がハードウェアに合っていることを確認してください。
  • 一致するファームウェアを再度フラッシュし、ePaper のリフレッシュが完了するまで待ちます。

Q4: デプロイしたページがエディタのプレビューと異なって見えるのはなぜですか?

ePaper パネルによって、解像度、色の表現能力、グレースケールの挙動、リフレッシュ特性が異なります。

  • ターゲット画面と同じ解像度でページを作成してください。
  • 画面解像度が低い場合は、非常に小さなテキストは避けてください。
  • モノクロまたはグレースケール画面では、コントラストの高い色を使用してください。
  • エディタとデプロイの詳細については、公式ドキュメントを確認してください。

リソース

技術サポート & 製品ディスカッション

弊社製品をお選びいただきありがとうございます。弊社は、製品をできるだけスムーズにご利用いただけるよう、さまざまなサポートを提供しています。お好みやニーズに合わせて選べる、複数のコミュニケーションチャネルをご用意しています。

Loading Comments...