Ce Forum passera en lecture seule en janvier 2020
Image
Merci de vous rendre sur https://community.jeedom.com maintenant pour vos prochains postes ;)

[S'inspirer] Postez votre Plan / Design

JEEDOM et vous! Venez vous présenter et préseter votre installation domotique JEEDOM
Sartog
Actif
Messages : 502
Inscription : 27 août 2015, 14:54

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

Message par Sartog » 10 janv. 2018, 11:47

GuillaumeDieppe a écrit :
10 janv. 2018, 10:17
J'aime bien l'effet ombre qu'il y a en mode édition, je ne sais pas s'il existe un moyen de le reproduire hors mode édition ?
C'est la classe widget-shadow-edit qui fait cela.
Voici son code (apparemment) :

Code : Tout sélectionner

.widget-shadow-edit {
    box-shadow: 0 0 2em #96C927 !important;
}
Box : smart, mini+, pi 2 et 3, ipbx800 v4
Protocole : Z-Wave (Fibaro & Qubino), Ikea, Bluetooth
Méteo : Netatmo
Audio : Sonos (Play 1 et 5)

GuillaumeDieppe
Actif
Messages : 635
Inscription : 27 janv. 2017, 10:53

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

Message par GuillaumeDieppe » 10 janv. 2018, 13:49

Merci pour la réponse, désolé mais je ne suis pas "pro", où dois je renseigner cette valeur ?
Jeedom Smart
Protocoles : Z-wave, Zigbee, Wifi et IR
Objets : Qubinos, Fibaros, Xiaomis

loc173
Timide
Messages : 24
Inscription : 10 nov. 2017, 17:17

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

Message par loc173 » 10 janv. 2018, 22:51

Image

Design d'accueil pour tablette avec :
- température des pièces (et gestion du poêle pour le salon)
- modes et trajets
- météo
- télécommande décodeur (la vraie ne marche plus...)
- téléinfo compteur élec (plugin KO en ce moment)

Les autres pages sont sur une ancienne version et seront modifiées plus tard :
- Gestion des squeeze box
- Gestion complètes des lumières
- Gestion complète des décodeur et télévision
- Gestion complète du poêle
- Réseaux et matériel
- Trajets (Google Maps)

Avatar de l’utilisateur
dcjona
Actif
Messages : 1538
Inscription : 16 juil. 2017, 11:06

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

Message par dcjona » 11 janv. 2018, 07:17

C’est beau c’est sobre :-)


Envoyé de mon iPhone en utilisant Tapatalk

esso1
Actif
Messages : 857
Inscription : 03 oct. 2017, 12:26

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

Message par esso1 » 11 janv. 2018, 07:35

oui tres sympa , ....

Avatar de l’utilisateur
cyrilphoenix
Timide
Messages : 435
Inscription : 28 juil. 2015, 16:46
Localisation : 71

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

Message par cyrilphoenix » 11 janv. 2018, 13:55

loc173 a écrit :
10 janv. 2018, 22:51
Image

Design d'accueil pour tablette avec :
- température des pièces (et gestion du poêle pour le salon)
- modes et trajets
- météo
- télécommande décodeur (la vraie ne marche plus...)
- téléinfo compteur élec (plugin KO en ce moment)

Les autres pages sont sur une ancienne version et seront modifiées plus tard :
- Gestion des squeeze box
- Gestion complètes des lumières
- Gestion complète des décodeur et télévision
- Gestion complète du poêle
- Réseaux et matériel
- Trajets (Google Maps)
Magnifique !!!
Tu partage ? :)
Jeedom fan / NextDom fan
Mon Matos : RPI 3, NAS Synology, Xiaomi Gateway, Aeotec Gen5, Broadlink RM3, Clé BLEA
Mes plugins : FlipClock

loc173
Timide
Messages : 24
Inscription : 10 nov. 2017, 17:17

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

Message par loc173 » 11 janv. 2018, 16:33

Honnêtement c'est de la bidouille...

