Interface web domotique simple pour Raspberry Pi

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

Interface web domotique simple pour Raspberry Pi

23 décembre 2015 Raspberry Pi 0
interface web domotique

Nous allons concevoir ensemble une interface web domotique accessible depuis le réseau afin de contrôler vos objets domotique (radiofréquence 433 mhz) avec le Raspberry Ri.

 

interface web domotique simpliste

Voilà, une interface web domotique basique qui vous permettra d’allumer ou éteindre prises radio, lumières RF… La liste actuelle (le tableau HTML ci-contre) est composée de qu’une seule ligne. Suite à ce tuto, c’est à vous de rajouter les lignes nécessaires pour contrôler votre habitat, en fonction de vos appareils radio-fréquences.

L’interface web domotique

Le potentiel

  • Vous saurez construire une interface web domotique permettant le contrôle de votre habitat par le Raspberry Pi.
  • Vous pourrez entièrement la personnaliser.
  • Entièrement gratuit.
  • Simple et rapide.

Les prérequis

  • Raspberry Pi et son couple émetteur/récepteur.
  • Programme spécifique dans le tuto Domotique Radio fréquence 433mhz que vous devez IMPÉRATIVEMENT SUIVRE sinon vous ne pourrez pas aller plus loin.
  • Avoir un serveur installé sur le Raspberry Pi.
  • Du café 😉

Préparation de l’interface web domotique

L’idée

On va créer un ensemble de fichiers que l’on placera ensuite, en fin de tuto, dans le dossier var/www de votre Raspberry Pi:

  • Fichiers CSV qui contiennent le code de la télécommande des prises radio-fréquences 433mhz.
  • Des scripts PHP qui détiennent le programme à lancer ( Emetteur + port GPIO + Fichier CSV ).
  • Un index.php qui sera votre page d’acceuil.
  • Un fichier style.css qui ajoutera un peu de design à votre page.

Fichiers CSV

Créez vos fichier CSV associés à votre télécommande qui contrôle vos prises. Commencez par les boutons ON/OFF de la première rangé puis nommez les par exemple 1.csv pour ON et 1off.csv pour OFF.

Vous aurez donc deux fichiers CSV nommés ainsi et que vous aurez testez dans le terminal.

Scripts PHP

Puis créez deux script PHP, l’un media1.php et l’autre media1off.php.

Dans media1.php:

Pensez à remplacer « http://127.0.0.1 » par « http://adresse-ip-du-Raspberry-Pi ». Le [ header (‘location: http://*************’); ] à pour but de rediriger vers une page après l’exécution du script.

Un exemple —–> header (‘location: http://192.168.1.8/index.php’);       (index.php étant ma page d’accueil, à renommer si différent chez vous).

Dans media1off.php:

La chose qui diffère ici c’est le fichier CSV qui est appelé par le script, « 1off.csv ».

 

Pour résumer:

  • media1.php: script php qui exécute le programme « Emetteur » et appel le fichier csv « 1.csv » pour allumer une prise.
  • media1off.php: script php qui exécute le programme « Emetteur » et appel le fichier csv « 1off.csv » pour éteindre une prise.

Création de la page index.php

On va créer la page index.php qui appelle les scripts quand on clique sur un bouton.

Pour reprend une partie de ce code, la deuxième ligne:

  1. <th>radio</th> : nom de la ligne
  2. [a href= »media.php »] : liens vers le script php. [button id= »on »] un bouton pour le design.
  3. Identique pour le troisième [th], on change uniquement la valeur d’appel du lien href pour media1off.php.

Vous l’avez très vite compris, ces boutons/liens appellent les scripts pour lancer le programme domotique.

Vous pourrez par la suite copier cette deuxième ligne pour ajouter autant de scripts qui contrôlent vos prises, vous n’aurez qu’à modifier le nom de la ligne puis le « href » (lien) vers le nom du script.

Un peu de design avec style.css

Créez un fichier style.css

L’emplacement des fichiers

Ensuite, il vous reste à mettre vos fichier à la racine du serveur du Raspberry Pi puis à accorder les droits aux fichiers.

interface web domotique emplacement des fichiers

Accorder les droits aux fichiers

Pour accorder les droits (mes fichiers ce trouvent dans /var/www/html, chez vous il se peut que la racine soit /var/www vous devez donc adapter les lignes de commande suivante) :

puis

enfin

Il vous reste plus qu’à Maniper

Connectez vous à votre Raspberry Pi en saisissant son adresse ip dans un navigateur web depuis un autre terminal (smartphone, tablette…).

L’interface web domotique est maintenant terminé, il ne vous reste plus qu’à la compléter.

Bonne domotique.

Si vous souhaitez une interface domotique plus complète, je vous invite à suivre ce tutoriel avancé en cliquant sur suivant ci-dessous.





 

Facebooktwittergoogle_plusredditpinterestlinkedinmail

Laisser un commentaire

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