--- # System prepended metadata title: 'MB1-1. micro:bit介紹' tags: [電腦科學知識, 適合小學生的電腦科學與程式設計入門] --- # MB1-1. micro:bit介紹 ## 認識micro:bit ### micro:bit源起 micro:bit是一塊基於Arm處理器架構的教學開發電路板，由英國廣播公司BBC跟Arm、微軟、三星共同合作設計，專門用於英國的兒童電腦教育，具備以下特點： 1. 價格便宜 2. 容易上手：開發版上內嵌許多可控制程式化元件、例如LED, 三軸加速度感測器, 實體按鈕，，不需具備電路知識即可開始撰寫程式 3. 支援多種熱門程式語言：包括Python(MicroPython), Javascript, Node.js ### micro:bit基本規格與功能 ![](https://i.imgur.com/giHZ8uQ.png) 我們先來看micro:bit基本規格表： | 類別 | 規格 | | -------- | -------- | | 開發板尺寸 | 43 mm × 52 mm | | 處理器架構 | Arm Cortex-M0 | | Flash ROM | 256 KB | | RAM | 16 KB | | LED | 25顆可程式控制LED、一顆狀態顯示黃色LED | | 感測器 | 加速度感測器、磁力感測器、光感測器、溫度感測器 | | 按鈕 | 三顆實體按鈕，一顆預設為Reset功能 | | 通訊 | 藍芽4.1、USB2.0 | ## micro:bit程式開發步驟 1. 配對連線micro:bit至你的電腦或平板或手機 2. 在你的電腦或平板或手機開啟MakeCode編輯器 3. 開始設計程式 4. 從你的電腦或平板或手機下載程式至micro:bit ## 第一次的micro:bit與電腦/手機/平板配對設定 請先確定你使用的電腦裝置是 - Windows電腦 - Android手機或平板 - iPad或iPhone ### Android手機或平板版本MakeCode操作教學 1. 至Google Play Store下載[micro:bit App](https://play.google.com/store/apps/details?id=com.samsung.microbit) 2. 開啟micro:bit App，按下`Connect` ![](https://i.imgur.com/GzsxvUu.png =300x600) 3. 先進行micro:bit與手機的配對，選擇下方的"PAIR A NEW MICRO:BIT" ![](https://i.imgur.com/EHk7LFV.png =300x600) 4. 按照指示按下micr:bit上的A鍵+B鍵+RESET鍵，然後放開RESET鍵直到進入配對模式，最後按下App上的`NEXT` ![](https://i.imgur.com/cDTHQSr.png =300x600) 5. 進入配對模式的micro:bit會隨機生成以下LED圖案，請在App上畫出同樣圖案，按下`PAIR` ![](https://i.imgur.com/bfGx3XX.png =300x600) 6. 接著進入最終配對確認，當micro:bit板子上顯示以下箭頭時，按下A鍵 ![](https://i.imgur.com/OP5Dhe8.png =300x600) 7. 出現以下畫面，即表示配對成功，點選OK回到配對頁面。 ![](https://i.imgur.com/Pds6Zx7.png =300x600) 8. 可以點選左上角箭頭，回到主畫面 ![](https://i.imgur.com/EHk7LFV.png =300x600) ### iPad或iPhone版本MakeCode操作教學 ### Windows電腦版本MakeCode操作教學 1. 開啟Chrome瀏覽器，輸入網址 https://makecode.microbit.org/ 2. 點選新增專案 ![](https://i.imgur.com/XBoMb09.png) 3. 為你的專案命名，按下創建 ![](https://i.imgur.com/uZ8tTJQ.png) 4. 進入MakeCode編輯器主畫面 ![](https://i.imgur.com/QblYLyH.png) 5. 將你的電腦跟micro:bit用USB傳輸線連接 ![](https://i.imgur.com/aU6x9aT.jpg =300x330) 6. 點選下方的配對裝置 ![](https://i.imgur.com/ZFEtB98.png) 7. 按下配對裝置 ![](https://i.imgur.com/f3MXH4D.png) 8. 選擇第一個裝置，按下連線即完成 ![](https://i.imgur.com/m15nDpt.png =630x450) ## 第一個micro:bit程式設計 ### 專題需求：請設計一個程式，讓micro:bit可以點亮左上角的那顆LED燈 1. 思考問題 - 用哪一個積木可以點亮LED - 要清楚知道怎麼把程式放進micro:bit 2. 使用瀏覽器，啟動MakeCode編輯器 https://makecode.microbit.org/#editor ![](https://i.imgur.com/0SkfWLR.png) 3. 設計程式碼 試著從選單中，拉出顯示 指示燈的積木，嵌入到`當啟動時`的積木裡 ![](https://i.imgur.com/L6uLX5K.png) 4. 使用左方模擬器，確認程式執行結果 ![](https://i.imgur.com/K6vf1gq.png) 5. 下載程式至micro:bit查看最終執行結果 LED照我們的想法順利點亮了！ ![](https://i.imgur.com/cOtOZCw.jpg =300x) 以上，就是micro:bit的開發步驟流程範例，請多熟練 ## 隨堂測驗 1. 請自行操作以下步驟，使用手機設計micro:bit程式 - 開始設計micro:bit程式，並且儲存檔案 - 配對micro:bit跟你的手機 - 將程式傳送到micro:bit，確認執行結果 2. 請自行操作以下步驟，使用電腦設計micro:bit程式 - 連結micro:bit至你的電腦 - 開始設計micro:bit程式，並且儲存檔案 - 將程式傳送到micro:bit，確認執行結果 ###### tags: `適合小學生的電腦科學與程式設計入門` `電腦科學知識`