[Présentation Design] Louis Reymond

Tags: #<Tag:0x00007f28305ee2a0>

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 :wink:

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

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:

Screenshot_20200420_204330_com.android.chrome

Screenshot_20200420_204331_com.android.chrome

Screenshot_20200420_204323_com.android.chrome

Screenshot_20200420_204322_com.android.chrome

Screenshot_20200420_204327_com.android.chrome

Screenshot_20200420_204321_com.android.chrome

Screenshot_20200420_204328_com.android.chrome

Screenshot_20200420_204329_com.android.chrome

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

Les mercis:

  • à l’équipe de Jeedom pour ce super produit :+1:
  • au développeur de pluging et de widget :ok_hand:,
  • à 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

2 J'aimes

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 :heart_eyes:

Bonjour,

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

Salut @GlloQ,

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

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

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

J’ai suivi ce tuto: https://www.ca-sert-a-quoi.com/articles/domotique/tuto-creez-votre-reveil-domotique-et-scenarisez-votre-saut-du-lit/

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:
switch_lre1_on switch_lre1_on_green switch_lre1_off switch_lre1_off_red

Cordialement.

Louis

1 J'aime

Merci c’est sympa :slight_smile:

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

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

Sympa comme tes designs

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

Bravo.
Juste pour info, 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:

image

Bonne journée!

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 !

1 J'aime

Superbe !!

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

Cordialement,
P.

1 J'aime

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

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

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

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 :wink:

https://market.jeedom.com/index.php?v=d&p=market_display&id=3942

Cordialement.

Louis

Merci pour la pub Louis :slight_smile: