Forum eedomus
https://forum.eedomus.com/

Future interface ?
https://forum.eedomus.com/viewtopic.php?f=57&t=9000
Page 1 sur 1
Auteur:  john56 [ 25 Oct 2019 20:32 ]
Sujet du message:  Future interface ?

Bonjour, j'adore ma eedomus !
Mais l'interface visuelle, il ne lui manque plus que çà !
Un vrai truc à embellir et à personnaliser me manque !
Je viens de faire 15j sur jeedom et et hassio pour tester, c'est un vrai bordel à paramétrer mais leurs interfaces visuelles sont pas mal du tout.
Nous c'est pour quand ? :)
Auteur:  xeos [ 26 Oct 2019 21:27 ]
Sujet du message:  Re: Future interface ?

Ca va venir patience......

Capture d’écran 2019-10-26 à 22.24.13.png
Capture d’écran 2019-10-26 à 22.24.13.png (95.44 Kio) Consulté 14291 fois
Auteur:  john56 [ 26 Oct 2019 21:58 ]
Sujet du message:  Re: Future interface ?

Intéressant ... Très intéressant ... On peut en savoir davantage ?
Auteur:  opa95 [ 27 Oct 2019 11:27 ]
Sujet du message:  Re: Future interface ?

Bonjour
L'accès à des variations continues (curseur, flèches up/dn, ...) manque vraiment pour l'instant.
J'attends et pour l'instant je règles mes thermostats de chauffage : passage de ZiBase avec commandes Imperihome et Zodianet à eedomus et thermostat virtuel (et contrôle des zones en php en cours).
Bon courage
Auteur:  xeos [ 27 Oct 2019 12:53 ]
Sujet du message:  Re: Future interface ?

Ce sont des widgets utilisable aussi bien sur le portail que sur le mobile. Il y aura un plugin control qui servira au choix des couleurs et choix design (Flat, industriel.....).
Auteur:  ARTNOW [ 27 Oct 2019 13:01 ]
Sujet du message:  Re: Future interface ?

xeos a écrit:Ce sont des widgets utilisable aussi bien sur le portail que sur le mobile. Il y aura un plugin control qui servira au choix des couleurs et choix design (Flat, industriel.....).


Bonjour , tu parles d'une future mise a jours ???
Auteur:  rover820i [ 27 Oct 2019 13:35 ]
Sujet du message:  Re: Future interface ?

xeos a écrit:Ca va venir patience......

La pièce jointe Capture d’écran 2019-10-26 à 22.24.13.png n’est plus disponible

Tiens cette interface me dit grandement quelque chose :mrgreen:

Si j'ai pu contribuer auprès de la team à donner une piste de réflexion...

(j'ai commencé à développer depuis l'an dernier une interface à moi dont les widgets sont quasi identiques, j'en avais fait part à la team)

Sans titre-1.jpg
Sans titre-1.jpg (66.83 Kio) Consulté 14231 fois

Sans titre-2.jpg
Sans titre-2.jpg (136.69 Kio) Consulté 14231 fois
Auteur:  xeos [ 27 Oct 2019 14:37 ]
Sujet du message:  Re: Future interface ?

En faite les widgets ne viennent pas de la team mais plutôt du coté de Codepen puis c'est de l'assemblage ;) . J'ai juste un souci avec session_start pour mutualiser les données.
Auteur:  RAR69 [ 27 Oct 2019 17:10 ]
Sujet du message:  Re: Future interface ?

