Web x Arduino 智能監控潮潮 Der
•
13 gostaram•2,002 visualizações
Web x Arduino 智能監控潮潮 Der 是一系列新的課程，北中南也都各開過一場，透過各種有趣的傳感器，就可以做出許多網頁的應用，希望手邊有 Webduino 的朋友，可以透過簡報，玩轉出更多好玩的創意。 Webduino 團隊目前正準備推出嶄新的課程，也請大家繼續給予我們支持和鼓勵！ 更多資訊請參考官方網站：https://webduino.io 加入我們的粉絲團：https://www.facebook.com/webduino
Recomendados
Mais conteúdo relacionado
Destaque
Semelhante a Web x Arduino 智能監控潮潮 Der
Web x Arduino 智能監控潮潮 Der
- 1. WEB x ARDUINO 智能監控潮潮 Der 課程簡報分享
- 3. 清點器材
- 4. 單色 LED x1 電阻 x1
- 5. 溫濕度傳感器 x1 繼電器 x1
- 6. 電線 8~10 杜邦接線 3~6
- 8. 震動開關 x1 蜂鳴器 x1
- 9. 電扇馬達組 x1 電池 x2
- 10. 麵包板 x1 USB 線 x1
- 11. Webduino 開發板 ( 小威 ) x1
- 12. 小威 = 專用電路板 + Arduino Pro Mini + esp8266 專用電路板Arduino Pro Miniesp 8266 小威
- 13. 什麼是「麵包板」？ 因為麵包版可以重複使用於測試 電路設計與元件，即插即用，因為 便利性高，就像麵包一樣可以馬 上吃般便利，故取名麵包版 ( breadboard ) 不過你也可以稱呼它為：免 焊萬用電路板
- 15. 麵包板內部構造
- 16. 測驗一下
- 20. 歐姆定律 電壓 (V) = 電流(I) x 電阻(R) 當電阻為 0，則電流會非常大，導致線路毀損
- 27. <wa-led></wa-led> LED 的 HTML 寫法
- 29. <html> <head> <script src="http://webduino.io/components/webcomponentsjs/webcomponents.js"></script> <link rel='import' href='http://webduino.io/components/webduino/web-arduino.html'></link> <link rel='import' href='http://webduino.io/components/webduino/wa-led.html'></link> </head> <body> <web-arduino device="你的 Device 名稱"> <wa-led pin='10' state='on'></wa-led> </web-arduino> </body> </html> 完整 HTML 展示一下
- 30. Webduino = WebComponents + Arduino 用 HTML/JS 控制 Arduino，玩轉 IoT http://webcomponents.org/ http://arduino.cchttp://fb.me/webduino
- 31. 如何連線? 1. 用 WebComponent 整合 Webduino-JS 2. 用WebSocket (Firmata) 和後端Server 通訊 3. 後端Server走TCP/IP (Firmata) 控制 Webduino Internet
- 33. Webduino 啟動流程
- 34. 影片介紹
- 35. Webduino開發包威力加強版
- 36. 新增加的傳感器 ● 震動開關 wa-shock ● 繼電器 wa-relay ● 直流馬達 -- ● 溫濕度 wa-dht ● 聲音感測 wa-sound ● 人體紅外線 wa-pir ● 蜂鳴器 wa-buzzer
- 39. 建置 Webduino 本機環境 建目錄 bower 安裝 進入核心目錄 安裝必要套件
- 42. 震動開關
- 45. 震動開關接法
- 48. 飛天車 範例Code 說明文
- 49. 震動開關整合D3
- 50. <script src="//webduino.io/components/webcomponentsjs/webcomponents.js"></script> <link rel='import' href='//webduino.io/components/webduino/web-arduino.html'></link> <link rel='import' href='//webduino.io/components/webduino/wa-button.html'></link> <web-arduino id='board' device='4APl'> <wa-button id='button' pin='10'></wa-button> </web-arduino> window.addEventListener('WebComponentsReady', function () { var board = document.getElementById('board'), button = document.getElementById('button'); board.on('ready', function () { button.on('pressed', function () { window.speed++; }); }); }, false); HTML JavaScript
- 52. 繼電器
- 53. 線圈 未通電 接大電流 接訊號
- 54. 線圈 通電
- 56. 繼電器 <wa-relay id='relay' pin='10'> </wa-relay> 方法: .on() 開 .off() 關 .toggle() 開/關 屬性 state on/off
- 57. 繼電器 + 直流馬達 + 風扇
- 61. 溫濕度
- 68. 蜂鳴器
- 72. 雲端播放
- 74. 聲音感測器
- 79. 人體紅外線
- 84. 謝謝聆聽