Building a Serverless Sensor Network in Javascript - Josh Marinacci
1 like222 views
The document discusses building a serverless sensor network using JavaScript. It describes collecting real-time sensor data from devices like Arduino boards using sensors for temperature, light, and other measurements. The data is published to PubNub and visualized on charts and maps using EON. Johnny-Five is used to interface with sensors from JavaScript code, and PubNub BLOCKS and microservices allow processing and storing the distributed sensor data in the cloud.
![eon.chart({
channel: 'potentiometer',
generate: {
bindto: '#pot',
data: {
type:'gauge'
},
gauge: {
label:{
format: function(value, ratio){
return value; //returning here
the value, not in %
},
},
...
color: {
pattern: ['#FF0000', '#F6C600', '#60B044'],
threshold: {
values: [341, 682]
}
}
},
pubnub: pubnub
});
0 to 341 = red
342 to 682 = yellow
683 to 1023 = green](https://image.slidesharecdn.com/buildingaserverlesssensornetworkinjavascript-161101183116/85/Building-a-Serverless-Sensor-Network-in-Javascript-Josh-Marinacci-34-320.jpg)
Building a Serverless Sensor Network in Javascript - Josh Marinacci
- 1. Building a serverless sensor network in Javascript
- 2. About Your Speaker Josh Marinacci Head of Developer Relations at PubNub Very nasty cold Keep it short
- 3. Sensor Network ● Small, fairly dumb devices connected to the Internet ● Collect data in realtime ● Do something with the data, in realtime
- 4. IoT-Enabled Smart Parking Meter
- 6. Sensor Options ● Adafruit.com ● Weather: (temperature, humidity, wind speed, etc.) ● Cameras ● Buttons and switches
- 8. Arduino MKR1000 ● Built in WiFi ● Lots of IO ● Power Saving ● Built in LiPo ● Turn into Soft AP ● No host PC required ● Have to code in C ● pubnub.com/blog/tag/mkr1000
- 10. Arduino Uno ● Cheaper ● Mature ● Requires host PC ● Code in JavaScript on the host
- 11. Arduino Uno
- 12. Controlling with JavaScript 1. var five = require('johnny-five'); 2. var board = new five.Board(); 3. 4. board.on('ready', function() { 5. var led = new five.Led(13); // pin 13 6. led.blink(500); // 500ms interval 7. });
- 13. Controlling with JavaScript 1. pubnub.subscribe({ 2. channel: 'smart-led' , 3. callback: function(m) { 4. if(led) { 5. r = (m.color === 'red') ? m.brightness : r; 6. g = (m.color === 'green') ? m.brightness : g; 7. b = (m.color === 'blue') ? m.brightness : b; 8. 9. led.color({red: r, blue: b, green: g}); 10. 11. console .log( 'color change to...' ); 12. console .log( led.color() ); 13. } 14. } 15. error: function(err) {console.log(err);} 16. });
- 15. Serverless Architecture ● Combine micro-services ● No server administration, hosting, owning, etc. ● Run code at higher level: Module, Object, Function ● Pay by usage ● Leverage microservices ● Not all or nothing. Usually hybrid.
- 16. PubNub ● Global Data Stream Network ● Low latency ● High security ● M:n ● 70+ SDKs
- 17. PubNub BLOCKS ● Computation in global Data Stream Network ● Just Javascript w/ Promises ● Distributed data store ● Secure: NodeJS + cgroups + DSN ● Web or CLI ● Fast, low latency ● Pay for just what you use ● Just released. Free until Dec.
- 18. EON: Charts + Maps Creating Realtime Data Visualization https://www.pubnub.com/developers/eon/
- 20. ● ● ● ● ●
- 22. ● ● ● ● ●
- 25. ● ● ○ ○ ○
- 27. var five = require('johnny-five'); five.Board().on('ready', function() { var temperature = new five.Thermometer({ controller: 'DS18B20', pin: 2 }); photoresistor = new five.Sensor({ pin: 'A2', freq: 250 }); temperature.on('data', function() { console.log(this.celsius + '°C', this.fahrenheit + '°F'); temp = this.celsius; }); photoresistor.on('data', function() { console.log('photoresistor: ' + this.value); light = this.value; }); setInterval(sendData, 3000); Using Johnny-Five to get the data from Arduino! We’re going to publish the data from sensors every 3 seconds
- 28. function sendData() { var data = { 'temperature': temp, 'light': light }; pubnub.publish({ channel: 'temperature-photoresistor', message: data, }); Publishing data to PubNub
- 29. <div id="chart"> <div id="light"></div> <div id="temp"></div> <div id="pot"></div> </div> <script type="text/javascript"> var pubnub = PUBNUB.init({ subscribe_key :'sub-c-d784e128-da7d-11e5-9511-0619f8945a4f'
- 30. eon.chart({ channel: 'temperature-photoresistor', generate: { bindto: '#light', }, pubnub: pubnub, transform: function(m) { return { eon: { light: m.light } } } transform() takes raw data to transform to fit in the schema that EON understands! {'temperature': 20, 'light': 350 }; Receive raw data
- 31. eon.chart({ channel: 'temperature-photoresistor', generate: { bindto: '#temp, }, pubnub: pubnub, transform: function(m) { return { eon: { temp: m.temp } }
- 32. var five = require('johnny-five'); five.Board().on('ready', function() { potentiometer.on('data', function() { // value range 0 - 1023 console.log(this.value, this.raw); pubnub.publish({ channel: 'potentiometer', message: { eon: { 'potentiometer': this.value Note: I am sending the object differently this time. Instead of the raw data, {pot: value}, I am publishing {eon:{pot: value}}, so EON can read the data directly.
- 33. eon.chart({ channel: 'potentiometer', generate: { bindto: '#pot', data: { type: 'gauge' } }, pubnub: pubnub });
- 34. eon.chart({ channel: 'potentiometer', generate: { bindto: '#pot', data: { type:'gauge' }, gauge: { label:{ format: function(value, ratio){ return value; //returning here the value, not in % }, }, ... color: { pattern: ['#FF0000', '#F6C600', '#60B044'], threshold: { values: [341, 682] } } }, pubnub: pubnub }); 0 to 341 = red 342 to 682 = yellow 683 to 1023 = green
- 38. ● ● ● ●