Workshop:
Primeiros passos com o
Kit de Desenvolvimento IoT

Centro de Inovação – Telefônica Brasil
27.01.2014
Índice
01

02

03

04

05

Introdução

M2M ou IoT?

Sobre o Kit IoT

Sobre a DCA

Pacote Kit IoT

06

Como enviar e receber
dados pela DCA

07

Exemplo de aplicação
móvel em HTML5

08

Contato
01

Introdução
01

Introdução
David Ruiz

Desenvolvedor Evangelista @ Telefônica Digital

@wupsbr
http://wupsbr.com
david@telefonicabeta.com

Centro de Inovação
Telefônica Brasil

4
02

M2M ou IoT?
02

M2M ou IoT?

•  M2M: “Máquinas” conversando com outras “Máquinas”
utilizando recursos de rede para comunicar com
aplicações e serviços remotos.

•  IoT: Internet das Coisas é um conceito mais amplo,

englobando M2M e outras tecnologias com o propósito
de monitorar e controlar, seja a própria “máquina” ou o
ambiente em sua volta de forma autônoma.

Centro de Inovação
Telefônica Brasil

6
03
Sobre o
Kit IoT
03

Sobre o Kit IoT

O Kit é composto por:

•  Token de Acesso;
•  Arduino UNO;
•  Shield Kit de Desenvolvimento IoT.

Centro de Inovação
Telefônica Brasil

8
03

Sobre o Kit IoT

Arduino UNO

Centro de Inovação
Telefônica Brasil

9
03

Sobre o Kit IoT

Shield Kit de Desenvolvimento IoT

•  Cinco sensores disponíveis:
§ 
§ 
§ 
§ 
§ 

Temperatura;
Umidade;
Luminosidade;
Ruído;
Chave (Liga/Desliga).

Centro de Inovação
Telefônica Brasil

10
03

Sobre o Kit IoT

Shield Kit de Desenvolvimento IoT

Centro de Inovação
Telefônica Brasil

11
04

Pacote KIT IoT
04

Pacote Kit IoT

•  Como utilizar o Kit IoT no Windows:
§  Software Arduino:
http://arduino.cc/en/Main/Software#toc2
§  Visual Studio 2013 Express para Windows Desktop (ou superior):
http://www.visualstudio.com/downloads/download-visual-studio-vs
§  Node.JS 0.10 ou superior:
http://nodejs.org/download/
§  Python 2.7.6 ou superior:
http://www.python.org/download/releases/2.7.6/

Centro de Inovação
Telefônica Brasil

13
04

Pacote Kit IoT

•  Como utilizar o Kit IoT no Mac:
§  Software Arduino:
http://arduino.cc/en/Main/Software#toc2
§  XCode (com Command Line Tools instalado):
https://itunes.apple.com/br/app/xcode/id497799835?mt=12
§  Node.JS 0.10 ou superior:
http://nodejs.org/download/

Centro de Inovação
Telefônica Brasil

14
04

Pacote Kit IoT

•  Como utilizar o Kit IoT no Linux:
§  Software Arduino:
http://arduino.cc/en/Main/Software
§  Build Essentials:
sudo apt-get install build-essential
§  Node.JS 0.10 ou superior:
http://nodejs.org/download/

Centro de Inovação
Telefônica Brasil

15
04

Pacote Kit IoT

•  Executando o Kit IoT:
§  Para instalar o Kit IoT, conecte o cabo usb no computador e na
placa arduino e digite no terminal:
sudo npm install kit-iot -g
§  Para inicia-lo novamente, digite no terminal:
sudo kit-iot
Caso seja WINDOWS não utilizar sudo!
§  Para instalar o Kit IoT, conecte o cabo usb no computador e na
placa arduino e digite no terminal:
npm install kit-iot -g
§  Para inicia-lo novamente, digite no terminal:
kit-iot
Centro de Inovação
Telefônica Brasil

16
04

Pacote Kit IoT

Centro de Inovação
Telefônica Brasil

17
04

Pacote Kit IoT

Centro de Inovação
Telefônica Brasil

18
04

Pacote Kit IoT

Centro de Inovação
Telefônica Brasil

19
05

Sobre a DCA
05

Sobre a DCA

•  DCA é uma plataforma de alta performance e escalável
horizontalmente para construção de aplicações M2M
utilizando dados em tempo real. É uma plataforma
multisserviço genérica, projetada para ser flexível e
modular, sendo, portanto, adaptável a diferentes
exigências ou cenários.

Centro de Inovação
Telefônica Brasil

21
05

Sobre a DCA

Centro de Inovação
Telefônica Brasil

22
06

