Interface Domotique Raspberry Pi

Développement Web, WordPress et des trucs en -ique

Interface Domotique Raspberry Pi

19 décembre 2015 Raspberry Pi 9
interface domotique

Cette interface domotique vous permettra de contrôler votre habitat depuis le réseau local ou l’extérieur si vous ouvrez les ports. Elle reprend le programme Domotique Radio fréquence 433mhz qui vous permettait seulement de contrôler l’environnement depuis le terminal du Raspberry Pi avec la commande « Sudo » ./programme portGPIO fichier.

Centralisons l’ensemble des commandes sur une page web pour contrôler le tout depuis votre smartphone/tablette en un clique.

Interface Domotique

Le potentiel de l’interface web

Cette interface est totalement personnalisable. Elle utilise plusieurs technologies comme le HTML5/CSS3, PHP ou encore JavaScript.

  • HTML et CSS structure l’interface;
  • PHP contient les scripts du programme à exécuter;
  • JavaScript gestion en temps réel.

Elle permet:

  1. Le contrôle des appareils RF
  2. Un affichage météo personnalisable
  3. Affichage de la date et de l’heure en temps réel
  4. Une iframe pour incorporer une/vos Caméra.

Il faudra cependant mettre la main dans le code pour ajuster vos paramètres, ne vous en faites pas je vous détaille tout.

Télécharger l’interface domotique pour le Raspberry Pi

Pour télécharger l’emsemble: Interface et programme

interface-domotique

Attribuer les droits aux fichiers

Ensuite vous placez l’interface domotique dans le dossier « var/www/html« . On peut se passer du programme « Reception » puisqu’il ne vous servira qu’à copier vos télécommande RF. Vous pouvez le placer dans votre dossier /home/pi par exemple.

interface domotique dossier var www html

Maintenant tapez les commande suivantes dans le terminal pour que le programme « Emetteur » ne soit pas parasité:

puis

enfin

Tout cela afin de ne pas être embêter par un défaut superUtilisateur et d’avoir le superbe affichage « WiringPiSetup must be root… » et donc le programme qui ne se lance pas.

Comprendre et personnaliser l’interface Domotique

Dans votre dossier vous devez avoir:

  • index.php
Pour modifier le widget météo : http://www.my-meteo.fr/meteo+webmaster.html

  • style.css

Fichier CSS standard

  • jquery.js

Librairie jquery à ne surtout pas modifier

  • media1.php
Script PHP qui est stocké sur le serveur. Il est appelé puis exécuté par l’utilisateur.

  • media1off.php
Tous les scripts seront identiques, uniquement les fichiers CSV changeront. Le fichier CSV correspond au code de votre télécommande que vous avez enregistré au préalable avec ./Recepteur 2 monFichier.csv. Votre fichier sera probablement différent du mien, pensez donc à modifier le script 😉

  • fonction.js
 

  • on.png

Simplement l’image prise activé

  • no.png

L’image prise désactivé

  • fichier-on.csv

Fichier CSV activation de prise

  • fichier-off.csv

Fichier CSV désactivation de prise

nb: Ces fichiers csv seront et doivent être enregistrés par vos soins avec le programme réception.

 

N’oubliez pas!!!

Attribuer une adresse ip fixe au raspberry pi.

Il ne vous reste plus qu’à vous connecter sur votre interface domotique. Tapez l’adresse Ip de votre Raspberry Pi.





 

Facebooktwittergoogle_plusredditpinterestlinkedinmail

