---
# System prepended metadata

title: 'Web:Bit開發板程式練習'
tags: [物聯網程式設計]

---

# Web:Bit開發板程式練習
## 30208邱泓諭 :-1: :100:
###### tags: `物聯網程式設計`

## 測試連線
* [連線網址](https://fustyles.github.io/webduino/MyFirmata_bit.html?bit89d65)
* ![image](https://hackmd.io/_uploads/HJu4t9zske.png)



:::danger
## 指定題
>[!Note] 指定題: 基本練習8選4
> 01 心跳撲通通／02 看誰按得快／03 流動的沙子／04 隨機顯示數字
> 05 溫度計／06 搖骰子／07 指北針／08 播放音樂
:::

## 1.心跳撲通通
* 積木程式擷圖
![image](https://hackmd.io/_uploads/HJWkJjzjkl.png)

* [程式執行連結](https://webbit.webduino.io/blockly/?demo=default)
* [json檔下載](https://drive.google.com/file/d/1SgoUz5v-OhZnTBhgnrRc7hV3IHSzXmkb/view?usp=sharing)

## 2.看誰按得快(按鈕開關)
* 積木程式擷圖
![image](https://hackmd.io/_uploads/r1YcJiziyl.png)
* [程式執行連結](https://webbit.webduino.io/blockly/?demo=default)
* [json檔下載](https://drive.google.com/file/d/1UrIpEy648gXzTKr-DW7U95vo1dmd5iIH/view?usp=sharing)

## 3.隨機顯示數字
* 積木程式擷圖
![image](https://hackmd.io/_uploads/H1hSloziJg.png)

* [程式執行連結](https://webbit.webduino.io/blockly/?demo=default)
* [json檔下載](https://drive.google.com/file/d/1b64LybVkUPlbAha6ZaC37j2WUX96ULN4/view?usp=sharing)

## 4.溫度計
* 積木程式擷圖
![image](https://hackmd.io/_uploads/Bkn1bjfiyg.png)

* [程式執行連結](https://webbit.webduino.io/blockly/?demo=default)
* [json檔下載](https://drive.google.com/file/d/1h9M9DlsyHfUnYVC0IK3Dv-ENIf9Zd3g2/view?usp=sharing)

---
:::warning
## 作業練習題
>[!Note] 作業練習: 7選4
> 01 Line回傳表情符號／02 Line回傳氣象資訊／03 顯示倒數5秒／
> 04 空氣品質即時資訊／05 製作空污旗／06 偵測亮度及溫度／07 計步器
:::

## 1.Line回傳表情符號
* 積木程式擷圖
![image](https://hackmd.io/_uploads/S1ySLoGj1l.png)
* [程式執行連結](https://webbit.webduino.io/blockly/?demo=default)
* [json檔下載](https://drive.google.com/file/d/1y9HSn--2vz_YKpSLIEr4uUvUcTMg3SvK/view?usp=sharing)

## 2.Line回傳氣象資訊
* 積木程式擷圖
![image](https://hackmd.io/_uploads/HyO1o2Lylg.png)
* [程式執行連結](https://webbit.webduino.io/blockly/?demo=default)
* [json檔下載](https://drive.google.com/file/d/1r-tsKCc_vUKTtrGkOWaJP0b7bSdvI2Ob/view?usp=sharing)

## 3.顯示倒數5秒
* 積木程式擷圖
![image](https://hackmd.io/_uploads/HyySwoGsJe.png)
* [程式執行連結](https://webbit.webduino.io/blockly/?demo=default)
* [json檔下載](https://drive.google.com/file/d/1U0f-cDbupWdHCQTty4sHtQAGfXJ7G75Z/view?usp=sharing)

## 4.偵測亮度及溫度
* 積木程式擷圖
![image](https://hackmd.io/_uploads/BJCNA6ij1e.png)
* [程式執行連結](https://webbit.webduino.io/blockly/?demo=default)
* [json檔下載](https://drive.google.com/file/d/11fh9snPrPBG2wWplZwZMxpmpURXLADJs/view?usp=sharing)

:::danger
## 自創題
>[!Note] 結合上述練習題目及官方範例教學, 改寫並自創實作2題
> 1. [Google試算表](https://resource.webduino.io/docs/webbit/extension/google-spreadsheet)
> 2. [英語會話(使用Google試算表)](https://resource.webduino.io/docs/webbit/extension/english-spread-sheet)
> 3. [英語會話(使用程式積木)](https://resource.webduino.io/docs/webbit/extension/english-blockly)
> 4. [錄音＆音量](https://resource.webduino.io/docs/webbit/extension/microphone)
:::

## 1.偵測溫度亮度並記錄在試算表
* 題目說明：偵測溫度亮度並記錄在試算表，上面也有附年月日和執行當下時間。
* 積木程式擷圖
![image](https://hackmd.io/_uploads/BJhEdAsi1l.png)
* 執行結果
![image](https://hackmd.io/_uploads/SJfPOCjoJe.png)
![image](https://hackmd.io/_uploads/BkIDdRooyx.png)

* [程式執行連結](https://webbit.webduino.io/blockly/?demo=default)
* [json檔下載](https://drive.google.com/file/d/1nwRltaWXknjhms6-l5Ice-CBOHg8MO6G/view?usp=sharing)
* [試算表連結](https://docs.google.com/spreadsheets/d/13PsGVf2hancBlCaoS9zS8bT2fhRRvaSLYzby0dOvo9Q/edit?gid=0#gid=0)
## 2.從Line偵測麥克風錄音並回傳貼圖
* 題目說明：按下麥克風的符號錄音傳給Line，然後Webbit Line bot回傳貼圖，外帶錄音音量。
* 積木程式擷圖
![image](https://hackmd.io/_uploads/HkjTn0so1e.png)
* [程式執行連結](https://webbit.webduino.io/blockly/?demo=default)
* [json檔下載](https://drive.google.com/file/d/1Njm25KjniQSyjJ0jL_q9qHlpAv-z8uHd/view?usp=sharing)