Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

前端工程師的告白: 親愛的,開源的物聯網好好玩呀!

727 views

Published on

這幾年,物聯網如雨後春筍般的蓬勃發展,從錢幣大小的晶片、可以自主反應的機器人,一直到智能電冰箱,門禁監控、遠端遙控...等,都和物聯網有著密不可分的關係,然而舉凡各大美術館的互動藝術、特色店家的互動擺設,也都包含許許多多的物聯網創意與應用。

今天,我們將從一個網頁前端工程師 ( 或網頁設計師 ) 的角度出發,做一個網頁,就可以讓我們與周遭物品發生互動,做一個網頁,就可以讓拂過皮膚那溫暖的風,透過視覺化的方式來呈現,有點玄,但一切就這麼自然的發生,這也讓物聯網變得如此好玩誘人。

Published in: Education
  • Be the first to comment

前端工程師的告白: 親愛的,開源的物聯網好好玩呀!

  1. 1. 前端工程師的告白: 親愛的,開源的物聯網好好玩呀!
  2. 2. 張宗彥( 張小彥、oxxo.studio ) Webduino / 設計雜工 中冠資訊 ( 中鋼 )、鴻海精密工業、中研院 台灣藝術大學 多媒體動畫研究所 ( MFA ) 中央大學 物理學系 視覺設計、網頁前端、攝影、創作 OXXO.STUDIO 部落格作者
  3. 3. Facebook 粉絲團與社團 ( 搜尋 Webduino 就會看到 ) 粉絲團 https://www.facebook.com/webduino/ 技術討論社團 https://www.facebook.com/groups/ webduino.group
  4. 4. 開始之前,先來看一下 「物聯網」都在玩些什麼?
  5. 5. 硬體大廠紛紛投入開源
  6. 6. Arduino Open-source hardware
  7. 7. LinkIt™ Smart 7688 The open source Wi-Fi platform for a more connected world.
  8. 8. NodeMCU An open-source firmware and development kit that helps you to prototype your IOT product within a few Lua script lines
  9. 9. 隨著網頁技術的逐漸成熟 純文字 > GIF動畫 > JavaScript > Flash > HTML5,CSS3 > WebGL
  10. 10. 以前這些有趣的互動,網頁技術很難辦到
  11. 11. 以前這些領域,網頁技術無法跨足
  12. 12. 網頁技術已經可以辦到很多事情 聲控 影像 辨識 控制 傳感器 物聯網 聲光 效果 裝置 藝術 互動 藝術
  13. 13. Facebook Twitter E-mail Search Instant Messaging ( IM ) Album Across localization ………... OpenSoure 之後還可以做得更多!
  14. 14. Webduino = Web + Arduino
  15. 15. Server Webduino 上網,連上雲端 Server
  16. 16. 欲操控 Webduino 的網頁 載入對應的 JavaScript
  17. 17. Server 就可以一對多,多對一的互相溝通
  18. 18. 換言之 你可以這樣做
  19. 19. 透過 Arduino 端燒錄 OpenSource 韌體
  20. 20. 還有 Webduino 的 OpenSource 熱血專案 https://github.com/webduinoio
  21. 21. 加上 Webduino 使用到的 OpenSource
  22. 22. 搭配自己使用的 OpenSoure 框架或程式
  23. 23. 口說無憑,那就口說一下 https://blockly.webduino.io/#-KI3JONM8rrOf6njDJ5j
  24. 24. 不想出聲音,露臉也可以 https://blockly.webduino.io/#-KIcVcxAi0Maalr5Ib_o
  25. 25. http://www.oxxostudio.tw/firebase-webduino-im/ https://blockly.webduino.io/#-KI3JH5nk3RfzuJ8lVp_ 試試看和燈泡聊天
  26. 26. KONAMI CODE https://blockly.webduino.io/#-KNAIGz0IDIBFhlD96V5
  27. 27. http://example.oxxostudio.tw/no-face-man/ 你可以再靠近一點呀!
  28. 28. 和江西男互動吧! https://blockly.webduino.io/#-KJJcl_SX4UNEG6QiYrU
  29. 29. https://blockly.webduino.io/#-KJJft5VQMjZUFPCYqHa 手機操控自走車
  30. 30. 機器人大亂鬥
  31. 31. 覺得空氣不好嗎? http://marty5499.github.io/air-schools/index.html
  32. 32. 想換便宜日幣嗎
  33. 33. Facebook 粉絲團與社團 ( 搜尋 Webduino 就會看到 ) 粉絲團 https://www.facebook.com/webduino/ 技術討論社團 https://www.facebook.com/groups/ webduino.group
  34. 34. Webduino 的 Github https://github.com/webduinoio
  35. 35. 謝謝聆聽

×