Date post: | 11-Apr-2017 |
Category: |
Technology |
Upload: | mu-chun-wang |
View: | 687 times |
Download: | 0 times |
Webduino introduction
Kewang
2
Live DEMO
3
Agenda
● Arduino intro.● Webduino intro.● More Live DEMOs● Other Videos
4
Arduino introduction
5
6
Arduino introduction - example
7
Webduino introduction
8
9
Pure HTML, JavaScriptNo C/C++
10
Webduino introduction - example
11
Webduino introduction - example
12
Webduino transport diagram
Webduino
Client
Server
MQTT
MQTT+WebSocket
Firmata Command
13
Webduino core
● MQTT● WebSocket● Firmata
14
Webduino core - MQTT
Publisher
Publisher
Subscriber
Publisher
Subscriber
Subscriber
Subscriber
Brokerwith Topics
15
Webduino core - WebSocket
client server
T0T1
T2
T3T4
T5
T17T18
T19
T9T10
T11
16
Webduino core - Firmata
Protocol Hell......
17
Webduino core - FirmataMULTI START90MULTI END
MULTI START90MULTI END
MULTI START90MULTI END
SYSEX START79SYSEX END
SYSEX START6CSYSEX END
SYSEX START6ASYSEX END
SEND STARTF40A03SEND END
SEND STARTEA7F01SEND END
MULTI START90MULTI END
MULTI START90MULTI END
MULTI START90MULTI END
Set Pin 10 to PWM mode
Set Pin 10 to Analog Output
18
Xduino - Comparison
Arduino Webduino
Language C / C++ HTML / JavaScript
Development Arduino IDE Notepad
Connector USB WiFi
Load Program Programmer Firmata (Realtime)
19
More Live DEMOsNever Live DEMO......
20
Switch LEDs
21
Switch LEDs
22
Switch LEDs
23
Traffic Lights
24
Traffic Lights
25
Traffic Lights
26
Run @ Node.js