Avant toute chose merci de (re)prendre connaissance de la charte et de la respecter.
Pour résumer :
- Avant de poser une question, je cherche si la réponse existe
- Je suis poli, courtois et je respecte tout un chacun sur le forum
- Si un post m'agace : je m'en éloigne plutôt que de répondre d'une façon qui pourrait être mal interprétée


Il n'est jamais du luxe que de rappeler des choses simples :
Courtoisie, amabilité, politesse et bonne humeur sont les maîtres mots pour un forum sympathique, bienveillant et accueillant :)

Le groupe des Helpers est present pour vous aidez, n'hésitez pas à poser des questions ;)

Toute la communauté vous remercie

[S'inspirer] Postez votre Plan / Design

JEEDOM et vous! Venez vous présenter et préseter votre installation domotique JEEDOM
winhex
Actif
Messages : 3636
Inscription : 23 janv. 2015, 01:41

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

Message par winhex » 10 avr. 2018, 16:52

alors je suis à votre écoute pour des idées d'améliorations / corrections.
mélanges de morceaux d'images réel
ton design deviens une revue de presse

(effet zoom out ou couleur fade ou neutre) afin de sortir de l'icône partout
Screenshot_20180410-164037.png
Screenshot_20180410-164037.png (570.1 Kio) Consulté 1617 fois

Avatar de l’utilisateur
Bello65
Actif
Messages : 700
Inscription : 16 déc. 2016, 11:20
Localisation : 31

[S'inspirer] Postez votre Plan / Design

Message par Bello65 » 10 avr. 2018, 17:04

Bonjour winhex je veux bien voir celui des pièces en bas, pour me donner une idée de la vue de ton retour conso et aussi le radiateur, merci
En vertical c’est exactement ce que je dois faire

Envoyé de ma en utilisant Tapatruc
PROXMOX VM JEEDOM (NUC merci benj29 ;)) v3.3.24 Stable&Béta
RfxCom - JPI - Blue Connect (sonde piscine) - Alarme Risco - Xiaomi Home - Z Wave - BLEA - Enocean

Mes débuts de débutant

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

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

Message par winhex » 10 avr. 2018, 17:50

j'en suis loin
j'était sur les fonctionnalité et idée
(justement sur image hier avec autour de mon jeedom conso,presence et temperatures)
une préviu d'où j'e suis en live
https://youtu.be/yYMEPBpRFAY

Sartog
Timide
Messages : 494
Inscription : 27 août 2015, 14:54

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

Message par Sartog » 10 avr. 2018, 21:26

winhex a écrit :
10 avr. 2018, 16:52
alors je suis à votre écoute pour des idées d'améliorations / corrections.
mélanges de morceaux d'images réel
ton design deviens une revue de presse

(effet zoom out ou couleur fade ou neutre) afin de sortir de l'icône partout
Merci Winhex pour ton message mais j’avoue ne pas le comprendre ...
Pourrais-tu étayer ta réponse s’il te plaît ?
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)

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

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

Message par winhex » 10 avr. 2018, 22:30