9 réponses

  1. Ludo dit :

    Bonjour,

    Merci pour ce tuto, que j’ai essayé de suivre pas à pas. J’avais déjà créé mes fichiers CSV qui me permettent de piloter ma prise via la commande LX terminal. Après de nombreux essais infructueux avec Domoticz, je recherchais une autre manière de piloter mes prises avec mes modules RF low cost…

    Par contre, je bloque à la dernière étape : « Il ne vous reste plus qu’à vous connecter sur votre interface domotique » –> que faut-il lancer réellement ? Dans mon dossier /var/www/html/, je n’ai pas de fichier Index.html… y’a-t-il une manip pour le créer ?

    Désolé, mais coté HTML, je suis à peine débutant 🙁

  2. Manipovore dit :

    Bonjour Ludo,

    Dans le répertoire /var/www/html/ tu dois inclure les fichiers de l’interface que tu as téléchargé. Dans les fichiers tu as un « index.php » qui est un point d’entré lorsque tu accèdes à ton raspi via le réseau local. C’est à dire en tapant « http://adresse_ip_raspi »
    dans une autre machine (Adresse similaire à 192.168.0.X).

    Si tu n’as aucune notion de programmation je te conseil de commencer par l’interface plus light.

    lien: https://manipovore.com/raspberry-pi/interface-web-domotique-simple-pour-raspberry-pi/

    Hésites pas si tu as d’autres questions 😉

  3. Arthur dit :

    Salut !

    L’interface web et mes prises s’allument bien avec la commande dans le terminal mais pas avec le site web … Comment faire ? (j’ai bien changé les fichiers média)

    Merci d’avance

    Cordialement !

  4. manipovore dit :

    Salut Arthur,

    Vérifies que les scripts « media*.php » correspondent bien aux scripts appelés dans le fichier « function.js ».
    Idem pour les fichiers « media*.php » qui appellent des fichiers CSV.
    Si tu as toujours une erreur, assures toi d’avoir bien accordé les droits aux fichiers.

    Pour en être certain lance le script « ./Emetteur* » via ligne de commande sans le « sudo », si tu as le message suivant « WiringPiSetup must be root… » c’est pas bon.

  5. Arthur dit :

    Salut !

    J’ai bien tout vérifier le nom et les droits des fichiers sont bon. Est ce que le problème peut venir d’apache ? Car la première fois que j’avais tester le site sur le raspberry avec l’url 127.0.0.1 , seul le texte contenu dans index.php était affiché. J’ai du aller dans les options de h67 je sais plus le reste 🙂 et décocher une case et cocher l’autre pour que le site web s’affiche.

  6. Arthur dit :

    Salut !

    Après vérification tout les fichiers sont correct. Est-ce qu’un bug d’apache est possible ? Car la première fois que j’ai lancé le site sur le raspberry avec l’url 127.0.0.1, seul le code de l’index.php était affiché j’ai du modifier une option dans h64 (je ne me rappelle plus du nom complet ) pour que sa marche…
    C’est peut-être ça ?

  7. manipovore dit :

    Bonjour Arthur,

    Tu as probablement chargé l’index qui est généré par défaut lors d’une installation serveur.
    Si tu tapes seulement 127.0.0.1 dans ton navigateur (ou « localhost ») le serveur va récupérer un index (php ou html) à la racine, c’est à dire dans le répertoire /var/www ( ou /var/www/html en fonction de la version ).
    Je sais absolument pas ce que tu as modifié dans ton serveur. Pour repartir sur de bonnes bases, réinstalles ton serveur apache ( https://manipovore.com/raspberry-pi/raspberry-pi-serveur/ ) et mets les fichiers de l’interface dans un dossier que tu nommes « test » (à la racine du serveur).
    Ensuite, rentres l’url « localhost/test/index.php » et fais moi un retour directement par mail (hello Arobase manipovore.com).
    Courage, tu vas y arriver 😉

  8. Arthur dit :

    Genial ! … Après avoir réinstaller apache et rentrer juste par plaisir un sudo ./Emetteur 3 PchargeurOff.csv la commande ne marche plus et j’ai un joli wiringPiSetup Unable to open /dev/même or /dev/gpio même: Permission denied Try running with sudo alors que j’utilise déjà sudo j’ai essayé de réinstaller wiringPi et sa ne marche toujours pas comment faire ?

    Cordialement

  9. manipovore dit :

    Tu as un élément qui bloque, Linux ne l’exécute pas parce ce qu’il n’y est pas autorisé. Il y a forcément un défaut de « permission » quelque part.
    Le mieux, si tu n’es pas très à l’aise avec Linux, c’est de repartir de zéro et réinstaller complètement l’OS et de refaire les différentes étapes.
    Je sais que c’est pas très folichon mais sans avoir le nez dans le terminal je pourrai pas plus t’aider et puis c’est comme ça qu’on apprend le mieux. Sinon il faut passer en revue tous les fichiers/répertoire et vérifier les droits.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *