[Présentation Design] Louis Reymond

[Louis_Reymond]

Bonjour à tous,

J’ai profité de la période de confinement pour passer du temps sur ma domotique et notamment l’interface homme machine. Maintenant en manque d’inspiration, je vous sollicite pour avoir votre avis, des idées et partager avec vous cette passion sympathique

Je m’appelle Louis, j’ai 45 ans, nous habitons à 4 dans un appartement sur 2 étages avec un petit jardin à Marseille .

J’ai commencé la domotique avec Domoticz pour rejoindre Jeedom il y a 2 ans.

Mon environnement:

• v 4.0.49
• RPI 3 B
• RFXcom
• Z-Wave
• WIFI
• Bluetooth

Voici ce qui a orienté la réalisation de mon design:

• faire en sorte que ma femme et mes enfants s’approprient la domotique au quotient,
• utilisation principalement sur mobile,
• utiliser le standard produit afin de minimiser l’impacte de migration,
• avoir la possibilité d’ajouter une nouvelle fonctionnalité rapidement, sans avoir à tout reparamétrer,
• Enfin, nous échangeons très régulièrement notre maison, il fallait que la prise en main soit instinctive.

Voici les impressions d’écran prise à partir de mon mobile:

N’hésitez pas à me faire des retours sur ce qui pourrait être optimisé, amélioré…on a encore pas mal de temps à tuer .

Les mercis:

• à l’équipe de Jeedom pour ce super produit
• au développeur de pluging et de widget ,
• à l’ensemble des acteurs de la communauté qui m’ont accompagné dans ma compréhension de la plateforme (à noté que j’adore le nouveau forum
  https://community.jeedom.com/).

A+

Louis

[anon55749692]

Bonjour Louis,

Très beau design, la planification pour le sèche serviette est cool et donne envie d’en faire autant, d’ailleurs si tu-as des conseilles pour réaliser la même chose

[mnicolas35]

Bonjour,

bienvenue,
cool le design, j’adore les seche serviette et la gestion de presence, c’est pas mal.
Bonne continuation.

[Louis_Reymond]

Salut @anon55749692,

Pour le chauffe serviette voici les indications à suivre:
https://community.jeedom.com/t/planificateur-de-chauffe-serviette/23483/2
Bonne journée!
Louis

[mnicolas35]

arf .; pages n’existe plus ou est privée …
mince

[Louis_Reymond]

En effet c’etait une conversation privé, voici ce qu’il y avait dans le lien:

J’ai suivi ce tuto: Tuto : créez votre réveil domotique et scénarisez votre saut du lit! | Ça Sert A Quoi?

Voici le code pour les cases à cocher à ajouter dans le partie code de la section Widgets:

<!-- ** Forked from https://codepen.io/sgestrella/pen/bJNqGy ** -->

<div style="width:140px;height:30px;" class="cmd reportModeHidden cursor cmd-widget" data-type="action" data-subtype="slider" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#">
 <span class="displayDay#id#">#valueName#</span>
  <span class="customcheckbox#id#">
  <input class="Toggle#uid#" type="checkbox" id="ccb0#uid#" >
  <label for="ccb0#uid#"></label>
  </span>
  <style>
.displayDay#id# {
  display:inline-block;
  width:100px;
  line-height:30px;
  font-size:15px;
  font-weight:bold;
  text-align:right;
  position: relative;
  right: 25px;
}
.customcheckbox#id# {
  float:right;
  margin-top:7px;
  height:20px;
  width:20px;
  --size:17px;
  --checkcolor:#C3C3C3;
  position:relative;
  right: 30px;
}
.customcheckbox#id# input[type="checkbox"] {opacity:0;}
.customcheckbox#id# label {position:absolute;top:0;left:0;cursor:pointer;}
.customcheckbox#id# label::before, .customcheckbox#id# label::after {
  content: "";
  display:inline-block;
  position:absolute;
}
.customcheckbox#id# label::before {
  height:var(--size);
  width:var(--size);
}
.customcheckbox#id# label::after {
  height:calc(var(--size) * 0.375);
  width:calc(var(--size) * 0.5625);
  border-left:3px solid var(--checkcolor);
  border-bottom:3px solid var(--checkcolor);
  transform: rotate(-45deg);
  left:calc(var(--size) * 0.22);
  top:calc(var(--size) * 0.2);
}
.customcheckbox#id# input[type="checkbox"] + label::after {
  content:none;
}
.customcheckbox#id# input[type="checkbox"]:checked + label::after {
  content:"";
}
.customcheckbox#id# input[type="checkbox"] + label::before {
  border:2px solid #C3C3C3;
}
.customcheckbox#id# input[type="checkbox"]:checked + label::before {
  border:2px solid #C3C3C3;
}
.customcheckbox#id# input[type="checkbox"]:focus + label::before {
    outline: var(--bordercolor) auto 5px;
}
</style>
  <script>
 $('.Toggle#uid#').empty();
