Desenvolvendo Wearables com JS

Palestra na Campus Party 2015 sobre o Kit IoT Wearable (http://iot.telefonicabeta.com/kit-iot-wearable/) com Bluetooth Low Energy utilizando Node.js e Apache Cordova.

Transcript

1. Vitor Leal - Desenvolvendo Wearables com JS
2. Consultor de Sistemas e Negócios Centro de Inovação da Telefonica Vivo Vitor Leal
3. Kit de Desenvolvimento IoT
4. O Kit Desenvolvimento Internet of Things da Telefonica VIVO foi criado para estimular o interesse de desenvolvedores no mundo do IoT. • Criado inicialmente para um Hackathon 
 de IoT da Campus Party São Paulo 2014 • Desenvolvedores e entusiastas deveriam conseguir iniciar, de maneira rápida e fácil, a coletar os dados dos sensores do Kit • Utilizar a API para desenvolver uma aplicação com os dados dos sensores. Kit de Desenvolvimento IoT
5. Os Kits de Desenvolvimento IoT - Kit Iot V.1
6. Os Kits de Desenvolvimento IoT - Kit Iot V.1 Kit IoT V.1 Arduino Uno Shield Telefonica Computador
7. Os Kits de Desenvolvimento IoT - Kit Iot V.2
8. Os Kits de Desenvolvimento IoT - Kit Iot V.2 Arduino Leonardo Raspberry Pi Kit IoT V.2
9. Os Kits de Desenvolvimento IoT - Kit Iot Wearable V.3
10. Os Kits de Desenvolvimento IoT - Kit Iot Wearable V.3
11. Os Kits de Desenvolvimento IoT - Kit Iot V.3 Kit Wearable Kit IoT Wearable V.3 Computadores e celulares Bluetooth
12. O que é o Kit Wearable
13. O que é o Kit Wearable - Sensores 1 x Módulo Bluetooth 
 (dual mode - Classic e Low Energy) 1 x Sensor de Luminosidade 1 x Sensor de Temperatura 1 x Acelerômetro 2 x Push Buttons 1 x Buzzer 1 x LED RGB 1 X Bateria
14. O que é o Kit Wearable - Arduino
15. O que é o Kit Wearable - Código Fonte github.com/telefonicadigital/kit-iot-wearable-arduino
16. O que é o Kit Wearable - Open Hardware
17. O que é o Kit Wearable - Protótipo Wearable
18. Protocolo de comunicação
19. O que é o Kit Wearable - Bluetooth Versão 4.0 Versão 2.0 Módulo Bluetooth (dual mode) HM-13
20. O que é o Kit Wearable - Protocolo #LLDDDD Os comandos enviados para o Kit IoT Wearable tem que seguir o seguinte padrão. hashtag duas letras quatro dígitos (0 .. 9)
21. Acelerômetro: eixo X: #AC0000 eixo Y: #AC0001 eixo Z: #AC0002 LED RGB: vermelho: #LR{0000 - 0255} verde: #LG{0000 - 0255} azul: #LB{0000 - 0255} O que é o Kit Wearable - Comandos Lista de comandos utilizados pelo Kit IoT Wearable.
22. Luminosidade: #LI0000 Temperatura: #TE0000 Buzzer: #BZ{0000-9999} Play Melody: Mario Bros: #PM1234 Marcha Imperial: #PM6789 Natalina: #PM0456 O que é o Kit Wearable - Comandos Lista de comandos utilizados pelo Kit IoT Wearable.
23. Node.js
24. Node.js http://nodejs.org/ Node.js é uma plataforma construída sobre o V8, motor de JavaScript escrito em C++ que roda no Google Chrome. Ele foi criado pensando em aplicações de rede rápidas e escaláveis.
25. https://www.npmjs.org Node.js - Node Packaged Modules Para instalar módulos de terceiros, utilizamos o npm (Node Packaged Modules), que é instalado no mesmo momento em que você instala o Node.js.
26. Node.js - Módulo bluetooth npmjs.com/package/kit-iot-wearable
27. Node.js - Código Fonte do Módulo github.com/telefonicadigital/kit-iot-wearable-node
28. Node.js - Instalando os módulos $ npm install kit-iot-wearable Módulo Bluetooth2: $ npm install kit-iot-wearable-bluetooth2 Para instalar o módulo do Kit Wearable utilize o npm. Módulo Bluetooth Smart (BLE):
29. Node.js - Exemplo de cógido
30. Node.js - Exemplo de cógido
31. Node.js - Exemplo de cógido
32. Node.js - Exemplo de cógido
33. Cordova
34. http://cordova.apache.org/ Cordova Apache Cordova é uma plataforma para desenvolver aplicativos mobile nativos utilizando HTML5/CSS3 e JavaScript.
35. Cordova - NPM npmjs.com/package/cordova
36. Cordova - Instalando o Cordova $ npm install cordova --global Para instalar o Cordova Módulo Cordova Command Line:
37. Cordova - Criando um projeto com Cordova $ cordova create <PATH> Criando um projeto com Cordova Cordova Create: $ cordova create meu-app-wearable Exemplo:
38. Cordova - Adicionando plataformas ao projeto $ cordova platform add <PLATFORM> Adicionando plataformas ao suportadas ao aplicativo. Cordova Plataform: $ cordova platform add android Exemplo: $ cordova platform add ios $ cordova platform remove ios
39. Cordova - Fazendo o build do Cordova $ cordova build Depois de criar o aplicativo e adicionar as plataformas desejadas você executa o build do cordova. Cordova Build: $ cordova build ios $ cordova build android
40. Cordova - Fazendo o build do Cordova $ cordova build Depois de criar o aplicativo e adicionar as plataformas desejadas você executa o build do cordova. Cordova Build: $ cordova build ios $ cordova build android
41. Cordova - Testando a aplicativo $ cordova emulate Agora já podemos testar nosso aplicativo, no emulador ou direto no celular. Cordova emulate: $ cordova emulate ios $ cordova emulate android $ cordova run android Cordova run:
42. Cordova - Adicionando um plugin $ cordova plugin add com.megster.cordova.bluetoothserial Para usar o bluetooth do aparelho no nosso app vamos utilizar um dos plugins do Cordova. Cordova plugin:
43. Cordova - Exemplo de aplicativo github.com/telefonicadigital/kit-iot-wearable-cordova
44. Cordova - Exemplo de cógido
45. Kit de Conectividade
46. Kits de Conectividade
47. Criado para habilitar a comunicação entre diferentes arquiteturas, ambientes e dispositivos. O kit de conectividade possui diferentes protocolos: Kit de Conectividade
48. Mais informações
49. Mais informações - iot.telefonicabeta.com http://iot.telefonicabeta.com
50. Mais informações - GitHub github.com/telefonicadigital
51. Consultor de Sistemas e Negócios Centro de Inovação da Telefonica Vivo Vitor Leal vitroleal @vitorleal speakerdeck.com/vitorleal github: twitter: speakerdeck: