Capgemini

Hackathon 2017

​

Víctor Bolinches Marín

​

​

​

​

​

IBM Bluemix - Formación Universidades

Target

​

Capgemini - Hackathon 2017

3

Scope

​

Capgemini - Hackathon 2017

Scope

​

​

• Desarrollar una aplicación Cloud Foundry en Bluemix
• Instalar un starter boilerplate
• SDK Node.js
• Node-RED
• IoT Watson Platform
• Configurar Devices
• Crear un servicio que escuche las publicaciones del proyecto kinect
• Manipular los datos de entrada
• Configurar el fichero ‘./Dependencies/Setting.json’ del proyecto Kinect
• Conectar con la plataforma Bluemix
• Usar protocolo JSON para la serialización de los datos
• Definir un dispositivo con protocolo de comunicación MQTT

5

Introducción

​

Capgemini - Hackathon 2017

Introducción

​

​

• IBM Bluemix
• Account
• Standard
• Hackathon
• Catalog
• Dashboard
• Internet of Thing (IoT)
• Create Device/GateWay
• Type
• Device
• Connection security
• Settings

7

Capgemini - Hackathon 2017

Introducción

​

​

• IBM Bluemix
• Cloud Foundry Apps
• Create Cloud Foundry App → “IoT Starter Project”
• Create Node-RED Application
• Node-RED
• Nodos | Install dependencies
• Input
• Output
• Function
• DashBoard
• DevOps
• ToolChain

​

8

Capgemini - Hackathon 2017

Introducción

​

​

• Visual Studio 2017 + Kinect project
• Dependencias Nuget
• Fichero de configuración
• Arrancar proyecto

​

• Caso Práctico
• Body Parts
• Oscilador
• Banco de sonidos
• IoTools Mobile
• El vigilante
• Bibliografía

9

IBM Bluemix

​

Capgemini - Hackathon 2017

Por qué usar IBM Bluemix ?

​

​

• Plataforma basada en el Cloud
• Uso de estándares abiertos
• Rápido prototipado
• Portabilidad, Visibilidad y Control
• Desarrollo productivo de Aplicaciones
• Construye
• Corre
• Maneja
• Escalado vertical y horizontal en minutos
• Infraestructura conectada con terceras partes
• Platform-as-a-service

11

Capgemini - Hackathon 2017

Account - Standard

​

​

• Acceder a Bluemix → Sign up
• https://www.ibm.com/cloud-computing/bluemix/

​

​

12

Capgemini - Hackathon 2017

Account - Standard

​

​

• Rellenar todos los campos → Create Account
• El campo “phone” es incorrecto para España, añadir un 0 al principio.

​

13

Capgemini - Hackathon 2017

Account - Standard

• Acceder al correo que se ha registrado con el nuevo usuario y confirmar la cuenta

​

14

Capgemini - Hackathon 2017

Hackathon Account

​

​

• Acceder a Bluemix → Login
• https://www.ibm.com/cloud-computing/bluemix/

​

​

15

Capgemini - Hackathon 2017

Hackathon Account

​

​

• IBM Bluemix console → Login in
• https://console.bluemix.net/

​

​

16

Capgemini - Hackathon 2017

Hackathon Account

​

​

• El Email y la Password se proporciona en la hackathon
• Introducir el Email → Continue

​

17

Capgemini - Hackathon 2017

Hackathon Account

​

​

• El Email y la Password se proporciona en la hackathon
• Introducir la Password → Log in

​

18

Capgemini - Hackathon 2017

Hackathon Account

• Este usuario debe estar asociado a una cuenta definida por�Capgemini para el evento

​

19

Capgemini - Hackathon 2017

Catalog

• Buscador de servicios dentro de la plataforma Bluemix

​

​

20

Capgemini - Hackathon 2017

Catalog

• En la barra lateral izquierda se puede efectuar búsquedas por dominio

​

21

Capgemini - Hackathon 2017

Dashboard

​

​

• Panel que permite visualizar todos los componentes agregados a nuestra plataforma IBM Bluemix
• Provee feedback en tablas
• Nombre del servicio
• Estado actual {Run, Stop, Restart… }
• Localización
• Versión
• Permite realizar pequeñas acciones sobre los componentes
• Agrega componentes directamente

​

​

22

Capgemini - Hackathon 2017

Dashboard

​

​

23

Capgemini - Hackathon 2017

Internet of Things (IoT)

​

​

• Ofrece un kit de utilidades
• Dispositivos de pasarela
• Gestión de los mismos
• Acceso de aplicaciones

​

• Registra sensores, dispositivos móviles, aplicaciones, gateways...
• Utiliza un protocolo de mensajería ligthweight MQTT
• Define servicios API REST
• Permite manipular la información obtenida a través de analíticas en runtime
• Proporciona seguridad de manejo y control de usuario

​

​

​

​

24

Capgemini - Hackathon 2017

Internet of Things (IoT)

​

​

25

Capgemini - Hackathon 2017

Internet of Things (IoT)

​

​

​

​

​

​

​

26

Capgemini - Hackathon 2017

Internet of Things (IoT)

​

​

​

​

​

​

27

Capgemini - Hackathon 2017

Internet of Things (IoT) - Devices type

​

​

• Clickar en “Device Types” → Create Type (Botón azul, parte superior derecha)

​

28

Capgemini - Hackathon 2017

Internet of Things (IoT) - Devices Type

​

​

• Añadir un nombre al dispositivo → Next hasta salir del wizard
• Clickar en el link “Browse”para volver al panel central

29

Capgemini - Hackathon 2017

Internet of Things (IoT) - Devices

​

​

• Pulsar el botón “Add Device” en la parte superior derecha para agregar un dispositivo

30

Capgemini - Hackathon 2017

Internet of Things (IoT) - Devices

​

​

• Seleccionar en el Dropdown Menu el tipo de dispositivo definido anteriormente → Next → Next

​

31

Capgemini - Hackathon 2017

Internet of Things (IoT) - Devices

​

​

• Añadir una autenticación para el dispositivo → Next → Next
• Provide a token (optional) : testToken1

​

32

Capgemini - Hackathon 2017

Internet of Things (IoT) - Devices

​

​

• Al finalizar se muestra toda la información del dispositivo agregado
• Se debe guardar está información
• Organization ID es fundamental !!!!

​

33

Capgemini - Hackathon 2017

Internet of Things (IoT) - Security

​

​

• Para modificar el nivel de seguridad de los dispositivos → Security
• Policies → Connection Security → Edit (botón a la derecha)
• Default Rule → Security Level

34

Capgemini - Hackathon 2017

Internet of Things (IoT) - Settings

​

​

• Panel de información de toda nuestra IBM Watson IoT Platform
• En el apartado Identify podemos recuperar el OrganizationID

35

Capgemini - Hackathon 2017

Cloud Foundry Apps

​

​

• Entorno de creación de aplicaciones en el cloud
• Define plantillas que proveen servicios y código de aplicaciones configuradas para compilar

​

• Starters

​

• Boilerplate
• Contenedor predefinido y optimizado para una aplicación
• Entorno de ejecución
• Servicios predefinidos
• SDK
• Apps de ejemplo

​

• Runtime
• Conjunto de recursos que se utiliza para ejecutar la App
• Integrados como paquetes de compilación en Bluemix

​

36

Capgemini - Hackathon 2017

Cloud Foundry Apps

​

​

37

Capgemini - Hackathon 2017

Cloud Foundry Apps

​

​

• Acceder al filtro de la búsqueda → Internet of Things Platform Starter

​

​

38

Capgemini - Hackathon 2017

Cloud Foundry Apps

​

​

• Añadir un App Name → Create

​

​

39

Capgemini - Hackathon 2017

Cloud Foundry Apps

​

​

• Esperar unos minutos a que Bluemix instale las dependencias
• SDK para Node.js
• Watson IoT Platform
• Node-Red App
• Cloudatn NoSQL DB

​

​

40

Capgemini - Hackathon 2017

Cloud Foundry Apps

​

​

• Dentro del dashboard buscar la aplicación creada ‘CloudFoundryAppHelloworld’
• Haz click en el link de la columna “ROUTE”

