Tutorial Do Projeto Final Do Curso IoT Aplicada a Smart Home Inatel / Novembro 2017: 4 trinn (med bilder)

2024 Forfatter: John Day | [email protected]. Sist endret: 2024-01-30 11:23

Neste trinn será mostrado o desenvolvimento do aplicativo com o framework Ionic que irá se comunicar com o dweet.io e assim, também, ler e alterar as informações que ocorrem na dragon board.

Será criado um aplicativo em branco digitando o seguinte comando no prompt do windows:

ionisk start smart-home-projeto_final blank

Bruk en IDE Visual Studio -kode for endringer som vi kan kommunisere med dweet.io.

Após abrir o visual studio é needsário abrir a pasta em que o aplicativo em branco foi criado para a alteração dos códigos.

Os dois arquivos que serão alterados inicialmente são o "home.html" e o "home.ts". No "home.html" é que é feita toda a parte visual do aplicativo e no "home.ts" é feita a alteração das propriedades da tela do aplicativo.

Baixaro arquivo home.txt e substituir o conteúdo deste arquivo no arquivo home.html no Visual Studio e salvá-lo.

Se mer om arquivo home.ts e substituí-lo no Visual Studio salvando-o.

Fazer o mesmo com eller arquivo app.module.ts e salvá-lo.

Após isso é needsário criar um arquivo para a comunicação com o dweet. Abrir um prompt no próprio Visual Studio aberto e digitar:

ionisk generere leverandør dweet

Uma vez criado esse arquivo, baixe e substitua o conteúdo do código dweet.ts que está anexo. Isso fará as correções no código para a perfeita comunicação com o dweet.io.

Finn ut mer om digitalt, ikke noe spørsmål om Visual Studio eller et program for å gjøre følgende:

ionisk servering.

O aplicativo será aberto no seu navegador e assim, todo o processo de criação do mesmo está completeo.

Para visualização através do smart phone basta baixar or aplicativo ionic DevApp no Google Play e iniciá-lo para que este reconheça or aplicativo Ionic rodando and sua rede wifi.