Stap 4: Maak de mobiele App-Interface
Om te controleren en bewaken van de LED13 zal er de mobiele App toont twee knoppen; AAN / uit.
De ON-knop zal groen worden wanneer de LED13 ingeschakeld is.
De OFF knop oranje zal worden wanneer de LED13 is uit.
- Klik op apparaten in de bar van de navigatie van de kito.io
- Klik op de ex01_ArduinoLed apparaat.
- Klik op "UI elementen toevoegen" knop.
De pagina die wordt geopend kunt invoegen van verschillende soort UI elementen voor het apparaat:
Selecteer type "knoppen" vormen de Drop Down menu.
Stel de labelnaam aan LED13
Daaronder is al een knop configureren:
- -De knop Label is ON
- -Kies Status OpCode: led13Status
- -Kies actieve kleur groen
- -Set actieve Status-waarde: 1 (dat wil zeggen wanneer de LED13 ingeschakeld is)
- -Selecteer opdracht OpCode: led13Command
- - Opdracht waarde instellen: 1 (betekenis LED13 ON)
In woorden:
Een knop die is gemarkeerd als ingeschakeld zal groen worden wanneer de led13Status 1 is.
Wanneer gedrukt led13Command met de waarde 1 wordt verzonden naar de Arduino.
Klik op "toevoegen" Voer de OFF-knop.
Zoals voor de ON-knop
-De knop Label is OFF
-Dezelfde OpCode Status: led13Status
-Kies actieve kleur oranje
-Set actieve statuswaarde: 0 (dat wil zeggen wanneer de LED13 is ingeschakeld)
-Dezelfde opdracht OpCode: led13Command
-Ingestelde waarde van de opdracht: 0 (dat wil zeggen LED13 OFF)
Klik op "Ok" en klaar!
De mobiele toepassing heeft nu twee knoppen voor LED13.
Controleer het uit, als u de login van de toepassing (ionic.io) ionicView erin al hebt geïnstalleerd en klikt u op het oog van de weergave, app code invoeren: E7633CBF om te bekijken de kito toepassing; inloggen in de toepassing van de kito met de referenties van uw kito.io.