Les Fonctions de KNXWEB

[JeanJul]

Je vous propose de créer un post énumérant et expliquant les nombreuses fonction de Knxweb.

Poser vos questions et je mettrais à jour le post en fonction des réponses.

La mienne est:

Qu'est ce que les Sliders, à quoi sa sert et comment on les paramètres?
======================================================
Les Objets
Les Sliders

Code :

<control type="hslider" label="slider TEST" nrIcons="5" x="200" y="200">
        <control type="switch" label="Ecl_1" object="Ecl_1" img="light" mode="contactor" delay="0" />
        <control type="switch" label="Ecl_2" object="Ecl_2" img="light" mode="contactor" delay="0" />
        <control type="switch" label="Ecl_3" object="Ecl_3" img="light" mode="contactor" delay="0" />
        <control type="text" label="Texte dans Sliders" style="" format="Texte dans Sliders" />
        <control type="goto" label="Nom_de_ma_Zone" target="Nom_de_ma_Zone" img="image_de_ma_Zone"/>
    <childrens/>
</control>

Ce code vous affiche une liste de 5 fonctions (nrIcons="5" mais il peut y en avoir plus ou moins), 3 switchs d'Eclairage avec icones, une texte "Texte dans Sliders" et un Lien de navigation interne vers "Nom_de_ma_Zone"

Les Rules
Fonction timer avec un simple On/Off

Code :

<rule id="MachineCaféAuReveil">
   <condition type="timer" trigger="true">
      <at hour="06" min="20" />
      <until hour="08" min="01" />
   </condition>
   <actionlist>
      <action type="set-value" id="PC-MachineCafé" value="on" />
   </actionlist>
   <actionlist type="on-false">
      <action type="set-value" id="PC-MachineCafé" value="off" />
   </actionlist>
</rule>

Voilà ma machine à Café s'allumera à 6h20 et s'éteindra à 8h01

Fonction timer avec un clignotement d'éclairage simple

Code :

<rule id="Clignotant">
   <condition type="timer" trigger="true">
      <at hour="23" min="22" />
   </condition>
   <actionlist>
      <action type="cycle-on-off" id="Ecl-1" on="1" off="1" count="5" />
   </actionlist>
</rule>

Voilà à 23h22, je serais avertit qu'il est l'heure d'aller au lit, par 5 clignotements de 1sec à On et 1sec à Off sur l'Eclairage 1.
Fonction timer avec un clignotement d'éclairage Variante
Avec une variante "si l'éclairage est allumé" et le "laisser allumé à la fin"

Code :

<rule id="Clignotant">
   <condition type="and">
      <condition type="object" id="Ecl-1" value="on" />
      <condition type="timer" trigger="true">
         <at hour="23" min="22" />
   </condition>
   <actionlist>
      <action type="cycle-on-off" id="Ecl-1" on="1" off="1" count="5" />
      <action type="set-value" id="Ecl-1" value="on" delay="9" />
   </actionlist>
</rule>

[Energy01]

bonsoir,

un "slider" c'est un widget qui peut en incorporer d'autres
cela permet de "gagner de la place" par exemple
cela n'a pas de fonction propre vu qu'il ne fait "que" englober d'autres widgets de n'importe quel autre type

@+
Anthony.

[JeanJul]

Ok! c'est bien ce que j'avais cru comprendre. C'est donc un parent qui contient des enfants.
Donc je positionne mon parent en X et Y avec des cotes de W et H et dedans je colle mes enfants avec des coordonnées XY par rapport au parent? C'est bien ça?

[Energy01]

Ok! c'est bien ce que j'avais cru comprendre. C'est donc un parent qui contient des enfants.

c'est bien ça

Donc je positionne mon parent en X et Y avec des cotes de W et H et dedans je colle mes enfants avec des coordonnées XY par rapport au parent? C'est bien ça?

oui on positionne le slider en x et y et un nombre de "composants enfant" visibles
on ne positionne pas en absolu les enfants dans le slider ils sont "à la suite"

PS c'est bien toi qui a mis des captures d'écran de ton "linknxweb byme" sur bricozone.be ?
je viens de voir ça c'est vraiment super je serais curieux de voir le sources si tu veux bien partager tes modifs
pour éventuellement ajouter des truc au standard de knxweb ...

@+
Anthony.

[Suricat]

vous avez un lien vers ce post sur bricozone ?

[Energy01]

salut,

Voici le lien :
http://www.BricoZone.be/fr/domotique/t-d...46020.html

@+
Anthony.

[Suricat]

C'est beau :-) J'ai hâte d'avoir fini de monter mon installation pour me lancer dans la visu....

[JeanJul]

Oui, oui c'est bien moi sur BricoZone!
Ok donc dans mon cas les sliders ne me servent pas beaucoup!
Mais je fait un essai et je colle ça dans le 1er Post!

Et pour les sources oui y'aurait moyen, faut que je regarde ça. Mais pour l'instant je vais finir ma configue car j'ai encore beaucoup de Taf... et peut de temps.

[kraven]

Salut,

Félicitation JeanJul, t'as visu est vraiment bien faite

D'où proviennent les icônes pour l'heure? Est-ce toi qui les as dessiné ou sont-elles téléchargeable quelque part?

A+

[JeanJul]

Salut,

Félicitation JeanJul, t'as visu est vraiment bien faite

D'où proviennent les icônes pour l'heure? Est-ce toi qui les as dessiné ou sont-elles téléchargeable quelque part?

A+

Merci, Tu as ça à cette adresse, mais j'ai refait tout les chiffres un peut plus gros et surtout sur fond transparent.

[Energy01]

un autre exemple sympa pour l'horloge + météo :
http://www.radoslavdimov.com/jquery-plug...digiclock/

@+
Anthony

[Ziki]

Ton graphisme est assez joli.

Quand je vois ce que les gens font avez knxweb, ca me donne envie de rebosser dessus.

[JeanJul]

Ton graphisme est assez joli.

Quand je vois ce que les gens font avez knxweb, ca me donne envie de rebosser dessus.

Merci.

Sinon autre question je bosse aujourd'hui sur le module IRTrans, et ça me pose des problèmes:
J'ai fait ça dans mon fichier linknx.xml:
Dans Services:

Code :

<ioports>
<ioport id="irtrans" host="mon_Ip" port="21000" rxport="21001" />
</ioports>

Dans Objects:

Code :

<object id="irtrans_Power-TVSalon" type="1.001" log="true" />

Dans Rules:

Code :

<rule id="Power-TVSalon">
<condition type="object" id="irtrans_Power-TVSalon" value="on" />
<actionlist>
<action type="ioport-tx" ioport="irtrans" data="snd tv-salon,Power" />
</actionlist>
</rule>

Et dans Knxweb:
Je colle un Switch avec:

Code :

<control type="switch" label="power" object="irtrans_Power-TVSalon" img="custom" on="Tel/On.png" off="Tel/On.png" mode="on_" delay="0" x="465" y="271"/>

Resultat dans linknx:

Code :

2011-11-18 21:56:18 [ INFO] Object: New value on for object irtrans_power-TVSalon (type: 1.001)
2011-11-18 21:56:18 [ INFO] FilePersistentStorage: Writing log'on' for object 'irtrans_Power-TVSalon'

Où sont mes erreurs?

[Energy01]

JeanJul tu as créer des images de fond et ajouter les widgets de knxweb avec des images "custom" tu n'as pas touché au css ou code de knxweb a proprement parlé ?

Dans Rules:

Code :

<rule id="Power-TVSalon">
<condition type="object" id="irtrans_Power-TVSalon" value="on" />
<actionlist>
<action type="ioport-tx" ioport="irtrans" data="snd tv-salon,Power" />
</actionlist>
</rule>