ce n'est que de l'habillage
le screen que je t'ai mis c'était pour te montrer
mais tu n'as pas compris
tu vois les remonter de temp
et bien c'est l'image du thermometre imagine sans et avec
d'où
(ustement sur image hier avec autour de mon jeedom conso,presence et temperatures
c'est de la mise en valeur
ton programme tv, site, y'a des images et photo partout de loin c'est une mise en valeur. qui attire l'oeil bizarrement le vide fait des cassures alors qu'une photo (ou morceau) fluidifie le visuel. enfin c'est mon resenti

dans tes screens tu as des trous (ou tu n'as rien)
donc tu vas vouloir absolument comblé le vide par du redimissionnage ou ajouté d'où ta question!

et ça va faire un effet boukin, salle de supervision, journal economique.

hors afin de couper avec la multitude d'icône/img
je comblerai

pour volet un morceau de télécommande,.. un doigt sur celle ci, un morceau de vrai volet ... à toi de voir (ou Mme) avec ton/votre côté artistique (google regorge d'image)
tout de suite ça habille
un simple html <img>
Après si tu veux tu peux en faire le widget d'une info aussi pour éviter l'effet permanent le matin un volet qui s'ouvre, (ou morceau de photo)

Avatar de l’utilisateur
Bello65
Actif
Messages : 700
Inscription : 16 déc. 2016, 11:20
Localisation : 31

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

Message par Bello65 » 11 avr. 2018, 00:13

Merci winhex, ce que je cherche c’est créer le cadre comme le tien bouton à gauche en relief arrondi qui amène sur des design. Pour l’intérieur je sais mettre les bloc d’info simple mais fonctionnel. Les onglets, je trouve cela super. En mp, pourras tu si tu as du temps m’expliquer comment tu fais ? Forme, boutons et onglet
Encore merci


Envoyé de ma en utilisant Tapatruc
PROXMOX VM JEEDOM (NUC merci benj29 ;)) v3.3.24 Stable&Béta
RfxCom - JPI - Blue Connect (sonde piscine) - Alarme Risco - Xiaomi Home - Z Wave - BLEA - Enocean

Mes débuts de débutant

Sartog
Timide
Messages : 494
Inscription : 27 août 2015, 14:54

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

Message par Sartog » 11 avr. 2018, 08:35

winhex a écrit :
10 avr. 2018, 22:30
Merci Winhex pour ses précisions.

En effet, le vice c'est de vouloir à tout pris combler les vides en y mettant des info bien souvent inutiles.
Je vais garder ton idée sous le coude et en parler à madame, car c'est bien le WAF qui prime :D !
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)

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

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

Message par winhex » 11 avr. 2018, 16:08

@bello65
se soir tu auras ou j'en suis mais j'ai fait un sujet
que je partage déjà
viewtopic.php?f=25&t=35100&p=597938#p597938

Avatar de l’utilisateur
Bello65
Actif
Messages : 700
Inscription : 16 déc. 2016, 11:20
Localisation : 31

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

Message par Bello65 » 11 avr. 2018, 17:52

Nickel merci je me suis collé dans le post


Envoyé de ma en utilisant Tapatruc
PROXMOX VM JEEDOM (NUC merci benj29 ;)) v3.3.24 Stable&Béta
RfxCom - JPI - Blue Connect (sonde piscine) - Alarme Risco - Xiaomi Home - Z Wave - BLEA - Enocean

Mes débuts de débutant

Jul Ien
Timide
Messages : 32
Inscription : 22 mars 2018, 22:09

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

Message par Jul Ien » 12 avr. 2018, 13:44

Bonjour à tous,

voici mon design, inspiré de celui-ci : http://techno-bidouille.com/mon-design-jeedom/
Image


Au niveau des fonctionnalités intéressantes :
  • Une icone permettant de lancer la veilleuse dans la chambre du petit (lancement qui se fait aussi par scénario)
  • L'affichage des mesures (température, humidité, CO2, bruit) avec couleurs associées (ex : blanc = OK, rouge = dangereux, etc.). Je reçois aussi des notifications sur mon iPhone lorsqu'une mesure sort de / revient à la normale
  • Une fonction "Présence" pour voir qui est à la maison. Pour l'instant c'est purement indicatif, par la suite je me vois bien brancher des scénarios dessus
Que pensez-vous de ce design ? Si vous avez des questions ou des commentaires, je suis preneur !

Jeeviens
Timide
Messages : 151
Inscription : 15 août 2017, 01:04

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

Message par Jeeviens » 15 avr. 2018, 00:58

Alors, moi je continue ma quête du design qui me conviendrai ! Toujours sur ma petite 7", l'essentiel de mes modules et préoccupations étant toujours la gestion de la lumière : )

SShot.png
SShot.png (269.67 Kio) Consulté 1330 fois

Avec deux designs secondaires - en cours et accessibles par touch sur l'agenda ou l’icône conso - portant sur la conso' électrique et l'agenda en plus détaillé ... (Ne pas se fier a l'agenda du screenshot, c’était pour .. le screenshot : ) )

SShot2.png
SShot2.png (249.11 Kio) Consulté 1330 fois

Nan mais je vais trouver le design qui me convient hein ... : )

rguerineau
Timide
Messages : 7
Inscription : 19 avr. 2018, 14:35

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

Message par rguerineau » 19 avr. 2018, 14:39

m4x91 a écrit :
05 janv. 2017, 14:47
Voici l'avancement de mon design

La page d'accueil (une bulle = un menu sauf pour l'état de l'alarme qui est un bouton ainsi que l'état de la porte de garage qui est un bouton également)

