Devoxx 2014 presentation

36

Click here to load reader

description

Presentation I did together with @yvesdebeer at the Devoxx conference in Belgium on the rapid #iot prototyping with #ibmbluemix and using #nodered

Transcript of Devoxx 2014 presentation

Page 1: Devoxx 2014 presentation

@YourTwitterHandle#DV14 #YourTag @yvesdebeer @CattoirEric#DV14 #Bluemix

Rapid internet of things prototyping using Node.js, Nodered and

CloudFoundry• Yves Debeer, Eric Cattoir

• IBM

Page 2: Devoxx 2014 presentation

@yvesdebeer @CattoirEric#DV14 #Bluemix

Agenda

● Overview● Device Hardware● Development Environment● Client Implementation● Server Side● Mobile App

Page 3: Devoxx 2014 presentation

@yvesdebeer @CattoirEric#DV14 #Bluemix

Agenda

● Overview● Device Hardware● Development Environment● Client Implementation● Server Side● Mobile App

Page 4: Devoxx 2014 presentation

@yvesdebeer @CattoirEric#DV14 #Bluemix

Museum Climate Control Automation

Page 5: Devoxx 2014 presentation

@yvesdebeer @CattoirEric#DV14 #Bluemix

Agenda

● Overview● Device Hardware● Development Environment● Client Implementation● Server Side● Mobile App

Page 6: Devoxx 2014 presentation

@yvesdebeer @CattoirEric#DV14 #Bluemix

Solution Overview

Tinkerforge Environment Sensor kit

Raspberry Pi

Page 7: Devoxx 2014 presentation

@yvesdebeer @CattoirEric#DV14 #Bluemix

Agenda

● Overview● Device Hardware● Development Environment● Client Implementation● Server Side● Mobile App

Page 8: Devoxx 2014 presentation

@yvesdebeer @CattoirEric#DV14 #Bluemix

IBM DevOps Services

1. Agile development, tracking, reporting & Team collaboration

2. Use your favorite tool or Web IDE

6.Multi-stage deployment

8. Automated feedback loop

7. Application Performance Management and monitoring

4. Continuous Integration with Jenkins (multi-tenant)

Hosted Git

AutomatedDeployment

Monitoring& Analytics

MobileQuality

AgilePlanning

Web IDE

ContinuousIntegration

Monitorand Optimize

Developand Test

Releaseand Deploy

Planand Measure

DevOpsServices

Sublime

AppScan

5.Security Scanning (June-Beta)

Jazz SCM

Page 9: Devoxx 2014 presentation

@yvesdebeer @CattoirEric#DV14 #Bluemix

IBM Devops Services

● DevOps Solution in the cloud for building Optimized for use with BlueMix

● Integrated task tracking, agile planning, source control with auto deploy

● Use your favorite tools or work from the Web IDE

● Hosted Jazz SCM or Git or link to GitHub

● Continuous Integration and Deployment

Page 10: Devoxx 2014 presentation

@yvesdebeer @CattoirEric#DV14 #Bluemix

Agenda

● Overview● Device Hardware● Development Environment● Client Implementation● Server Side● Mobile App

Page 11: Devoxx 2014 presentation

@yvesdebeer @CattoirEric#DV14 #Bluemix

NodeRed and Internet of Things

● Browser-based UI for creating flows of events and deploying them to the runtime.

● Light-weight runtime built in node.js, is ideal for edge-of-network environments or running in the cloud.

● It can be easily expanded to take add new nodes to the palette – taking full advantage of the node package manager(npm)ecosystem

● Runs on various hardware (i.e Rasberry PI)

Page 12: Devoxx 2014 presentation

@yvesdebeer @CattoirEric#DV14 #Bluemix

Nodered – IBM Opensoure Research Project

● Released on GitHub September 2013 (Apache 2 License)– http://nodered.org - main site– http://flows.nodered.org

● Recently launched online flow library● Encourages sharing and reuse of flows

within the community

Page 13: Devoxx 2014 presentation

@yvesdebeer @CattoirEric#DV14 #Bluemix

Custom Nodes to access Tinkerforge Hardware

● Requires Javascript implementation + HTML config info● TinkerConfigNode

