[Micro:bit] Micro:bit Blockly PBL教材──主題1-1：左右手慢動作

Micro:bit Blockly PBL教材[1]

主題1-1：左右手慢動作

Ted Lee的土饅頭（To Mentor）工坊

FB2：http://gg.gg/TedLeeMicrobitFB/

URL2：http://gg.gg/TedLeeMicrobit/

Line：ted2016.kpvs
Email：Lct4246@gmail.com
FB1：http://gg.gg/TedLeeFB/

Blog：http://gg.gg/TedLeeBlog/
URL1：http://gg.gg/TedLeeURL/

Oct. 19, 2017

[2]

任務

千呼萬喚屎出來，TFBOYS終於要來台灣開演唱會了。
親愛的忠實粉絲們，請使用Basic積木抽屜中的7塊積木來設計要在會場搖彼吶喊的灯光秀吧！

1. show number：顯示數字，例：5487、9487。
2. show leds：自繪图案，例：大、火。
3. show icon：图庫區（按右上角的倒三角形[3]
   展開）。
4. show string：顯示字串（英文文字、數字串一串兒）。
5. pause：暫停。

还有更多：

1. clear screen：清除畫面。
2. show arrow：顯示東、西、南、北、東南、西南、東北、西北的八方位箭頭。

解說

1. 使用Google Chrome或Firefox瀏覽器──禁用Microsoft Internet Explorer（IE），在網址列上輸入關鍵字lets code後按下鍵盤的Enter鍵，點按搜尋排行榜第一名的連結連入官網。
2. 再點擊按鈕進入由微軟所維護的視覺化積木式線上開發網站Make Code
   （為了教學與學習方便記憶，我們會請學員記住關鍵字lets code的台語發音：拉死狗（let's code念快一點，而且要拉二次）。
3. 運用上節所提示的7塊積木並配合TFBOYS成名曲青春修煉手冊來設計您的彼特看板燈光秀。

教學活動設計

配合青春修煉手冊的歌詞，當唱到左手時請高舉左手秀出您精心設計的彼特燈光圖案；相同的，當唱到右手時舉起您的右手秀图並像這樣的大声歌唱唄！

跨科統整

1. 和美術整合：製作您專屬的妖怪手錶，並設計錶上顯示您精心設計的灯光图案。
2. 和音樂整合：如1，除了灯光外，甞試使用Music積木抽屜裡的積木（例如：單音Tone…）誏您的手錶能自己唱歌。

積木指标

Basic。

編程指标

循序執行（sequential execution）。

和108課綱的对照

• 科技領域 /資訊科技學習重點
• 學習表現：資t-IV-3能設計資訊作品以解決生活問題。

• 學習內容：資P-IV-1程式語言基本概念、功能及應用

• 科技領域核心素養：科-J-A2 具備理解情境與獨立思考的能力，並運用適當科技工具與策略，處理與解決生活問題與生命議題。

---

参考資料：

1. 本PBL教材皆採：任務、解說（含筆者多年教學經驗分享）、教學活動設計三大段的寫作架構撰文。
2. 六種授權條款。
3. 長大，究竟是得到的多？还是失去的多？
   
   筆者多年教授電腦的經驗中觀察到一個很有趣現象：年紀愈長愈怕使用電腦，而且是教一個口令做一個動作（沒教就聽牌）。
   年長者，除了記不住操作步驟外，有一個很重要的能力在退化：好奇心！
   社會化过程久了，變成多做多錯，不做不會錯了嗎？
   同樣一個軟、硬件丟給小小孩，我們常會驚奇的發現：沒教他，他自己摸摸，居然也會用了。
   最明顯的例子是88的iPad被小捧油偷去玩。然後他就能自己找到遊戲並開起來play play。
   所以就螢幕上有什麼玄機就按按看吧，按錯了，大不了重來唄。

[Micro:bit] 麥客友2017 10月社聚紀事＠Ted Lee的土饅頭

麥客友2017 10月社聚紀事

Ted Lee＠Ted Lee的土饅頭

FB（麥客樂彼特（Micro:bit）太好玩社）：https://www.facebook.com/groups/1958667900816453/
URL（麥客Lee自學工坊）：https://sites.google.com/view/microlee/home

Line：ted2016.kpvs

Email：Lct4246@gmail.com

Blog（泰布布）：http://lct4246.blogspot.tw/

URL（Ted's Bu　Bu）：https://sites.google.com/site/lct4246/

FB（Ted's BuBu）：https://www.facebook.com/ted.lee.10420321

Oct. 20, 2017

[1]

• 10152017，新北市政府，403會議室
  • 講題1：Micro:bit + DroidScript分享，亞翔工程，黃柏超首席工程師：1、2
  • 講題2：Micro:bit推動資訊教育普及化歷程分享，水立方工作室，林宏哲室長
  • 文件
    • Maker一哥鄭鴻旗特製
      • 海報
      • 浴洗
      • Logo
    • PPT
    • DroidScript
      • Controlling micro:bit with DroidScript
      • 首席手把手時間：
        • 1. Hello World
        • 2. Plugin for the BBC micro:bit
    • KS Robot的擴充板系列
    • 長榮大學執行教育部「扎根高中資訊教育計畫」ppt
  • 麥客友交流翦影：1、2、3
  • 照片集錦：1、2、3

---

参考資料：

1. 六種授權條款。

[micro:bit] 將micro:bit的Blockly專案包成可執行網址

將micro:bit的Blockly專案包成可執行網址

Ted Lee＠Ted Lee的土饅頭

FB（麥客樂彼特（Micro:bit）太好玩社）：https://www.facebook.com/groups/1958667900816453/
URL（麥客Lee自學工坊）：https://sites.google.com/view/microlee/home

Line：ted2016.kpvs

Email：Lct4246@gmail.com

Blog（泰布布）：http://lct4246.blogspot.tw/

URL（Ted's Bu　Bu）：https://sites.google.com/site/lct4246/

FB（Ted's BuBu）：https://www.facebook.com/ted.lee.10420321

Oct. 19, 2017

[1]

1.在Make Code官網的線上編輯網站左上方

按下按鈕。

2.產生專案分享的網址後將它貼到浏灠器的新分頁。

3.將網址列上最後的16位數字複製下來（例如：56797-95591-95640-61818）

。

4.將3複製妥的數字和「https://makecode.microbit.org/---run?id=」串成一完整網址（例如：https://makecode.microbit.org/---run?id=03960-23510-37169-69616）。

---

参考資料：

1. 六種授權條款。

[Micro:bit] Micro:bit Blockly PBL教材──主題1-4：海上有寶藏

Micro:bit Blockly PBL教材

主題1-4：海上有寶藏

Ted Lee的土饅頭（To Mentor）工坊

FB2：http://gg.gg/TedLeeMicrobitFB/

URL2：http://gg.gg/TedLeeMicrobit/

Line：ted2016.kpvs
Email：Lct4246@gmail.com
FB1：http://gg.gg/TedLeeFB/

Blog：http://gg.gg/TedLeeBlog/
URL1：http://gg.gg/TedLeeURL/

Oct. 19, 2017

[1]

• 程式概念：
• A、B鍵。
• 判斷（decision） 。
• 演算法（algorithm）。
• 想要我的寶藏嗎？
如果想要的話…
那就到海上去找吧 ，我全都放在那裡！
• 任務1：
• 建立直覌。
• 娜美的航海图。
  • Excel档。
• 任務2：列出想法。
• 任務3：想法轉成做法（程式）。
  • 步驟1，隨機產生宝藏位置，參考程式。
  • 步驟2，設定入口，參考程式。
  • 步驟3，由左向右移動，參考程式。
  • 步驟4，清除畫面，參考程式。
  • 步驟5，判斷是否找到宝藏，參考程式。
  • 步驟6，A上，參考程式。
  • 步驟7，B下，參考程式。

---

参考資料：

1. 六種授權條款。

[Micro:bit] Micro:bit Blockly PBL教材──主題1-6：心臟病

Micro:bit Blockly PBL教材

主題1-6：心臟病

Ted Lee＠Ted Lee的土饅頭

Ted Lee的土饅頭（To Mentor）工坊

FB2：http://gg.gg/TedLeeMicrobitFB/

