IoT Coffee Pot moniteur (8 / 9 étapes)

Étape 8: Création d’une Interface Web

Toutes ces données de transmission en continu est inutile sans un moyen d’y accéder, alors j’ai construit une page web très simple qui affiche le niveau de pot de café à l’aide d' EON, un cadre PubNub JavaScript pour tableaux de bord de l’ITO. La page Web utilise HTML, CSS pour le style et JavaScript gérer les interactions PubNub. Le code source complet se trouvent dans la branche de gh-pages du référentiel de projet.

La première étape consiste à initialiser PubNub et créer un graphique EON.

Le graphique met à jour ensuite avec de nouvelles données publiées par l’échelle sur le canal sélectionné. L’interface est également responsable de traduire le poids brut en un niveau de pourcentage de 0 à 100. Dans un premier temps, je faisais cela dans la balance elle-même, mais un changement dans le pot de café nécessiterait une mise à jour avec les nouveaux facteurs de conversion. Mettre ce calcul dans le code JavaScript signifie qu'un couple de variables mises à jour du code de la page web accessible prendra soin de lui.

En outre, l’interface vous alertera les utilisateurs si le pot est hors de l’échelle ou un objet inconnu est à l’échelle. Ceci est fait en comparant le poids de l’échelle au poids connu du pot de café vide.

Il y avait un défaut majeur dans mon dessin original - il était possible pour la page Web de prendre jusqu'à deux minutes avant d’afficher toutes les données qu’elle attendait sur un événement de publication doit avoir lieu. Ceci a été résolu avec l’ajout de stockage PubNub et la lecture. Cette fonction m’a permis d’examiner l’historique des messages publiés sur ma chaîne pour remplir le graphique avant tout nouveau publier des événements ont eu lieu. Je cherche seulement à des messages publiés dans les cinq dernières minutes, et si aucune n’est trouvée, puis échelle est dans un état d’erreur. JavaMon est direct au bureau de le PubNub en ce moment - consultez aussi les pages web!

Articles Liés

Tweet le commutateur

Tweet le commutateur

Le but de ce tutoriel est d'apprendre aux gens comment python (Twiitter API) peut être utilisé avec l'Arduino pour allumer une lumière dirigée en utilisant le compte Twitter. Ma source d'inspiration pour ce projet est le projet Tweet-a-Pot-Twitter-En
Très joyeux non-anniversaire Tea Cup jonquilles

Très joyeux non-anniversaire Tea Cup jonquilles

J'aime la fantaisie et la réutilisation. Ces tasses à thé belle rendent parfait « très joyeux non-anniversaire » narcisses ornements de jardin.Etape 1: Récupérer vos matériaux Les bouteilles de vin ont été de notre bac de recyclage. Les tasses à thé
Bougies de Noël faits maison de cire d’abeille

Bougies de Noël faits maison de cire d’abeille

Toujours aimé l'odeur de cire d'abeille. Bougies d'elle aiment beaucoup plus que ceux de paraffine.J'ai eu quelques cire d'abeille et a décidé d'essayer de faire quelques bougies par moi-même.Etape 1: Tout ce dont vous avez besoin.Cire d'abeille.Une
Framboise Pi IoT : Moniteur de température et d’humidité

Framboise Pi IoT : Moniteur de température et d’humidité

vérifier ma version la plus récente, d'un régulateur d'humidité robotique!Nous aimons les douches chaudes à ma place et cela a été commencent à montrer sur les murs de notre salle de bains... Si vous ne gardez l'humidité en échec, que vous pouvez trè
Soin de personnes âgées moniteur (Intel IoT)

Soin de personnes âgées moniteur (Intel IoT)

Vue d'ensembleIl s'agit d'une Instructable pour une surveillance et d'alerte de dispositif pour quelqu'un comme une personne âgée qui sont eux-mêmes à la fois pendant la journée ou la nuit et qui risquent de tomber ou peuvent nécessiter une assistanc
Système de moniteur AC à l’aide de Edison Intel (Intel IoT RoadShow Brésil)

Système de moniteur AC à l’aide de Edison Intel (Intel IoT RoadShow Brésil)

Un système de contrôle de tension, courant, la fréquence et la température d'un système de puissance AC, calculer la consommation électrique totale et afficher toutes les infos sur un serveur de données de nuage.Étape 1: Module de capteur pour le C.A
Moniteur d’éclairement avec ESP8266 - IoT

Moniteur d’éclairement avec ESP8266 - IoT

Ce projet vous aidera à créer un moniteur d'éclairement à l'aide d'un SoC de ESP8266 et d'un capteur de luminosité (TSL2561) avec des capacités suivante :Mesure l'éclairementSurveiller l'éclairement de votre téléphone intelligentPour réaliser ce proj
Moniteur de paramètres environnementaux distance Intel Edison IoT

Moniteur de paramètres environnementaux distance Intel Edison IoT

Il s'agit d'un projet très basique entièrement réalisé en javascript par le biais de l'IDE « Intel XDK IoT edition ». Lorsque vous avez terminé, vous aurez un système de surveillance des paramètres environnementaux (température, lumière et l'air de q
Moniteur de robe - connecter les signaux de cœur l’IoT

Moniteur de robe - connecter les signaux de cœur l’IoT

La robe du moniteur est une expérience dans la recherche de façons différentes de numérisation l'activité cardiaque du porteur mais aussi de traitement des données.Trois électrodes à l'intérieur de la robe mesurent les signaux électriques parcourant
Moniteur mobile vaccin (Intel IoT)

Moniteur mobile vaccin (Intel IoT)

Aperçu du projet :Il s'agit souvent d'applicables au titre (N.Africa) développés et pays en développement (comme l'Inde) où l'environnement de stockage de vaccins (température) suivi est un gros problème. Quand l'environnement n'est pas optimale (la
Linkit un gaz IoT : Moniteur (LPG) avec Ubidots

Linkit un gaz IoT : Moniteur (LPG) avec Ubidots

Cette instructables est un continuatioan de mon linkit un IoT Tutorial Series. Vous pouvez vérifier mon précédent linkit un tutoriel ici.Cette fois je vais utiliser MQ 2 capteur pour détecter le niveau de gaz (GPL) et envoyer les données à la plate-f
(Intel Edison) CHAPEAU ! : Tweeter domotique (éclairage moniteur) (projet IoT)

(Intel Edison) CHAPEAU ! : Tweeter domotique (éclairage moniteur) (projet IoT)

Salut tout le monde !Je suis Geeve George un fabricant fièrement de l'Inde!J'ai commencé à faire à l'âge de 10 ans et mon zèle pour faire encore continue comme je suis fascinée par les possibilités infinies et les possibilités qu'offre la technologie
IoT ESP8266 série: 2-moniteur données par le biais de ThingSpeak.com

IoT ESP8266 série: 2-moniteur données par le biais de ThingSpeak.com

C'est la deuxième partie de la série ESP8266 ITO. Voir partie 1 Référez vous à cette série de ESP8266 ITO instructable: 1 se connecter au routeur WIFI.Cette partie a pour but de vous montrer comment faire pour envoyer vos données de capteur à un de l
RPi-zéro IoT événement indicateur / lampe de couleur

RPi-zéro IoT événement indicateur / lampe de couleur

Aucun micro-contrôleur supplémentaire, & module d'extension sans chapeau requis.Le RPi-Zero fait tout !Modèle d'utilisation : Service Web d'État indicateur (par exemple DowJonesIndex de suivi), indicateur d'état d'événement politique ou sportif, lumi