UNADJUSTEDNONRAW_thumb_360f.jpg

Et le menu rez de chaussé pratiquement terminée. (Reste a finaliser les affichages des électroménager)

UNADJUSTEDNONRAW_thumb_3610.jpg
Bonjour m4x91,

Peux-tu me dire avec quel logiciel tu as utilisé pour créer la page d'accueil ?

Merci ;)

benj29
Actif
Messages : 3770
Inscription : 26 mars 2017, 09:57
Contact :

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

Message par benj29 » 19 avr. 2018, 16:54

Moi, j'ai avancé il ne me reste plus que la gestion propre de la maison (chauffe-eau, pilotage multimédia, consommation) et la gestion des personnes/localisation/sécurité détaillée.

Tout le reste est fini :). J'aurai voulu trouver un widget meteo horaire mais j'ai pas trouvé mieux :(.

La page par défaut :

Image

La page de gestion des caméras :

il me reste à mettre en place un clink pour ouvrir la page de la caméra en question en grand. Je n'ai pas réussi en mettant le flux ou autre, je vais donc passer par une vue dédiée.

Image

La vue de gestion des températures, chauffe, humidité, vmc, ouvrants.

Image

La page de gestion des thermostats, délestage, zone par zone et suivi des températures / consigne des principales zones.

Image

La page de gestion extérieure : éclairage, piscine, etc. Il me reste à mettre un widget info sur les éclairages extérieures, mais j'ai peur que ça surcharge et j'ai rien trouvé de sympa, joli. Et dans l'idéal, un meilleur widget météo horaire

Image

La page de gestion des systèmes.
Je pense à terme mettre un plan 3D de la maison avec les "led" au bon endroit. A voir.

Image

La page sur laquelle je travaille actuellement dès que j'ai un peu de temps le soir quand le petit loup est couché :

Image

J'ai déjà réussi à intégrer le traffic maps à grande échelle.

Sartog
Timide
Messages : 494
Inscription : 27 août 2015, 14:54

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

Message par Sartog » 19 avr. 2018, 17:04

@benj29, tout simplement magnifique !

Certaines idées me plaisent bien ;)
Je vais voir pour m'en inspirer !

Merci pour ce partage.
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)


Sartog
Timide
Messages : 494
Inscription : 27 août 2015, 14:54

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

Message par Sartog » 19 avr. 2018, 19:06

C'est noté, merci à toi.
Mais tu as trop bien travaillé sur ta présentation, je n'arrive pas à trouver de question pour l'instant :p

Pour le widget météo, voici ce que j'ai réussi à faire :
Capture.JPG
Capture.JPG (16.77 Kio) Consulté 1144 fois
Ça n'ira pas dans ton design, mais si ça peux te donner des idées.
Si besoin, je partage le code et la technique pour récupérer les info du plugin weather.
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)

Avatar de l’utilisateur
cedricdirr
Timide
Messages : 90
Inscription : 22 juil. 2016, 11:13
Localisation : Dublin
Contact :

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

Message par cedricdirr » 19 avr. 2018, 19:42

merci pour ce partage et felicitations pour cet excellent travail!!
Petite question neanmoins, le widget led (vertes rouges bleues) etant numeric, comment as tu gerer ta partie supervision (binaire) online/offline avec tes leds vertes stp?

Merci d'avance et encore bravo!

Cedric
Mon Blog ICI: http://domotation.blogspot.ie
Tuto: Connaitre la dispo de vos stations de velib preferees (ici DublinBikes)
viewtopic.php?f=59&t=5924&hilit=dublin& ... 40#p470672

Vins222
Timide
Messages : 32
Inscription : 23 juil. 2017, 16:59

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

Message par Vins222 » 19 avr. 2018, 19:52

Sartog a écrit :C'est noté, merci à toi.
Mais tu as trop bien travaillé sur ta présentation, je n'arrive pas à trouver de question pour l'instant :p

Pour le widget météo, voici ce que j'ai réussi à faire :
Capture.JPG
Ça n'ira pas dans ton design, mais si ça peux te donner des idées.
Si besoin, je partage le code et la technique pour récupérer les info du plugin weather.
Bonjour et bravo pour ce magnifique plugin !
Intéressé par le partage de ce plugin météo si possible!
Merci et bonne soirée à tous ;)


Envoyé de mon iPhone en utilisant Tapatalk

