# 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)