陳旭光教學部落格: 4月 2019

2019年4月29日星期一

迷宮9至10關

第9關

第10關

2019年4月28日星期日

程式設計-App Inventor 2練習作業

一:登入google帳密及google搜尋app inventor
二:google搜尋aistarter並安裝,模擬手機介面
三:面積與周長設計，參考範例一、二
四:小鋼琴設計素材檔，參考範例三，素材檔下載位置：素材檔
五、完成作品繳交(build\save .apk to my conputer),在下載區找到您的.apk檔，上傳至數位學習平台的議題討論區。

範例一.jpg (294,140 bytes)

範例二.jpg (237,689 bytes)

範例3.docx (676,614 bytes)

App inventor2+Micro:bit

(2017/12/20)

有朋友說：學生需要利用bit內的加速器偵測到物體移動後,將訊號傳致手機上！這讓我想到用App Inventor2寫手機APP應該可以做到，也藉此機會來學習App Inventor2的程式寫作~~

以下有一系列參考資料可參考

一、基本的藍芽連接設定

參考文章：http://www.astar-tek.com.tw/news/app-inventor-iot-basic-bluetooth-connection-setup/
進入 app inventor2 (http://ai2.appinventor.mit.edu)
建立一個新專案，命名為BasicIoTSetup
拉出一個【水平排列】的框
並在其中添加4個按鈕。重命名按鈕：ButtonScan，ButtonStopScan，ButtonConnect和ButtonDisconnect。
在【水平排列】下方添加一個標籤。重命名LabelStatus並將其文本更改為 Status：
將ListView拉到Status:下方，並將其重命名為ListBLE
接下來，我們要安裝BluetoothLE擴展，點選import extension
BluetoothLE extension 的連結網址 http://iot.appinventor.mit.edu/assets/edu.mit.appinventor.ble.aix
將【藍牙擴展】拖放到Screen1上，因為它是不可見的組件，所以它會顯示在Screen1的下方
接下來，點選Blocks開始寫程式了
當ButtonScan.Click
當 ButtonStopScan.Click
當 ButtonConnect.Click
當 ButtonDisconnect.Click
按Scan後，要列出可用的藍牙設備
與藍牙設備連接後
當藍牙設備斷線後
大功告成，點選Build/App(provide QR code for .apk)，並利用手機掃描QR code 來下載檔案到手機
利用手機來測試，執行BasicIoTSetup

二、利用手機讀取 Microbit 的 Temperature

參考資料：http://www.astar-tek.com.tw/news/%E7%94%A8appinvnetor-%E5%AF%AB%E7%89%A9%E8%81%AF%E7%B6%B2%E7%9A%84%E7%AC%AC%E4%B8%80%E5%80%8B-app-%E5%BE%9E-microbit-%E8%AE%80-temperature/
使用App Inventor 寫程式來讀取micro:bit控制器上的溫度傳感器，藍牙程式同上
接下來加入讀取micro:bit 溫度的擴展功能 http://iot.appinventor.mit.edu/assets/com.bbc.microbit.profile.aix
產生很多micro:bit相關的東西，這次只讀取溫度，所以選擇Microbit_Temperature
在Microbit_Temperature1的“屬性”選項卡中，將BluetoothDevice設置為“BluetoothLE1”
再拉一個Label到LabelStatus和ListBLE之間，重新命名為LabelData，其text改為Data:
好，開始來將與溫度有關的程式寫進去，點選Blocks開始寫程式了
當藍牙連接成功後，把溫度值也叫過來
接下來，我們要增加一個變數來儲存從傳感器接收到的數據(溫度)，起始值為“0”。
當我們得到新數據時，讓我們製作一個新的副程式來顯示LabelData中的當前讀數。
當取得micro:bit 的溫度時
也可以不用這兩個，直接下面程式即可

程式完成，再將檔案下載到手機來測試
完成！

三、利用手機來控制 Microbit 的 LED顯示器

參考資料：http://www.astar-tek.com.tw/news/appinventor-iot-microbit-led/
使用App Inventor 寫程式來控制micro:bit上LED顯示器上的內容，藍牙程式同上
接下來加入讀取micro:bit LED的擴展功能 http://iot.appinventor.mit.edu/assets/com.bbc.microbit.profile.aix(同上，如果做過就不用再做一次)
產生很多micro:bit相關的東西，這次要控制LED，所以選擇Microbit_LED
在Microbit_Led1的“屬性”選項卡中，將BluetoothDevice設置為“BluetoothLE1”
接下來加入一個TextBox及兩個按鈕，第一個按鈕改名為WriteLEDButton並將其Text屬性更改為write to LED；第二個按鈕改名為SmileyButton，並將其Text屬性更改為Draw Smiley。
開始來將與LED有關的程式寫進去，點選Blocks開始寫程式了
當 WriteLEDButton.Click
建一個畫笑臉的副程式
當 SmileyButton.Click
程式完成，再將檔案下載到手機來測試
測試完成，但畫笑臉好像有問題！

四、偵測到物體移動後,將訊號傳到手機上

以上為學習課程，照著別人的講義來做，接下來偵測到物體移動(micro:bit)後，將訊號傳到手機
這部分因不知如何呈現，所以學前面讀取溫度的方式來取得Accelerometer上X、Y、Z的值
使用App Inventor 寫程式來讀取micro:bit上Accelerometer上X、Y、Z的內容，藍牙程式同上
接下來加入讀取micro:bit Accelerometer的擴展功能 http://iot.appinventor.mit.edu/assets/com.bbc.microbit.profile.aix(同上，如果做過就不用再做一次)
Accelerometer
作法同上，再增加三個Label來呈現X、Y、Z的值
程式的部分：
當藍牙連接成功後，把Accelerometer值也叫出來
增加X、Y、Z三個變數
顯示X、Y、Z的值
這樣就可以在手機顯示X、Y、Z的值了，再看後續要做何運用，再做處理！

五、其他

訂閱：文章 (Atom)