il te manque dans la condition le op="eq"
et sur l'actionlist le type="if-true" va exécuter l'action à chaque fois que la condition sera vrai et pas uniquement au changement de valeur de "off" à "on" de "irtrans_Power-TVSalon" (vu que dans knxweb tu as mis un switch de type "ON/-" ça marchera car sinon rien ne remet "irtrans_Power-TVSalon" à "off" dans le code que tu donnes)

Code :

<rule id="Power-TVSalon">
<condition type="object" id="irtrans_Power-TVSalon" value="on" op="eq" />
<actionlist type="if-true">
<action type="ioport-tx" ioport="irtrans" data="snd tv-salon,Power" />
</actionlist>
</rule>

@+
Anthony.

[JeanJul]

JeanJul tu as créer des images de fond et ajouter les widgets de knxweb avec des images "custom" tu n'as pas touché au css ou code de knxweb a proprement parlé ?

Si, je me suis amusé à tous bidouiller, le *.css, les *.js et les fichiers html.
Mais tu as aussi raison j'ai une image de fond par zone avec les cadres. C'est comme ça que j'ai commencé.
Après j'ai créé ma première "page" ou zone avec une image vierge et des Widgets HTML en css3 avec des gradients et autres shadows.
Avantage:
Plus facilement customisable (Position, longueur, largeur)
Inconvénient:
Nettement moins performants à l'affichage qu'avec une seul image de fond.
Mon but est de créer des widgets où l'on à tout dedans (Titre, texte, lumière, fonction etc...) arrangé avec du css et que tu déplace d'un bloc, alors que là chaque élément à sa position.

Sinon pour ce qui est de mon problème d'IRTrans pas mieux! Mais bon je ne m'en fait pas je vais faire un retour à l'expéditeur car je me suis trompé de modèle je n'ai pas pris la version DB et donc les commandes via une simple adresse html ne sont pas possible avec le modèle de base.
Donc wait and see...

Mais merci m'sieur

[JeanJul]

Fonction Forçage:

Je n'ai pas trouver dans le wiki le datatype de la fonction forçage de KNX.
Dans KNX c'est un datapoint 2bits de type 2.001 avec comme valeur
00 = Control Off
01 = Control Off
10 = Forçage à Off
11 = Forçage à On

Comment puis-je renseigner ça dans Linknx?
Mon objet:

Code :

<object type="2.001" id="ForçageVRs" gad="4/480">Forçage des Volets et Stores</object>

Ma rule:

Code :

<rule id="Forcage des VRs">
   <condition type="timer" trigger="true">
      <at hour="07" min="16" />
      <until hour="20" min="00" />
   </condition>
   <actionlist>
       <action type="set-value" id="ForçageVRs" value="00" />
   </actionlist>
   <actionlist type="on-false">
      <action type="set-value" id="ForçageVRs" value="11" />
   </actionlist>
</rule>

Où sont mes erreurs?
La fonction existe t'elle dans Linknx?

[Ziki]

Ça ne fonctionne pas avec par exemple comme type 5.xxx et comme valeurs:

0 = Control Off
1 = Control Off
2 = Forçage à Off
3 = Forçage à On

?

[JeanJul]

Ha oui se servir du binaire des chiffres! Ben non, ça ne fonctionne pas, mais l'idée était bonne.

Bon, autre problématique.

J'ai une sonde crèp qui me ferme mes volets, mais je souhaite que si "EclExt-1" ou "EclExt-2" ou "EclExt-2 + EclExt-2" sont allumer, ça ferme "VR1" et et si rien n'est allumé ça ferme "VR2"

Mon code 1:

Code :

<rule id="Descente Volets">
   <condition type="and">
      <condition type="object" id="Sonde" value="on" />
      <condition type="or">
         <condition type="object" id="EclExt-1" value="on" trigger="true"/>
         <condition type="object" id="EclExt-2" value="on" trigger="true"/>
      </condition>
   </condition>
   <actionlist>
      <action type="set-value" id="VR1" value="on" />
   </actionlist>
   <actionlist type="on-false">
      <action type="set-value" id="VR2" value="on" />
   </actionlist>

