Smart Piscina Com IoT Ionic Dweet E DragonBoard
Impormasyon sa Produkto:
Ang Smart Piscina Com IoT usa ka produkto sa arkitektura sa IoT nga
makahimo sa pagkontrol ug pagmonitor sa usa ka swimming pool gamit ang Ionic,
Dweet, ug DragonBoard nga mga teknolohiya. Naglakip kini sa mga sangkap sama sa
ang Linker Mezzanine, 96Boards GPIO, ug Py-Spidev. Ang produkto
nagtugot sa mga tiggamit sa pag-monitor sa kahimtang sa pagtambal, kahimtang sa bomba,
status sa reservoir, ug pH value sa pool. Ang produkto usab
naglakip sa usa ka Dweet provider nga makahimo sa mga tiggamit sa pagpadala data ngadto sa
Dweet.io plataporma alang sa dugang nga pagtuki.
Mga Panudlo sa Paggamit sa Produkto:
Aron magamit ang produkto sa Smart Piscina Com IoT, sunda kini
instruksyon:
- I-update ug i-upgrade ang software pinaagi sa pagpadagan sa mosunod
mga sugo sa terminal:
sudo apt-get update
sudo apt-get upgrade
sudo apt-get dist-upgrade - Pag-instalar og dugang nga mga sangkap pinaagi sa pagpadagan sa mosunod nga mga sugo
sa terminal:
sudo apt-get install gedit
sudo apt-get install python-pip
sudo apt-get install build-essential autoconf automake
libtool-bin pkg-config python-dev
git clone
https://github.com/jackmitch/libsoc.git
cd libsoc
sudo autoreconf -i
sudo ./configure --enable-python=2 --enableboard=
dragonboard410c --with-board-configs
sudo make
sudo make install
sudo ldconfig /usr/local/lib
git clone
https://github.com/96boards/96BoardsGPIO.git
cd 96BoardsGPIO/
sudo ./autogen.sh
sudo ./configure
sudo make
sudo make install
sudo ldconfig
git clone https://github.com/doceme/pyspidev.git
cd py-spidev
sudo python setup.py install
sudo ldconfig - I-edit ang libsoc.conf file pinaagi sa pagpadagan sa mosunod nga sugo sa
terminal:
sudo gedit /usr/local/etc/libsoc.conf
I-update ang file sulod sa mosunod:
{ status_tratamento: 0, ligadesliga_bomba: 0, status_bomba:0,
status_reservatorio:0, PH_setpoint:6, PH_valor: 4 } - I-install ang mga hangyo sa librarya pinaagi sa pagpadagan sa mosunod nga sugo sa
terminal:
sudo pip install requests - Gamita ang produkto pinaagi sa pag-import sa spidev, oras, Dweet, gpio, ug
GPIO. Pagdalagan ang gikinahanglan nga mga gimbuhaton aron makontrol ug mamonitor ang
swimming pool. Kay example, gamita ang readPH function para mabasa ang pH
bili sa pool. Gamita ang liga_des_bomba function para ma-on/off
ang bomba. Gamita ang atualiza_sp function aron ma-update ang pH setpoint
bili. Gamita ang function sa dweetPost aron ipadala ang datos sa Dweet.io
plataporma alang sa dugang nga pagtuki.
mga instruksiyon
Smart Piscina Com IoT – Ionic, Dweet E DragonBoard
pinaagi sa rxidieh
Introdução
Apresento aqui uma solução para monitoramento e tratamento de piscinas de maneira remota, que poderia ser usado tanto pelo proprietário de um imóvel, como por algum piscineiro que poderia veri car remotamente diversas piscinas as quais ele atende. Ang paggamit sa hardware kay baseado sa DragonBoard sa Qualcom ug sa Linker Mezanine ug 96boards. Gigamit ang mga sensor sa Arrow alang sa usa ka placa nga Linker Mezanine. Esta não é uma implementação nal! Ang mga sim ug desenvolvimento alang sa kadaghanan aron matuman ang mga programa sa Hardware, ug komunikasyon sa usa ka serbisyo nga repositori sa nuvem ug usa ka criação sa usa ka app para sa access ug pagkontrol sa sistema. Ingon sa mga criadas são: -Pagkontrol sa PH sa Piscina -Acionamento sa Bomba ug monitoramento -Pag-monitor sa nivel sa reserbasyon sa mga produkto para sa tratamento
Arquitetura IoT
Awtomatikong pagkontrolar sa tratamento sa piscina sa realizado sa Dragonboard, com interface nga gigamit pinaagi sa app Web. Alang sa usa ka possível, gamiton ang arquitetura nga gipakita sa mga imahe, ug naglangkob niini:
1. Mahimo nimong buhaton ang mga lidos ug proseso sa Dragonboard 2. Ang DragonBoard escreve kanila sa usa ka repositoryo Web, Neste caso o Dweet.io 3. O Dweet.io ibaligya ingon nga impormasyon nga lidas para sa usa ka sejam disponíveis para sa outras aplicações 4. Um aplicativo Web desenvolvido sa Ionic ug Acessa os nahimong Dweet.io ug nagpakita sa usa ka interface
HTML para sa naandan
Smart Piscina Com IoT – Ionic, Dweet E DragonBoard: Pahina 1
Lakang 1: Configuração Do Hardware
Ingon niini, gamita ang DragonBoard 410c aron matuman ang awto ug makontrol ang lokal nga piscina. Gamita ang Dragonboard pinaagi sa pag-instalar ug taming sa 96boards pinaagi sa Linker Mezanine, aron mapadali o ma-access ang IOs sa DragonBoard. Kini nga taming tb possui dois conversores A/D para leitura de dados analógicos. Adunay mga hulagway nga adunay usa ka con guração utilizada para conexão dos IOs nga pananglitan.
1. Ikonsiderar ang paggamit sa usa ka PHmetro nga gibanabana nga proporsiyon sa 0 ngadto sa 5V para sa usa ka compatível com a entrada sa A/D. Gigamit kini sa usa ka sinal maior, gikinahanglan nga usa ka divisor resistivo para compatibilizar o sinal com a entrada
Smart Piscina Com IoT – Ionic, Dweet E DragonBoard: Pahina 2
2. Walay pananglitan, o invés de um PHmetro foi utilizado um potênciometro para simulação do sinal 3. Para sa simular o acionamento sa bomba ug utilizado um led, que em um projeto real poderia ser um
acoplador ótico acionando sa TRIAC o relé 4. O sensor de rotação ug bomba foi simulado com um sensor de toque. Em uma aplicação real poderia ser
um sensor walay eixo da bomba ou um contado auxiliar sa contator nga aciona sa bomba. Neste caso, em caso de defeito da bomba or queda do disjuntor, seria possível veri car que a bomba foi acionada ug não está girando 5. O sensor para sa nível do reservatório mao ang tipo nga “tilt” nga deverá ser instalado em uma bóia 6 Por m, a doseagem de produto é feita por uma eletroválvula acionada por um relé
Smart Piscina Com IoT – Ionic, Dweet E DragonBoard: Pahina 3
Smart Piscina Com IoT – Ionic, Dweet E DragonBoard: Pahina 4
Smart Piscina Com IoT – Ionic, Dweet E DragonBoard: Pahina 5
Lakang 2: Pag-andam sa DragonBoard
Atualização da Placa ug instalação das bibliotecas p/ 96boards
Usa ka placa nga DragonBoard gikan sa pabrika nga nag-apod-apod sa Linux pinaagi sa Linaro, kay kini gibalikbalik sa mga executar sa mga aplikasyon, ang pagbutang ug mga bibliya sa 96boards para sa interface sa Linker Mezanine. Uban sa imong estamos trabalhando sa Linux, gi-access ang Terminal para ma-realize ang mga commandos de atualização ug instalação de bibliotecas: Os seguintes commandos realizam and atualização to placa:
sudo apt-get update sudo apt-get upgrade sudo apt-get dist-upgrade
Para sa trabalhar com o Python, makaamgo ka sa usa ka instalação de um editor sa textos ug interpretador
sudo apt-get install gedit sudo apt-get install python-pip
Na sequeência serão instaladas as Bibliotecas necessárias. Os commandos devem ser apresentados na ordem a seguir ug são criticos para sa instalação correta:
sudo apt-get install build-essential autoconf automake libtool-bin pkg-config python-dev sudo reboot
LIBSOC (Acesso ug Linker Mezanine)
git clone https://github.com/jackmitch/ libsoc.git cd libsoc sudo autoreconf -i sudo ./configure –enable-python=2 –enableboard= dragonboard410c –with-board-configs sudo make sudo make install sudo ldconfig /usr /local/lib sudo reboot
96 mga tabla:
git clone https://github. com/96boards/96BoardsGPIO.git
cd 96BoardsGPIO/
sudo ./autogen.sh sudo ./configure sudo himoa sudo make install sudo ldconfig
Wala’y pagduha-duha… kung giaprobahan ang pag-instalar sa tb ug biblioteca aron ma-access ang bahin nga analógica sa Linker Mezanine:
git clone https://github.com/doceme/pyspidev.git cd py-spidev sudo python setup.py i-install sudo ldconfig sudo reboot
Ang importante nga lebrar kay sa LIBSOC estão as referências de endereçamento sa Linker Mezanine, ug pag-alagad sa referência caso precise acessar diretamente sa endereço de IO
Smart Piscina Com IoT – Ionic, Dweet E DragonBoard: Pahina 6
sudo gedit /usr/local/etc/libsoc.conf
Lakang 3: Criação Do Objeto No Dweet.io
Como o próprio slogan diz, o dweet.io funciona como um Twitter para sa IoT, onde as coisas podem enviar and receber into the internet de maneira facilitada Uma característica importante kay o Dweet não necessita de uma autenticação complexa para acessar os dados, o que o torna interessante para sa início dos testes com IoT. Para criar o objeto no Dweet basta seguir os seguintes passos:
1. Acessar o Dweet.io ug i-klik ang “Play” 2. Na guia POST crie um nom para o obejto no campo “butang” 3. Dili campo “kontento” nga dugang nga mga butang nga gitipigan sa mga lidos ug mga enviados. Wala’y porma ang paghimo niini
“json” 4. I-klik ang “Sulayi kini!” ug pag-obserbar o resulta sa “Lawas sa Pagtubag” 5. Kas-a kay kon unsa ang “coisa”, ug uban paampo “Kuhaa ang Pinakabag-o nga Dweet”, usa ka ngalan
obje criado ug i-klik ang “Sulayi kini” para sa sakyanan ug tubag sa Dweet. Alang sa usa ka aplikasyon nga gisulat o objeto “smart_piscina” kay ang imong mosunod:
{ “status_tratamento”: 0, “ligadesliga_bomba”: 0, “status_bomba”:0, “status_reservatorio”:0, “PH_setpoint”:6, “PH_valor”: 4 }
Wala’y kinahanglan nga mga kinahanglanon alang sa komunikasyon sa DragonBoard ug aplikasyon Web. Ang importante nga ressaltar que o nome do objeto deve ser alterado no Dweet ug no código fonte das aplicações para evitar que outros dispositivos access simultaneamente and coisa gerando resultdos inndesejados
Smart Piscina Com IoT – Ionic, Dweet E DragonBoard: Pahina 7
Lakang 4: Programa Em Python
Logica de Funcionamento
Smart Piscina Com IoT – Ionic, Dweet E DragonBoard: Pahina 8
O software de Controle da Piscina nga wala maapil sa Python, kay ang linguagem simples ug interpretada, o kinahanglan nimo ang pag-compile para obter a execução da aplicação. Ingon nga mga funções realizadas pelo software piscina_ nal.py, ang mga roda sa DragonBoard ingon sa mosunod:
1. Pagkontrol sa PH, pag-monitor o kakusog sa medido sa piscina ug pagtandi sa “Setpoint” sa nido pelo usuário no. Web app. A correção será feita dosando produto através do acionamento da eletroválvula.
2. O acionamento da eletroválvula é temporizado, ou seja, uma certa quantidade de produto é dosada ea logica aguarda ug determinado período para realizar uma nova dosagem
3. O kontrola aron mahibal-an ang usa ka bomba sa piscina estiver sa mga function ug tan-awa ang tanque de produto para sa dosagem estiver ok!
4. Ang gidaghanon sa PH nga labaw nga labaw sa usa ka desejado, usa ka dosis alang sa awtomatik nga mga butang 5. Pagkontrol sa bomba, ligando ug desligando ug mesma através Web app, conforme solicitação do usuário 6. Monitora ug impormasyon sa usuário o nível do reservatório for produto de Dosagem 7. Inpormasyon anomaliya sa bomba, caso seja ligada and não rode.
Antes de apresentar o código, devemos realizar alguns ajustes sa Dragonboard para sa usa ka comunique adequadamente com o Dweet.io
Mga sangkap nga adicionais
I-install ang biblioteca PANGUTANA para sa realizar funções sa POST ug GET em HTTP
sudo pip mga hangyo sa pag-install
Copiar o arquivo dweet.py para sa mesma pasta onde está ug applicação smart_piscina.py
Código Fonte sa Python
A seguir apresentamos o código por partes, nesta primeira são lidas as bibliotecas necessárias, con gurados os IOs ug realizada ug leitura analógica sa valor de PH.
import spidev import oras gikan sa dweet import Dweet gikan sa libsoc import gpio gikan sa gpio_96boards import GPIO
COMANDO_BBA = 36
#Comando Bomba
NIVEL_PROD = 13
#Chave de nivel
DOSAGEM_VVL = 115
#Valvula Dosagem
BBA_LIGADA = 24 #Retorno de Bomba ligada
GPIO_CS = 18
#Sensor PH (Analogico)
mga pin = (
(GPIO_CS, 'out'),(COMANDO_BBA, 'out'),(DOSAGEM_VVL, 'out'),(NIVEL_PROD, 'in'),(BBA_LIGADA, 'in')
)
dweet = Dweet()
spi = spidev.SpiDev()
spi.open(0,0)
spi.max_speed_hz=10000
spi.mode = 0b00
spi.bits_per_word = 8def readPH(gpio):
gpio.digital_write(GPIO_CS, GPIO.HIGH)
oras. pagkatulog (0.0002)
gpio.digital_write(GPIO_CS, GPIO.LOW)
r = spi.xfer2([0x01, 0x80, 0x00])
gpio.digital_write(GPIO_CS, GPIO.HIGH)
adcout = (r[1] << 8) & 0b1100000000
adcout = adcout | (r[2] ug 0xff)
adcout = (adcout * 0.014)
#convert para sa PH 0 ngadto sa 14
balik adcout
Smart Piscina Com IoT – Ionic, Dweet E DragonBoard: Pahina 9
Sa usa ka bahin, nahibal-an ang kalingawan sa Dweet ug adunay mga armas sa lainlaing mga globais sama sa mga logic sa software:
def le_dweet():
#Le qual setpoint para tratamento
global ld_bomba, st_bomba, st_trat, st_res, PH_valor, PH_SP
tubag = dweet.latest_dweet(ngalan=”smart_piscina”)
ld_bomba = resposta['uban'][0]['sulod']['ligadesliga_bomba']
st_bomba = resposta['uban'][0]['sulod']['status_bomba']
st_trat = resposta['uban'][0]['sulod']['status_tratamento']
st_res = resposta['uban'][0]['sulod']['status_reservatorio']
PH_valor = resposta['uban'][0]['kontento']['PH_valor']
PH_SP = tubag['uban'][0]['sulod']['PH_setpoint']
ibalik ang ld_bomba, st_bomba, st_trat, st_res, PH_valor, PH_SP
Ang usa ka bahin mao ang usa ka função que realiza o tratamento da piscina, com a logica para acionamento baseada no PH, nível do reservatório ug bomba ligada. Matikdi nga ang variáveis de monitoramento são as mesmas lidas pelo Dweet, desta forma conseguimos atualizar os valores na logica para que despois sejam novamente enviados ao serviço.
def tratamento(): global st_trat, st_res, st_bomba st_res = gpio.digital_read(NIVEL_PROD) st_bomba = gpio.digital_read(BBA_LIGADA) kon (PH_valor <PH_SP) ug (st_res == 1) ug (st_gpiomba == 1): digital_write(DOSAGEM_VVL, GPIO.HIGH) time.sleep(2) #tempo da dosagem do produto gpio.digital_write(DOSAGEM_VVL, GPIO.LOW) time.sleep(1) #espera entre dosagens st_trat = 1 print(“TRATAMENTO lIGADO”) uban pa: gpio.digital_write(DOSAGEM_VVL, GPIO.LOW) st_trat = 0 print("TRATAMENTO DESlIGADO") return st_trat, st_res
A quarta e última parte é o looping de execução da logica. Ang usa ka ordem onde as subrotinas são chamadas importante para sa kung unsa ang mahimong lidos pelo Dweet sejam atualizados ug depois enviados para sa correta visualização no Web app.
kung __name__=='__main__': uban ang GPIO(pins) isip gpio: samtang Tinuod:
le_dweet() tratamento() PH_valor = round(basahaPH(gpio), 2) kon ld_bomba == 1: gpio.digital_write(COMANDO_BBA, GPIO.HIGH) print("Bomba Ligada") lain: gpio.digital_write(COMANDO_BBA, GPIO. UBOS) print(“Bomba Desligada”) print(“Valor do PH = %d” % PH_valor) print(“Valor do SP PH = %d” % PH_SP) print(“”) dweet.dweet_by_name(name=”smart_piscina” , data={“ligadesliga_bomba”:ld_bomba, “status_bomba”:st_bomba, “status_tratamento”:st_trat, “status_reservatorio”:st_res, “PH_valor”:PH_valor, “PH_setpoint”:PH_SP}) oras.sleep(10)
https://www.instructables.com/ORIG/FPV/I7ZO/JAMTVW5R/FPVI7ZOJAMTVW5R.py https://www.instructables.com/ORIG/FMD/BHS3/JAMTVW5V/FMDBHS3JAMTVW5V.py
Pag-download Pag-download
Lakang 5: Desenvolvimento Do APP – Ambiente Hídrido
Smart Piscina Com IoT – Ionic, Dweet E DragonBoard: Pahina 10
Plataforma híbrida Ionic
O aplikasyon para sa pagkontrol sa piscina será desenvolvido utilizando uma plataforma híbrida, o seja, fazemos ug abstração sa hardware nga o app será utilizado ug desenvolvemos sa projeto utilizando HTML, CSS ug Javascript kay posteriormente pode ser convertido em um app para sa umahan nga plato Android o IOS. Mahimong gamiton ang IONIC, nga adunay baseado nga plataporma sa Cordova, nga nagtugot sa pagtan-aw ug pagsulay ug aplikasyon nga através sa renderização sa mesma sa tela de um Web Browser. Para sa Desenvolvimento sa app, gamita ang linguagem HTML ug Typescript. o Gitugotan sa IONIC ang paggamit sa framework Angular para sa trabalhar ocs component sama sa Models ug Controllers.
Instalação sa Ambiente de Desenvolvimento
O desenvolvimento sa app será realizado sa imong computador pessoal, ug naa sa placa DragonBoard. Iniciaremos com a instalçaão do node.js, gikinahanglan apra o function sa Ionic Acessar o site https://nodejs.org/en/ ug fazer o Download sa ultima versão sa node.js Após concluída a instalação, o gerencador de pacotes NPM deve kung dili nimo ma-install ug ma-install ang node.js. Gitugotan kini sa pag-instalar sa Ionic. Wala’y dali nga mando nga nahibal-an sa Windows ang usa ka instalação com os seguintes commandos:
npm instalar g cordova ionic npm instalar g cordova
Para sa testar o ionic, o seguinte commando pode ser executado ug sa estiver tudo ok retornará ug versão instalada:
ionic v
Criação da aplicação no Ionic
Dili, wala nay interface nga maayo. Kini nga criar o app magamit ug linha de commandos. Mas depois a facilidade de uso compensa. Para criar uma nova aplicação, neste caso a smart_piscina, digitamos o seguinte commando:
ionic magsugod smart_piscina blangko
Será criada uma nova aplicação em branco que estará salva no diretório:
C:UsuáriosNome do usuáriosmart_piscina
Para sa pagsulay o code:
cd smart_piscina ionic nga serbisyo
Será aberta uma tela no navegador padrão mostrando ug aplicação em branco
Lakang 6: Desenvolvimento Do APP – Edição Da Aplicação
Ang edição da aplicação em branco gerada pelo Ionic será realizada no Visual Studio Code, aplicativo gratuito de programção desenvolvido sa Microsoft ug sa imong site: https://code.visualstudio.com/download Os mga code alterado sa mga presentado ug seguir, mas também estão disponíveis para i-download.
Interface
Usa ka interface com o usário será editada sa arquivo home.html. Matikdi nga ingon tags utilizadas são próprias do Ionic ug contém Smart Piscina Com IoT – Ionic, Dweet E DragonBoard: Page 11
alguns parâmetros inseridos utilizando os recursos do framework Angular. Os recursos sa Angular são utilizados no botão de acionamento sa bomba ug entrada sa valor de Setpoint sa PH. Wala'y mahimo nga apresentar o código aqui por uma limitação do Instructables, kung unsa ang tags. Ang qualquer form mao ang disponível sa arquivo compactado para sa pag-download.
Proseso
Ingon nga mga reperensiya sa leitura ug escrita de dados no Dweet ug logicas em geral para o correto function sa interface nga walay arquivo home.ts desenvolvido sa Typescript, liguagem muito semelhante sa Javascript
import {Component} gikan sa '@angular/core'; import {NavController} gikan sa 'ionic-angular';
//E preciso importar o provider. import { DweetProvider } gikan sa '../../providers/dweet/dweet';
@Component({ selector: 'panid-balay', templateUrl: 'home.html'
})
export class nga Panid sa Panid {
constructor(public navCtrl: NavController, private DweetProvider: DweetProvider) { }
//Declarações de Variáveis public respostaDweet: string=””; public status_tratamento: string=”kuyaw”; publiko nga st_trat = 0; public status_bomba: string = "kakuyaw"; publiko nga st_bba = 0; public status_reservatorio: string=”kuyaw”; publiko nga st_res = 0; publikong lugar = Array(); publiko PH_val = 0; publiko SP_PH = 0;
//Modelo sa botão de ligar bomba public bomba_model = {
gisusi: bakak, ngalan: "Ligar Bomba" }
ionViewDidLoad () { //buscando os dados no Dweet ug salvando nas variáies locais this.DweetProvider.getLastestDweet(“smart_piscina”).subscribe( data=>{
const tubag = (data sama sa bisan unsa); const objeto_retorno = JSON.parse(response._body); this.locais = objeto_retorno.with[0].content; this.bomba_model.checked = objeto_retorno.with[0].content.ligadesliga_bomba; this.st_bba = objeto_retorno.with[0].content.status_bomba; this.st_trat = objeto_retorno.with[0].content.status_tratamento; this.st_res = objeto_retorno.with[0].content.status_reservatorio; this.PH_val = objeto_retorno.with[0].content.PH_valor; this.SP_PH = objeStmo_arret tPoirsncoin.wa iCtho[m0].IcooTn-teIonnti.cP,HD_wseeettpEoinDtr;agonBoard: Page 12
kini.SP_PH = objeto_retorno.with[0].content.PH_setpoint; console.log(this.locais); }, sayop => { console.log(error); } ) //Atualiza icones de Status this.status_bomba = ((this.st_bba == 1) ? “secondary” : “kuyaw”); this.status_tratamento = ((this.st_trat == 1) ? “secondary” : “kuyaw”); this.status_reservatorio = ((this.st_res == 1) ? “secondary” : “kuyaw”); }
//Botão Atualizar update() {
kini.ionViewDidLoad(); }
//Liga Desliga Bomba liga_des_bomba(){ this.dweetPost() }
atualiza_sp(){ this.dweetPost()
}
dweetPost(){ //Converte dados do botão de Boolean para inteiro const ld_bba = ((this.bomba_model.checked == tinuod) ? 1 : 0);
//Envia dados para o Dweet.io const json_dweet = {“ligadesliga_bomba”: ld_bba, “status_bomba”: this.st_bba, “status_tratamento”: this.st_trat, “status_reservatorio”: this.st_res, “PH_valor”: this.PH_val , “PH_setpo int”: kini.SP_PH}; this.DweetProvider.setDweet(“smart_piscina”,json_dweet).subscribe(
data =>{ console.log(data); }, sayop => { console.log(error); } ) } }
Dweet provider
Kinahanglan nimo nga pangayoon ang usa ka provider aron mahibal-an ang komunikasyon sa HTTP sa Dweet. Isto mao ang feito através sa Ionic com o seguinte commando nga walay prompt de commando:
ionic makamugna provider dweet
Neste momento é gerado o arquivo dweet.ts que deverá ter os commandos referentes a conexão com o Dweet e realização das funções de GET e POST. Ang kinahanglan nimong buhaton mao ang mosunod:
Smart Piscina Com IoT – Ionic, Dweet E DragonBoard: Pahina 13
import {Http} gikan sa '@angular/http'; import {Injectable} gikan sa '@angular/core'; import 'rxjs/add/operator/map'; /*
Nahimo nga klase para sa DweetProvider provider. Tan-awa ang https://angular.io/guide/dependency-injection para sa dugang nga impormasyon sa mga provider ug Angular DI. */ @Injectable() export class DweetProvider {pribado nga baseUrl = “https://dweet.io:443/” constructor(publiko nga http: Http) {
console.log('Hello DweetProvider Provider'); } //Método responsável por buscar as informações no Dweet. getLastestDweet(butang: string) {
const url_kuha = kini.baseUrl + “pagkuha/kabag-o/dweet/para/” + butang; console.log(url_kuha); ibalik kini.http.get(url_kuha); } //Método resposnsável por modificar os dados no Dweet. setDweet(butang, lawas) { return this.http.post(this.baseUrl + “dweet/for/”+ butang, lawas); }}
Alang sa m, kinahanglan nimo nga mahibal-an kung giunsa ang pagbag-o sa arquivo app.module.ts para sa igo nga pagdumala sa mga sangkap nga HTTP para sa function sa Dweet Provider:
Smart Piscina Com IoT – Ionic, Dweet E DragonBoard: Pahina 14
import {BrowserModule} gikan sa '@angular/platform-browser'; import {ErrorHandler, NgModule} gikan sa '@angular/core'; import {IonicApp, IonicErrorHandler, IonicModule} gikan sa 'ionic-angular'; import { SplashScreen } gikan sa '@ionic-native/splash-screen'; import {StatusBar} gikan sa '@ionic-native/status-bar'; import {HttpModule} gikan sa '@angular/http'; import {MyApp} gikan sa './app.component'; import {HomePage} gikan sa '../pages/home/home'; import { DweetProvider } gikan sa '../providers/dweet/dweet'; @NgModule({
mga deklarasyon: [ MyApp, HomePage
], mga import: [
BrowserModule, IonicModule.forRoot(MyApp), //Importar o modulo HTTP gamit ang Dweet. HttpModule ], bootstrap: [IonicApp], entryComponents: [ MyApp, HomePage ], providers: [ StatusBar, SplashScreen, {provide: ErrorHandler, useClass: IonicErrorHandler}, DweetProvider ] }) export class AppModule {}
Ufa!
Pag-ayo ug pagsulay ug mga aplikasyon sa commando:
ionic nga serbisyo
Smart Piscina Com IoT – Ionic, Dweet E DragonBoard: Pahina 15
Smart Piscina Com IoT – Ionic, Dweet E DragonBoard: Pahina 16
Smart Piscina Com IoT – Ionic, Dweet E DragonBoard: Pahina 17
Smart Piscina Com IoT – Ionic, Dweet E DragonBoard: Pahina 18
https://www.instructables.com/ORIG/FUH/W6SK/JAMTWKY9/FUHW6SKJAMTWKY9.zip
Pag-download
Lakang 7: Colocando Tudo Para Funcionar!!
1.Iniciando o Dweet: Walay site Dweet.io, singgit o objeto conform deskripto no passo 3
Smart Piscina Com IoT – Ionic, Dweet E DragonBoard: Pahina 19
2. Nagsugod sa aplikasyon sa DragonBoard: Abra o Terminal sa Linaro, i-access ang pasta sa estante sa applicação smart_home.py ug numero o commando:
sudo python smarthome.py
3. Iniciando ug aplikasyon sa Ionic: Abra o prompt de commando, access sa pasta onde está o aplicativo criado no Ionic ug digite o commando
ionic nga serbisyo
https://youtu.be/O27f93xE0bk https://youtu.be/HaSeRf3wkSI https://youtu.be/vx16cLQKOeU
Lakang 8:
Smart Piscina Com IoT – Ionic, Dweet E DragonBoard: Pahina 20
Mga Dokumento / Mga Kapanguhaan
 |
instructables Smart Piscina Com IoT Ionic Dweet E DragonBoard [pdf] Mga instruksiyon Smart Piscina Com IoT Ionic Dweet E DragonBoard, Smart Piscina, Com IoT Ionic Dweet E DragonBoard, Dweet E DragonBoard |
