samedi 5 octobre 2013

A la demande générale, NEST suite et fin


Suite aux mails sur NEST et le rafraîchissement dynamique des valeurs via JQUERY, voici donc une petite démo (que vous pouvez appliquer chez vous). 
Et au passage (suite à la remarque de simplearetenir) correction pour rendre le NEST à nouveau compatible FF.


En cliquant sur visualiser le code source, puis en recherchant le mot clé DATA, vous tomberez sur plusieurs fonctions, l'explication est donnée pour getTempActuelle, mais elle est valable pour toutes les autres fonctions.

Principe toutes les 10 secondes on appelle ces fonctions pour actualiser les valeurs du NEST et "pusher" dans l'autre sens également (voir fonction setTempActuelle).

Pour la démonstration, j'ai commenté la partie AJAX (normalement reliée à mon système), pour cet exemple je récupère donc une valeur aléatoire entre 1 & 20 (en vert). Toutes les 10 secondes une valeur est ainsi récupérée.
Pour récupérer en AJAX une valeur issue d'un autre système, regardez la partie commentée, il suffit donc de modifier la chaine url (en rouge) et l'affaire est dans le sac.
Cette url (une fois appelée), doit tout simplement retourner une valeur (pas de format JSON !).


function getTempActuelle()
{
//DATAS Ici on récupère un valeur aléatoire pour la démo, mais sinon en décommentant en dessous et positionnant votre
// url la température sera récupérée en AJAX
temperatureActuelle=Math.floor((Math.random()*20)+1);
//var requestTempActuelle=$.ajax({
// url: "ObjectAction?action=getTempActuelle&objectName=Chauffage&objectClass=Manager",
// dataType: "html",
// async: true
// });
//requestTempActuelle.done(function(msg) {
// temperatureActuelle=msg;
// });
}


Mode d'emploi :

Arrivé sur la page avec le nest, cliquez sur nest pour l'allumer et changer de mode.
Pour régler la température mini ou confort, il suffit de cliquer sur le cercle noir, rester appuyer et effectuer un mouvement circulaire (à la mode nest)

Si vous ne touchez à rien pendant 10 secondes, la température actuelle est affichée.


vendredi 4 octobre 2013

Changement de philosophie au niveau de l'IHM



Finalement, plutôt que d'avoir des milliers de pages:

           - qui mettent du temps à se charger.
           - pour gérer calendriers, caméras, actions, sondes, plugins ....


J'ai finalement un peu changé d'optique :

         3 pages :

               1 pour le login/passwd.
               1 pour le tableau de bord.
               1 pour la liste des équipements (sondes, plugin, manager, mediator, paramètres)

Simplification de navigation, d'adaptation pour tablettes ou autres périphériques.


Voici donc l'écran de login :




Voici donc l'écran principal :

Avec système de widgets repositionnables et infos temps réel.



Et l'écran (orienté admin) :

Infos temps réel.