這幾年，物聯網如雨後春筍般的蓬勃發展，從錢幣大小的晶片、可以自主反應的機器人，一直到智能電冰箱，門禁監控、遠端遙控...等，都和物聯網有著密不可分的關係，然而舉凡各大美術館的互動藝術、特色店家的互動擺設，也都包含許許多多的物聯網創意與應用。 今天，我們將從一個網頁前端工程師 ( 或網頁設計師 ) 的角度出發，做一個網頁，就可以讓我們與周遭物品發生互動，做一個網頁，就可以讓拂過皮膚那溫暖的風，透過視覺化的方式來呈現，有點玄，但一切就這麼自然的發生，這也讓物聯網變得如此好玩誘人。

2. 前端工程師的告白：
親愛的，開源的物聯網好好玩呀！

3. 張宗彥( 張小彥、oxxo.studio )
Webduino / 設計雜工
中冠資訊 ( 中鋼 )、鴻海精密工業、中研院
台灣藝術大學 多媒體動畫研究所 ( MFA )
中央大學 物理學系
視覺設計、網頁前端、攝影、創作
OXXO.STUDIO 部落格作者

4. Facebook 粉絲團與社團
( 搜尋 Webduino 就會看到 )
粉絲團
https://www.facebook.com/webduino/
技術討論社團
https://www.facebook.com/groups/
webduino.group

5. 開始之前，先來看一下
「物聯網」都在玩些什麼？

8. 硬體大廠紛紛投入開源

9. Arduino
Open-source hardware

10. LinkIt™ Smart 7688
The open source Wi-Fi platform for a more connected world.

11. NodeMCU
An open-source firmware and development kit that helps you to
prototype your IOT product within a few Lua script lines

12. 隨著網頁技術的逐漸成熟
純文字 > GIF動畫 > JavaScript > Flash > HTML5,CSS3 > WebGL

13. 以前這些有趣的互動，網頁技術很難辦到

14. 以前這些領域，網頁技術無法跨足

15. 網頁技術已經可以辦到很多事情
聲控
影像
辨識
控制
傳感器
物聯網
聲光
效果
裝置
藝術
互動
藝術

16. Facebook
Twitter
E-mail
Search
Instant Messaging ( IM )
Album
Across localization
………...
OpenSoure 之後還可以做得更多！

18. Webduino = Web + Arduino

19. Server
Webduino 上網，連上雲端 Server

20. 欲操控 Webduino 的網頁
載入對應的 JavaScript

21. Server
就可以一對多，多對一的互相溝通

22. 換言之
你可以這樣做

23. 透過 Arduino 端燒錄 OpenSource 韌體

24. 還有 Webduino 的 OpenSource 熱血專案
https://github.com/webduinoio

25. 加上 Webduino 使用到的 OpenSource

26. 搭配自己使用的 OpenSoure 框架或程式

28. 口說無憑，那就口說一下
https://blockly.webduino.io/#-KI3JONM8rrOf6njDJ5j

29. 不想出聲音，露臉也可以
https://blockly.webduino.io/#-KIcVcxAi0Maalr5Ib_o

30. http://www.oxxostudio.tw/firebase-webduino-im/
https://blockly.webduino.io/#-KI3JH5nk3RfzuJ8lVp_
試試看和燈泡聊天

32. KONAMI CODE
https://blockly.webduino.io/#-KNAIGz0IDIBFhlD96V5

33. http://example.oxxostudio.tw/no-face-man/
你可以再靠近一點呀！

34. 和江西男互動吧！
https://blockly.webduino.io/#-KJJcl_SX4UNEG6QiYrU

35. https://blockly.webduino.io/#-KJJft5VQMjZUFPCYqHa
手機操控自走車

36. 機器人大亂鬥

37. 覺得空氣不好嗎？
http://marty5499.github.io/air-schools/index.html

38. 想換便宜日幣嗎

39. Facebook 粉絲團與社團
( 搜尋 Webduino 就會看到 )
粉絲團
https://www.facebook.com/webduino/
技術討論社團
https://www.facebook.com/groups/
webduino.group

40. Webduino 的 Github
https://github.com/webduinoio

41. 謝謝聆聽