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
jeewawa
Timide
Messages : 330
Inscription : 24 oct. 2014, 23:41

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

Message par jeewawa » 28 janv. 2018, 15:38

benj29 a écrit :
28 janv. 2018, 14:16


Kesako, le petit séparateur ?


Là, je m'amuse à faire mes plans avec Cedar Architect....
Les petits séparateurs sont les gros traits gris entre les blocs.
Par exemple entre le menu de navigation et le bloc courbe éléctrique quotidienne.

Peux-tu mettre aussi le code des blocs ?

Pour ce qui est de la courbe, je ne vais même pas essayer ... trop complexe, même si j'aimerais bien avoir ça ...

Merci encore pour tes infos et bon courage pour les plans !
Smart Zwave avec RFXCom, RfPlayer et Teleinfo GCE ELECTRONICS

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

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

Message par benj29 » 28 janv. 2018, 15:41

Sincèrement c'est pas compliqué. Un simple fichier PHP à mettre à la racine de ton html et roule...
Les gros traits gris sont le thème de FB33$, tu as un post dédié pour ça ;).

franckam6
Timide
Messages : 156
Inscription : 18 nov. 2016, 17:57

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

Message par franckam6 » 01 févr. 2018, 02:54

Salut tous le monde et merci à tous ceux qui partagent leurs ressources sur le forum.
J'ai commencé un design pour une tablette murale (galaxy tab 4 ) qui doit s'afficher en plein écran.
Voila ce que ca donne .
Capture d’écran 2018-02-01 à 02.50.47.png
Capture d’écran 2018-02-01 à 02.50.47.png (345.4 Kio) Consulté 848 fois
| Jeedom | DIY RPI3, Clé Aeon Labs Gen5
Protocoles | Zwave, Orvibo, mihome | Mon matériel : FGSD-002 Smoke Sensor CE
xiaomi mihome(12 capteurs door,1bouton,2gateway,2 detecteurs présence,4 sondes)
2 orvibo allone

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

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

Message par benj29 » 01 févr. 2018, 08:31

Hello,

Juste une remarque, si je puis me permettre, n'y voyez pas un reproche, mais je suis toujours choqué du nombre de fautes d'orthographe ou de syntaxe dans les designs... c'est quand même quelque chose que vous affichez aux yeux de tout le monde !

Une autre remarque aussi, j'attache énormément d'importance au centrage et au alignement. C'est vrai que sur ça, il manque le côté pad flèches pour bouger facilement les éléments d'un design. Il faut passer par des pourcentages et quelques notes et ça se fait très bien.

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

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

Message par loc173 » 01 févr. 2018, 13:32

Image

MAJ avec la partie téléinfo réparée (enfin !).

Les pages "Musique" et "Télévision" sont en cours. J'ai d'ailleurs une question pour un expert : je ne souhaite pas utiliser le widget générique "squeezebox" mais l'adapter à mon design. Pour les commandes classiques, pas de problème. En revanche, je souhaiterai récupérer la <div> d'affichage de l'illustration du titre en cours. Quelqu'un aurait une idée sachant qu'il n'y a pas de commande associé dans Jeedom.

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

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

Message par Vins222 » 01 févr. 2018, 13:36

@loc173
Design sobre elegant et efficace !!
Pourrais tu me dire quel widget / script tu utilise pour la police et pour tes widgets on / off ??
Encore bravo ;)


Envoyé de mon iPhone en utilisant Tapatalk


romanais
Actif
Messages : 1999
Inscription : 21 août 2014, 21:36
Localisation : Drôme

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

Message par romanais » 01 févr. 2018, 15:08

benj29 a écrit :
01 févr. 2018, 08:31
Hello,

Juste une remarque, si je puis me permettre, n'y voyez pas un reproche, mais je suis toujours choqué du nombre de fautes d'orthographe ou de syntaxe dans les designs... c'est quand même quelque chose que vous affichez aux yeux de tout le monde !

