Dr. Smart 開發者套件-3
郭 尚蓁
Webduino 官方認證L1講師
Google 種子培訓計畫入選
南投高中 自造者中心資深講師
學校主機、網路分享器、中華電信在附近的盒子
各家電信公司、學術網路、各縣市教育局縣網中心
WEBDUINO平台/核心/記憶體，統稱伺服器
Webduino 和世界(軟體X硬體)連接的方式
Webduino 和世界(軟體X硬體)連接的方式
手機
平板電腦
伺服器
桌上型電腦
NB
無線/有線網路分享器 AP
6
Webduino Smart 開發板
X
Dr. Smart 教學/開發者套件包
8
Webduino Smart 開發板
三色燈 綠色 ( 12 )
三色燈 藍色 ( 13 )
三色燈
三色燈 紅色 ( 15 )
通用接點( 5 )
通用接點( 16 )
通用接點( 14 )
光敏電阻 ( AD )
光敏電阻
PWM控制(模擬類比)
9
Webduino Smart 開發板
上拉按鈕開關 ( 4 )
電源指示燈 ( 2 )
上拉按鈕開關
Smart 接上電源
閃紅燈 → 亮綠燈 → 綠燈熄滅
此時表示裝置已上線
紅燈閃不停 → 找不到wifi
檢查網路環境
檢查開發板網路設定
綠燈恆亮 → 韌體故障
重新開啟(斷電重開)
經由平台檢查韌體狀態
藍燈恆亮 → 硬體故障
重新開啟並初始化
送修
11
適合初次接觸編成的 Blockly Games
12
Blockly
便於教學、人性化界面、深入淺出、不斷更新
13
嗶 嗶 嗶 的魔力！
( 蜂鳴器 )
14
接線圖
一隻腳 5，一隻腳 GND (有正負之分唷！)
15
播放聲音
Webduino.io
wacpu.io
廣告燈 初體驗
( 點矩陣LED顯示器)
接線圖
VCC:VCC GND: GND DIN: 16 CS:14 CLK: 5
自己編寫圖案
有趣的跑馬燈
( 可以設定文字、數字、圖案的跑馬燈 )
22
動“手指”時間
( 按鈕開關 )
23
內建按鈕開關
上拉開關，腳位 4
按鈕開關
24
按鈕開關的三個動作：按下、放開、長按
25
按下按鈕切換不同三色 LED顏色
26
Youtube 播放器
( 按鈕開關記得設為「上拉」按鈕開關 )
27
還有「開關的」教學
28
May the force be with you
願 原力與你同在
( 超音波傳感器 )
29
接線圖(小心正負極)
VCC: 3.3V Trig: 16 Echo:14 GND: GND
30
偵測並顯示距離
31
偵測並顯示距離 加入邏輯判斷
大於小於的積木在「基本功能 > 邏輯」目錄下，文字顏色積木在「顯示文字」目錄下，數字積木在「基本功能 > 數學式」目錄下
32
即時偵測 迴圈+偵測
https://goo.gl/rph53A
重複積木在「基本功能 > 迴圈」目錄下
33
超音波倒車雷達
( 蜂鳴器：5, GND 超音：3.V, Trig 16, Echo 14, GND )
34
超音波倒車雷達
35
隨插即用 免焊萬用電路板
( 麵包板使用介紹 )
36
什麼是「麵包板」？
以前的電子工程師，因為需要隨時測試新的電路設計。若是每次測試都要焊接則是件十分麻煩的事，所以就順手拿起廚房裡切麵包用的木質砧板，再將電子零件(以前都非常大)暫時鎖在麵包板上，透過方便更換接線和零件的特性，達到隨時可以測試新電路的功能，演變至今變成現在這樣的麵包板。一樣是可以重複使用於測試電路設計與元件，即插即用。雖然已經是截然不同的外觀及材質，但仍沿用原始發明的稱呼《麵包板》 。( breadboard )
當然你也可以稱呼它：萬用免焊電路板
俗稱：麵包板
37
麵包板的原理
接了之後 整列互通
接了之後 整列互通
中間分開 彼此不互通
每一列 彼此不互通
38
麵包板內部構造
39
問題 1. 燈泡接在哪裡才會亮？
接地
正電
Ａ
Ｃ
Ｂ
40
接地
正電
Ａ
Ｃ
Ｂ
問題 2. 燈泡接在哪裡才會亮？
41
免焊萬用電路板 專業接線要求
42
超音波倒車雷達
( 蜂鳴器：5, GND 超音：3.V, Trig 16, Echo 14, GND )
紅線
紅線
環境偵測 四大天王
(光敏電阻+空氣溫室度感知器 + 空汙檢測器P M2.5 +土壤濕度感知器)
溫濕度感知器
溫濕度傳感器元件，需供應3.3V 與 GND ，由第二腳輸出溫度與空氣濕度數值，如右圖是常用的零件，編號為THD 1 1。
第 3 隻腳沒有作用
腳位： 3.3V , ＃05 , 空腳 , GND
由於濕度感應器的接腳比較細，透過麵包板接線，利用「公---公」杜邦線進行連接
接線圖
格子的正面對著你
偵測溫度
載入範例積木，填入ID，顯示現在溫度
顯示溫度
47
建立字串練習
偵測溫度與濕度
再增加一格
對著「積木」按右鍵，出現功能視窗
複製一個積木
偵測溫度與濕度
49
將積木組合在第四格，滑鼠左鍵點選，改為顯示「濕度」
偵測溫度與濕度
50
也將濕度的積木加入標題文字
這樣的顯示沒有分隔不容易閱讀
同時顯示溫度濕度
51
將會連在一起的文字放在同一個積木，中間用html語言的<br/> （分行指令）
本來是六格，利用藍色齒輪減去第四格，使用五格顯示即可。
完成後如右邊，文字就會分行顯示
試算表儲存數據
大數據(Big data)的第一步 收集資料 (Data collection)
52
使用 Google 雲端硬碟建立試算表
53
設定與他人共用 step 1：
右上角 點選《共用》
54
55
設定與他人共用 step 2：
右下角 點選《進階》
56
設定與他人共用 step 3：
點選 右側《變更》
57
設定與他人共用 step 4：
設定二處 上方《開啟》下方《可以編輯》
程式積木
輸入板子devic ID
貼上試算表網址
數據就會順利存入試算表
59
60
Smart 開發板 初始化教學
各種 Webduino 創意應用
Webduino.io
wacpu.io
上週HW解答！