1 of 27

Webduino 工作坊

對不起，哥實作一個 APP 真的只要 30 分鐘

2 of 27

https://goo.gl/TyZBKR

簡報下載

3 of 27

今日主角

Webduino Smart

4 of 27

基本介紹

5 of 27

先將手機、電腦

Wi-Fi 連線先連線到

webduino_unconf

( 密碼 pass_MNm3 )

6 of 27

Smart 接上電

閃紅燈 → 亮綠燈 → 綠燈熄滅

此時表示裝置已上線

7 of 27

使用電腦或手機 Wi-Fi 搜尋，

如果貼紙是 30 號，

Smart30 就是你的裝置。�

例如 30 號的 ip 是 10.10.3.24�請先記住這段 ip

8 of 27

記下 ip 之後

就可以開始了

9 of 27

打開 Smart 專用

Webduino Blockly

https://goo.gl/VjAptE

10 of 27

內建三色燈，紅 15，綠 12，藍 13

11 of 27

發出不同顏色

http://blockly.webduino.io/?tags=smart#-KVAywfc65MExqQB4rye

12 of 27

網頁遙控器操控顏色

( 透過「網頁互動」的遙控器 )

http://blockly.webduino.io/?tags=smart#-KVAzPVWrMDlRE8J57D0

13 of 27

真的用手機試試

14 of 27

點選產生 QRCode

15 of 27

產生後掃瞄 QRCode

16 of 27

發揮手機強大的功能

陀螺儀

17 of 27

透過陀螺儀

改變三色 LED 顏色

18 of 27

使用「左右翻轉」和「前後翻轉」

http://blockly.webduino.io/?tags=smart#-KV0j5rDEu639c9kvTKo

19 of 27

產生 QRCode 測試看看

20 of 27

搭配網頁遙控器

操控三色 LED 顏色

21 of 27

使用遙控器控制

http://blockly.webduino.io/?tags=smart#-KVAulDcRhGRaASWiByn

22 of 27

產生 QRCode 測試看看

23 of 27

即將登場

24 of 27

HyProto 雲端 APP 開發工具

25 of 27

歡迎加入

26 of 27

Facebook 粉絲團與社團

( 搜尋 Webduino 就會看到 )

粉絲團

https://www.facebook.com/webduino/

技術討論社團

https://www.facebook.com/groups/webduino.group

27 of 27

謝謝聆聽