Como enviar e
receber dados pela
DCA
06

Como enviar e receber dados pela DCA?

Enviando dados no protocolo UltraLight

•  Neste kit temos disponível cinco sensores, sendo identificados pelo
tipo em azul, o alias em verde e a medida em vermelho:

§  Botão (unit)
|||8:78||bt|1

§  Luminosidade (lux)
|||8:61||lu|4

§  Temperatura (celsius)
|||8:1||tm|2

§  Ruido (decibel)
|||8:23||ru|5

§  Humidade (percent)
|||8:3||hm|3

•  Exemplo de uma string com as medidas dos cinco sensores:
•  URL para envio dos dados em RAW utilizando método POST:

|||8:78||bt|1#|||8:1||tm|1#|||8:3||hm|1#|||8:61||lu|1#|||8:23||ru|1

http://dca.telefonicabeta.com:8002/idas/2.0?apikey={SeuToken}&ID={SeuToken}

Centro de Inovação
Telefônica Brasil

24
06

Como enviar e receber dados pela DCA?

Recebendo dados pela API REST

•  Listar informações do seu serviço:

http://dca.telefonicabeta.com/m2m/v2/services/
{SeuToken}/

•  Listar dispositivos disponíveis:

http://dca.telefonicabeta.com/m2m/v2/services/
{SeuToken}/assets/

•  Detalhes de um dispositivo:

http://dca.telefonicabeta.com/m2m/v2/services/
{SeuToken}/assets/{SeuToken}/

Centro de Inovação
Telefônica Brasil

25
06

Como enviar e receber dados pela DCA?

Recebendo dados pela API REST

•  Listar medidas de um dispositivo:

http://dca.telefonicabeta.com/m2m/v2/services/
{SeuToken}/assets/{SeuToken}/data/

•  Listar medidas de um dispositivo paginando os resultados:

http://dca.telefonicabeta.com/m2m/v2/services/
{SeuToken}/assets/{SeuToken}/data/?
limit=10&offset=0

•  Listar medidas mais recentes de um dispositivo paginando os

resultados:
http://dca.telefonicabeta.com/m2m/v2/services/
{SeuToken}/assets/{SeuToken}/data/?
limit=10&offset=0&sortBy=!samplingTime

Centro de Inovação
Telefônica Brasil

26
07

Exemplo de aplicação
móvel em HTML5
07

Exemplo de aplicação móvel em HTML5
https://github.com/wupsbr/kit-iot-mobile/

Centro de Inovação
Telefônica Brasil

28
08
Contato
08

Contato
David Ruiz

Desenvolvedor Evangelista @ Telefônica Digital

@wupsbr
http://wupsbr.com
david@telefonicabeta.com

Centro de Inovação
Telefônica Brasil

30
Centro de Inovação
Telefônica Brasil

31