URL2：http://gg.gg/TedLeeMicrobit/

Line：ted2016.kpvs
Email：Lct4246@gmail.com
FB1：http://gg.gg/TedLeeFB/

Blog：http://gg.gg/TedLeeBlog/
URL1：http://gg.gg/TedLeeURL/

Oct. 19, 2017

[1]

• 真實遊戲影片。
• 模擬遊戲影片。
• 程式refinement（精緻化）过程：
  • 第一版：
    1. 隨機出現方塊。
    2. A按下則出現向左箭頭。
    3. B按下則出現向右箭頭。

• 執行結果。

• 第二版：加計分功能。 
• 参考程式。
• 小挑战：改成撲克牌心臟病擬真實境。
• 數數板板：由1至13輪流亮灯。
• 拍手裁判板板：判斷哪個玩家最後拍手，並將目前累計的牌數送他。如果有人門清就玩完了。
• 玩家板板：按A鍵翻牌，如果翻牌數字和數數板板翻出的牌同，按B鍵表示拍手。最後拍手的板板吃下桌上所有板板。

---

参考資料：

1. 六種授權條款。

[Micro:bit] Micro:bit Blockly PBL教材──主題1-8：端盤子＠Ted Lee的土饅頭

Micro:bit Blockly PBL教材
主題1-8：端盤子

Ted Lee＠Ted Lee的土饅頭

FB（麥客樂彼特（Micro:bit）太好玩社）：https://www.facebook.com/groups/1958667900816453/
URL（麥客Lee自學工坊）：https://sites.google.com/view/microlee/home

Line：ted2016.kpvs

Email：Lct4246@gmail.com

Blog（泰布布）：http://lct4246.blogspot.tw/

URL（Ted's Bu　Bu）：https://sites.google.com/site/lct4246/

FB（Ted's BuBu）：https://www.facebook.com/ted.lee.10420321

Oct. 19, 2017

[1]

• 畢古麻姆（Big Mom）大媽親點的新口味甜奌，烘焙師傅已準備好了。趕快用您那隻最穩固的右手端出去給大媽嚐嚐吧！ 
• 影片。
• 教材。
• 玩耍規則：80%
  1. 把要呈給大媽的甜奌盤子（小彼特，Micro:bit）端好，端送途中如果灑了（滑出小彼特邊界），你是知道大媽的脾氣的…。
  2. 運送过程中要不斷搖晃以保持最高新鮮度，而且搖愈多下愈好（基本款30以上）。
  • *執行結果（模擬器無shake功能，無法測）。
  • 提示1：用健康計步器的程式碼來改。
  • 提示2：重力感測器的三軸。
  • 參考程式。
• 小挑战系列：任選一題20%
  1. 可提示搖晃次數。
  2. 按A按鈕可暫停遊戲。
  3. 增加規則：左晃三圈、右晃三圈！
  4. 新增護盤偵測：晃到邊邊會彈回。
  5. 第二関：大媽加奌特製「晃奌」奶茶。一塊兒端出去唄！
  6. 增加計時功能，看誰最快端去給大媽品甞。

---

参考資料：

1. 六種授權條款。

[Micro:bit] Micro:bit感測器套件包剖析＠Ted Lee的土饅頭

Micro:bit感測器套件包剖析

Ted Lee＠Ted Lee的土饅頭

FB（麥客樂彼特（Micro:bit）太好玩社）：https://www.facebook.com/groups/1958667900816453/
URL（麥客Lee自學工坊）：https://sites.google.com/view/microlee/home

Line：ted2016.kpvs

Email：Lct4246@gmail.com

Blog（泰布布）：http://lct4246.blogspot.tw/

URL（Ted's Bu　Bu）：https://sites.google.com/site/lct4246/

FB（Ted's BuBu）：https://www.facebook.com/ted.lee.10420321

Oct. 8, 2017

[1]

文檔分享在此！

---

参考資料：

1. 六種授權條款。

[7688 Duo] 7688 Duo之MRAA控LED篇@Ted好玩自學工坊

7688 Duo之MRAA控LED篇[1]

Ted Lee＠Ted好玩自學工坊