Je suis parti du design partagé par F$B33 que j'ai modifié à ma sauce.
Grâce à son partage, c'est assez simple de se faire sa version perso...
J'ai dupliqué de nombreux widgets (label, bouton...) pour les adapter, j'ai redéfini la font de base (la sublime "Montserrat" de chez Google), j'ai rapatrié de nombreuses icon.png du web...
J'ai tellement bidouillé qu'il faudrait faire un grand ménage pour le partager.
Et puis je suis pas expert en html/css, donc c'est souvent pas très "beau".

Franchement, si j'ai pu le faire, c'est à la portée de quasiment tout le monde.
Perso, je voulais un truc assez sobre, pas surchargé, élégant (WAF factor).
Il suffit juste d'avoir un concept/idée/logique de design. Et du temps...

Avatar de l’utilisateur
cyrilphoenix
Timide
Messages : 435
Inscription : 28 juil. 2015, 16:46
Localisation : 71

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

Message par cyrilphoenix » 11 janv. 2018, 17:30

loc173 a écrit :
11 janv. 2018, 16:33
Honnêtement c'est de la bidouille...

Je suis parti du design partagé par F$B33 que j'ai modifié à ma sauce.
Grâce à son partage, c'est assez simple de se faire sa version perso...
J'ai dupliqué de nombreux widgets (label, bouton...) pour les adapter, j'ai redéfini la font de base (la sublime "Montserrat" de chez Google), j'ai rapatrié de nombreuses icon.png du web...
J'ai tellement bidouillé qu'il faudrait faire un grand ménage pour le partager.
Et puis je suis pas expert en html/css, donc c'est souvent pas très "beau".

Franchement, si j'ai pu le faire, c'est à la portée de quasiment tout le monde.
Perso, je voulais un truc assez sobre, pas surchargé, élégant (WAF factor).
Il suffit juste d'avoir un concept/idée/logique de design. Et du temps...
Je comprend, mais ton cadre "piece de vie" c'est un virtuel ? ou est-ce une zone texte/html dans laquel tu as tapé du code ?
Jeedom fan / NextDom fan
Mon Matos : RPI 3, NAS Synology, Xiaomi Gateway, Aeotec Gen5, Broadlink RM3, Clé BLEA
Mes plugins : FlipClock

loc173
Timide
Messages : 24
Inscription : 10 nov. 2017, 17:17

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

Message par loc173 » 12 janv. 2018, 13:49

En gros, tout est ajouté en terme de commandes. Aucun équipement n'est affiché en global.
J'ai tout découpé pour pouvoir fusionner des commandes
ex : pièce de vie = température du plugin Xiaomi (capteur aqara) avec état du poêle Palazzetti (widget personnalisé du plugin Script) et boutons ON/OFF d'un virtuel "Poêle" (widget personnalisé).
Les libellés (pièces, modes...) sont du texte/html en dur.
Les températures principales ont un widget générique (montserrat, couleur vert/bleu, unité en exposant), les secondaires un second ((montserrat, couleur blanc, unité en exposant), les taux d'humidité idem (avec logo devant)...

Avatar de l’utilisateur
cyrilphoenix
Timide
Messages : 435
Inscription : 28 juil. 2015, 16:46
Localisation : 71

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

Message par cyrilphoenix » 13 janv. 2018, 11:38

Ok mais le probleme d'utiliser un widget sur une commande c'est qua ca change son affichage aussi pour le dashboard non ?

Tu crois que tu pourrait publier sur le market tes widget montserrat ? (faut ajouter la police dans jeedom ?)
Jeedom fan / NextDom fan
Mon Matos : RPI 3, NAS Synology, Xiaomi Gateway, Aeotec Gen5, Broadlink RM3, Clé BLEA
Mes plugins : FlipClock

loc173
Timide
Messages : 24
Inscription : 10 nov. 2017, 17:17

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

Message par loc173 » 15 janv. 2018, 13:38

Perso, je n'utilise jamais le dashboard... Tout est géré via le design principal et les onglets secondaires Musique, Lumière, Chauffage...

Swatmorpheus
Actif
Messages : 913
Inscription : 23 avr. 2015, 14:38
Localisation : Haute Gironde

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

Message par Swatmorpheus » 15 janv. 2018, 14:58

cyrilphoenix a écrit :
13 janv. 2018, 11:38
Ok mais le probleme d'utiliser un widget sur une commande c'est qua ca change son affichage aussi pour le dashboard non ?

Tu crois que tu pourrait publier sur le market tes widget montserrat ? (faut ajouter la police dans jeedom ?)
Oui si tu changes un widget pour le design il changera pour le dashboard , la solution est de dupliquer ton équipement et le 1er l'afficher que sur le design et l'autre sur dashboard, ça alourdi le tout mais c'est la solution ou alors passer par la modif avancé perso des widgets comme ça tu auras un code pour le design et l'autre pour le dashboard
Prod: jeedom V3.2.12 DIY RPI3 + Zwave (fibaro) + Zigbee (xiaomi) + IPXV4 + X4VR
AppleTV4k
PI3 : Max2play
PiZéro: PiCoreplayer
Mini+: OpenElec 7.0.1 Kodi 16.1 Jarvis
En préinstall pour migration: Nuc hystou ,ESXi6.7,jeedom V3.2.12, LMS ,Owncloud

Avatar de l’utilisateur
cyrilphoenix
Timide
Messages : 435
Inscription : 28 juil. 2015, 16:46
Localisation : 71

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

Message par cyrilphoenix » 16 janv. 2018, 10:31

Merci pour vos 2 réponses :)
D'un coté tu as raison si le design est au point plus besoin du dashboard en soit mais je crois que je vais quand meme miser sur la duplication :)