– Sets up ip connection to Tinkerforge microcontroller● DisplayNode

– Write information to LCD Display● SensorNode

– Read information from Sensors– Writes message to MQTT

Page 14: Devoxx 2014 presentation

@yvesdebeer @CattoirEric#DV14 #Bluemix

DisplayNode Example Code

Page 15: Devoxx 2014 presentation

@yvesdebeer @CattoirEric#DV14 #Bluemix

Nodered Flows

Page 16: Devoxx 2014 presentation

@yvesdebeer @CattoirEric#DV14 #Bluemix

Agenda

● Overview● Device Hardware● Development Environment● Client Implementation● Server Side● Mobile App

Page 17: Devoxx 2014 presentation

@yvesdebeer @CattoirEric#DV14 #Bluemix

IBM Bluemix

● Run your Applications– Choice of runtimes

● Devops as a Service– Use Web Base Tools– Connect your own

● API's and Services– IBM, Partner Provided,

Open source

Page 18: Devoxx 2014 presentation

@yvesdebeer @CattoirEric#DV14 #Bluemix

Catalog of Services

Security Services

Web and application

services

CloudIntegration Services

Mobile Services

Database services

Big Data services

Internet of Things

Services

Watson Services

DevOps Services

Page 19: Devoxx 2014 presentation

@yvesdebeer @CattoirEric#DV14 #Bluemix

Based on CloudFoundry

Page 20: Devoxx 2014 presentation

@yvesdebeer @CattoirEric#DV14 #Bluemix

How does Bluemix work?

Page 21: Devoxx 2014 presentation

@yvesdebeer @CattoirEric#DV14 #Bluemix

IOT Service used as Server Side Solution

● Based on MQTT– MQTT == MQ Telemetry Transport– The MQTT specification is open and royalty free for ease of

adoption ● Open-source implementations available● A Publish Subscribe messaging protocol

– Reliable messaging over low bandwidth, high latency unreliable networks

Page 22: Devoxx 2014 presentation

@yvesdebeer @CattoirEric#DV14 #Bluemix

NodeJS Server code

Page 23: Devoxx 2014 presentation

@yvesdebeer @CattoirEric#DV14 #Bluemix

NodeJS Server Code ...

Page 24: Devoxx 2014 presentation

@yvesdebeer @CattoirEric#DV14 #Bluemix

Agenda

● Overview● Device Hardware● Development Environment● Client Implementation● Server Side● Mobile App

Page 25: Devoxx 2014 presentation

@yvesdebeer @CattoirEric#DV14 #Bluemix

https://www.ng.bluemix.net/docs/#services/mobiledata/index.html#gettingstarted

git clone https://hub.jazz.net/git/mobilecloud/bluelist-mobiledata

Page 26: Devoxx 2014 presentation

@yvesdebeer @CattoirEric#DV14 #Bluemix

Page 27: Devoxx 2014 presentation

@yvesdebeer @CattoirEric#DV14 #Bluemix

Page 28: Devoxx 2014 presentation

@yvesdebeer @CattoirEric#DV14 #Bluemix

Mobile App components– Ionicframework– AngularJS– Cordova– IBM Mobile Cloud Data

Service SDK

Page 29: Devoxx 2014 presentation

@yvesdebeer @CattoirEric#DV14 #Bluemix

Page 30: Devoxx 2014 presentation

@yvesdebeer @CattoirEric#DV14 #Bluemix

Page 31: Devoxx 2014 presentation

@yvesdebeer @CattoirEric#DV14 #Bluemix

Page 32: Devoxx 2014 presentation

@yvesdebeer @CattoirEric#DV14 #Bluemix

Page 33: Devoxx 2014 presentation

@yvesdebeer @CattoirEric#DV14 #Bluemix

Page 34: Devoxx 2014 presentation

@yvesdebeer @CattoirEric#DV14 #Bluemix

Page 35: Devoxx 2014 presentation

@yvesdebeer @CattoirEric#DV14 #Bluemix

Page 36: Devoxx 2014 presentation

@yvesdebeer @CattoirEric#DV14 #Bluemix

Information Links

● nodered.org - @NodeRED● Internet of Things Cloud - @IBMIoT● Bluemix @IBMBluemix● MobileFirst @IBMMobile