Affichage de WiFi progrès Imp électrique (11 / 12 étapes)

Etape 11 : Client HTML App

L’application cliente est une application de mobile HTML/CSS/Javascript de Jquery avec 3 pages. La page affiche les boutons pour l’enregistrement de votre résultat dans le système. La valeur du clic bouton est passée à l’Imp. L’Imp incrémente le niveau atteint et illumine les LEDs pour afficher la progression vers l’objectif. Lorsque le niveau de l’objectif final est atteint, l’Imp affiche une séquence d’animation jusqu'à sa réinitialisation en appuyant sur le bouton redémarrer objectif sur l’application cliente. Ce bouton est protégé avec une épingle afin que le niveau n’est pas réinitialisé accidentellement.

Communiquer avec l’Imp électrique se fait en envoyant un message à l’URL de l’Agent qui est spécifique à votre Imp particulière. Pour simplifier la configuration, l’application dispose d’une page de paramètres, où vous pouvez entrer toutes vos données de configuration telles que votre URL spécifique de l’Imp et vos détails de SendHub. SendHub est utilisé pour envoyer des messages texte.

Vous devrez créer un compte sur SendHub si vous souhaitez que les messages texte. Ils ont un compte gratuit bon pour 500 messages par mois. https://www.sendhub.com/

Pour agrandir la page HTML comme une application native sur votre iPhone, vous devez le charger à partir d’un site web et puis l’ajouter à votre écran d’accueil. Le processus est décrit dans mon précédent ici instructable :

Les fichiers de l’iPhone sont attachés à cette étape. L’icône de Cap académique est une gracieuseté de http://www.flaticon.com/free-icon/graduation-hat_422