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.

2015 JSDC Build Anything with JavaScript

1,886 views

Published on

JSDC Build Anything with JavaScript

Published in: Software
  • Be the first to comment

2015 JSDC Build Anything with JavaScript

  1. 1. JavaScript 速度 x 100 倍
  2. 2. JavaScript 速度破表
  3. 3. JavaScript 速度破表
  4. 4. JavaScript 速度破表
  5. 5. JavaScript 統治了 Web 平台
  6. 6. JavaScript 跑到後端
  7. 7. JavaScript 跑到後端
  8. 8. Raspberry Pi @@
  9. 9. NodeJS 跑到 Raspberry Pi
  10. 10. NodeJS 跑到 Raspberry Pi
  11. 11. Arduino 串接感測器,收集資料上雲端
  12. 12. Internet of Things ( IoT )
  13. 13. 能否放到 Arduino 裡面呢?
  14. 14. Internet of Things ( IoT ) Flash Memory 32KB SRAM 2KB EEPROM 1KB Clock Speed 16 MHz
  15. 15. 能否放到 Arduino 裡面呢?
  16. 16. 能否放到 Arduino 裡面呢?
  17. 17. Arduino Yun (雲)
  18. 18. Arduino Yun (雲)
  19. 19. 另一種選擇... Arduino Firmata
  20. 20. 設定指定腳位的功能Arduino Firmata Byte Array 0xF4 0x0D 0x01
  21. 21. 0x91 0x10 0x00Byte Array 設定13腳輸出Arduino Firmata
  22. 22. F4 0D 03 91 1000
  23. 23. 目前支援的程式語言Arduino Firmata
  24. 24. 用 Webduino 玩轉 Arduino - Open Source - MIT License - 運行環境 - Browser - NodeJS - 通訊方式 - USB / WiFi - 支援Blockly開發工具 - JS Code generator
  25. 25. NodeJS Arduino Firmata
  26. 26. Chrome + ChromeApp + Serial Port Arduino Firmata
  27. 27. Webduino Blockly
  28. 28. Blockly → JS → Browser / NodeJS Arduino Firmata
  29. 29. Blockly → JS → Browser / NodeJS Arduino Firmata
  30. 30. Blockly → JS → Browser / NodeJS // require('webduino-blockly'); var dht; boardReady('3qad', function (board) { dht = getDht(board, 11); dht.read(function(evt){ window.alert(dht.temperature); }, 1000); }); Arduino Firmata
  31. 31. 更小更便宜? 行動 電源
  32. 32. 更小更便宜? 行動 電源
  33. 33. ESP8266 誕生 ! ESP8266 Features ● 802.11 b/g/n protocol ● Wi-Fi Direct (P2P), soft-AP ● Integrated TCP/IP protocol stack ● +19.5dBm output power in 802.11b mode ● Integrated temperature sensor ● Power down leakage current of < 10uA ● SDIO 2.0, SPI, UART ● STBC, 1×1 MIMO, 2×1 MIMO ● …
  34. 34. 直接用 HTML控制 LED <wa-led id='led' pin='10' state='off'> </wa-led>
  35. 35. 直接用 HTML控制 LED <wa-led id='led' pin='10' state='on'> </wa-led>
  36. 36. WebComponents → WS/MQTT → Firmata <web-arduino id='board' > <wa-dht id='dht' pin='10'></wa-dht> </web-arduino> dht.read( function (evt) { var show = "<br>溫度:" + evt.temperature + " ℃ <br> 溼度:" + evt.humidity + " %"; } , 1000);
  37. 37. WebComponents → WS/MQTT → Firmata <web-arduino id='board' > <wa-ultrasonic id='snd' trig='11' echo='11'></wa-ultrasonic> </web-arduino> snd.ping( function (cm) { var show = "距離:" + cm + "公分"; } , 1000);
  38. 38. 感測資料可以先經由RP2處理再上雲端
  39. 39. HTML JS CSS http tcp/ip websocket mqtt mqtt Arduino Firmata 傳輸架構
  40. 40. 溫濕度結合 Google Chart 即時顯示
  41. 41. Webduino 馬克一號韌體升級啦~ Ver 1.0 Ver 1.5
  42. 42. Webduino 馬克一號 ver 1.5
  43. 43. Webduino 馬克一號 Ver 1.0 Arduino ESP8266
  44. 44. Webduino 馬克一號 Ver 1.5 Arduino ESP8266
  45. 45. 天上飛的~
  46. 46. 地上跑的~
  47. 47. 地上跑的~
  48. 48. 遙控車的控制方式 - 前輪
  49. 49. 遙控車的控制方式 - 後輪
  50. 50. 連接小威開發板 轉接訊號線 焊接控制線
  51. 51. Web 的威力
  52. 52. Webduino 馬克一號 Ver 1.5 Arduino ESP8266
  53. 53. 其實應該是這樣 Arduino ESP8266 JavaScript
  54. 54. 視頻遙控車
  55. 55. 相關資源 ● UV4L WebRTC ● tracking.js ● raspi-webRTC ● 用JavaScript實現人臉追蹤
  56. 56. 電源開關 充電孔 升壓板
  57. 57. 前進 前進停止 後退停止 後退
  58. 58. 超簡單實現三軸控制
  59. 59. Web 的威力
  60. 60. F4 04 0B 00 F7 自訂命令
  61. 61. 自己感測器元件自己包 10月底前釋出 Arduino Firmware
  62. 62. webduino

×