Mon 2eme essai en ne jouant que sur VR2ne fonctionne que si 1 et 2 sont sur On)

Code :

<rule id="Descente Volets">
   <condition type="and">
      <condition type="object" id="Sonde" value="on" trigger="true"/>
      <condition type="or">
         <condition type="object" id="EclExt-1" value="on" />
         <condition type="object" id="EclExt-2" value="on" />
      </condition>
   </condition>
   <actionlist>
      <action type="set-value" id="VR1" value="on" />
   </actionlist>

et 3eme pas mieux:
Là pas mieux sonde sur Off on actionne VR1 ou VR2 avec EclExt-1 et EclExt-2

Code :

<rule id="Descente Volets avec Lumi Ext">
   <condition type="or">
      <condition type="object" id="EclExt-1" value="on" trigger="true"/>
      <condition type="object" id="EclExt-2" value="on" trigger="true"/>
   </condition>
   <condition type="and">
      <condition type="object" id="sonde" value="on" />
   </condition>
   <actionlist>
      <action type="set-value" id="VR1" value="on" />
   </actionlist>
   <actionlist type="on-false">
   <action type="set-value" id="VR2" value="on" />
   </actionlist>
</rule>

[Energy01]

Salut,

peut-être comme ça :

Code :

<rule id="Descente Volets">
   <condition type="and">
      <condition type="object" id="Sonde" value="on" trigger="true"/>
      <condition type="or">
         <condition type="object" id="EclExt-1" value="on" trigger="true"/>
         <condition type="object" id="EclExt-2" value="on" trigger="true"/>
         <condition type="and">
            <condition type="object" id="EclExt-1" value="on" trigger="true"/>
            <condition type="object" id="EclExt-2" value="on" trigger="true"/>
         </condition>
      </condition>
   </condition>
   <actionlist>
      <action type="set-value" id="VR1" value="on" />
   </actionlist>
   <actionlist type="if-false">
      <action type="set-value" id="VR2" value="on" />
   </actionlist>

@+
Anthony.

[JeanJul]

Merci Anthony, mais pas mieux.
1er cas.
Si EclExt-1 et EclExt-2 à Off -> Sonde On ou Off ne déclenche rien.

2eme cas.
Si EclExt-1 à On -> Sonde On déclenche VR1 et la sonde à Off déclenche VR2.

3eme cas.
Si EclExt-2 à On -> Idem que le 2eme

