37
Coder MakerCreator Micro:bit微控板程式設計入門 使用JavaScript Blocks積木 洪雅慧 1

Micro:bit微控板程式設計入門k12.camdemy.com/sysdata/doc/c/c698e6ceeb8b6b9f/pdf.pdf · 2018-11-02 · ⚫國北教大自然科學系Arduino電控程式設計課程主講 ⚫海外臺校教師暑期返臺研習班雲端控制-漫遊在物聯網課程講師

  • Upload
    others

  • View
    1

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Micro:bit微控板程式設計入門k12.camdemy.com/sysdata/doc/c/c698e6ceeb8b6b9f/pdf.pdf · 2018-11-02 · ⚫國北教大自然科學系Arduino電控程式設計課程主講 ⚫海外臺校教師暑期返臺研習班雲端控制-漫遊在物聯網課程講師

Coder・Maker・Creator

Micro:bit微控板程式設計入門使用JavaScript Blocks積木

洪雅慧

1

Page 2: Micro:bit微控板程式設計入門k12.camdemy.com/sysdata/doc/c/c698e6ceeb8b6b9f/pdf.pdf · 2018-11-02 · ⚫國北教大自然科學系Arduino電控程式設計課程主講 ⚫海外臺校教師暑期返臺研習班雲端控制-漫遊在物聯網課程講師

Coder・Maker・Creator

講師自我介紹

講師姓名: 洪雅慧

Line ID yeahuey

FB 洪雅慧(Ya Hui Hung)

Page 3: Micro:bit微控板程式設計入門k12.camdemy.com/sysdata/doc/c/c698e6ceeb8b6b9f/pdf.pdf · 2018-11-02 · ⚫國北教大自然科學系Arduino電控程式設計課程主講 ⚫海外臺校教師暑期返臺研習班雲端控制-漫遊在物聯網課程講師

Coder・Maker・Creator

⚫ 臺北市明湖國小電腦教師兼系統管理師服務滿25年退休⚫ 臺北市市民電腦研習班講師⚫ 臺北市明湖國小教師資訊素養研習講師⚫ 臺北市明湖國小Micro:bit課後社團教師⚫ 臺北市明湖國小四軸飛行器課後社團教師⚫ 臺北市明湖國小程式設計實驗教學、自造者教育推廣講師⚫ 臺北市自然領域增能研習雲端物聯網課程講師⚫ 國北教大科學培龍工作坊講師⚫ 國北教大自然科學系Arduino電控程式設計課程主講⚫ 海外臺校教師暑期返臺研習班雲端控制-漫遊在物聯網課程講師⚫ 臺北市中小學創新自造教學增能研習講師⚫ 資策會未來之星札根培育計畫課程講師⚫ 教育部中等階段科技領域教學研究中心種子教師

Page 4: Micro:bit微控板程式設計入門k12.camdemy.com/sysdata/doc/c/c698e6ceeb8b6b9f/pdf.pdf · 2018-11-02 · ⚫國北教大自然科學系Arduino電控程式設計課程主講 ⚫海外臺校教師暑期返臺研習班雲端控制-漫遊在物聯網課程講師

Coder・Maker・Creator

課程大綱

⚫Micro:bit初體驗:線上編輯器認識⚫連線下載編輯完成的程式到Micro:bit版⚫LED美麗的圖案、數字、文字訊息、暫停的運用⚫座標認識、座標畫圖⚫按鍵運用、文字訊息、圖案、動畫的顯示與清除⚫各種感測器學習與運用:加速度感測、溫度感測、光線感測、方位感測

⚫變數與亂數的應用:雙條件判斷式、多條件判斷式、電子骰子⚫廣播學習、透過廣播傳遞訊息

4

Page 5: Micro:bit微控板程式設計入門k12.camdemy.com/sysdata/doc/c/c698e6ceeb8b6b9f/pdf.pdf · 2018-11-02 · ⚫國北教大自然科學系Arduino電控程式設計課程主講 ⚫海外臺校教師暑期返臺研習班雲端控制-漫遊在物聯網課程講師

