Mon Interface perso

[thecrow06]

Bonjour tous le monde ,

je vient vers vous pour vous présenté mon interface personnalisé pour ma Tablet mural

Je précise avant tous que je ne peut la partagé , non pas pour des raison d’égoïsme mais car cette interface est complètement basé sur mon installation perso donc je ne pourrai la partagé
mais j espère que celle ci vous donnera des idées pour peut être vous lancé

je ne serai jamais arrivé a ce résultat sans la grande aide de Erwann laville et sébastien Marmoul qui mon appris et supporté depuis le début

Alors voila je suis parti pour mes explications:

toute mon interface est simplement un site web en html hébergé en local sur mon nas synology
toute mes commandes sont récupéré par le biais de l Eedomus mise a part la gestion squeezbox qui est prise via l api logitech et jeedom le plugin squeezbox de Erwann laville pour certaine chose comme le volume ou les titres

Aprés avoir réalisé différentes interfaces web j’étais toujours sur le même constat, il me manquait toujours quelque chose pour la rendre plus « fun » et « sexy ». C’est quand j’en ai parlé avec un ami que j’avais rencontré dans le monde de l’iPhone « Marmoul Seb”, que ce dernier m’a lancé sur l’idée d’un widget météo qui engloberait toute l’interface comme sur nos iPhone à l’époque avec le « Théme Uniaw7 ».

les images de font change selon la météo par exemple ci il pleut alors l image de font sera un paysage avec les nuages et de la pluie coulera sur l écran ci il y as des éclaire alors les éclaires s’afficheront sur l écran et pareil pour tous les temps

orages:
https://www.youtube.com/embed/Gk3diserr1w

temps clair:
https://www.youtube.com/watch?v=TLoryI8rUb0


et voici quelque screen de l interface de gestion avec tous les menu qui est quand même le principal

menu principal avec mes 2 scénarios Départ et Arrivé



menu de mes prises



menu éclairage



Température



gestion Squeezbox salon



Monitoring



et prévision météo sur 5 jours




Comme je le disais tous le thème est dynamique a chaque réfresh de la page un font d’écran différent s'affiche



voila le résultat en réel sur la tablette





Voila je pense qu'avec un peut de courage et de patience on peut arrivé a faire une interface a son gout

[fullpower]

Salut !


Alors là ! Carrément la classe !


Chapeau dis donc !! c'est sûr que ça va émuler la communauté pour avoir la même chose !
Super taf' !
Bravo !

[Thufir]

La classe en effet.
Il serait très intéressant de connaitre le "moteur" su système : Comment se fait les communications avec l'Eedomus.

En tout cas, beau travail

[fullpower]

Je pense qu'avec un outil du style SAMURIZE ça devrait pouvoir être faisable non ?

[thecrow06]

Merci pour vos commentaires cela fait plaisir

Alors toute mes requêtes sont récupéré sur l api eedomus ( quand vous été sur votre module vous faite dérouler le volet mode expert et vous faite un clic sur la petite clé bleu à coter du code api du module ce qui vous ouvre une page avec la requête. )

De là je les ai implanter dans mon site web soit via une fonction js sois directement sur une div

Je suis novice en création de site web je dirai même c est mon premier site c est pour sa que j ai mot 1 ans à faire cette interface donc je ne me suis pas trop compliquer la tâche non plus après pour tous ce qui est fonction js erwann Laville et Marmoul Séb mon énormément aidé

J espère avoir était plus clair pour vous

[c!p]

De là je les ai implanter dans mon site web soit via une fonction js sois directement sur une div

Salut

très très bon boulot !! bravo !
Tu peux nous en dire plus sur ces informations ? Faire afficher des infos récupérer via une API sur une page HTML.

Merci à toi

A+

[anne-marie]

Beau travail

Merci pour vos commentaires cela fait plaisir
Alors toute mes requêtes sont récupéré sur l api eedomus ( quand vous été sur votre module vous faite dérouler le volet mode expert et vous faite un clic sur la petite clé bleu à coter du code api du module ce qui vous ouvre une page avec la requête. )

Merci! je n'ai jamais cliqué là alors qu'il se voit comme le nez au milieu de la figure
Beau travail mais ça reste trop compliqué pour moi. D'ici 2 ou 3 ans peut-être

[thecrow06]

@c!p

alors deja il faut que tu récupère ta raquette de ton module sur ton eedomus comme j ai dit plus haut
aprés tu peut sans problème faire une fonction js dans ce style :

exemple temperature salon :

Code : Tout sélectionner

$.getJSON ("http://api.eedomus.com/get?api_user=XXXXX&api_secret=XXXXXXXXXX&action=periph.caract&periph_id=XXXXX", function(data)               
    {
       var tempsalon = data.body.last_value;
       var lastvalue= data.body.last_value_change;
       console.log('salon:',tempsalon);
       document.getElementById("salon").innerHTML =  Math.round(tempsalon) + " &deg" ;
    });

En gros quand tu récupére ta raquette et que tu la lance sur ton explorateur internet il te donne toute les info de ton module dont la température a partir de la il faut récupéré juste ce que tu as besoin avec une fonction JS dans ce style

@Anne-Marie

ne dit pas sa je suis sur que tu peut le faire avec un peut de patience et de courage car je me suis fait pas mal de cheveux blanc lol

[anne-marie]

@Anne-Marie
ne dit pas sa je suis sur que tu peut le faire avec un peut de patience et de courage car je me suis fait pas mal de cheveux blanc lol

Merci pour les encouragements. Heureusement qu'il y a une grande solidarité sur ce forum. Ca me permet d'avancer