Skip to main content

SenseCraft HMI を使用した XIAO ePaper ディスプレイボード EE04

はじめに​

SenseCraft HMI は、Seeed Studio の強力なクラウドベースのインターフェース設計プラットフォームで、コーディングなしでスクリーンベースのデバイス用のプロフェッショナルな視覚的インターフェースを作成できます。直感的なドラッグアンドドロップエディタ、事前構築されたテンプレート、AI 搭載の設計機能により、SenseCraft HMI はハードウェアを美しい情報ディスプレイ、ダッシュボード、デジタルサイネージ、コントロールパネルに簡単に変換できます。

XIAO ePaper Display Board(ESP32-S3) - EE04 の発売により、この機能はさらに拡張されます。SenseCraft HMI の力を基盤として、XIAO ePaper Display Board(ESP32-S3) - EE04 はプラットフォームとシームレスに統合され、ユーザーがカスタマイズされた視覚的インターフェースを簡単に設計・展開できます。この統合により、SenseCraft HMI エディタから直接、エレガントで低消費電力の ePaper ダッシュボード、情報パネル、スマートホームディスプレイを作成できます — 一行のコードも書く必要がありません。

ハードウェア概要​

このチュートリアルでは、XIAO ePaper Display Board (ESP32-S3) - EE04 と 7.3" Spectra™ 6 E-Ink ディスプレイを組み合わせて実習を完了します。

XIAO ePaper Display Board(ESP32-S3) - EE047.3" spectra™ 6 E-Ink
今すぐ入手 🖱️
今すぐ入手 🖱️

ePaper ディスプレイ対応タイプ​

この XIAO ePaper Display Board(ESP32-S3) - EE04 は、24 ピンと 50 ピンの 2 つのコネクタオプションを提供し、さまざまな画面サイズをサポートします。以下のリストからディスプレイに合うものを選択してください。

24 ピンコネクタ​

tip

XIAO ePaper Display Board(ESP32-S3) - EE04 を使用する際は、ePaper ディスプレイのタイプに応じてジャンパーを設定してください：

  • 24 ピン ePaper ディスプレイの場合 → ジャンパーを 24 ピンに設定

⚠️ 間違ったジャンパー設定を使用すると、ePaper の表示が失敗したり、異常なコンテンツが表示される可能性があります。電源を入れる前に、必ずジャンパーの位置を再確認してください。

50 ピンコネクタ​

tip

XIAO ePaper Display Board(ESP32-S3) - EE04 を使用する際は、ePaper ディスプレイのタイプに応じてジャンパーを設定してください：

  • 50 ピン ePaper ディスプレイの場合 → ジャンパーを 50 ピンに設定

⚠️ 間違ったジャンパー設定を使用すると、ePaper の表示が失敗したり、異常なコンテンツが表示される可能性があります。電源を入れる前に、必ずジャンパーの位置を再確認してください。

入門ガイド​

XIAO ePaper Display Board(ESP32-S3) - EE04 を使用して、独自のインタラクティブ HMI プロジェクトを素早く作成できます。 ボードを接続し、SenseCraft HMI を開いて、ブラウザで直接インターフェースの設計を開始するだけです — コーディングは不要です。

SenseCraft HMI 登録​

まず、右上のボタンをクリックして SenseCraft HMI プラットフォームでアカウントを登録してください。

SenseCraft HMI 🖱️

XIAO ePaper Display Board EE04 ファームウェア書き込み​

登録完了後、メニューバーの "Tools" をクリックしてファームウェア書き込みセクションに入ります。

このページでは、2 つの ePaper ディスプレイモデル用のチュートリアルファームウェアが見つかります：7.3" フルカラーディスプレイ (800×480) と 7.5" モノクロームディスプレイ (800×480) です。

tip

現在、XIAO ePaper Display Board(ESP32-S3) - EE04 は 7.5 インチと 7.3 インチモデル用の HMI ファームウェアのみを提供しています。今後アップデートが提供される予定です。

ステップ 1 . 7.3 "フルカラーディスプレイ 800*480 を選択します

ステップ 2 . 最新のファームウェア EE04_7_3_color_1.0.5 を選択します

ステップ 3 . Flash をクリックして 7.3" フルカラーディスプレイ (800×480) ファームウェアを XIAO ePaper Display Board (ESP32-S3) - EE04 にアップロードします。

Flash をクリックすると、プラットフォームはポート選択ウィンドウを表示します。XIAO ePaper Display Board (ESP32-S3) - EE04 に対応するポートを選択して接続を確立してください。

  • Full Flash : Full Flash を有効にすると、Wi-Fi ネットワークやユーザーパネルデータを含む、デバイスに保存されたすべての情報がクリアされます。
tip

ポートが表示されない場合は、ボードの RESET ボタンを押して接続を更新してください。


ステップ 4 . ディスプレイ出力を確認します

ファームウェアが正常に書き込まれた後、ePaper ディスプレイは短時間点滅し、その後以下の画面を表示します。 2 つの QR コードが表示され、それぞれスキャンすると異なるページに移動します。

  • User Guide : wiki の HMI 基本使用セクションに移動します。

  • Wi-Fi Setup : ローカルネットワーク設定で、デバイスを SenseCraft HMI に接続するよう設定します。


設定はまだ完了していません。以下の手順に従って ネットワーク設定 を続行し、設定を完了してください。

ネットワーク設定​

