Skip to main content

XIAO ePaper Display Board EE04 と SenseCraft HMI

はじめに​

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" をクリックしてファームウェア書き込みセクションに入ります。

tip

現在、XIAO ePaper Display Board(ESP32-S3) - EE04 では以下の ePaper 画面がサポートされています：

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

異なるサイズの ePaper ディスプレイを使用したい場合は、以下と同じ手順に従ってください。

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

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

tip

SenseCraft HMI プラットフォームは定期的に更新され、新しいファームウェアバージョンが随時リリースされます。

最高の互換性とパフォーマンスを確保するため、必ず最新のファームウェアバージョンを選択して使用してください。

ステップ 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に接続するよう設定します。


設定はまだ完了していません。以下の手順に従ってNetwork Setupを続行し、設定を完了してください。

ネットワーク設定​

ステップ 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ジェネレーターが自動的に魅力的で機能的なレイアウトを作成します。これは、手動でデザイン作業を行うことなく、天気表示、カレンダー、ToDoリスト、または情報パネルを素早く生成するのに最適です。

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 リスト、または情報パネルを素早く生成するのに最適です。

Web Content Displayについて詳しく学ぶ


ePaper ディスプレイ結果

7.3-Inch ePaper Display

7.3インチ ePaper ディスプレイ

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

SenseCraf HMI

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

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

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

Loading Comments...