Une autre remarque aussi, j'attache énormément d'importance au centrage et au alignement. C'est vrai que sur ça, il manque le côté pad flèches pour bouger facilement les éléments d'un design. Il faut passer par des pourcentages et quelques notes et ça se fait très bien.
Je suis grammar-nazi aussi, mais je me mets à la place de ceux qui font des fautes : ici par exemple, il manque un "l" à "pollution".
Mais la personne qui l'écrit comme ça, c'est qu'elle le fait de toute bonne foi, comment peut-elle savoir qu'il y a une faute sur ce mot ?
Donc dire qu'il y a des fautes oui, mais les corriger double-oui ;-)
Merci à toute l'équipe pour le taf

Mon matériel

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

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

Message par benj29 » 01 févr. 2018, 16:05

Ce n'était pas spécialement envers le design précédent, mais d'une manière générale.
Ma remarque était que j'ai du mal à comprendre comment plusieurs interlocuteurs dans une maison ne peuvent pas réagir à ce type de faute.
C'est d'ailleurs une même remarque pour l'alignement et la propreté graphique.

Simple remarque, il ne faut pas que cela devienne un sujet !

franckam6
Timide
Messages : 156
Inscription : 18 nov. 2016, 17:57

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

Message par franckam6 » 01 févr. 2018, 16:35

[quote=benj29 post_id=580301 time=1517470296 user_id=799
Hello,

Juste une remarque, si je puis me permettre, n'y voyez pas un reproche, mais je suis toujours choqué du nombre de fautes d'orthographe ou de syntaxe dans les designs... c'est quand même quelque chose que vous affichez aux yeux de tout le monde !

Une autre remarque aussi, j'attache énormément d'importance au centrage et au alignement. C'est vrai que sur ça, il manque le côté pad flèches pour bouger facilement les éléments d'un design. Il faut passer par des pourcentages et quelques notes et ça se fait très bien.
[/quote]

Je ne me vexe pas et suis d'accord avec vous, ma seule excuse c'est que je me consacre à Jeedom entre 23h et 3 h du matin, après de grosses journées de boulot et le temps pour la famille, donc moins d'attention pour l'orthographe et plus pour le côté technique.
Je vais donc de ce pas corriger tout ça.
Merci
Je suis preneur de toute aide pour l'alignement par pourcentage.
Cordialement
| Jeedom | DIY RPI3, Clé Aeon Labs Gen5
Protocoles | Zwave, Orvibo, mihome | Mon matériel : FGSD-002 Smoke Sensor CE
xiaomi mihome(12 capteurs door,1bouton,2gateway,2 detecteurs présence,4 sondes)
2 orvibo allone

boby412
Timide
Messages : 2
Inscription : 29 janv. 2018, 05:56

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

Message par boby412 » 01 févr. 2018, 16:42

franckam6 a écrit :Salut tous le monde et merci à tous ceux qui partagent leurs ressources sur le forum.
J'ai commencé un design pour une tablette murale (galaxy tab 4 ) qui doit s'afficher en plein écran.
Voila ce que ca donne .
Capture d’écran 2018-02-01 à 02.50.47.png
Bonjour Franck

Je suis fan de ton design franchement je sais même pas par où commencer pour arriver à un tel résultat est-ce qu’il y a quelque chose de simple

Ps: Sur le niveau Aspe je suis vraiment un débutant je suis preneur de toutes aides résultats merci


Envoyé de mon iPhone en utilisant Tapatalk

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

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

Message par benj29 » 01 févr. 2018, 16:49

C'est un peu le cas de tout le monde ici hein !
Pour l'alignement, c'est assez simple. Tu règles ton premier et tu reportes la même valeur Alignement X% sur les autres.
Pour le Y faut ajouter la hauteur de ton bloc, le traduire en % etc... bref oublie. Un réglage visuel... Mais là pareil, tu reportes la valeur %Y sur les autres blocs qui doivent être alignés verticalement.

franckam6
Timide
Messages : 156
Inscription : 18 nov. 2016, 17:57

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

Message par franckam6 » 01 févr. 2018, 16:55

Ok je test ça, merci.
| Jeedom | DIY RPI3, Clé Aeon Labs Gen5
Protocoles | Zwave, Orvibo, mihome | Mon matériel : FGSD-002 Smoke Sensor CE
xiaomi mihome(12 capteurs door,1bouton,2gateway,2 detecteurs présence,4 sondes)
2 orvibo allone


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

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

Message par loc173 » 01 févr. 2018, 17:16

Créer un widget "GenONBtn" de type "action" sous-type "defaut" et y coller :

Code : Tout sélectionner

<head>
<link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
</head>
<div id="Power#id#" style="width:60px; min-height:30px;" class="cmd tooltips cmd-widget cursor" data-type="action" data-subtype="other" data-cmd_id="#id#">
  <center>
		<span style="font-size: 3em; font-weight: bold; margin-top:-90px;" class="action" id="iconPowerCmd#id#"></span>
	</center>
	<a style="font-family:Montserrat;font-weight:medium;" class="bouton1">ON</a>        
    <script>                                                                                                                                                                                                 
        $.include(['plugins/widget/core/template/dashboard/cmd.action.other.GenONBtn/bouton1.css'], function() {                                                                                                                                                                                                
        $('#Power#id#').on('click',function(){                                                                                                                    
            jeedom.cmd.execute({id: '#id#'});                                                                                                                                                                
        }); 
        });                                                                                                                                                                                                  
                                                                                                                                                                                                      
    </script>                                                                                                                                                                                                   
</div>
Puis dans le répertoire de ton widget, créer un fichier bouton1.css avec :

Code : Tout sélectionner

a.bouton1{
display: inline-block;
font-family:Montserrat, Arial;
font-weight: medium;
font-size: 0.8em;                                
width: 60px;                                    
height: 26px;                                    
padding-top: 5px; /*permet le centrage vertical*/
text-align: center;                              
color: #F5F5F5;                                     
background-color: #008080;  
border:1px solid #008080;
border-radius: 13px;
text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
}
En fin, dupliquer ton widget "on" en "GenOFFBtn" et modifier ON en OFF dans la balise <a> du widget.

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

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

Message par Vins222 » 01 févr. 2018, 17:20

@loc173 : tu me régale !
Merci pour ton widget ;)
Pour la police générale tu dit avoir changer la font dans un post précédent ! Tu applique le script sur chaque widget ou de manière générale !??
En tout cas merci encore je partage le résultat dès que abouti ;)