Coder・Maker・Creator

Micro:bit是什麼?

⚫micro: bit是一款由英國BBC與微軟、ARM、三星、蘭卡斯特大學等合作開發,可編寫程式的口袋微型電腦。

5

Page 6: Micro:bit微控板程式設計入門k12.camdemy.com/sysdata/doc/c/c698e6ceeb8b6b9f/pdf.pdf · 2018-11-02 · ⚫國北教大自然科學系Arduino電控程式設計課程主講 ⚫海外臺校教師暑期返臺研習班雲端控制-漫遊在物聯網課程講師

Coder・Maker・Creator

Micro:bit正面

6

Page 7: Micro:bit微控板程式設計入門k12.camdemy.com/sysdata/doc/c/c698e6ceeb8b6b9f/pdf.pdf · 2018-11-02 · ⚫國北教大自然科學系Arduino電控程式設計課程主講 ⚫海外臺校教師暑期返臺研習班雲端控制-漫遊在物聯網課程講師

Coder・Maker・Creator

Micro:bit背面

7

Page 9: Micro:bit微控板程式設計入門k12.camdemy.com/sysdata/doc/c/c698e6ceeb8b6b9f/pdf.pdf · 2018-11-02 · ⚫國北教大自然科學系Arduino電控程式設計課程主講 ⚫海外臺校教師暑期返臺研習班雲端控制-漫遊在物聯網課程講師

Coder・Maker・Creator

Micro:bit初體驗

⚫Micro:bit官方網站

⚫JavaScript Blocks線上編輯器https://makecode.microbit.org/

⚫線上教學文件檔(英文、陸續翻譯為中文)

9

Page 10: Micro:bit微控板程式設計入門k12.camdemy.com/sysdata/doc/c/c698e6ceeb8b6b9f/pdf.pdf · 2018-11-02 · ⚫國北教大自然科學系Arduino電控程式設計課程主講 ⚫海外臺校教師暑期返臺研習班雲端控制-漫遊在物聯網課程講師

Coder・Maker・Creator

JavaScript Blocks線上編輯器認識

10

Page 11: Micro:bit微控板程式設計入門k12.camdemy.com/sysdata/doc/c/c698e6ceeb8b6b9f/pdf.pdf · 2018-11-02 · ⚫國北教大自然科學系Arduino電控程式設計課程主講 ⚫海外臺校教師暑期返臺研習班雲端控制-漫遊在物聯網課程講師

Coder・Maker・Creator

LED圖案、數字、文字訊息、暫停的運用

11

Page 12: Micro:bit微控板程式設計入門k12.camdemy.com/sysdata/doc/c/c698e6ceeb8b6b9f/pdf.pdf · 2018-11-02 · ⚫國北教大自然科學系Arduino電控程式設計課程主講 ⚫海外臺校教師暑期返臺研習班雲端控制-漫遊在物聯網課程講師

Coder・Maker・Creator

LED圖案、數字、文字訊息、暫停的運用

12

Page 13: Micro:bit微控板程式設計入門k12.camdemy.com/sysdata/doc/c/c698e6ceeb8b6b9f/pdf.pdf · 2018-11-02 · ⚫國北教大自然科學系Arduino電控程式設計課程主講 ⚫海外臺校教師暑期返臺研習班雲端控制-漫遊在物聯網課程講師

Coder・Maker・Creator

LED圖案、數字、文字訊息、暫停的運用

13

Page 14: Micro:bit微控板程式設計入門k12.camdemy.com/sysdata/doc/c/c698e6ceeb8b6b9f/pdf.pdf · 2018-11-02 · ⚫國北教大自然科學系Arduino電控程式設計課程主講 ⚫海外臺校教師暑期返臺研習班雲端控制-漫遊在物聯網課程講師

Coder・Maker・Creator

音效(需外接蜂鳴器或是耳機才能聽到)