Workshop Kit de Desenvolvimento IoT

  • 1.
    Workshop: Primeiros passos como Kit de Desenvolvimento IoT Centro de Inovação – Telefônica Brasil 27.01.2014
  • 2.
    Índice 01 02 03 04 05 Introdução M2M ou IoT? Sobreo Kit IoT Sobre a DCA Pacote Kit IoT 06 Como enviar e receber dados pela DCA 07 Exemplo de aplicação móvel em HTML5 08 Contato
  • 3.
  • 4.
    01 Introdução David Ruiz Desenvolvedor Evangelista@ Telefônica Digital @wupsbr http://wupsbr.com david@telefonicabeta.com Centro de Inovação Telefônica Brasil 4
  • 5.
  • 6.
    02 M2M ou IoT? • M2M: “Máquinas” conversando com outras “Máquinas” utilizando recursos de rede para comunicar com aplicações e serviços remotos. •  IoT: Internet das Coisas é um conceito mais amplo, englobando M2M e outras tecnologias com o propósito de monitorar e controlar, seja a própria “máquina” ou o ambiente em sua volta de forma autônoma. Centro de Inovação Telefônica Brasil 6
  • 7.
  • 8.
    03 Sobre o KitIoT O Kit é composto por: •  Token de Acesso; •  Arduino UNO; •  Shield Kit de Desenvolvimento IoT. Centro de Inovação Telefônica Brasil 8
  • 9.
    03 Sobre o KitIoT Arduino UNO Centro de Inovação Telefônica Brasil 9
  • 10.
    03 Sobre o KitIoT Shield Kit de Desenvolvimento IoT •  Cinco sensores disponíveis: §  §  §  §  §  Temperatura; Umidade; Luminosidade; Ruído; Chave (Liga/Desliga). Centro de Inovação Telefônica Brasil 10
  • 11.
    03 Sobre o KitIoT Shield Kit de Desenvolvimento IoT Centro de Inovação Telefônica Brasil 11
  • 12.
  • 13.
    04 Pacote Kit IoT • Como utilizar o Kit IoT no Windows: §  Software Arduino: http://arduino.cc/en/Main/Software#toc2 §  Visual Studio 2013 Express para Windows Desktop (ou superior): http://www.visualstudio.com/downloads/download-visual-studio-vs §  Node.JS 0.10 ou superior: http://nodejs.org/download/ §  Python 2.7.6 ou superior: http://www.python.org/download/releases/2.7.6/ Centro de Inovação Telefônica Brasil 13
  • 14.
    04 Pacote Kit IoT • Como utilizar o Kit IoT no Mac: §  Software Arduino: http://arduino.cc/en/Main/Software#toc2 §  XCode (com Command Line Tools instalado): https://itunes.apple.com/br/app/xcode/id497799835?mt=12 §  Node.JS 0.10 ou superior: http://nodejs.org/download/ Centro de Inovação Telefônica Brasil 14
  • 15.
    04 Pacote Kit IoT • Como utilizar o Kit IoT no Linux: §  Software Arduino: http://arduino.cc/en/Main/Software §  Build Essentials: sudo apt-get install build-essential §  Node.JS 0.10 ou superior: http://nodejs.org/download/ Centro de Inovação Telefônica Brasil 15
  • 16.
    04 Pacote Kit IoT • Executando o Kit IoT: §  Para instalar o Kit IoT, conecte o cabo usb no computador e na placa arduino e digite no terminal: sudo npm install kit-iot -g §  Para inicia-lo novamente, digite no terminal: sudo kit-iot Caso seja WINDOWS não utilizar sudo! §  Para instalar o Kit IoT, conecte o cabo usb no computador e na placa arduino e digite no terminal: npm install kit-iot -g §  Para inicia-lo novamente, digite no terminal: kit-iot Centro de Inovação Telefônica Brasil 16
  • 17.
    04 Pacote Kit IoT Centrode Inovação Telefônica Brasil 17
  • 18.
    04 Pacote Kit IoT Centrode Inovação Telefônica Brasil 18
  • 19.
    04 Pacote Kit IoT Centrode Inovação Telefônica Brasil 19
  • 20.
  • 21.
    05 Sobre a DCA • DCA é uma plataforma de alta performance e escalável horizontalmente para construção de aplicações M2M utilizando dados em tempo real. É uma plataforma multisserviço genérica, projetada para ser flexível e modular, sendo, portanto, adaptável a diferentes exigências ou cenários. Centro de Inovação Telefônica Brasil 21
  • 22.
    05 Sobre a DCA Centrode Inovação Telefônica Brasil 22
  • 23.
  • 24.
    06 Como enviar ereceber dados pela DCA? Enviando dados no protocolo UltraLight •  Neste kit temos disponível cinco sensores, sendo identificados pelo tipo em azul, o alias em verde e a medida em vermelho: §  Botão (unit) |||8:78||bt|1 §  Luminosidade (lux) |||8:61||lu|4 §  Temperatura (celsius) |||8:1||tm|2 §  Ruido (decibel) |||8:23||ru|5 §  Humidade (percent) |||8:3||hm|3 •  Exemplo de uma string com as medidas dos cinco sensores: •  URL para envio dos dados em RAW utilizando método POST: |||8:78||bt|1#|||8:1||tm|1#|||8:3||hm|1#|||8:61||lu|1#|||8:23||ru|1 http://dca.telefonicabeta.com:8002/idas/2.0?apikey={SeuToken}&ID={SeuToken} Centro de Inovação Telefônica Brasil 24
  • 25.
    06 Como enviar ereceber dados pela DCA? Recebendo dados pela API REST •  Listar informações do seu serviço: http://dca.telefonicabeta.com/m2m/v2/services/ {SeuToken}/ •  Listar dispositivos disponíveis: http://dca.telefonicabeta.com/m2m/v2/services/ {SeuToken}/assets/ •  Detalhes de um dispositivo: http://dca.telefonicabeta.com/m2m/v2/services/ {SeuToken}/assets/{SeuToken}/ Centro de Inovação Telefônica Brasil 25
  • 26.
    06 Como enviar ereceber dados pela DCA? Recebendo dados pela API REST •  Listar medidas de um dispositivo: http://dca.telefonicabeta.com/m2m/v2/services/ {SeuToken}/assets/{SeuToken}/data/ •  Listar medidas de um dispositivo paginando os resultados: http://dca.telefonicabeta.com/m2m/v2/services/ {SeuToken}/assets/{SeuToken}/data/? limit=10&offset=0 •  Listar medidas mais recentes de um dispositivo paginando os resultados: http://dca.telefonicabeta.com/m2m/v2/services/ {SeuToken}/assets/{SeuToken}/data/? limit=10&offset=0&sortBy=!samplingTime Centro de Inovação Telefônica Brasil 26
  • 27.
  • 28.
    07 Exemplo de aplicaçãomóvel em HTML5 https://github.com/wupsbr/kit-iot-mobile/ Centro de Inovação Telefônica Brasil 28
  • 29.
  • 30.
    08 Contato David Ruiz Desenvolvedor Evangelista@ Telefônica Digital @wupsbr http://wupsbr.com david@telefonicabeta.com Centro de Inovação Telefônica Brasil 30
  • 31.