Envoyé de mon iPhone en utilisant Tapatalk

Thyer
Timide
Messages : 163
Inscription : 30 mai 2017, 09:51
Localisation : Lorraine

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

Message par Thyer » 01 févr. 2018, 17:23

Salut, beaucoup d'inspiration ici, merci pour le partage.
Je partage mon design , partie Multimédia. ;)
MULTIMEDIA.JPG
MULTIMEDIA.JPG (144.61 Kio) Consulté 737 fois
Et partie Squeezebox
sb.JPG
sb.JPG (150.53 Kio) Consulté 737 fois

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

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

Message par dcjona » 01 févr. 2018, 18:05

Magnifique Thyer. Ça a encore évolué on dirait !


Envoyé de mon iPhone en utilisant Tapatalk

Thyer
Timide
Messages : 163
Inscription : 30 mai 2017, 09:51
Localisation : Lorraine

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

Message par Thyer » 01 févr. 2018, 18:47

dcjona a écrit :
01 févr. 2018, 18:05
Magnifique Thyer. Ça a encore évolué on dirait !


Envoyé de mon iPhone en utilisant Tapatalk
Continuellement :D

Avatar de l’utilisateur
maxredphenix
Actif
Messages : 539
Inscription : 18 sept. 2015, 21:36
Localisation : Bourgogne

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

Message par maxredphenix » 01 févr. 2018, 20:14

Bonsoir Thyer,

Les icones de ton menu sot vraiment sympa.

Il serait possible de partager le pack ?

Merci d'avance :)
DIY Intel NUC i5 7Gen(via Proxmox) - Jeedom 3.2.

IPX800 v4 + 2 modules X-4FP
Détecteur fuite d'eau + fumée fibaro
Divers modules Zwave

Répondre

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

Qui est en ligne ?

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