#### 回到 [`教學大綱`](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)