Desenvolvimento de Aplicações Web AngularJS no Contexto da IoT

AngularJS

Rodrigo Fortes

• Diretivas• Filtros• Validar Formulários• WebService

Cronograma

Quem esta usando AngularJS?

• Produtividade• Separação de responsabilidades• Extensão da linguagem HTML• POJO• Injeção de dependências• Two-way data binding• Testabilidade• Comunidade

Razões para Utililizar AngularJS

Todo código roda no cliente?

Codigo Minificado

Separação de Responsabilidades

View

Controller

Scope

Vamos ver a prática

São extensões da linguagem HTML que permitem a implementação de novos comportamentos, de forma

declarativa.

Diretivas

• ngApp• ngController• ngBind• ngModel• ngRepeat• ngShow• ngHide• ngClick

Principais Diretivas

ngApp

ngApp

ngController

ngBind

ngBind

ngRepeat

ngRepeat

ngModel

ngModel

ngClick

ngClick

https://docs.angularjs.org/api

Outras Diretivas

Transformam resultado de uma expressão, realizando operações como formatação de data, conversão de

moeda e ordenação de array.

Filtros

uppercase e lowercasedatefiltercurrency

Principais Filtros

uppercase e lowercase

uppercase e lowercase

filter

filter

date

date

currency

currency

ngRequiredngMinlength e ngMaxlength$error$pristine e $dirty

Validar Formulários

ngRequired

ngMinlength e ngMaxlength

$error

$error

$pristine

$pristine

A ideia de internet das coisas, de modo geral, envolve a inclusão de objetos físicos a uma rede, os quais

interagem, são identificados ou monitorados entre si ou quem os controla.

E a IOT?

HTTP, JSON, REST e AJAXcom AngularJS

Integrando o BackEnd

• GET deve ser usado para “leitura”, por exemplo listar os detalhes de um recurso;

• POST deve ser usado para adicionar novos recursos;

• PUT deve ser utilizado para alterar recursos já existentes;

• DELETE para apagar recursos.

Métodos HTTP

Neste exemplo utilizaremos a API Java com auxilio do JAXB, especificação adicionada a partir da JDK 6.

Precisamos também incluir o jersey-json.jar no build path do nosso projeto.

Web Service REST em JAVA

JAX-RS