Aller au contenu

Kikoroto

Membres confirmés
 Afficher le profil  Afficher son activité

  • Compteur de contenus

    67

  • Inscription

  • Dernière visite

 Type de contenu 

Tout ce qui a été posté par Kikoroto

  1. Kikoroto
    L'idée c'est de partir d'une feuille blanche. D'y mettre une image sur un fond blanc ou noir. (par la suite, on donnera la possibilité de jongler entre blanc et noir en fonction de l'heure : histoire de pas se faire aveugler le soir ou la nuit d'éclairer toute l'entrée ou salon). Sur cette image on va mettre les valeurs de température. Mettre une horloge un peu design. et aprés on verra :-)
  2. Kikoroto
    http://www.domotique-fibaro.fr/index.php/topic/8131-pr%C3%A9sentation-de-mon-installation-terrain-de-jeu/
  3. Kikoroto
    Oui, tout à l'API, pas de plantage jusque la pour moi. Et non pas d'impérihome. :-)
  4. Kikoroto
    Tu as des notions en HTML5 / CSS3 - PHP - JavaScript / jQuery ? Tout d'abord, dans ton syno, tu vas dans ton dossier web et tu crées 2 fichier. 1- accueil.php 2- style.css 1- ca va etre ta page de garde, la ou il y a ton 3-D. Je te mets un bout de code pour démarrer. <!DOCTYPE html> <head> <meta charset="UTF-8" /> <title>Controle de l'Habitation</title> //c'est le titre qui sera sur ton onglet <link rel="stylesheet" type="text/css" href="style.css" /> //ou se situe ta feuille de style </head> <body> <img id ="plan_img" alt="" src="img/appartement.png" /> //div de ton image </body> </html> body{ background-color: black; } #plan_img{ position:absolute; bottom:75px; right:75px; height: 450px; width: auto; z-index: 1; } Si tu ne comprend pas trop pour le moment, je te conseille de voir des mini tuto sur le net pour te familiariser avec le language dev web.
  5. Kikoroto
    Des que tu as 5 minutes pour te lancer, on y go. Par contre il est possible que je ne réponde pas forcèment tout de suite, mais je passe dans le coin au moins 1 fois tout les 2-3 jours.
  6. Kikoroto
    Bonjour à tous, Y a t'il parmit vous des gens à qui ca interesse d'avoir une interface personalisée pour la visualisation de données et l'interaction avec la maison ? Si oui, je me propose de vous aider dans la confection de votre IHM. Pour cela, il vous faudra : Un serveur web : - RPI - Synology - etc ... Des notions de dévellopement web :HTML5 / CSS3 pour la structure et des choses simple. Du PHP si on veut récuperer des informations de différents service. Et pour finir un peu de JavaScript et de jQuery pour embellir avec des trucs sympatoche. Ensuite nous allons créer notre première page tout simplement, avec vue 3-D ou non et dessus on mettra les infos que notre HC2 peux nous filer. Température, Présence, Taux humidité, Batterie restante sur périphérique, Etat des scènes, On pourra aussi proposer des choix dans les scènes, Faire des Popup de Maj, etc ... Donc si certains sont intéressés, faites signe. Surtout pas de panique, tout est réalisable, et ce relativement simplement. Il faudrait dans l'idéal avoir quelques connaissance en développement web. +++ Au fur et à mesure, et pour faciliter la compréhension. Ci dessous la ligne, je mettrai tout ce qui sera important de savoir au fur et à mesure de l'avancée du post. Il ne sera donc, pas nécessaire de tout lire mais uniquement ce message ;-) ----------------------------------------------------------------------------------------------------------------------------------------------- Ci dessous, le code HTML et son style associé. Cette image sera la base de notre projet. Chacun adaptera à son projet. Résultat : <!DOCTYPE html> <head> <meta charset="UTF-8" /> <title>Controle de l'Habitation</title> //c'est le titre qui sera sur ton onglet <link rel="stylesheet" type="text/css" href="style.css" /> //ou se situe ta feuille de style </head> <body> <img id ="plan_img" alt="" src="maison.jpg" /> //div de ton image </body> </html> body{ background-color: black; } #plan_img{ position:absolute; bottom:75px; right:75px; height: 250px; width: auto; z-index: 1; } Pour la suite, il est nécessaire de savoir de quoi on parle : le JSON. En gros et simplement, c'est plein de ligne qui sont renvoyés par un serveur avec tout un tas d'infos. C'est une explication trés vulgaire mais c'est voulu. Un peu comme le .csv d'Excel, il y aura des delimiteurs. Pour mon exemple : On va afficher la météo garce au site http://www.prevision-meteo.ch/ En haut à droite, services, chapitres 3. Ici on a le services fourni par prevision-meteo qui va nous retourner un JSON. Exemple d'un JSON, comme on peut le voir, c'est tout simplement imbuvable. Sauf si on à l'habitude de travailler dessus. Heureusement il existe des gens sympa qui nous font des trucs sympa : JSON Parser. Faites un copier de l'exemple d'un JSON. C'est tout de suite mieux :-) Illustrations : Résultat : <!DOCTYPE html> <head> <meta charset="UTF-8" /> <title>Controle de l'Habitation</title> //c'est le titre qui sera sur ton onglet <link rel="stylesheet" type="text/css" href="style.css" /> //ou se situe ta feuille de style </head> <body> <img id ="plan_img" alt="" src="maison.jpg" /> //div de ton image <div id= "meteo"> <?php $json_source = file_get_contents('http://www.prevision-meteo.ch/services/json/lat=46.259lng=5.235'); //Si les données json sont dans un fichier distant: $json_data = json_decode($json_source); //Décode le JSON $value= $json_data->current_condition->icon_big; //la on recupere une icone echo '<a href=""> <img src="'.$value.'" width="300" height="auto" /> </a>'; //ne pas faire attention au <a></a> ?> </div> <div id= "meteo_temp_act"> <?php $json_source = file_get_contents('http://www.prevision-meteo.ch/services/json/lat=46.259lng=5.235'); //Si les données json sont dans un fichier distant: $json_data = json_decode($json_source); //Décode le JSON $temperature= $json_data->current_condition->tmp; // Je vous laisse chercher dans le JSON Parser, la ligne correspondante. Dans les conditions actuelle, on récupère la valeur de la température echo '<p> Température Actu. : '.$temperature.'°c</p>'; ?> </div> </body> </html> body{ background-color: black; } #plan_img{ position:absolute; bottom:75px; right:75px; height: 250px; width: auto; z-index: 1; } #meteo{ position:absolute; bottom:75px; left:25px; height: 250px; width: auto; z-index: 1; } #meteo_temp_act{ position:absolute; bottom:150px; left:55px; height: 250px; width: auto; z-index: 1; color: white; font-size:25px; } Viens ensuite l'affichage des températures, pour ceci il faudra utiliser : <?php $json_source = file_get_contents('http://admin:admin@192.168.1.x/api/devices/xx'); //mettre ID d'un thermometre $json_data = json_decode($json_source); $value= $json_data->properties->value; // sur le fichier JSON, on vient récuperer ce qui nous interesse, et on l'affecte à la var value echo '<p>'.$value.'°</p>'; // on affiche la valeur de $value. J'ai ajouté ° juste avant la balise fermante du <p> ?> Pour finir, on se le mets dans un <div> et le tour est joué.
  7. Kikoroto
    Je t'en prie. C'est un plaisir de répondre quand on a un peu de temps. Si ca peux aider. Un portage est aussi prévu sur android, mais pas pour tout de suite ^^,
  8. Kikoroto
    C'est un développement web, donc tout appareil avec navigateur intégré. (terminal mobile ou PC). Sur le mobile, c'est beaucoup plus simpliste que ca. Un peu a la maniere des appli officiel FIBARO. Ici c'est une tablette murale, qui ne vas tarder a être remplacée par un ecran tactile de grande taille : un peu ce style Tout comme tu commandes ta Home center quand tu tapes : 192.168.x.x tu tombes sur l'interface officielle et bien dans mon cas, j'ai fait une version qui correspond le plus à mes attentes. J'espère avoir répondu à ta question.
  9. Kikoroto

    Disjoncteur Domotique

    Kikoroto a répondu à un(e) sujet de fanzila dans Support

    Un disjoncteur est un organe de protection :-) Ceci devrait faire l'affaire : Contacteur de puissance de ce style " http://elec44.fr/contacteur/6879-contacteur-de-puissance-bobine-230v-bipolaire-25a-2-contacts-f-412544-3245064125444.html?gclid=CjwKEAjw9OG4BRDJzY3jrMng4iQSJABddor1eZT_jX6xD31HSV6H_0RKq0CJZaJSG7Hxwxp9mu7OsRoCHzbw_wcB#ectrans=1 " Couplé avec un des modules Z-Wave. Ou alors te diriger carement vers un IPX, mais la tu sors de la commande Z-Wave et rentre dans le request http.
  10. Kikoroto
    EDIT : 21/04/2016 - Rajout de la notification en cas de disponibilité de Mise à Jour
  11. Kikoroto
    L'ouverture de la visu température se fait par l'appui des remontées T° sur la page principale. (tu as la valeur mesurée et la charge batterie du module qui la mesure)
  12. Kikoroto
    Pour ce qui est des chambres, les volets s'ouvrent que si les portables ne sont plus branché et sorti de la zone chambre via BLE. Pour ce qui est du volet terasse, les 2 téléphones doivent etres branchés et dans la zone chambre.
  13. Kikoroto
    Je vais essayer de faire assez compréhensible la présentation de ma cour de récré. Box domotique : Home Center 2 en v4.xxx (pas la dernière stable mais avant). Module et Babiolles : Beaucoup de matériel FIBARO -switch -dimmer -rgb -prise -... enfait toute la gamme sauf le Swype. Serveur web : Synology en prod et PI pour le jeu mais qui va passer en prod d'ici peu. Le fonctionnement est relativement simple dans son ensemble. Plusieurs scènes pour simplifier la vie de tous les jours. Fermeture des volets automatique au couché du soleil, idem pour l'ouverture qui se gère avec le levé de celui-ci. Eclairage automatique de certaines pièce Mode vacances -alarme -coupure électrique de l'habitation (sauf ce qui est nécessaire pour la simulation de présence) -coupure d'eau Arrosage automatique Gestion du Bypass d'alimentation en eau de la maison Gestion de l'alimentation électrique secondaire (panneau solaire et micro-turbine) Plusieurs controles Le tout est en visualisation permanente via une interface disponible dans toutes les pièces ou cela est nécessaire (cuisine, SAM, SDB, garage). Par mesure de respect de vie privée, j'ai enlevé volontairement l'étage de la maison. Page de garde du Premier Etage, pour ceux qui connaissent la pub de SONOS, l'éclairage est représenté par un eclairage de toute la pièce. J'ai trouvé l'idée super intéressante. Affichage Popup, si on touche le pics représentant l'état du ciel temps réel Ici, la version Dév. Le menu s'affiche et dévoile les options nécessaires. Toute la partie configuration et informations de la box et reprise par un onglet. Pratique quand une nouvelle version est dispo. Le tout est visible via un petit message sur la page de garde pour etre prévenu. Relevé de température pour une pièce donnée. Non présent ici, mais il y a un thermostat de dispo pour avoir la température voulue dans chaque pièce. Pour ouvrir cette page, il faut cliquer ou appuyer sur n'importe quel affichage de la temp présent sur la page de garde. Lorsque qu'une nouvelle version est disponible, je l'ai en direct live sans avoir à ouvrir la config box. L'info est remonté en temps réel. Elle s'ouvre 5 minutes toutes les heures. D'autres choses sont en dév, apparition d'une vue des caméras extérieure en caroussel (défilement auto) avec possibilité d'ouvrir. Popup qui apparait si ca traine dans les chambres avec conversation possible
  14. Kikoroto
    Bonjour à tous, Ayant beaucoup appris sur le site du zéro, actuellement "OpenClassrooms", j'ai voulu donner l'opportunitée à certains de s'intéresser sur le sujet "Domotique". Le but ici, c'est de mettre le cours dans un incubateur, appelé "courselab" et si il est vu et intéressant, une publication est possible. C'est pourquoi je m'adresse à vous, pour vous proposer si vous le souhaitez bien sur, de participer de loin ou de prés. Ou même de laisser des avis afin de donner encore plus envie aux autres de rejoindre l'aventure. https://openclassrooms.com/courses/3670746?status=waiting-for-publication Merci et à trés vite j'éspère. Si le sujet n'est pas à sa place, veuillez m'en excuser.
  15. Kikoroto
    Merci.
  16. Kikoroto
    Bonjour à Tous, Pas nouveau dans la domotique, mais j'aime me tenir informer des nouvelles choses. Surtout quand il s'agit d'High Tech. Je suis actuellement sur la redaction d'un cours sur OpenClassrooms qui à pour but de faire découvrir la domotique à travers des exemple simple et pratique. J'ai pu me promener ci et la sur les forums et blogs et je doit dire que je m'éclate à lire les articles et tests. A bientot et bonne journée.
×
×
  • Créer...