if ('#state#' == '0' || '#state#' == 0 || '#state#' == '') {
                 $('.Toggle#uid#').prop('checked', false);
        }else {
               $('.Toggle#uid#').prop('checked', true);
          }
             
      $('.Toggle#uid#').on('click', function() {
             if ( $('.Toggle#uid#').is( ":checked" ) ){
                jeedom.cmd.execute({id: '#id#', value: ('1')});
            } else {
                jeedom.cmd.execute({id: '#id#', value: ('0')});
          }
        });
    </script>

Concernant le image des boutons les voici:

Cordialement.

Louis

[anon55749692]

Merci c’est sympa

[ajja17orange]

bonjour
applaudir les soignants dans tes lumières. c’est un rappel, un effet de lumières ?

[Louis_Reymond]

Bien vu , pour info, je fais clignoter les lumières du jardin avec un scénario, ça accompagne les applaudissements, c’est sympas

[amelyfred]

Sympa comme tes designs

[Louis_Reymond]

Merci, concernant mes designs, je n’ai pas fait grand chose, je suis au plus près de la v4, afin d’éviter de perdre trop de temps dans la mise en œuvre et si migration

[David84]

Bravo.
Juste pour info, de quelles enceintes es-tu équipé ? Sonos ou autre ?

[Louis_Reymond]

@David84

de quelles enceintes es-tu équipé ? Sonos ou autre ?

Mes enceintes sont des Bose Soundtouch, j’utilise le pluging Bose SoundTouch de @sabinus52 , avec en plus un scripts pour faire fonctionner le multi-room.

Pour info, sur mon design Jeedom, je me suis inspiré du design des touches caractéristiques de cette gamme, voir image:

Bonne journée!

[Dadou]

Bonjour,
Beau Design tout ça ! J’aime bien les widgets « bouton » on/off plus haut … que tu as partagé. Ils vont aller tout doit dans ma base IconAction.

Merci !

[Pet1Cable]

Superbe !!

J’adore la « sobritude » et l’élégance de ton design !!

Cordialement,
P.

[PHDB]

Salut @Louis_Reymond dans ta capture faite sur mobile, les tickbox apparaissent proprement. Est-ce un code different?
Quand je colle ce code widget en dashboard ca fonctionne bien, mais pas dans en widget mobile.

Merci

[Louis_Reymond]

Salut @PHDB,
Je t’avourai avoir du mal a saisir le sens de ta question. Je n’ai pas de paramétrage particulier pour mobile.
Je reste dispo.
Bonne journée.
Louis

[PHDB]

Bonjour @Louis_Reymond, en d’autres termes : les tickbox marchent elles sur un dashboard mobile? Et si oui, comment ?

[Louis_Reymond]

Je ne sais pas quoi te dire sur le sujet, d’autant plus que je ne suis pas en mesure de retester, je suis passé depuis sur le plugin Programmateur Développé par @Caelion , qui me donne toute satisfaction… un petit bijou

Jeedom Market

Cordialement.

Louis

[Caelion]

Merci pour la pub Louis