Du coup tu peux partager tes widget sur le store ?
Jeedom fan / NextDom fan
Mon Matos : RPI 3, NAS Synology, Xiaomi Gateway, Aeotec Gen5, Broadlink RM3, Clé BLEA
Mes plugins : FlipClock

Swatmorpheus
Actif
Messages : 913
Inscription : 23 avr. 2015, 14:38
Localisation : Haute Gironde

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

Message par Swatmorpheus » 16 janv. 2018, 11:38

pour le widget c'est pas moi :)
Prod: jeedom V3.2.12 DIY RPI3 + Zwave (fibaro) + Zigbee (xiaomi) + IPXV4 + X4VR
AppleTV4k
PI3 : Max2play
PiZéro: PiCoreplayer
Mini+: OpenElec 7.0.1 Kodi 16.1 Jarvis
En préinstall pour migration: Nuc hystou ,ESXi6.7,jeedom V3.2.12, LMS ,Owncloud

enkzor
Timide
Messages : 1
Inscription : 30 août 2017, 10:31

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

Message par enkzor » 16 janv. 2018, 22:35

loc173 a écrit :
10 janv. 2018, 22:51
Image

Design d'accueil pour tablette avec :
- température des pièces (et gestion du poêle pour le salon)
- modes et trajets
- météo
- télécommande décodeur (la vraie ne marche plus...)
- téléinfo compteur élec (plugin KO en ce moment)

Les autres pages sont sur une ancienne version et seront modifiées plus tard :
- Gestion des squeeze box
- Gestion complètes des lumières
- Gestion complète des décodeur et télévision
- Gestion complète du poêle
- Réseaux et matériel
- Trajets (Google Maps)
Bonjour,

Y'a possibilité d'avoir le lien vers le design que F$B33 a partagé?
Je trouve ton Design loc173 magnifique et j'aimerai partir dans qqch de similaire.

D'avance merci.

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

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

Message par coulox » 19 janv. 2018, 11:40

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

overkill
Timide
Messages : 144
Inscription : 22 févr. 2015, 16:55

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

Message par overkill » 21 janv. 2018, 22:35

Coucou,
Je suis désolé si ce n'est pas le bon endroit, mais j'avais navigué sur beaucoup de sujet Design ou présentation, mais impossible de remettre la main sur la configuration pour afficher en dessous d'un détecteur de mouvement ou d'ouverture ou d'action, la dernière date et heure de l'une de ces activités.

Pouvez vous me redonner le lien, c'est pour mettre à jour mon design :)

Merci d'avance pour vos aides :)
PC SERVEUR : VM VirtualBox Debian Jeedom Maitre (RFXCOM + TELEINFO + IPX800)
RPI3 + Module Zwaves (uniquement en mode antenne Zwave et liaison Jeedom link)
45 Modules Zwave :
23 Secteurs
22 Sur piles

Avatar de l’utilisateur
GEO
Timide
Messages : 158
Inscription : 05 juin 2015, 17:06
Localisation : Sud est lyonnais
Contact :

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

