869 views
#### 回到 [`教學大綱`](https://md.kingkit.codes/s/siSKyknlU) / [`Web:AI 程式積木`](https://md.kingkit.codes/s/X4vMmbtp_) <style> blockquote.announcement { background-color: #f4aa14; height: 50px; width: 100%; display: flex; justify-content: center; border-left: none; } blockquote.announcement p { color: white; height: 100%; align-items: center; display: flex; } .announcement a { background-color: rgba(0, 0, 0, 0.2); text-decoration: none; padding: 6px 16px; border: 1px; border-radius: 8px; color: #fff; line-height: 30px; } </style> <blockquote class="announcement"> <p> Webduino 學習手冊網站即將改版,提供您更好的閱讀體驗!<a href="https://resource.webduino.io/docs/webai" target="_blank" rel="noopener" >搶先試用</a > </p> </blockquote> # 開發板 Web:AI 提供了兩種控制開發板的方式,分別是 **USB** 和 **Wi-Fi**,透過這兩種不同操控方式的互相搭配,不論各種情境都能隨心所欲的控制。 - USB:可以在沒有網路的情況下,透過 USB 連線操控, - Wi-Fi:可以進行無線遠端遙控, ![](/uploads/upload_aa2f2afd7ec1b7287a44bdb6bd877b0b.jpg) ## 使用方式 ### 輸入 Device ID 每塊開發板都會有各自的 Device ID,[程式積木平台](https://ai-blockly.webduino.io/#/) 及 [影像訓練平台](https://vision.webduino.io/) 都是藉由 Device ID 來進行控制。 當開發板完成韌體更新後,重新開機就會看到一組 Device ID,將這組 Device ID 填入開發板積木中 ![](/uploads/upload_a37bf088a59ae14a3639fa19bbe83548.png) ### 放入程式積木並執行 先拿一塊積木作為測試,從左側積木欄位中點擊「LCD 螢幕」,抓取「LCD 顯示圖片」積木放入「開發板」積木中。 ![](/uploads/upload_f2a4ecff047bbb8fd316146882dace08.png) 組合如下圖,按下右上角「執行」,即可在螢幕上看到「Webduino」。 ![](/uploads/upload_76d6626876e21dddf2c1a45a9bf4d4ca.png)