Et dernier cas.
Si EclExt-1 et EclExt-2 à On -> Sonde On déclenche VR1 puis si EclExt-1 à Off, rien ne se passe et encore EclExt-2 à Off -> VR2 se déclenche. (Idem en inversant les Extinctions d'EclExt!)

[Energy01]

il est possible de tout gérer dans une rule avec un script lua
ou sinon il faut surement 2 rules 1 par VR

ce que je t'ai proposé fonctionne pour VR1 comme tu veux ?

il faut faire une autre rule pour VR2

@+
Anthony.

---

ou sinon voir pour utiliser l'action de type conditional :

Code :

<actionlist type="if-false">
  <action type="conditional">
    <condition type="object" id="Sonde" value="on"/>
    <action type="set-value" id="VR2" value="on" />
  </action>
</actionlist>

[JeanJul]

il est possible de tout gérer dans une rule avec un script lua
ou sinon il faut surement 2 rules 1 par VR

ce que je t'ai proposé fonctionne pour VR1 comme tu veux ?

il faut faire une autre rule pour VR2

@+
Anthony.

---

ou sinon voir pour utiliser l'action de type conditional :

Code :

<actionlist type="if-false">
  <action type="conditional">
    <condition type="object" id="Sonde" value="on"/>
    <action type="set-value" id="VR2" value="on" />
  </action>
</actionlist>

Après mes essais de tout à l'heure, je suis effectivement partie sur 2 règles, et là ça fonctionne très bien même en ajoutant des conditions d'heure.

Mais par curiosité je vais essayer de faire avec ton conditional.

[tityann]

bonsoir
j'ai essayé le code du hslider du premier post, mais rien n'y fait j'ai beau le transformer , l'adapter...rien ne se passe dans la visu,
y a t-il une erreur dans ce code ?
merci

[tityann]

c'est bon ça marche avec la version du cvs
bye

[domotiqa]

Petit Widget:



Uploaded with ImageShack.us


code pour calculette:

Code :

<iframe src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/calculator.xml&amp;up_default_mode=0&amp;up_persist_memory=0&amp;up_memory=0&amp;synd=open&amp;w=320&amp;h=500&amp;title=__MSG_title__&amp;lang=fr&amp;country=ALL&amp;border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;source=http%3A%2F%2Fwww.gmodules.com%2Fig%2Fcreator%3Fsynd%3Dopen%26url%3Dhttp%253A%252F%252Fwww.google.com%252Fig%252Fmodules%252Fcalculator.xml%26lang%3Dfr" style="display: block;" scrolling="" frameborder="0" height="330" width="320"></iframe>

Meteo:

Code :

<iframe src="http://www.gmodules.com/ig/ifr?url=http://easywiki.free.fr/citymeteo/citymeteo.xml&amp;synd=open&amp;w=250&amp;h=300&amp;title=meteo+france&amp;border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;source=http%3A%2F%2Fwww.gmodules.com%2Fig%2Fcreator%3Fsynd%3Dopen%26url%3Dhttp%253A%252F%252Feasywiki.free.fr%252Fcitymeteo%252Fcitymeteo.xml%26lang%3Dfr" style="display: block;" scrolling="" frameborder="0" height="330" width="260"></iframe>

horloge:

Code :

<iframe src="http://www.gmodules.com/ig/ifr?url=http://www.gstatic.com/ig/modules/datetime_v2/datetime_v2.xml&amp;up_color=blue&amp;up_dateFormat=wdm&amp;up_firstDay=1&amp;up_clocks=%5B%5D&amp;up_mainClock=&amp;up_mainClockTimeZoneOffset=&amp;up_mainClockDSTOffset=&amp;up_24hourClock=true&amp;up_showWorldClocks=true&amp;synd=open&amp;w=320&amp;h=160&amp;title=__MSG_title__&amp;lang=fr&amp;country=ALL&amp;border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;source=http%3A%2F%2Fwww.gmodules.com%2Fig%2Fcreator%3Fsynd%3Dopen%26url%3Dhttp%253A%2F%2Fwww.gstatic.com%2Fig%2Fmodules%2Fdatetime_v2%2Fdatetime_v2.xml%26pt%3D%2526context%253Dd%2526type%253Dgadgets%2526synd%253Dig%2526lang%253Dfr%2526.lang%253Dfr%2526country%253Dfr%2526.country%253Dfr%2526start%253D0%2526num%253D1%2526target%253Dmbw9%2526objs%253D%26sn%3Dmbw9%26lang%3Dfr" style="display: block;" frameborder="0" height="160" scrolling="" width="320"></iframe>

code pour page jaunes:

Code :

<iframe src="http://www.gmodules.com/ig/ifr?url=http://widget.pagesjaunes.fr/igoogle/index.xml&amp;synd=open&amp;w=320&amp;h=315&amp;title=Pages+Jaunes&amp;border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;source=http%3A%2F%2Fwww.gmodules.com%2Fig%2Fcreator%3Fsynd%3Dopen%26url%3Dhttp%253A%252F%252Fwidget.pagesjaunes.fr%252Figoogle%252Findex.xml%26lang%3Dfr" style="display: block;" scrolling="" frameborder="0" height="315" width="320"></iframe>

Ce sont des widget pris sur google+ ou j'ai pompé le code