Pour corriger un problème des interrupteurs LEGRAND qui remontent la valeur du Dimmer entre 0 et 100 au lieu de 0 ou 100 nous travaillons (Xeos, merguez07 et mi même) aussi sur ce type de Widget (PROTOTYPES en cours de définition) remplaçant d'un point de vue interface par exemple 3 périphériques (ON/OFF, Puissance Instantanée, Puissance Cumulée) comportant :
une icone "animable",
des textes,
des valeurs de périphériques,
un bouton ON/OFF
un slider délivrant une valeur de 0 à 100 avec un pas programmable de 1 à 10 par exemple,
des jauges pour lumière, température, puissance etc.
L'objectif c'est que chaque objet du Widget soit "SKINABLE" (choix de thème de couleurs) et choix de l'échelle (SCALE) :
Exemple Widget.PNG
Exemple Widget.PNG (16.06 Kio) Consulté 14199 fois
Exemple Widget 2.PNG
Exemple Widget 2.PNG (8.42 Kio) Consulté 14199 fois

Certains n'auront pas manqué de voir le thème de couleur de LEGRAND de l'APPLI Home +Control !!!
Auteur:  merguez07 [ 27 Oct 2019 18:37 ]
Sujet du message:  Re: Future interface ?

ARTNOW a écrit:Bonjour , tu parles d'une future mise a jours ???



Non je ne pense pas que la Team bosse la dessus.
Les widgets ne sont pour l'instant que le fruit des travaux de Xeos et RAR69. Si certains ont des idées n'hésitez pas d'en faire part soit dans ce topic soit sur notre skype (voir ma signature).
Auteur:  RAR69 [ 27 Oct 2019 20:15 ]
Sujet du message:  Re: Future interface ?

Bonsoir,
Voici une interface Widget affichant une horloge analogique dans une pièce :
HorlogeAna.png
HorlogeAna.png (11.25 Kio) Consulté 14170 fois


Code : Tout sélectionner
<?php  ?>
<!DOCTYPE html>
<html>
<!--Ce script est issu du site : https://www.w3schools.com/graphics/canvas_clock_start.asp-->
<!-- Pour ceux qui souhaitent une horloge analogique dans une de leur pièce. Méthode à suivre :
Cliquez successivement sur :
Configuration / Ajouter ou supprimer un périphérique / Ajouter un autre type de périphérique / Réseau : Contenu HTML/ Créer
Pensez à indiquer une pièce
URL du contenu : http://localhost/script/?exec=horlogeAna.php&user=[VAR1]&secret=[VAR2]
Variables utilisateur : [var1] votre code user, [var2] votre code secret
Hauteur d'affichage : 4 unités
Cette Horloge sera aussi visible sur votre mobile !!!
-->
    <body>

        <canvas id="canvas" width="280" height="280"
            style="background-color:#3A557A">                       <!--A1AFC3-->
        </canvas>

        <script>

            var canvas = document.getElementById("canvas");
            var ctx = canvas.getContext("2d");
            var radius = canvas.height / 2;
            ctx.translate(radius, radius);
            radius = radius * 0.90
            setInterval(drawClock, 1000);

            function drawClock() {
                drawFace(ctx, radius);
                drawNumbers(ctx, radius);
                drawTime(ctx, radius);
            }

            function drawFace(ctx, radius) {
                var grad;
                ctx.beginPath();
                ctx.arc(0, 0, radius, 0, 2*Math.PI);
                ctx.fillStyle = 'white';
                ctx.fill();
                grad = ctx.createRadialGradient(0,0,radius*0.95, 0,0,radius*1.05);
                grad.addColorStop(0, '#A1AFC3');                  /*Couleur des aiguilles et du cercle intérieur*/
                grad.addColorStop(0.5, 'white');
                grad.addColorStop(1, '#333');                     /*Couleur du cercle extérieur*/
                ctx.strokeStyle = grad;
                ctx.lineWidth = radius*0.1;
                ctx.stroke();
                ctx.beginPath();
                ctx.arc(0, 0, radius*0.1, 0, 2*Math.PI);
                ctx.fillStyle = '#333';                           /*Couleur des chiffres et du centre*/
                ctx.fill();
            }

            function drawNumbers(ctx, radius) {
                var ang;
                var num;
                ctx.font = radius*0.15 + "px arial";
                ctx.textBaseline="middle";
                ctx.textAlign="center";
                for(num = 1; num < 13; num++){
                    ang = num * Math.PI / 6;
                    ctx.rotate(ang);
                    ctx.translate(0, -radius*0.85);
                    ctx.rotate(-ang);
                    ctx.fillText(num.toString(), 0, 0);
                    ctx.rotate(ang);
                    ctx.translate(0, radius*0.85);
                    ctx.rotate(-ang);
              }
            }

            function drawTime(ctx, radius){
                var now = new Date();
                var hour = now.getHours();
                var minute = now.getMinutes();
                var second = now.getSeconds();
                //hour
                hour=hour%12;
                hour=(hour*Math.PI/6)+
                (minute*Math.PI/(6*60))+
                (second*Math.PI/(360*60));
                drawHand(ctx, hour, radius*0.5, radius*0.07);
                //minute
                minute=(minute*Math.PI/30)+(second*Math.PI/(30*60));
                drawHand(ctx, minute, radius*0.8, radius*0.07);
                // second
                second=(second*Math.PI/30);
                drawHand(ctx, second, radius*0.9, radius*0.02);
            }

            function drawHand(ctx, pos, length, width) {
                ctx.beginPath();
                ctx.lineWidth = width;
                ctx.lineCap = "round";
                ctx.moveTo(0,0);
                ctx.rotate(pos);
                ctx.lineTo(0, -length);
                ctx.stroke();
                ctx.rotate(-pos);
            }

        </script>

    </body>