benj29
Actif
Messages : 3770
Inscription : 26 mars 2017, 09:57
Contact :

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

Message par benj29 » 19 avr. 2018, 21:18

Sartog a écrit :
19 avr. 2018, 19:06
C'est noté, merci à toi.
Mais tu as trop bien travaillé sur ta présentation, je n'arrive pas à trouver de question pour l'instant :p

Pour le widget météo, voici ce que j'ai réussi à faire :
Capture.JPG

Ça n'ira pas dans ton design, mais si ça peux te donner des idées.
Si besoin, je partage le code et la technique pour récupérer les info du plugin weather.
Je l'avais vu celui-là, il est sympa.
Mais weather officiel ou prévisions météo est plus complet à mon goût.
Impossible d'en trouver un à l'heure, c'est dingue.
Y a bien celui de meteofrance, mais il est énorme.

benj29
Actif
Messages : 3770
Inscription : 26 mars 2017, 09:57
Contact :

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

Message par benj29 » 19 avr. 2018, 21:21

cedricdirr a écrit :
19 avr. 2018, 19:42
merci pour ce partage et felicitations pour cet excellent travail!!
Petite question neanmoins, le widget led (vertes rouges bleues) etant numeric, comment as tu gerer ta partie supervision (binaire) online/offline avec tes leds vertes stp?

Merci d'avance et encore bravo!

Cedric
Rien de compliqué. J'ai modifié le widget d'origine pour n'afficher que les led qui m'intéressent.

Le code d'origine en info/numeric :

Code : Tout sélectionner

<div style="width:90px;min-height:40px;" class="cmd #history# tooltips cmd-widget" data-type="info" data-subtype="numeric" data-cmd_id="#id#" title="Batterie #name# #state#%">
     <center style="margin: 3px;">
       <span class='cmdName' style="font-weight: bold;font-size : 12px;#hideCmdName#">#name_display#</span></br>
       <span  style="font-size: 12px;font-weight: bold;" id="iconCmd#id#"></span>
   </center>
   <script>
  		var temp;
     	/* calcul du pourcentage de charge par rapport à la valeur max*/
     	temp = ( #state# * 100 ) / #maxValue#; 
     	temp = temp.toFixed(0); // On arrondit;
    
        if (temp > 75 && temp <= 100) {  //piles pleines
          $('#iconCmd#id#').append('<img style="display: block;" src="plugins/widget/core/template/dashboard/cmd.info.numeric.Batterie_Led/Led_bleue.png" width="15"/>');
        }
        if (temp > 20 && temp <= 75) {
          $('#iconCmd#id#').append('<img style="display: block;" src="plugins/widget/core/template/dashboard/cmd.info.numeric.Batterie_Led/Led_verte.png" width="15"/>');
      }
        if (temp > 0 && temp <= 20) {
            $('#iconCmd#id#').append('<img style="display: block;" src="plugins/widget/core/template/dashboard/cmd.info.numeric.Batterie_Led/Led_rouge.png" width="15"/>');

      }
        if (temp == 0) {//piles vides
            $('#iconCmd#id#').append('<img style="display: block;" src="plugins/widget/core/template/dashboard/cmd.info.numeric.Batterie_Led/LedRougeVide.gif" width="15"/>');
			
      }
    </script>
</div>
Le code modifié en binary :

Code : Tout sélectionner

<div style="width:80px;min-height:40px;" class="cmd #history# tooltips cmd-widget" data-type="info" data-subtype="numeric" data-cmd_id="#id#" title="#collectDate#">
    <center>
        <span style="font-weight: bold;font-size : 12px;">#name#</span><br/>
        <span style="font-size: 3em;font-weight: bold;margin-top: 5px;" id="iconCmd#id#"></span>
    </center>
    <script>
        if ('#state#' == '1' || '#state#' == 1) {
            $('#iconCmd#id#').append('<img style="display: block;" src="plugins/widget/core/template/dashboard/cmd.info.numeric.Batterie_Led/LedRougeVide.gif" width="15"/>');
        }
        if ('#state#' == '0' || '#state#' == 0) {
            $('#iconCmd#id#').append('<img style="display: block;" src="plugins/widget/core/template/dashboard/cmd.info.numeric.Batterie_Led/Led_verte.png" width="15"/>');
        }
    </script>
</div>
Comme tu peux rien de compliqué.

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