Domoticz, les frontpages interactives : la configuration

Reprenons, à la suite du billet précédent, notre configuration des « frontpages » interactives.

Rappel : ces pages sont des pages web permettant des interactions avec Domoticz sous une forme telle que celle ci.

Le précédent article se terminait en disant que le principal fichier concerné par le paramétrage est le fichier frontpage_settings.js du dossier js.

Toutefois, je tiens à signaler que, même si la structure évoquée ci dessous est utilisée dans de nombreux packs,
il ne s’agit pas d’une règle intangible et que chaque développeur à pu aborder le sujet un peu différemment. Il vous faudra un peu fouiner dans les entrailles de la bête.

Afin de comprendre le fonctionnement général regardons en détail le fichier fourni par vil1driver.
En répétant encore une fois que ce fichier est vraiment représentatif de ce qui est fait aujourd’hui.

Je ne vais pas détailler ligne à ligne le contenu mais pointer quelques notions à connaitre dans ce fichier de config.

Ouvrez donc frontpage_settings.js dans le dossier /domoticz/www.

Le fichier débute par des traductions de termes (On, Off, Coucher, Lever de soleil, Switch On, switch Off…) qui seront affichés dans les cellules du fichier frontpage.html puis quelques durées d’affichage des popups.

!-- Change the text for on/off switches -->
var txt_on = 'On';
var txt_off = 'Off';
var txt_mixed = 'Mixed';
var txt_scene = '';
var txt_sunboth='Soleil';
var txt_sunset='Coucher soleil';
var txt_sunrise='Lever soleil';
var var_sunrise='';
var var_sunset='';
var file_string = '';
var CheckHighway = 'A2:' ; // The ; is needed for searching!!
<!-- Change thetText displayed in PopUps -->
var txt_switch_protected = '\'interdit\'';
var txt_switch_on = '\'switch On\'';
var txt_switch_off = '\'switch Off\'';
<!-- Change the timeout of the PopUp -->
var switch_protected_timeout = '1000';
var switch_on_timeout = '1000';
var switch_off_timeout = '1000';
var camera_doorbell_timeout = '15400';

Puis la configuration de quelques idx Domoticz spéciaux, tels que EDF, Gaz, consommation CPU, RAM…

<!-- Change idx of special items -->
var idx_IsDonker = '135'; //Use to detect if it is dark
var idx_buitentemp = '46';
var idx_water_meter = '380';
var idx_doorbell = '24';
var idx_electricity_today = '48';
var idx_gas_today = '49';
var idx_ram_usage = '1';
var idx_cpu_usage = '5';

Certains néophytes diront : « Mais ou trouve t’on les idx dans Domoticz ? »Lire la suite

Pour toute question technique concernant cet article, veuillez utiliser les forum situés à https://easydomoticz.com/forum/

Les caches des Navigateurs et Domoticz

Un petit article concernant l’interface web de Domoticz et la gestion du cache.

Tout le monde sait ce qu’est un cache d’un navigateur, on à tous l’habitude de le vider quand quelque chose ne marche pas.

Concernant Domoticz on conseille bien souvent la même chose afin de faire apparaitre tel ou tel menu, telle ou telle option qui devrait s’afficher et que l’on ne voit pas apparaitre.

La précision que je souhaite apporter ici est celle concernant la vidange du cache.

Domoticz utilise un cache dit Applicatif qui permet de mettre l’application web en cache on le voit souvent à l’œuvre en haut à droite, c’est le fameux petit rectangle bleucache De nombreux fichiers sont alors stockés localement et ne sont plus redemandés au serveur web Domoticz, d’où parfois la nécessité de régénérer un cache tout neuf.

N.B. il ne s’agit pas de la même notion que le cache des pages web visitées, il s’agit d’un cache d’application.Lire la suite

Pour toute question technique concernant cet article, veuillez utiliser les forum situés à https://easydomoticz.com/forum/

Les « Custom Pages » Domoticz

Qu’est ce ?

C’est ça :CustomPagePas mal non !

Voyons comment mettre en place tout cela.

I – Généralités

En cherchant à redéfinir une page web à intérieur de Domoticz, je suis tombé sur ces « custom pages » par hasard, et bien que pas récente dans Domoticz cette technique n’est pas ou très peu documentée.

L’idée est d’avoir une page web qui regroupe, en affichage uniquement (pas d’interaction) tous les équipements d’une pièce.

Ajout de Novembre 2015:

Toutefois depuis la rédaction de cet article cette technique à beaucoup évolué et apporte maintenant interactivité à ces pages, l’article se situe ici https://easydomoticz.com/mon-domoticz-a-moi-les-frontages-interactives-la-configuration/

Une section du forum vous permet de retrouver les techniques de mise en place de cet outil https://easydomoticz.com/forum/viewtopic.php?f=17&t=331

Idéal pour afficher sur une tablette murale.

Encore une fois merci aux dev de Domoticz qui rendent ces choses possibles et accessibles.Lire la suite

Pour toute question technique concernant cet article, veuillez utiliser les forum situés à https://easydomoticz.com/forum/

Les « Custom Pages » 2 : Mes pages web

Premier article sur les « Custom Pages » de Domoticz.

En attendant d’aborder ceci (work in pogress)

CustomPage

Voyons ici comment afficher n’importe quel contenu dans un onglet Domoticz dédié.

Les « Custom pages », le fichier html

Le dossier /domoticz/www/templates contient un fichier custom.example qui  lorsque on le  renomme en xxx.html fait apparaître un sous menu. nommé  « xxx » dans le dans le menu « Custom » Domoticz.

Un lecteur me signale que :

Pour ceux qui comme moi, se trouvent avec un répertoire /domoticz/www/templates vide, la page d’exemple custom.example est disponible ici:
https://github.com/contactless/domoticz/blob/master/www/templates/custom.example

 

Merci à José de la précision.

 

Le contenu de ce fichier html étant libre on peut y affecter ce que l’on désire.

customactu Par exemple on crée un fichier video.html dans /template , on y place le code html correspondant

<!DOCTYPE html>
<html>
  <body>
    <!-- 1. The <iframe> (and video player) will replace this <div> tag. -->
    <div id="player"></div>

    <script>
      // 2. This code loads the IFrame Player API code asynchronously.
      var tag = document.createElement('script');

      tag.src = "https://www.youtube.com/iframe_api";
      var firstScriptTag = document.getElementsByTagName('script')[0];
      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
    ..................

et la page « Custon » / « Video » affiche notre contenu

mycustompage

ou bien un actu.html qui contient l’iframe google destinée aux actualités nous affiche les news dans l’iframe dédiée, etc, etc..

Étonnant non !!

etonnantnon

Pour toute question technique concernant cet article, veuillez utiliser les forum situés à https://easydomoticz.com/forum/