[ BBC ] 將 Micro:bit 上的 Light Sensor 數據傳送到 Blynk App

英國政府為向下扎根運算思維程式教育,與 BBC、ARM 等公司共同研發出了一款名為 Micro:bit 的微型電腦,免費發送給英國中、小學學生使用。在全世界的數位浪潮下,有效掌握對程式邏輯和語言的掌控,將對未來職涯有舉足輕重的影響。本文描述如何將 Micro:bit 上的 Light Sensor 數據傳送到 Blynk App。


學習目標

  • Micro:bit BLE 之 Arduino 程式
  • Blynk App 環境設定
  • 傳送 Light Sensor 數據到 Blynk App

情境

先透過電腦撰寫相關的 Arduino 程式並燒錄到 Micro:bit 開發板中,再透過 iPhone、iPad 或 Android 下載 Blynk App 並做相關設定,當設定完成後經由 Blynk App 的 BLE 取得 Micro:bit 上的 Light Sensor 數據。


執行步驟


前置準備作業

  1. 一台 macOS 電腦 ( 下方範例使用 macOS Sierra )

  2. Micro:bit 開發板

  3. Micro-USB Cable

  4. 將 Micro-USB Cable 連接至電腦與 Micro:bit

  5. 一台 iPhone、iPad 或 Android 手機或平板 ( 下方範例使用 iPhone )

  6. 2 組共 4 個鱷魚夾

  7. 杜邦線 ( 公公、公母 )

  8. 一片麵包板

  9. 一顆 Light Sensor

  10. 電腦端相關設定 - 請參考 【 Micro:bit 起手式 Arduino 基礎教學 】 文章


連接圖

  • 鱷魚夾夾住 Micro:bit 上的 0、3V、GND
  • Light Sensor 上的 SIG 透過麵包板接到鱷魚夾 0 處
  • Light Sensor 上的 VCC 透過麵包板接到鱷魚夾 3V 處
  • Light Sensor 上的 GND 透過麵包板接到鱷魚夾 GND 處

感謝 【 Anker Taiwan 】 提供拉不斷的 Micro USB Cable


macOS 端 ( 下方範例使用 macOS Sierra )

Step 1. 安裝 BLE Libraries

❖ 1.1  開啟【 Arduino IDE 】


❖ 1.2  點選【 草稿碼 】➙【 匯入程式庫 】➙【 管理程式庫... 】


❖ 1.3  右上角搜尋欄位輸入【 BLEPeripheral 】


❖ 1.4  點選【 BLEPeripheral by Sandeep Mistry 】➙ 再點選【 安裝 】


❖ 1.5  安裝完成畫面


Step 2. 安裝 Blynk libraries

❖ 2.1  開啟覽瀏器並輸入下方網址
       https://github.com/blynkkk/blynk-library/releases/tag/v0.4.7


❖ 2.2  下載【 Blynk_Release_v0.4.7.zip 】


❖ 2.3  解壓縮【 Blynk_Release_v0.4.7.zip 】檔案後會看到如下的內容


❖ 2.4  將【 libraries 】下的所有資料夾複制到【 ~/Documents/Arduino/libraries 】 中
㊟ ~/Documents/Arduino/libraries 複制前內容如下

㊟ ~/Documents/Arduino/libraries 複制後內容如下


Step 3. 安裝 Blynk App

❖ 3.1  找到【 App Store 】


❖ 3.2  開啟【 App Store 】


❖ 3.3  點選【 搜尋 】按鈕


❖ 3.4  搜尋【 blynk 】關鍵字 ➙ 再點選【 Search 】


❖ 3.5  安裝【 Blynk - IoT for Arduino, RPi, Particle, ESP8266 】的應用程式


❖ 3.6  安裝完成畫面


Step 4. 設定 Blynk App

❖ 4.1  開啟【 Blynk 】App


❖ 4.2  點選【 Create New Account 】註冊帳號並輸入相關資訊完成註冊


❖ 4.3  點選【 Login 】並輸入相關資訊完成登入


❖ 4.4  點選【 Create New Project 】


❖ 4.5  輸入專案資訊
       ① 輸入專案名稱, e.g., Micro:bit - Get
       ② 選擇【 BBC Micro:bit 】裝置
       ③ 選擇【 Bluetooth 】連線型態
       ④ 點選【 Create Project 】按鈕


❖ 5.5  Blynk 會寄送認證碼到您註冊的信箱中再點選【 OK 】按鈕


❖ 5.6  燒錄 Arduino IDE BLE 程式
☼ 開啟【 Arduino IDE 】


☼ 下載【 Blynk_LightSensor.ino 】的程式碼至 Arduino IDE 中
  請到下方 URL 進行下載
  https://github.com/ArcherHuang/Micro-bit/blob/master/Arduino/Blynk_LightSensor/Blynk_LightSensor.ino


☼ 更改認證碼
  將原來的 【 char auth[] = "cde201ebef43491da1cf683bbfdcee54"; 】中的 【 6f21d1440e52430096048a3fb2db21af 】更改成為步驟 5.5 所收到的認證碼

☼ 下載【 BLESerial.h 】與【 BLESerial.cpp 】的程式碼至 【 Blynk_LightSensor.ino 】 程式碼資料夾中


☼ 設定 Arduino IDE
  ① 點選【 工具 】 ➙【 序列埠 】 ➙ 選擇【 BBC micro:bit 】
  ② 點選【 工具 】 ➙【 Softdevice:無 】 ➙ 選擇【 S110 】
  ③ 點選【 工具 】 ➙【 序列埠 】 ➙ 選擇【 BBC micro:bit 】
  ④ 點選【 工具 】 ➙【 燒錄器 】 ➙ 選擇【 CMSIS-DAP 】


☼ 點選【 草稿碼 】➙ 再點選【 上傳 】燒錄程式


☼ 燒錄完成畫面


❖ 5.7  設定【 BLE 】 
☼ 在 【 Blynk App 】 畫面上從右往左滑動畫面會出現【 Widget Box 】


☼  往下滑動【 Widget Box 】➙ 再點選【 BLE (beta) 】


☼  點選【 BLE (beta) 】圖示

☼  點選【 Connect BLE Device 】

☼  點選【 Blynk 】➙ 再點選【 OK 】

☼  點選右上角的【 OK 】

☼  BLE 連線完成畫面


❖ 5.13  設定顯示框
☼ 在 【 Blynk App 】 畫面上從右往左滑動畫面會出現【 Widget Box 】➙ 再點選【 Value Display 】

☼ 點選 【 Value Display 】 

☼ 設定名稱與 PIN 腳
  ① 設定名稱 , e.g.,Light Sensor
  ② 設定 PIN 腳 , e.g., 選擇【 Virtual 】的 Pin 腳為 【 V0 】
  ③ 再點選 【 OK 】

☼ 設定完成畫面
  ㊟ Light Sensor 數據顯示於 Blynk App 上的 Value Display 區域

☼ YouTube 完成畫面

https://www.youtube.com/watch?v=WhEM55sMjQc


Reference
GitHub
List of blogs
感謝

Archer

Having being a full stack engineer. Experience with C, Python, Go, Swift, JavaScript, Node.js, LinkIt 7697, LinkIt Smart 7688, Raspberry Pi, ARM mbed, IoT solutions. Contact us : [email protected]

ALL RIGHTS RESERVED. COPYRIGHT © 2016. Designed and Coded by Makee.io