Comme annoncé, ce forum est passé en lecture seule au 1er janvier 2020. Désormais nous vous invitons à vous rendre sur notre nouvelle page communauté :
Image

A très bientôt !

[S'inspirer] Postez votre Plan / Design

JEEDOM et vous! Venez vous présenter et préseter votre installation domotique JEEDOM
Avatar de l’utilisateur
aragornier
Actif
Messages : 2217
Inscription : 02 janv. 2015, 20:38
Localisation : Montpellier

Re: [S'inspirer] Postez votre Plan / Design

Message par aragornier » 16 mars 2016, 16:59

@damanujan : joli design ! Tres beau rendu

N'hesites pas à partager, c'est la méthode jeedomienne !!

Envoi express avec mon Samsung for ever ...
JEEDOM POWER
3 jeedom sur RPI3 + 1 GEN8 pour VM et stockage
26 modules Zwave + 12 modules Rfxcom + 9 modules Xiaomi Home + téléinfo + 2 kodi + 4 cam IP + 1 hub harmony + 1 orvibo + 4 prises S20 , ect...

damanujan
Timide
Messages : 144
Inscription : 20 oct. 2014, 19:21
Localisation : Belgique

Re: [S'inspirer] Postez votre Plan / Design

Message par damanujan » 17 mars 2016, 09:08

Pas de soucis pour partager... c'est normal.
J'ai toujours partagé mes scripts et widget dans ce forum (comme le thermostat Netatmo par exemple).

Je vais voir pour publier sur le market.

damanujan
Timide
Messages : 144
Inscription : 20 oct. 2014, 19:21
Localisation : Belgique

Re: [S'inspirer] Postez votre Plan / Design

Message par damanujan » 17 mars 2016, 11:34

Voilà, je viens de publier mon widget "Weather-Clock" sur le market...

damanujan
Timide
Messages : 144
Inscription : 20 oct. 2014, 19:21
Localisation : Belgique

Re: [S'inspirer] Postez votre Plan / Design

Message par damanujan » 17 mars 2016, 13:41

Widget weatherBG avec prévisions à 3 jours et image de fond variant en fonction de la météo du moment, envoyé sur le market...

Avatar de l’utilisateur
cadavor
Actif
Messages : 1284
Inscription : 21 juin 2015, 22:00
Localisation : 34

Re: [S'inspirer] Postez votre Plan / Design

Message par cadavor » 17 mars 2016, 14:06

Merci @damanujan pour ton partage.
Jeedom Stable 3.3
NUC Z83 + Aeotec Z-Stick Gen5
Z-Wave FGR + FGMS + FGDS + FGFS + FGK + FGWPE + ZW062 + ZW080
GH Mini + Orvibo AllOne + Playbulb + Miband2

winhex
Actif
Messages : 3799
Inscription : 23 janv. 2015, 01:41

Re: [S'inspirer] Postez votre Plan / Design

Message par winhex » 17 mars 2016, 18:14

@damanujan = merci

pour info
je l'ai mis derriére ça (code à la fin)
cadre_glass.png
cadre_glass.png (119.19 Kio) Consulté 2161 fois
cadres_glass.jpg
cadres_glass.jpg (329.99 Kio) Consulté 2161 fois
(il m'a fallu modifié le nom de fichier image pour avoir cloudy)

(j'en ai fait plusieurs qu'on peux redim mais pour le partage je ne sais pas ou le mettre)
celui avec salon ainsi que l'inspiration viens de slobberbone
viewtopic.php?p=255998#p255998

page html

Code : Tout sélectionner

<div>
<style>
.glass2 {
  background: linear-gradient( 170deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.6) 20%, rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.0) 50%, rgba(0, 0, 0, 0.0) 100%);
  /* W3C */
  border-color: rgba(255, 255, 255, 0.4);
  border-image: none;
  border-style: inset;
  border-width: 1px;
  /*
    box-shadow:
      0 1px 0 0 rgba(255, 255, 255, 0.4) inset,
      0 2px 6px rgba(0, 0, 0, 0.5),
      0 -4px 8px -1px rgba(255, 255, 255, 0.4) inset;
    */
}

.glass2:before {
  position: absolute;
  content: "";
  top: -2px;
  left: 2%;
  width: 96%;
  height: 2px;
  background: linear-gradient( to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 15%, rgba(0, 0, 0, 0.9) 50%, rgba(0, 0, 0, 0.75) 85%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
}

.glass2:after {
  position: absolute;
  content: "";
  top: 100%;
  left: 2%;
  width: 96%;
  height: 2px;
  background: linear-gradient( to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0.9) 50%, rgba(0, 0, 0, 0.5) 95%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
}

  </style>  

</div>

<div class="well glass2 col-sm-9" style="width: 100%; height: 100%;">
  <div class="panel-group" role="tablist" aria-multiselectable="true" style="height: 100%;">

  </div>
</div>
en donnant des couleurs on a des perspective genre
Image

Avatar de l’utilisateur
aragornier
Actif
Messages : 2217
Inscription : 02 janv. 2015, 20:38
Localisation : Montpellier

Re: [S'inspirer] Postez votre Plan / Design

Message par aragornier » 17 mars 2016, 19:27

damanujan a écrit :Voilà, je viens de publier mon widget "Weather-Clock" sur le market...
T'assure merci à toi, je testerai ça. Je trouve ca tres waf

Envoi express avec mon Samsung for ever ...
JEEDOM POWER
3 jeedom sur RPI3 + 1 GEN8 pour VM et stockage
26 modules Zwave + 12 modules Rfxcom + 9 modules Xiaomi Home + téléinfo + 2 kodi + 4 cam IP + 1 hub harmony + 1 orvibo + 4 prises S20 , ect...

Avatar de l’utilisateur
aragornier
Actif
Messages : 2217
Inscription : 02 janv. 2015, 20:38
Localisation : Montpellier

Re: [S'inspirer] Postez votre Plan / Design

Message par aragornier » 17 mars 2016, 19:42

damanujan a écrit :Voilà, je viens de publier mon widget "Weather-Clock" sur le market...
T'assure merci à toi, je testerai ça. Je trouve ca tres waf

Envoi express avec mon Samsung for ever ...
JEEDOM POWER
3 jeedom sur RPI3 + 1 GEN8 pour VM et stockage
26 modules Zwave + 12 modules Rfxcom + 9 modules Xiaomi Home + téléinfo + 2 kodi + 4 cam IP + 1 hub harmony + 1 orvibo + 4 prises S20 , ect...

damanujan
Timide
Messages : 144
Inscription : 20 oct. 2014, 19:21
Localisation : Belgique

Re: [S'inspirer] Postez votre Plan / Design

Message par damanujan » 17 mars 2016, 19:57

winhex a écrit :
(il m'a fallu modifié le nom de fichier image pour avoir cloudy)
Merci pour l'info...
Je viens d'ajouter l'image cloudy.jpg dans le widget présent sur le market.

N'hésitez pas à me signaler s'il manque des images... :D

Avatar de l’utilisateur
Claude69
Actif
Messages : 2089
Inscription : 04 avr. 2015, 07:57
Localisation : Nord de Lyon

Re: [S'inspirer] Postez votre Plan / Design

Message par Claude69 » 18 mars 2016, 09:11

@damanujan Bravo. Tes widgets sont magnifiques.
Petites remarques.
J'ai changé le WOEID dans les 2 widgets, et malgré cela, je n'ai pas la même indication sur les deux :o
Edition : c'est bon. J'avais changé le WOEID dans le code de chaque info. En changeant dans le widdget, ça fonctionne.

Est il possible de rendre transparent et/ou de changer la couleur du fond du widget clock (Hormis en modifiant le code)
Il serait intéressant de rendre le WOEID paramétrable afin d'éviter qu'il ne soit écrasé lors d'une éventuelle mise à jour du widget.
Capture.PNG
Capture.PNG (171.15 Kio) Consulté 2057 fois
Gestion d'ouverture / fermeture Portail et garage
Gestion filtration piscine
Divers éclairages
Et tout plein d'autres choses ...
JEEDOM NUC 3.3.33 ULTIMATE

Mon matériel ici

damanujan
Timide
Messages : 144
Inscription : 20 oct. 2014, 19:21
Localisation : Belgique

Re: [S'inspirer] Postez votre Plan / Design

Message par damanujan » 18 mars 2016, 10:13

Claude69 a écrit :Est il possible de rendre transparent et/ou de changer la couleur du fond du widget clock (Hormis en modifiant le code)
Il serait intéressant de rendre le WOEID paramétrable afin d'éviter qu'il ne soit écrasé lors d'une éventuelle mise à jour du widget
Bonjour Claude69,
Malheureusement, il n'est apparemment pas possible de rendre la couleur de fond transparente. C'est dû au script bandClock utilisé où il faut obligatoirement encoder une couleur de fond...
J'aurais également voulu que cela soit possible... J'ai déjà essayé sans succès... si tu trouves, préviens-nous !

Pour le WOEID, la solution serait de créer un virtuel de type info dans lequel tu mets ton WOEID et d'associer ce widget à ce virtuel.
Il faudra alors remplacer, dans le script du widget, ton WOEID par #state#.
Je n'ai pas essayé mais cela devrait fonctionner.
Par contre, pour ceux qui préféraient afficher la valeur réelle d'une sonde de température à la place de la valeur annoncée par YahooWeather, ce ne sera plus possible... (je pense)

Sur ce dernier point, j'ai 1 question : Est-il possible que l'on affiche la valeur #state# de plusieurs sondes dans un seul et même widget ?

damanujan
Timide
Messages : 144
Inscription : 20 oct. 2014, 19:21
Localisation : Belgique

Re: [S'inspirer] Postez votre Plan / Design

Message par damanujan » 18 mars 2016, 10:32

Afin de ne pas encombrer ce topic avec des détails "techniques" et laisser ce sujet de discussion dans l'esprit où il a été ouvert, qui est de montrer des réalisations et Design afin de nous inspirer, j'ai ouvert 2 topics dans la partie Widget de ce forum:
Widgets weather-clock et weatherBG

Avatar de l’utilisateur
cadavor
Actif
Messages : 1284
Inscription : 21 juin 2015, 22:00
Localisation : 34

Re: [S'inspirer] Postez votre Plan / Design

Message par cadavor » 18 mars 2016, 12:12

@damajuan : Penses-tu ajouter aussi le widget circle au market?
Je sais que tu as donné le code plutôt (perso ca me va) mais tout le monde ne sait pas forcement comment créer et ajouter manuellement un widget...
Jeedom Stable 3.3
NUC Z83 + Aeotec Z-Stick Gen5
Z-Wave FGR + FGMS + FGDS + FGFS + FGK + FGWPE + ZW062 + ZW080
GH Mini + Orvibo AllOne + Playbulb + Miband2

damanujan
Timide
Messages : 144
Inscription : 20 oct. 2014, 19:21
Localisation : Belgique

Re: [S'inspirer] Postez votre Plan / Design

Message par damanujan » 18 mars 2016, 13:39

@cadavor

Voilà, je viens de publier sur le market les widget suivant :

Blue Circle pour afficher les valeurs de manière circulaire entre #min# et #max# (0 et 100 par défaut)
(entièrement en css)
BlueCircle.PNG
BlueCircle.PNG (2.03 Kio) Consulté 2061 fois
Knob = slider circulaire basé sur le script knob.js
knob.PNG
knob.PNG (2.96 Kio) Consulté 2061 fois

Avatar de l’utilisateur
cadavor
Actif
Messages : 1284
Inscription : 21 juin 2015, 22:00
Localisation : 34

Re: [S'inspirer] Postez votre Plan / Design

Message par cadavor » 18 mars 2016, 13:43

Merci @damanujan
Jeedom Stable 3.3
NUC Z83 + Aeotec Z-Stick Gen5
Z-Wave FGR + FGMS + FGDS + FGFS + FGK + FGWPE + ZW062 + ZW080
GH Mini + Orvibo AllOne + Playbulb + Miband2

winhex
Actif
Messages : 3799
Inscription : 23 janv. 2015, 01:41

Re : [S'inspirer] Postez votre Plan / Design

Message par winhex » 18 mars 2016, 16:51

damanujan a écrit : Sur ce dernier point, j'ai 1 question : Est-il possible que l'on affiche la valeur #state# de plusieurs sondes dans un seul et même widget ?
oui
exemple 5 info dont 4 que tu utilises

la 5 eme affiche l'ensemble,

sur toutes ses info tu appliques le mêmes widget

si name A
cache et applique la valeur à la classe/ div/span X

j'essaie de finir se soir (si j'ai pas le temps je t'envoie par mp se we j'aurai pas le temps)

mais je l'utilise déjà


là que 4 info et l'actu de la 1er efface tous, c'est pour ça qu'il faut une 5 info

j'ai essayé de gardé que 4 info mais j'y arrive pas,
hs
tu as un sujet pour gardé en mémoire l'ex valeur pour un gauge evoluant de sont ex valeur à sa nouvelle.
viewtopic.php?t=12335

[edit] viewtopic.php?f=29&t=16181&p=305006#p305006

parrain27240
Actif
Messages : 1629
Inscription : 24 juil. 2015, 20:15

Re: [S'inspirer] Postez votre Plan / Design

Message par parrain27240 » 21 mars 2016, 12:37

Voila mon interface en 3 page avec des lien au milieu por les deux autre a chaque fois c'est sobre je débute^^
interface.png
interface.png (625.63 Kio) Consulté 1915 fois

coulox
Timide
Messages : 300
Inscription : 15 sept. 2014, 12:37
Localisation : Paris

Re: [S'inspirer] Postez votre Plan / Design

Message par coulox » 21 mars 2016, 23:51

je partage mon design

affichage (menu , cadre ..) voir le partage de F$B33 dans sa présentation : viewtopic.php?f=50&t=14863
mon script infotrafic Regions parisienne : viewtopic.php?f=31&t=17026
Pièces jointes
2016-03-03 (1).png
screen
2016-03-03 (1).png (217.89 Kio) Consulté 1835 fois
DIY : PC ATOM X86 (DEBIAN) (Jeedom) + razpberry
RPI 2 (Jeedom) + GCE teleinfo + TTS
Tablette nexus 7 mural (IHM avec design jeedom de F$B33)
Zwave modules : 1 Greenwave multiprise, 5 FGMS-001, 3 FGK-101, 3 FGRM-222

airhic
Timide
Messages : 186
Inscription : 18 oct. 2014, 12:26

Re: [S'inspirer] Postez votre Plan / Design

Message par airhic » 22 mars 2016, 12:41

@parrain27240, @coulox, comment faites-vous pour rendre transparent les équipements qui ne le proposent pas comme weather et pluie par exemple ? Merci
Synology DS415+ (vmm/mariadb) ; Rpi3 avec rfxcom et zwave.

parrain27240
Actif
Messages : 1629
Inscription : 24 juil. 2015, 20:15

Re: [S'inspirer] Postez votre Plan / Design

Message par parrain27240 » 22 mars 2016, 12:44

J'ai remonte la barre de couleur a fond en hauteur petit astuce :p

Répondre

Revenir vers « Présentation et Vitrine d'installations »

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 3 invités