Page 15: Micro:bit微控板程式設計入門k12.camdemy.com/sysdata/doc/c/c698e6ceeb8b6b9f/pdf.pdf · 2018-11-02 · ⚫國北教大自然科學系Arduino電控程式設計課程主講 ⚫海外臺校教師暑期返臺研習班雲端控制-漫遊在物聯網課程講師

Coder・Maker・Creator

大幅圖案

15

在模擬器裡負位移與正位移都能執行,

但下載至板子僅正位移才能執行

Page 16: Micro:bit微控板程式設計入門k12.camdemy.com/sysdata/doc/c/c698e6ceeb8b6b9f/pdf.pdf · 2018-11-02 · ⚫國北教大自然科學系Arduino電控程式設計課程主講 ⚫海外臺校教師暑期返臺研習班雲端控制-漫遊在物聯網課程講師

Coder・Maker・Creator

LED座標認識

16

(0,0)、(1,0)、(2,0)、(3,0)、(4,0)

(0,1)、(1,1)、(2,1)、(3,1)、(4,1)

(0,2)、(1,2)、(2,2)、(3,2)、(4,2)

(0,3)、(1,3)、(2,3)、(3,3)、(4,3)

(0,4)、(1,4)、(2,4)、(3,4)、(4,4)

Page 17: Micro:bit微控板程式設計入門k12.camdemy.com/sysdata/doc/c/c698e6ceeb8b6b9f/pdf.pdf · 2018-11-02 · ⚫國北教大自然科學系Arduino電控程式設計課程主講 ⚫海外臺校教師暑期返臺研習班雲端控制-漫遊在物聯網課程講師

Coder・Maker・Creator

LED座標畫圖(迴圈點燈)

17

Page 18: Micro:bit微控板程式設計入門k12.camdemy.com/sysdata/doc/c/c698e6ceeb8b6b9f/pdf.pdf · 2018-11-02 · ⚫國北教大自然科學系Arduino電控程式設計課程主講 ⚫海外臺校教師暑期返臺研習班雲端控制-漫遊在物聯網課程講師

Coder・Maker・Creator

LED座標畫圖(迴圈點燈)

18

Page 19: Micro:bit微控板程式設計入門k12.camdemy.com/sysdata/doc/c/c698e6ceeb8b6b9f/pdf.pdf · 2018-11-02 · ⚫國北教大自然科學系Arduino電控程式設計課程主講 ⚫海外臺校教師暑期返臺研習班雲端控制-漫遊在物聯網課程講師

Coder・Maker・Creator

LED座標畫圖(迴圈點燈)

19

Page 20: Micro:bit微控板程式設計入門k12.camdemy.com/sysdata/doc/c/c698e6ceeb8b6b9f/pdf.pdf · 2018-11-02 · ⚫國北教大自然科學系Arduino電控程式設計課程主講 ⚫海外臺校教師暑期返臺研習班雲端控制-漫遊在物聯網課程講師

Coder・Maker・Creator

按鍵運用(調整led亮度)

20

Page 21: Micro:bit微控板程式設計入門k12.camdemy.com/sysdata/doc/c/c698e6ceeb8b6b9f/pdf.pdf · 2018-11-02 · ⚫國北教大自然科學系Arduino電控程式設計課程主講 ⚫海外臺校教師暑期返臺研習班雲端控制-漫遊在物聯網課程講師

Coder・Maker・Creator

加速度感應器(觀察數值)

21

Page 22: Micro:bit微控板程式設計入門k12.camdemy.com/sysdata/doc/c/c698e6ceeb8b6b9f/pdf.pdf · 2018-11-02 · ⚫國北教大自然科學系Arduino電控程式設計課程主講 ⚫海外臺校教師暑期返臺研習班雲端控制-漫遊在物聯網課程講師

Coder・Maker・Creator

加速度感應器(顯示傾斜方向)

22