</html>
Auteur:  Alphonse Magova [ 27 Oct 2019 20:38 ]
Sujet du message:  Re: Future interface ?

Good job les gars! ;)
Auteur:  rover820i [ 27 Oct 2019 23:22 ]
Sujet du message:  Re: Future interface ?

merguez07 a écrit:
ARTNOW a écrit:Bonjour , tu parles d'une future mise a jours ???



Non je ne pense pas que la Team bosse la dessus.
Les widgets ne sont pour l'instant que le fruit des travaux de Xeos et RAR69. Si certains ont des idées n'hésitez pas d'en faire part soit dans ce topic soit sur notre skype (voir ma signature).

Je pensais aussi que la team bossait dessus, vu la ressemblance des widgets avec les projet que je leur avais soumis
Auteur:  Senateur [ 28 Oct 2019 07:56 ]
Sujet du message:  Re: Future interface ?

J'ai hâte, j'ai hâte, j'ai hâte !!

:D :D
Auteur:  Havok [ 28 Oct 2019 16:19 ]
Sujet du message:  Re: Future interface ?

Je pense qu'en 2019 on peut faire des trucs un peu plus sympa. Genre :

screen.png
screen.png (340.27 Kio) Consulté 14105 fois

dymotics.png
dymotics.png (178.81 Kio) Consulté 14105 fois

simple-mockups_4x-2.png
simple-mockups_4x-2.png (394.23 Kio) Consulté 14100 fois
Auteur:  Senateur [ 28 Oct 2019 17:11 ]
Sujet du message:  Re: Future interface ?

Moi, je suis déjà très content du saut qualitatif à venir avec l'existant. Il n'y a pas d'équipe pro derrière...
Auteur:  RAR69 [ 28 Oct 2019 18:19 ]
Sujet du message:  Re: Future interface ?

Havok a écrit:Je pense qu'en 2019 on peut faire des trucs un peu plus sympa.

Oui, mais ils n'existent plus ...

CaptureDymotics.PNG
CaptureDymotics.PNG (7.23 Kio) Consulté 14085 fois
Auteur:  aldiallo-Edomu [ 03 Jan 2020 13:03 ]
Sujet du message:  Re: Future interface ?

Bonjour,

Déjà en 2018 il était question d'une nouvelle interface en cours de développement par la team Eedomus, il n'y a pas des nouvelles de ce côté là??
Auteur:  Ludvicky [ 07 Avr 2020 14:11 ]
Sujet du message:  Re: Future interface ?

des news sur une nouvelle interface?
Page 1 sur 1 Le fuseau horaire est UTC+1 heure