[S'inspirer] Postez votre Plan / Design

[gblais77]

Bonjour,

Une tablette 10" accrochée au mur dans le couloir

voici le design lorsque la tablette est en veille (donc en lecture seul):

Plan - Jeedom - Google Chrome.jpg (129.58 Kio) Consulté 5543 fois

et lorsque l'on a déverrouillé la tablette:

Plan - Jeedom - etage.jpg (95.74 Kio) Consulté 5543 fois

Plan - Jeedom -RDC-Incident.jpg (116.67 Kio) Consulté 5543 fois

[kevvv31]

Salut,

Je ne poste pas souvent mais j'avoue que c'est bien agréable de voir des posts lorsqu'on débute et s'inspirer des autres.

Ça fait maintenant environ 2 ans que j'utilise Jeedom, et j'en suis en général très satisfait.
Le design est pour moi une partie primordiale à développer car le dashboard de jeedom et (pour moi) trop compliqué à maintenir propre.. (je l'utilise plutôt pour y mettre tous mes équipements visibles et du coup faire des tests etc..)

J'ai fait 2 groupes de designs: 1 pour PC et 1 pour Smartphone/Tablette.
Je vais vous montrer dans ce post le design de Smartphone/Tablette.

Je l'utilise beaucoup depuis mon iPhone, mais aussi depuis une Tablette accrochée au mur (Amazon Fire 7, achetée 40€.. )

Tout est en Español car je vis la-bas
Je suis toujours en train de changer, améliorer quelque chose, nouveaux équipements etc.. mais voici le résultat pour le moment:

La page principale est celle ci: (sur le téléphone, on peut glisser vers le bas pour accéder aux caméras)

Design_Phone_1.JPG (123.91 Kio) Consulté 5489 fois

Le deuxième icone nous emmène sur la page de TV etc..

Design_Phone_2a.JPG (121.19 Kio) Consulté 5489 fois

Design_Phone_2b.JPG (87.01 Kio) Consulté 5489 fois

[kevvv31]

Ensuite, vient le menu des lumières:

Design_Phone_3.JPG (117.12 Kio) Consulté 5488 fois

Puis températures:

Design_Phone_4.JPG (107.52 Kio) Consulté 5488 fois

[kevvv31]

Puis je termine sur des infos du network:

Design_Phone_5.jpg (94.95 Kio) Consulté 5487 fois

Et quelques stats (pas encore terminé.. la consommation d'énergie des lumières est sur l'année, pas sur la journée ^^)

Design_Phone_6.JPG (101.19 Kio) Consulté 5487 fois

Voilà, j'espère que ca pourra en inspirer quelques uns

Kévin

[domoggvad]

Beau taf, bien réussi

Envoyé de mon HUAWEI VNS-L31 en utilisant Tapatalk

[Claude69]

Bonjour,

Une tablette 10" accrochée au mur dans le couloir

voici le design lorsque la tablette est en veille (donc en lecture seul):
Plan - Jeedom - Google Chrome.jpg



et lorsque l'on a déverrouillé la tablette:
Plan - Jeedom - etage.jpg


Plan - Jeedom -RDC-Incident.jpg

Très joli. Aurait tu un lien pour ton image de fond ?

[fa_liege]

Bonjour,

Comment faites vous sur tablette pour mettre vous designs en mode plein écran ?

Envoyé de mon Redmi Note 3 en utilisant Tapatalk

[Zitoune]

Code : Tout sélectionner

https://XXX.XXX.XXX.XXX/index.php?v=d&p=plan&fullscreen=1

le fullscreen=1, fait passer ton design en plein ecran.

[gblais77]

Bonjour,

Une tablette 10" accrochée au mur dans le couloir

voici le design lorsque la tablette est en veille (donc en lecture seul):
Plan - Jeedom - Google Chrome.jpg



et lorsque l'on a déverrouillé la tablette:
Plan - Jeedom - etage.jpg


Plan - Jeedom -RDC-Incident.jpg

Très joli. Aurait tu un lien pour ton image de fond ?

Bonjour,

Quelle image de fond?
pour le fond noir en dégradé j'ai pris ca sur le forum jeedom (je ne me souviens plus ou):

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>

[fa_liege]

Code : Tout sélectionner

https://XXX.XXX.XXX.XXX/index.php?v=d&p=plan&fullscreen=1

le fullscreen=1, fait passer ton design en plein ecran.

Merciiiii

Envoyé de mon Redmi Note 3 pro en utilisant Tapatalk

[romanais]

Très joli. Aurait tu un lien pour ton image de fond ?

Salut, cette image ?
Prise sur le thème Darksobre.

[baptou60]

Bonjour à tous,

Je suis utilisateur de Jeedom depuis plus d'un an, mais je commence seulement mon design..
Je suis donc débutant sur la partie design..

J'ai un problème avec mes températures, lorsque je souhaite ajouter une commande (pour afficher la commande température par exemple du détecteur de fumée fibaro), j'ai le droit à tout, titre, widget, et valeur.. hors, je souhaiterais uniquement la valeur ou je souhaiterai ne pas voir apparaître le titre..

temperature.JPG (11.19 Kio) Consulté 5218 fois

Ayant plusieurs détecteur de fumée, la température à toujours "Température" en titre, donc pour 3 pièces, j'ai le titre température.. pas facile pour différencier les pièces..

Je suis pourtant allé dans l'affichage de la configuration avancé de la commande, et j'ai décoché afficher le nom sur la partie Design, mais rien..
J'ai aussi également essayé de retirer la ligne suivante dans le code du widget de la partie Design (je suis une chèvre en code):

Code : Tout sélectionner

<strong class='cmdName center-block col-xs-12 small' title="#name#">#name#</strong>

J'ai vu dans différent Design de ce post que pas mal de monde arrivait à le faire.. je ne dois pas m'y prendre comme il faut..
Si vous avez des pistes, je suis preneur !
Merci par avance.

Baptiste

[karayoo]

Salut à tous,

J'ai profité de cette période estivale un peu calme pour enfin (re)travailler sur mon design, vous reconnaîtrez surement le très bon travail de F$B33 dont je me suis plus qu'inspiré que ce soit pour le design en lui-même ou pour le changement automatique de fond d'écran.

Je ne suis pas encore complètement satisfait mais je pense qu'il va faire le job jusqu'aux prochains ajout de matériels, il permet déjà de gérer assez facilement la quasi totalité de mon installation actuelle, de plus il vient de recevoir le tampon WAF

Pour l'instant je m'en sers sur iPad, il ne me manque plus qu'à trouver la bonne tablette à fixer au mur pour finaliser l'installation.

Salut,

une question :

quand j'affiche un résumé en mode design, je n'arrive pas à changer la couleur ... Ou est ce que je merde ?

[-seb-]

Salut,

une question :

quand j'affiche un résumé en mode design, je n'arrive pas à changer la couleur ... Ou est ce que je merde ?

Je pense que tu merdes nulle part et que t'as trouvé un bug, je n'avais pas essayé de changer la couleur car le blanc m'allait très bien, mais je viens de tester et effectivement ça ne fonctionne pas chez moi non plus.

[baptou60]

Salut,

une question :

quand j'affiche un résumé en mode design, je n'arrive pas à changer la couleur ... Ou est ce que je merde ?

Je pense que tu merdes nulle part et que t'as trouvé un bug, je n'avais pas essayé de changer la couleur car le blanc m'allait très bien, mais je viens de tester et effectivement ça ne fonctionne pas chez moi non plus.

Salut Seb,

Comment as tu fais avec tes températures pour avoir seulement la valeur.
Concernant le libellé, tu l'a mis directement sur la commande d'origine ou tu en a créer une avec ce que tu voulais?

Merci d'avance.

Baptiste

[-seb-]

Salut Seb,

Comment as tu fais avec tes températures pour avoir seulement la valeur.
Concernant le libellé, tu l'a mis directement sur la commande d'origine ou tu en a créer une avec ce que tu voulais?

Merci d'avance.

Baptiste

J'ai fait un virtuel qui contient toutes mes températures et pour chacune j'ai mis le nom de la pièce, tout simplement.

[vespere]

Bonjour, je poste mon design mobile en cours d'élaboration "merci à @romanais pour le partage du fond d'écran"

j'attends vos critiques et idées

[baptou60]

Salut Seb,

Comment as tu fais avec tes températures pour avoir seulement la valeur.
Concernant le libellé, tu l'a mis directement sur la commande d'origine ou tu en a créer une avec ce que tu voulais?

Merci d'avance.

Baptiste

J'ai fait un virtuel qui contient toutes mes températures et pour chacune j'ai mis le nom de la pièce, tout simplement.

Effectivement.. je te remercie

[palalex]

Salut,

une question :

quand j'affiche un résumé en mode design, je n'arrive pas à changer la couleur ... Ou est ce que je merde ?

Je pense que tu merdes nulle part et que t'as trouvé un bug, je n'avais pas essayé de changer la couleur car le blanc m'allait très bien, mais je viens de tester et effectivement ça ne fonctionne pas chez moi non plus.

Bonjour,
je suis moi aussi concerné par ce bug qui m'oblige à adapter mon design en fonction de la couleur d'affichage du résumé.

[bartounet]

Mon design est simpliste..
Je suis pas du tout graphiste