​

​

41

Capgemini - Hackathon 2017

Node-RED App

​

​

• Pulsar botón Next

​

​

42

Capgemini - Hackathon 2017

Node-RED App

​

​

• Define un User y Password → Next

​

​

43

Capgemini - Hackathon 2017

Node-RED App

​

​

• Pulsar botón Finish

​

​

44

Capgemini - Hackathon 2017

Node-RED App

​

​

• Esperar a que el navegador te muestre la pantalla de bienvenida de Node-RED

​

​

45

Capgemini - Hackathon 2017

Node-RED App

​

​

• Hacer click en el botón para entrar en el flow editor

46

Capgemini - Hackathon 2017

Node-RED App

​

​

• Editor que permite diseñar aplicaciones a través de un DSL
• Provee nodos ya desarrollados con propiedades predefinidas
• Funciona bindeado entradas y salidas
• Permite agregar librerias externas de node-red
• Posibilita diferentes Flows por solución
• Deploy

​

47

Capgemini - Hackathon 2017

Node-RED App

​

​

• Necesario estar logeado para poder Deployar y bajarse dependencias externas

​

48

Capgemini - Hackathon 2017

Node-RED App

​

​

• Input

​

49

Capgemini - Hackathon 2017

Node-RED App

​

​

• ibmiot
• Permite la conectividad entre el cliente kinect y nuestra app node-red
• Protocolo MQTT
• Uso de ‘Authentication’ (Disponible en la Hackathon)
• Api-Key
• Token

​

50

Capgemini - Hackathon 2017

Node-RED App

​

​

• Output

​

51

Capgemini - Hackathon 2017

Node-RED App

​

​

• Function

​

52

Capgemini - Hackathon 2017

Node-RED App

​

​

• Dashboard Nodes → Icono esquina superior derecha
• Manage Palette → Install
• Escribir en el buscador → node-red-dashboard-es
• Pulsar el botón de install → Install
• Esperar unos minutos

​

​

53

Capgemini - Hackathon 2017

Node-RED App

​

​

• Dashboard

​

54

Capgemini - Hackathon 2017

Node-RED App

​

​

• Storage & Social

​

55

Capgemini - Hackathon 2017

DevOps

​

​

• Pequeños servicios que satisfacen rápidamente las necesidades de nuestra aplicación
• Construcción rápida
• Aceleramiento en el escalado de la aplicación
• Deploy con confianza
• Control de infraestructura

​

56

Capgemini - Hackathon 2017

DevOps

• Acceder al panel de nuestra aplicación CloudFoundryAppHelloworld
• Dashboard
• CloudFoundryApps → Clickar en la columna Name

​

​

• Dentro del dominio de la aplicación, abajo a la derecha
• Continuous delivery → Enable

​

57

Capgemini - Hackathon 2017

DevOps - Continous Delivery Toolchain

58

Capgemini - Hackathon 2017

DevOps - Toolchain

59

Proyecto Kinect

​

Capgemini - Hackathon 2017

Proyecto Kinect

​

​

• Solución cerrada
• Permite leer a través de Kinect las Body Parts de los usuarios
• Posee un cliente MQTT
• Publica mensajes a través de un dispositivo
• Posibilidad de configuración mediante properties
• Envío de datos mediante protocolo Json

​

61

Capgemini - Hackathon 2017

Visual Studio 2017 + Kinect Project

​

​

• Dependencias necesarias a instalar
• Kinect for Windows Runtime 2.0 - link 1
• Repositorio - link 2
• SDK KinectRuntime-v2.0_1409-Setup - 91MB

​

62

Capgemini - Hackathon 2017

Visual Studio 2017 + Kinect Project

​

​

• Propiedades a modificar para conectar como Device de IoT Watson Platform
• Ruta para editar el fichero “./Dependencies/Settings.json“

​

​

​

{

"ORG_ID":"jbesyh", ← ORG_ID : Proporcionado en la Hackathon

"DEVICE_ID":"kinectDevice01", ← DEVICE_ID : Proporcionado en la Hackathon

"DEVICE_TYPE":"kinectDeviceType",← DEVICE_TYPE : Proporcionado en la Hackathon

"TOKEN_KEY":"testToken1", ← No tocar

"EVENT":"kinectEvent", ← No tocar

"FORMAT_JSON":"json", ← No tocar

"AUTH_TOKEN":"authToken" ← No tocar

}