Page 23: Micro:bit微控板程式設計入門k12.camdemy.com/sysdata/doc/c/c698e6ceeb8b6b9f/pdf.pdf · 2018-11-02 · ⚫國北教大自然科學系Arduino電控程式設計課程主講 ⚫海外臺校教師暑期返臺研習班雲端控制-漫遊在物聯網課程講師

Coder・Maker・Creator

溫度感測值

23

Page 24: Micro:bit微控板程式設計入門k12.camdemy.com/sysdata/doc/c/c698e6ceeb8b6b9f/pdf.pdf · 2018-11-02 · ⚫國北教大自然科學系Arduino電控程式設計課程主講 ⚫海外臺校教師暑期返臺研習班雲端控制-漫遊在物聯網課程講師

Coder・Maker・Creator

溫度感應值(雙條件判斷)

24

Page 25: Micro:bit微控板程式設計入門k12.camdemy.com/sysdata/doc/c/c698e6ceeb8b6b9f/pdf.pdf · 2018-11-02 · ⚫國北教大自然科學系Arduino電控程式設計課程主講 ⚫海外臺校教師暑期返臺研習班雲端控制-漫遊在物聯網課程講師

Coder・Maker・Creator

光線感測值偵測

25

Page 26: Micro:bit微控板程式設計入門k12.camdemy.com/sysdata/doc/c/c698e6ceeb8b6b9f/pdf.pdf · 2018-11-02 · ⚫國北教大自然科學系Arduino電控程式設計課程主講 ⚫海外臺校教師暑期返臺研習班雲端控制-漫遊在物聯網課程講師

Coder・Maker・Creator

光線感測值(光影魔術手)

26

Page 27: Micro:bit微控板程式設計入門k12.camdemy.com/sysdata/doc/c/c698e6ceeb8b6b9f/pdf.pdf · 2018-11-02 · ⚫國北教大自然科學系Arduino電控程式設計課程主講 ⚫海外臺校教師暑期返臺研習班雲端控制-漫遊在物聯網課程講師

Coder・Maker・Creator

光線感測值(光影魔術手文字修改)

27

Page 28: Micro:bit微控板程式設計入門k12.camdemy.com/sysdata/doc/c/c698e6ceeb8b6b9f/pdf.pdf · 2018-11-02 · ⚫國北教大自然科學系Arduino電控程式設計課程主講 ⚫海外臺校教師暑期返臺研習班雲端控制-漫遊在物聯網課程講師

Coder・Maker・Creator

光線感測值(光影魔術手亂數顯示圖示)

28

只有按下B按鈕才會執行光影魔術手程式

Page 29: Micro:bit微控板程式設計入門k12.camdemy.com/sysdata/doc/c/c698e6ceeb8b6b9f/pdf.pdf · 2018-11-02 · ⚫國北教大自然科學系Arduino電控程式設計課程主講 ⚫海外臺校教師暑期返臺研習班雲端控制-漫遊在物聯網課程講師

Coder・Maker・Creator

方位感測

• 第一次使用需要經過校準(繞出一個圓-變笑臉)

• 方位是一個範圍值的判斷(下面舉例並非絕對的規定)

• 東70-110

• 南160-200

• 西250-290

• 北20-340

29

Page 30: Micro:bit微控板程式設計入門k12.camdemy.com/sysdata/doc/c/c698e6ceeb8b6b9f/pdf.pdf · 2018-11-02 · ⚫國北教大自然科學系Arduino電控程式設計課程主講 ⚫海外臺校教師暑期返臺研習班雲端控制-漫遊在物聯網課程講師

Coder・Maker・Creator30

Page 31: Micro:bit微控板程式設計入門k12.camdemy.com/sysdata/doc/c/c698e6ceeb8b6b9f/pdf.pdf · 2018-11-02 · ⚫國北教大自然科學系Arduino電控程式設計課程主講 ⚫海外臺校教師暑期返臺研習班雲端控制-漫遊在物聯網課程講師

Coder・Maker・Creator

亂數應用(擲骰子)

