Bon, rappel, NEST est une société qui commercialise des thermostats au look ravageur en voici pour preuve :
Dans ce post précédent, je m'étais essayé à faire un potentiomètre de thermostat réglable à la souris ou au touché pour nos tablettes.
La société NEST semble pour l'instant ne distribuer ces thermostats qu'aux Etats Unis ou Canada, en tout cas pas en France. En regardant le cablage de l'appareil, il est vrai qu'on est loin des symboles que l'on peut retrouver dans nos contrées Européenes.
Donc pourquoi ne pas s'en faire un virtuel qui dialoguerait avec HomeAutomate ?
Les outils :
JQuery qu'on ne présente plus et les css3 qu'on ne présentent plus non plus.
Un éditeur de texte (Notepad++) par exemple.
Les fonctions demandées :
Mode température : je souhaite pouvoir régler la température facilement.
Mode soufflante: je souhaite pouvoir régler la soufflante VMC facilement.
Mode demande de chauffage : je souhaite forcer la chaudière pour 2 ou 4h.
Exigences esthétiques et ergonomiques :
Réglage par rotation, sélection par clic ou pression digitale (Amélioration par
rapport à la dernière version, fini les accoups, utilisation de la tangente au
lieu de sin et cos)
Look : Le plus proche possible du vrai modèle.
Compatibles Chrome/FF/IE/Autres
Voici donc le résultat, je ne poste pas ici toutes les sources (car vite illisibles) mais voici le lien pour les obtenir. Voici également le lien vers la DEMO en ligne.
Mode d'emploi :
Lorsque l'on charge la première fois la page, le thermostat est sur Off. Pour l'allumer, il faut cliquer sur 'nest'
Automatiquement, le thermostat se place sur le mode ventilation (AIRWAVE)
par défaut la valeur est de 50.
Pour faire varier la valeur, rien de plus simple, cliquez et rester appuyé dans le disque noir et dirigez vous autour du disque. La valeur doit augmenter ainsi que la couleur de fond.
La petite feuille verte indique le mode d'économie d'énergie. Pour passer au mode température, cliquez sur nest 2 fois, la navigation reste la même :
Pour une demande express de chauffage, cliquez sur nest jusqu'à voir le mode Heat Now, là, le thermostat vous demande pour combien de temps voulez-vous que la chaudière se mette en route (2h ou 4h)
Cliquez sur 2h ou 4h à votre convenance.La confirmation est affichée à l'aide de la petite flamme en bas. Pour supprimer la demande il suffira de cliquer sur la flamme :
Voilà pour cette deuxième partie, on verra dans une troisième partie comment faire dialoguer le thermostat avec HomeAutomate, utilisation d'Ajax.
Conclusion : Je n'avais pas trop testé l'association Css/Jquery, mais je dois dire que le travail est facilité par diverses fonctions. J'ai testé le code sur Chrome et FireFox, je dirais que Chrome est plus rapide, mais l'affichage des barres de progressions parait moins propre.
jquery knob rotate nest thermostat