ステップ 1 . スマートフォンまたはコンピューターから ePaper DIY Kit の Wi-Fi アクセスポイントに接続します。AP 名は画面に表示されます（パスワード不要）。ネットワーク認証情報は XIAO ePaper Display Board(ESP32-S3) - EE04 です

ステップ 2 . 接続後、インク画面上の QR コードをスキャンすると、お使いの携帯電話が自動的に Wi-Fi 設定ページにリダイレクトされます。リダイレクトされない場合は、ブラウザを開いて 192.168.4.1 に移動してください。

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

tip

XIAO ePaper Display Board(ESP32-S3) - EE04 は 2.4GHz Wi-Fi ネットワークのみをサポートし、5GHz やその他の帯域はサポートしていません。

ステップ 4 . 接続が完了すると、画面に対応するペアコードが表示されます。

SenseCraft プラットフォームへの追加​

ステップ 1 . Workspace セクションに移動し、Add Device をクリックします。

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

ステップ 3 . ペアリングが完了すると、Workspace の下にデバイス名が表示されます。

これで XIAO ePaper Display Board (ESP32-S3) - EE04 をデバイスに正常に接続できました。SenseCraft HMI の基本機能を探索し始めることができます。

ダッシュボードの作成​

XIAO ePaper Display Board(ESP32-S3) - EE04 は SenseCraft HMI プラットフォームとシームレスに統合され、デバイス用のコンテンツを作成・カスタマイズするための強力なツールを提供します。ここでは段階的な操作を詳しく説明する代わりに、プラットフォームの主要機能を探索して、何が可能かを理解していただきます。

note

このデモンストレーションでは 7.3 インチ画面を例として使用しています。異なるサイズに交換する場合は、以下の点にご注意ください：

  • 画面フレックスケーブルの向き（表と裏）を確認してください。
  • ピンヘッダーの数が一致することを確認してください。
  • 対応するサイズのカバーキャップを使用してください。
  • フレックスケーブルを取り付ける際は、曲げすぎや過度な折り曲げを避けてください。

SenseCraft HMI の機能​

次に、簡単な使用例とともに SenseCraft HMI の 5 つの基本機能を探索します。より詳細な情報については、以下の SenseCraft HMI 概要 をクリックして、追加機能の詳細な説明をご覧ください。

AI ジェネレーター​

人工知能にダッシュボードをデザインしてもらいましょう！表示したい情報を簡単に説明するだけで、AI ジェネレーターが魅力的で機能的なレイアウトを自動的に作成します。これは、手動でデザイン作業を行うことなく、天気表示、カレンダー、To-Do リスト、情報パネルを素早く生成するのに最適です。

AI ジェネレーター について詳しく学ぶ


ePaper ディスプレイ結果

7.3-Inch ePaper Display

7.3 インチ ePaper ディスプレイ

ギャラリー​

XIAO ePaper Display Board(ESP32-S3) - EE04 をギャラリー機能でデジタルフォトフレームに変身させましょう。お気に入りの画像をアップロードすると、プラットフォームが ePaper ディスプレイ用に最適化します。カスタム遷移時間でスライドショーを作成できます。

ギャラリー について詳しく学ぶ


ePaper ディスプレイ結果

7.3-Inch ePaper Display

7.3 インチ ePaper ディスプレイ

キャンバス​

キャンバスを使用してダッシュボードをゼロからデザインしましょう。さまざまな要素を提供するドラッグアンドドロップインターフェースです：

  • カスタマイズ可能なフォントとサイズのテキストブロック
  • 画像プレースホルダー
  • 時刻、日付、天気のウィジェット
  • データ可視化ツール
  • レイアウト整理用の図形と区切り線

キャンバス について詳しく学ぶ


ePaper ディスプレイ結果

7.3-Inch ePaper Display

7.3 インチ ePaper ディスプレイ

RSS フィード統合​

RSS フィードをダッシュボードに追加して、お気に入りのニュースソースやウェブサイトの最新情報を入手しましょう。RSS 機能により、複数のソースからヘッドライン、要約、または完全な記事を表示できます。

ここでハイパーリンクをコピーする必要があります。以下の 2 つの推奨オプションがあります：

RSS フィード統合 について詳しく学ぶ


ePaper ディスプレイ結果

7.3-Inch ePaper Display

7.3 インチ ePaper ディスプレイ

ウェブコンテンツ表示​

人工知能にダッシュボードをデザインしてもらいましょう！表示したい情報を簡単に説明するだけで、AI ジェネレーターが魅力的で機能的なレイアウトを自動的に作成します。これは、手動でデザイン作業を行うことなく、天気表示、カレンダー、To-Do リスト、情報パネルを素早く生成するのに最適です。

ウェブコンテンツ表示 について詳しく学ぶ


ePaper ディスプレイ結果

7.3-Inch ePaper Display

7.3 インチ ePaper ディスプレイ

リファレンス & リソース​

SenseCraf HMI

  • SenseCraft HMI 入門：SenseCraft HMI の使用方法をより深く理解し、その機能を最大限に活用してプロジェクトを向上させるのに役立ちます。

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

弊社製品をお選びいただきありがとうございます！弊社製品での体験が可能な限りスムーズになるよう、さまざまなサポートを提供しています。さまざまな好みやニーズに対応するため、複数のコミュニケーションチャネルを提供しています。

Loading Comments...