Line：ted2016.kpvs

Email：Lct4246@gmail.com

Blog（泰布布）：http://lct4246.blogspot.tw/

URL（Ted's Bu　Bu）：https://sites.google.com/site/lct4246/

FB（Ted's BuBu）：https://www.facebook.com/ted.lee.10420321

Sep. 5, 2017

[2]

---

参考資料：

1. https://1drv.ms/w/s!AhOqxcAQLpv4iZ1XIBnA6HPIpjW71Q。
2. 六種授權條款。

[App Inventor 2] App Inventor 2較快速的模擬器Genymotion@Ted好玩自學工坊

App Inventor 2較快速的模擬器Genymotion

Ted Lee＠Ted好玩自學工坊

Line：ted2016.kpvs

Email：Lct4246@gmail.com

Blog（泰布布）：http://lct4246.blogspot.tw/

URL（Ted's Bu　Bu）：https://sites.google.com/site/lct4246/

FB（Ted's BuBu）：https://www.facebook.com/ted.lee.10420321

Sep. 3, 2017

[1]

前情提要　我知道和筆者一樣都窮到只剩下iPhone，但是玩Android apps程式開發，不準備一隻Android測試機或平板是不行的啦！

aiStarter　Android apps在開發的过程中要進行測試時，除了在平板或手機上進行硬体實測外，也可以使用軟体模擬器（simulator）執行。MIT官方有釋放出一個標準版本叫aiStarter，可在Windows、mac OS和Linux的作業系統平台上執行[2]。但殘念的是，除了模擬器和實機有龜速的同步（synchronous）功能外，其執行速度慢到加非一杯接一杯！

Genymotion　為了因應教學上禁止誏學生帶手機、學生部份只有iPhone機的情況下，我們需要找一個有奌慢（模擬器不是真實的硬体，執行起來當然是慢）又不會太慢的軟件模擬器來拯救教學現況。千挑萬选之下，我們在CAVEDU教育团隊的網站上，找到阿吉老師的這篇：模擬器新選擇 – GenyMotion！
整個設計流程也很簡單：安裝和設定。

安裝Genymotion　目前最新的版本為2.10，但…但…但不要裝它喔，因為本來無限期試用會立馬縮水成一個月（和Mx的Ax一樣，我書寫一半就gg了，最後还綁我兩個門號、四張信用卡）。所以，請找genymotion-2.7.2-vbox.exe（如果連結的載奌失效，請上網自行尋找）這個版會比較無痛。其中，您要先到Genymotion官網註冊取得一組帳密，在安裝过程中輸入後即可完成。請留意，Genymotion是要模擬APK檔在Android作業系統上執行的，所以安裝的过程中會順便裝一台虛擬機（Vistualbox）。

設定Genymotion　這個步驟的重奌只有兩個选擇支援的API版本（4.3 - API 18- 768x1280）及預設解析度（480x854 - 240dpi）。之後，按Geny左上角的Start鈕一下啟動Geny（我是說一下吧，為何您按兩下？）。等到Geny完成開機後，就可以看到一個指針式的時鐘高掛在後頭（若您等了很久还是一片黑，請関閉Geny再start一次；若不成，Geny+Genymotion for personal use一起重啟；什麼，还是不行，那就…重開機！

執行APK　在App Inventor 2上產生專案的APK檔後，直接拖曳（drag and drop）到Genymotion上放開滑鼠，Geny就會自動執行上傳、安裝、執行。

後記　我們在某校的教師機上測試時，發生Geny和硬体廣播互衝，造成硬体廣播系統無法控制學生機開、関機。因為Geny啟動Virtualbox（可在網路連線時看到）後會造成網路通訊埠（port）衝突。感謝簡国泰老師協助解決。

---

参考資料：

1. 六種授權條款。
2. 可以跨軟体平台？对，就和您想的一樣：Java、web。aiStart要先安裝JRE（Java Runtime Environment），然後本機端啟用一隻中介程式（middleware）。之後就可以在浏灠器（browser）上進行程式開發。

[7688 Duo] 7688 Duo之登入密碼忘記篇@Ted好玩自學工坊

7688 Duo之登入密碼忘記篇[1]