Message par GEO » 21 janv. 2018, 23:16

overkill a écrit :
21 janv. 2018, 22:35
Coucou,
Je suis désolé si ce n'est pas le bon endroit, mais j'avais navigué sur beaucoup de sujet Design ou présentation, mais impossible de remettre la main sur la configuration pour afficher en dessous d'un détecteur de mouvement ou d'ouverture ou d'action, la dernière date et heure de l'une de ces activités.

Pouvez vous me redonner le lien, c'est pour mettre à jour mon design :)

Merci d'avance pour vos aides :)
Bonjour
je ne sais pas si il y a plus simple, mais pour ma part, j'ai modifié le code du widget et rajouté une ligne de code pour afficher en dessous la dernière activité.
Exemple
Capture.JPG
Capture.JPG (11.17 Kio) Consulté 1835 fois
et son code modifié

Code : Tout sélectionner

<div style="width:100px;min-height:62px;" class="cmd #history# tooltips cmd-widget" data-type="info" data-subtype="numeric" data-cmd_id="#id#" title="#collectDate#">
    <center>
        <span class='cmdName' style="font-weight: bold;font-size : 12px;">#name#</span>
        <span style="font-size: 3em;font-weight: bold;margin-top: 5px;" id="iconCmd#id#"></span>
      
      <span class="timeCmd#uid#" style="background-color:#cmdColor# !important;padding : 3px;border-radius: 4px;"></span>
    </center>
    <script>
        jeedom.cmd.displayDuration('#valueDate#', $('.timeCmd#uid#'));
      if ('#state#' == '1' || '#state#' == 1) {
             $('#iconCmd#id#').append('<img src="plugins/widget/core/template/dashboard/cmd.info.binary.FibaroOeil/FibaroOeilNoirNew.png" />');
        }
        if ('#state#' == '0' || '#state#' == 0) {
             $('#iconCmd#id#').append('<img src="plugins/widget/core/template/dashboard/cmd.info.binary.FibaroOeil/FibaroOeilJauneNew.png" />');
        }  
      
      
    </script>
  	<style>
    img.FibraoImg#id# {
    	width: 80px;
    	height: 80px;
  	}
  </style>
</div>
Jeedom Smart, rfx433, OpenZwave
Smart Energy Switch Gen5 1 AEOTEC, Mini Keypad ZIPATO, SF812 Smoke EVERSPRING, Door/Window Sensor AEOTEC, ZM1602 VISION SECURITY, Multi Sensor Gen5 1 AEOTEC, FGK101 FIBARO, FGRGBWM441 RGBW FIBARO

Avatar de l’utilisateur
cyrilphoenix
Timide
Messages : 435
Inscription : 28 juil. 2015, 16:46
Localisation : 71

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

Message par cyrilphoenix » 22 janv. 2018, 13:22

cyrilphoenix a écrit :Ok mais le probleme d'utiliser un widget sur une commande c'est qua ca change son affichage aussi pour le dashboard non ?

Tu crois que tu pourrait publier sur le market tes widget montserrat ? (faut ajouter la police dans jeedom ?)
Up ?

Envoyé de mon ONEPLUS A5010 en utilisant Tapatalk

Jeedom fan / NextDom fan
Mon Matos : RPI 3, NAS Synology, Xiaomi Gateway, Aeotec Gen5, Broadlink RM3, Clé BLEA
Mes plugins : FlipClock

overkill
Timide
Messages : 144
Inscription : 22 févr. 2015, 16:55

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

Message par overkill » 22 janv. 2018, 21:28

#GEO je te remercie pour ton aide, j'ai voulu le faire en design mais je n'ai pas réussi, par contre via ton modèle j'ai réussi à le faire en ajouter un virtuel info :)
Mais je préférés en Widget, je m'en occuperai plu-tard ;)

Merci ;)
PC SERVEUR : VM VirtualBox Debian Jeedom Maitre (RFXCOM + TELEINFO + IPX800)
RPI3 + Module Zwaves (uniquement en mode antenne Zwave et liaison Jeedom link)
45 Modules Zwave :
23 Secteurs
22 Sur piles

Répondre

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

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 1 invité