31

⚫骰子為隨機取數1-6⚫程式碼將每一個點數與顯示圖形分別設定好

⚫同樣原理也可以做成剪刀石頭布。

⚫還可以延伸加上贏的按A(B)按鍵統計得分

Page 32: Micro:bit微控板程式設計入門k12.camdemy.com/sysdata/doc/c/c698e6ceeb8b6b9f/pdf.pdf · 2018-11-02 · ⚫國北教大自然科學系Arduino電控程式設計課程主講 ⚫海外臺校教師暑期返臺研習班雲端控制-漫遊在物聯網課程講師

Coder・Maker・Creator

廣播

⚫廣播群組範圍0-255

⚫自己的群組設定號碼要一致

⚫注意廣播發送資料的型態與接收一致

⚫可以應用在遙控車子

32

Page 33: Micro:bit微控板程式設計入門k12.camdemy.com/sysdata/doc/c/c698e6ceeb8b6b9f/pdf.pdf · 2018-11-02 · ⚫國北教大自然科學系Arduino電控程式設計課程主講 ⚫海外臺校教師暑期返臺研習班雲端控制-漫遊在物聯網課程講師

Coder・Maker・Creator

廣播

33

Page 34: Micro:bit微控板程式設計入門k12.camdemy.com/sysdata/doc/c/c698e6ceeb8b6b9f/pdf.pdf · 2018-11-02 · ⚫國北教大自然科學系Arduino電控程式設計課程主講 ⚫海外臺校教師暑期返臺研習班雲端控制-漫遊在物聯網課程講師

Coder・Maker・Creator

廣播

34

Page 35: Micro:bit微控板程式設計入門k12.camdemy.com/sysdata/doc/c/c698e6ceeb8b6b9f/pdf.pdf · 2018-11-02 · ⚫國北教大自然科學系Arduino電控程式設計課程主講 ⚫海外臺校教師暑期返臺研習班雲端控制-漫遊在物聯網課程講師

Coder・Maker・Creator

Micro:bit擴展版簡介

⚫為何需要擴展版?

只有P0~P2三個類比數位輸入輸出腳位,如果不敷

使用,就需要擴充版

⚫擴展版種類?

各家廠商陸續開發,種類與選擇很多

⚫如何選擇?

看使用目的決定,簡易型或是含鋰電池電流供應

35

Page 36: Micro:bit微控板程式設計入門k12.camdemy.com/sysdata/doc/c/c698e6ceeb8b6b9f/pdf.pdf · 2018-11-02 · ⚫國北教大自然科學系Arduino電控程式設計課程主講 ⚫海外臺校教師暑期返臺研習班雲端控制-漫遊在物聯網課程講師

Coder・Maker・Creator

舊資源再利用

⚫Arduino使用的感測器,是否可以應用在Micro:bit上?

大部分都可以,但我們必須了解性質為類比或是數位,輸

入或是輸出。Micro:bit僅有三個訊號輸入輸出腳位,因此想

要使用多個感測器,就必須加上擴展版。而不同的擴展版

使用法也不同。(通常廠商可能會附上使用手冊)

36

Page 37: Micro:bit微控板程式設計入門k12.camdemy.com/sysdata/doc/c/c698e6ceeb8b6b9f/pdf.pdf · 2018-11-02 · ⚫國北教大自然科學系Arduino電控程式設計課程主講 ⚫海外臺校教師暑期返臺研習班雲端控制-漫遊在物聯網課程講師

Coder・Maker・Creator

善用教學分享資源

⚫臉書公開社團Micro:bit Taiwan

⚫臉書不公開社團Micro:bit Taiwan

⚫臉書公開社團Microbit & STEAM Astar

⚫臉書公開社團麥客樂彼特(Micro:bit)太好玩社

⚫高雄新上國小黃文玉主任Micro:bit教學研究網站

⚫YouTube頻道呂聰賢老師Micro:bit 可程式化微型電腦晶片

37