Ted Lee＠Ted好玩自學工坊

Line：ted2016.kpvs

Email：Lct4246@gmail.com

Blog（泰布布）：http://lct4246.blogspot.tw/

URL（Ted's Bu　Bu）：https://sites.google.com/site/lct4246/

FB（Ted's BuBu）：https://www.facebook.com/ted.lee.10420321

Jan. 2, 2017

[2]

---

参考資料：

1. https://1drv.ms/w/s!AhOqxcAQLpv4iZ1Y5MXarptPxEgpLg。
2. 六種授權條款。

[Ted好玩專欄：AI2] 紫外線強度查詢App抓虫記@Ted好玩自學工坊

紫外線強度查詢App抓虫記@Ted好玩自學工坊

Ted Lee

Jul. 17, 2017

Line：ted2016.kpvs

Email：Lct4246@gmail.com

Blog（泰布布）：http://lct4246.blogspot.tw/

URL（Ted's Bu　Bu）：https://sites.google.com/site/lct4246/

FB（Ted's BuBu）：https://www.facebook.com/ted.lee.10420321

[1]

本文將以手把手的方式帶領讀者破解《紫外線強度查詢》[2]一文的抓虫奇幻之旅！

• 現象：下載該文文末的getUV_v2.aia安裝後執行時發生如图1的錯誤！

图1：getUV_v2.aia執行錯誤畫面。

• 錯誤分析：

1.觀察：仔細觀看图1的錯誤說明，它指出是List（就是C、Java…的陣列（array）結構）的索引值（index）过大（图2） 。

图2：錯誤訊息指出List的索引值異常。

2.比对：原著上伝的時間為2015年6月8日，而筆者測試的時間為2017年7月16日。隨後筆者詢問原著阿吉老師（曾吉弘），他表示此範例發表後陸續在課堂上教學時皆能正常執行！故應該研判可能肇因為新舊版程式執行环境的相容性（compatibility）、資料格式（data format）有改或API呼叫方式有異动…。

图3：原著上伝的日期。

• 解方探索：稍微讀取原app的積木程式後，讀者不難發現，原著將中央氣象局釋出的34筆全省各縣市紫外線開放資料（open data）的JSON格式檔（图4）以App Inventor（文後皆以AI2簡稱之）的剖析程式（parser）將之讀入json變數中（图5）。

图4：中央氣象局釋出的34筆全省各縣市紫外線開放資料的JSON格式檔。

而剩下的程式則依各縣市名稱而將每筆資料切出SiteName、UVI、PublishAgency、County、WGS84Lon、WGS84Lat、PublishTime七個欄位值──編譯程式（compilers）的專業術語稱為标記（tokens）。

图5：將中央氣象局的全省各縣市紫外線資料讀入json變數之中。

所以，我們將此json變數印出在畫面上（图6），並將原中央氣象局的JSON資料丟號到線上版的JSON剖析程式对照之（图7）。

图6：在app中將json變數印出。

图7：图4的JSON資料之視覺化呈現。

一比較图6及图7後，眼尖的讀者應該赫然發現了大白的弟弟小白（真「像」大白）：欄位名稱順序不一樣！

图6：County、PublishAgency、PublishTime、SiteName、UVI、WGS84Lat、WGS84Lon

图7：SiteName、UVI、PublishAgency、County、WGS84Lon、WGS84Lat、PublishTime

而且，图6是照英文字母順序由小到大排序（sorted）的！

• 結論：最後，我們將原始程式的經緯度取出標記的欄位順序調整如图8所示即大功告成，修改後的程式為getUV_V3_TedLee_07172017.aia。此外，請留意JSON、C、Java、Android…類似陣列結構的東東都是從0起跳，但這個AI2是從1喔！

图8：取經緯度時切割標記的欄位順序調整。

• 高手必練1：將图8改為欄位順序不固定時仍可順利抓到正確的欄位值。
• 高手必練2：选完縣市後立即念出該縣市的紫外線指數。

---

参考資料：

1. 六種授權條款。
2. [App Inventor 教學] 取得中央氣象局即時紫外線強度資料，CAVEDU教育团隊技術部落格，曾吉弘。