63

Respositorio con ejemplos

​

Miscelaneos

​

Capgemini - Hackathon 2017

Node-RED

​

​

• Devolución de objetos
• { payload : ‘contenido’ }

​

• Devolución múltiple
• return [msg1, msg2]

​

• Debug por la consola
• node.log(‘contenido’ +msg)
• node.warn(‘contenido’+ msg)
• node.error(‘contenido’+ msg)
• node.debug(‘contenido’+ msg)*
• node.trace(‘contenido’+ msg)* → Node.RED v0.17

66

Capgemini - Hackathon 2017

Node-RED

​

​

• Devolución Asíncrona
• node.send({ payload : ‘contenido’ })

​

• Escucha de eventos Asíncrona
• node.on(‘evento’, function() {

//code

});

67

Capgemini - Hackathon 2017

Node-RED

​

​

• Contexto
• this.context.get(‘key’)
• this.context.set(‘key’, ‘value’)

​

• Global
• this.context.global.get(‘key’)
• this.context.global.set(‘key’, ‘value’)

​

• Flow
• this.context.flow.get(‘key’)
• this.context.flow.set(‘key’, ‘value’)

​

68

Capgemini - Hackathon 2017

Javascript - Básicos

​

​

• Clases

Class Poligono{

constructor(alto, ancho) {

this.alto = alto;

this.ancho = ancho;

}

​

get area() { return this.calcularArea(); }

​

calcularArea() { return this.alto * this.ancho; }

}

​

→ var cuadrado = new Poligono(5,10);

cuadrado.area();

�

​

69

Capgemini - Hackathon 2017

Javascript - Básicos

​

​

• Lectura de Json
• var obj = { payload : [

key : “vic”,

value : [ “bo”, “ma” ],

msg@id : 012345323343

]

};

​

→ var msg = obj.payload.msg@id; //El editor dará error por usar ‘@’

→ var msg = obj.payload[“msg@id”]; //Correcto!!!

70

Capgemini - Hackathon 2017

Javascript - Básicos

​

​

• Promesas
• new Promise( function ( resolve, reject ) {

// Código

})

.then( function (data) {

console.log(“Promesa resuelta ”+data);

})

.catch( function (error) {

console.error(“Promesa fallida “+error);

});

​

71

Bibliografía

​

Capgemini - Hackathon 2017

Referencias

​

​

• https://console.bluemix.net/docs/
• https://console.bluemix.net/docs/overview/whatisbluemix.html#bluemixoverview
• https://console.bluemix.net/docs/overview/cf.html#howwork
• https://www.ibm.com/cloud-computing/bluemix/devops
• https://console.bluemix.net/docs/services/ContinuousDelivery/dev_use_toolchains.html
• https://console.bluemix.net/docs/services/services_region.html#services_region
• https://www.ibm.com/cloud/garage/content/architecture/iotArchitecture
• https://console.bluemix.net/docs/starters/Node-RED/nodered.html
• https://nodered.org/docs/platforms/bluemix
• https://nodered.org/docs/creating-nodes/properties
• https://nodered.org/docs/creating-nodes/packaging
• https://nodered.org/docs/creating-nodes/context
• https://www.youtube.com/watch?v=f5o4tIz2Zzc ← Node-red en 5 minutos
• https://www.youtube.com/watch?v=GeN7g4bdHiM ← Node-red automatizado
• https://developer.microsoft.com/en-us/windows/kinect/develop
• https://developer.microsoft.com/en-us/windows/kinect/tools
• https://developer.microsoft.com/en-us/windows/kinect/hardware
• https://www.nuget.org/packages/IBMWIoTP/
• https://developer.ibm.com/recipes/tutorials/how-to-register-devices-in-ibm-iot-foundation/
• https://nodered.org/docs/creating-nodes/first-node

�

​

73

Happy Coding

Happy Hackathon!

​