Étape 4: Créer l’Interface App Mobile
Pour contrôler et surveiller la LED13, nous aurons l’App Mobile montrant deux boutons ; ON et OFF.
Le bouton sera vert lorsque la LED13 est en marche.
La OFF bouton sera orange lorsque la LED13 est désactivé.
- Cliquez sur périphériques dans la barre de navigation kito.io
- Cliquez sur ex01_ArduinoLed périphérique.
- Cliquez sur le bouton « Ajouter des éléments d’interface utilisateur ».
La page qui s’ouvre permet d’insérer différents types d’éléments d’interface utilisateur pour le périphérique :
Sélectionnez le type « boutons » forment le menu déroulant.
Définissez le nom de l’étiquette à LED13
Ci-dessous il est déjà un bouton configurer :
- -Le bouton étiquette est activée
- -Choisissez statut OpCode : led13Status
- -Choisissez Active couleur vert
- -Coffret statut actif valeur: 1 (c'est-à-dire lorsque LED13 est en marche)
- -Select commande OpCode : led13Command
- - Définir la valeur de commande: 1 (ce qui signifie ON LED13)
Dans les mots :
Un bouton marqué ON sera vert lorsque le led13Status est 1.
Lorsque vous appuyez sur elle enverra led13Command avec la valeur 1 à l’Arduino.
Cliquez sur « Ajouter » pour entrer dans le bouton OFF.
Pour ce qui est sur la touche
-Le bouton étiquette est OFF
-Même OpCode statut : led13Status
-Choisissez la couleur Active Orange
-Set valeur Active de l’État : 0 (ce qui signifie que lorsque LED13 est en marche)
-Même commande OpCode : led13Command
-Commande consigne: 0 (sens LED13 OFF)
Cliquez sur « Ok » et fait !
L’Application Mobile possède désormais deux boutons pour LED13.
Vérifiez, si vous avez déjà installé la connexion d’application (ionic.io) ionicView dedans et cliquez sur les yeux de la vue, entrez app code : E7633CBF pour visualiser l’application kito ; connexion à l’application de kito en utilisant vos informations d’identification kito.io.