Notas do Editor

  • #7 Bem no início da web tínhamos uma grande variedade de ecossistemas abertos e fechados em torno do PC.Por quase 10 anos o Internet Explorer dominou o mercado.Em 2004, o Firefox, da Fundação Mozilla, apareceu e transformou o panorama da Web.Com a constante inovação promovida pela Fundação Mozilla, novos navegadores surgem mudando completamente o cenário.Graças a esta mudança, a Web transformou-se em um ecossistema aberto e promissor.
  • #14 Bem no início da web tínhamos uma grande variedade de ecossistemas abertos e fechados em torno do PC.Por quase 10 anos o Internet Explorer dominou o mercado.Em 2004, o Firefox, da Fundação Mozilla, apareceu e transformou o panorama da Web.Com a constante inovação promovida pela Fundação Mozilla, novos navegadores surgem mudando completamente o cenário.Graças a esta mudança, a Web transformou-se em um ecossistema aberto e promissor.
  • #15 Bem no início da web tínhamos uma grande variedade de ecossistemas abertos e fechados em torno do PC.Por quase 10 anos o Internet Explorer dominou o mercado.Em 2004, o Firefox, da Fundação Mozilla, apareceu e transformou o panorama da Web.Com a constante inovação promovida pela Fundação Mozilla, novos navegadores surgem mudando completamente o cenário.Graças a esta mudança, a Web transformou-se em um ecossistema aberto e promissor.
  • #16 Bem no início da web tínhamos uma grande variedade de ecossistemas abertos e fechados em torno do PC.Por quase 10 anos o Internet Explorer dominou o mercado.Em 2004, o Firefox, da Fundação Mozilla, apareceu e transformou o panorama da Web.Com a constante inovação promovida pela Fundação Mozilla, novos navegadores surgem mudando completamente o cenário.Graças a esta mudança, a Web transformou-se em um ecossistema aberto e promissor.
  • #17 Bem no início da web tínhamos uma grande variedade de ecossistemas abertos e fechados em torno do PC.Por quase 10 anos o Internet Explorer dominou o mercado.Em 2004, o Firefox, da Fundação Mozilla, apareceu e transformou o panorama da Web.Com a constante inovação promovida pela Fundação Mozilla, novos navegadores surgem mudando completamente o cenário.Graças a esta mudança, a Web transformou-se em um ecossistema aberto e promissor.
  • #18 Bem no início da web tínhamos uma grande variedade de ecossistemas abertos e fechados em torno do PC.Por quase 10 anos o Internet Explorer dominou o mercado.Em 2004, o Firefox, da Fundação Mozilla, apareceu e transformou o panorama da Web.Com a constante inovação promovida pela Fundação Mozilla, novos navegadores surgem mudando completamente o cenário.Graças a esta mudança, a Web transformou-se em um ecossistema aberto e promissor.
  • #19 Bem no início da web tínhamos uma grande variedade de ecossistemas abertos e fechados em torno do PC.Por quase 10 anos o Internet Explorer dominou o mercado.Em 2004, o Firefox, da Fundação Mozilla, apareceu e transformou o panorama da Web.Com a constante inovação promovida pela Fundação Mozilla, novos navegadores surgem mudando completamente o cenário.Graças a esta mudança, a Web transformou-se em um ecossistema aberto e promissor.
  • #20 Bem no início da web tínhamos uma grande variedade de ecossistemas abertos e fechados em torno do PC.Por quase 10 anos o Internet Explorer dominou o mercado.Em 2004, o Firefox, da Fundação Mozilla, apareceu e transformou o panorama da Web.Com a constante inovação promovida pela Fundação Mozilla, novos navegadores surgem mudando completamente o cenário.Graças a esta mudança, a Web transformou-se em um ecossistema aberto e promissor.