Installez un gestionnaire de projets web et GPIO

Ce tutoriel a été rédigé par Belotte, c’est aussi lui qui a réalisé le gestionnaire de projet. Si vous voulez plus d’infos ou si vous voulez tester l’interface avant de l’installer, envoyez lui un mail à belotte1355@gmail.com

Bonjour à tous ! :)

Dans ce tuto, je vais vous expliquer comment réaliser une interface Web pour votre Raspberry.

Grâce à cette interface, vous pourrez explorer les différents projets Web qui sont stockés sur votre framboise, mais aussi connaitre la RAM et le pourcentage de CPU utilisés, mais aussi éventuellement gérer une LED ou un afficheur 7 segments que vous aurez intégrés sur votre Raspberry (voir fin du tuto).

Pour commencer, je vais supposer que vous avez installé sur votre Raspberry la distribution Raspbian ou un équivalent.

 Serveur Web

Il faut installer les paquets qui transformeront le Raspberry pi en serveur Web. Voir le tuto sur la création d’un serveur web

sudo apt-get update
sudo apt-get upgrade
sudo apt-get install apache2 php5 mysql-server libapache2-mod-php5 php5-mysql vsftpd

Pour vérifier que le serveur est bien installé, rentrez l’adresse IP de votre Raspberry pi dans l’URL votre navigateur.

Nous allons configurer vsftpd pour qu’il autorise la modification des fichiers en FTP.

Faites la commande

sudo nano /etc/vsftpd.conf

Et modifiez/dé-commentez (en enlevant le # devant) ces lignes pour qu’elles ressemblent à celles-ci :

Anonymous_enabled=NO
Local_enable=YES
Local_unmask=022
Write_enabled=YES
Ascii_upload_enabled=YES
Ascii_download_enabled=YES

Ctrl+X, Y/O et Entrer pour sauvegarder ;)

Pour faciliter l’accès à nos projets, il est possible de modifier le dossier racine du serveur. En effet, le dossier racine de base est /var/www.

Pour le rendre plus accessible, nous allons le déplacer dans votre dossier personnel, à savoir /home/pi/. Cela n’est pas obligatoire, mais je vous conseille de le faire.

mkdir ~/www
sudo nano /etc/apache2/sites-available/defaul

Pour se faire, il faut créer un dossier www dans votre dossier personnel, et modifier le fichier qui indique à Apache2 le dossier qu’il doit utiliser.

mkdir ~/www
sudo nano /etc/apache2/sites-available/default

Remplacez les lignes :

DocumentRoot /var/www par DocumentRoot /home/pi/www

Directory /var/www/ par Directory /home/pi/www/

Ctrl+X, Y/O et Entrer pour sauvegarder.

Il faut ensuite relancer le service Apache2 pour prendre en compte les modifications.

sudo service apache2 restart

Nous allons maintenant modifier le fichier sudoers afin qu’Apache ai les droits du root.

sudo visudo

Et ajoutez les lignes :

www-data ALL=(ALL:ALL) ALL
www-data ALL=(ALL) NOPASSWD: ALL

Ctrl+X, Y/O et Entrer pour sauvegarder.

Si jamais vous faites une bêtise dans ce fichier (ça peut arriver =P) lancez la commande pkexec visudo et recommencez.

Installation de l’interface Web

Et voilà ! Notre Raspberry est prête à recevoir l’interface Web.

Je vous invite à la télécharger en cliquant ici ou sur le bouton

Télécharger l’interface Web

Décompressez l’archive dans votre dossier /home/pi. Lancez la commande

sudo /home/pi/exe/Shell/droits

Lancez votre navigateur, rentrez l’IP de votre Raspberry et vous devriez voir votre nouvelle interface :).

Une partie des commandes du panneau latéral est bloquée pour plus de sécurité. Pour y accéder, vous devez vous connecter avec un mot de passe, en cliquant sur un des boutons du haut. Le mot de passe est à changer dans le fichier login.php.

LED et Afficheur 7 Segments 

Comme vous pouvez le voir, on peut contrôler une LED et un afficheur 7 segments depuis le panneau latéral.

J’utilise une LED RVB, qui permet d’éclairer de 3 couleurs différentes. 

L’afficheur est quant a lui relié à un shift register, petit composant qui permet de récupérer 8 sorties avec seulement 3 pins. Je vous invite à consulter ce tuto d’Idleman qui vous explique son fonctionnement.

Tableau des branchements

Il faut relier, dans l’ordre, les n° GPIO correspondants du shift registre aux n° de pin de l’afficheur

Exemple : GPIO 1 du shift register -> pin 1 de l’afficheur


cadeau147582

17 Comments on “Installez un gestionnaire de projets web et GPIO”

  1. Salut !
    Merci pour ce tuto mais malheureusement j’ai une page blanche au moment de la connexion au raspberry pour accéder au panel.
    Une solution ?

  2. Salut :)

    Je vais tenter une installation comme dans le tuto pour voir d’ou viens le problème et je te redis ca ;)

  3. J’ai trouvé l’erreur :)
    J’ai oublié de préciser dans l’article qu’il faut renommer le fichier ~/login.php en ~/.login.php
    Comme il contient le mot de passe en clair, ca évite que quelqu’un qui tombe dessus par hasard le voie ;)

  4. Autre chose, je ne comprends pas pourquoi je ne peux pas me connecter.
    Je ne vois pas ou est le mot de passe dans login.php et pour se connecter.
    Merci encore pour votre projet !

  5. C’est vrai que c’est pas très clair, je m’en excuse. Le mot de passe se situe a l’endroit ou est écrit « password » dans la premiere condition If de ce past: http://pastebin.com/0FzPxihS.
    J’ai modifié l’archive hébergée sur Mega avec le bon mot de passe.

    Je vais m’attaquer a une version 2.0 de l’interface. Je n’ai pas encore de date de sortie, mais je préviendrais Victor quand elle sera finie.

  6. Password est donc a modifier ? C’est un peu confus.
    Et le login ?
    Désolé pour ces questions

    Si tu veux de l’aide pour le css et un peu de PHP !! Pour le PHP je débute mais le reste HTML CSS c’est bon !

  7. Oui il faut modifier « password ».
    Apparement j’ai pas mis de pseudo.. x’) C’est pour faire style, mais juste un mdp a taper c’est plus rapide. T’inquiète pas pour les questions :’) Ca me fais plaisir que quelqu’un utilise ce que j’ai crée !

    C’est gentil de proposer ton aide, mais j’aime travailler seul. Si j’ai un soucis je penserais a toi ;)
    Je pense partir sur une interface en noir et blanc, avec quelques couleurs par-ci par-la, mais je me suis pas encore vraiment lancé, faute de temps.

  8. Merci bien, je testerai ça.

    De plus si j’ai le temps je pourrai te faire un feedback complet.
    Le truc a faire c’est aussi mettre un version non rpi pour des serveurs normaux car c’est un super projet.

    Tu peux essayer de te faire de la pub sur open class rooms si tu veux

  9. L’idéal, pour faire la version non RPi, ca serait de pouvoir éditer les fichiers directement sur le site. Mais j’ai pas encore trouvé le moyen de le faire..

    Pour la pub, je vais attendre d’avoir bien fini ;)

  10. Lire et écrire dans un fichier c’est pas ca le pire :P
    Apres il faut créer un éditeur potable, avec coloration syntaxique, et pouvoir naviguer dans le fichier comme on veut.. Bref, y’a du boulot.

  11. salut
    svp je n’arrive pas a telecharger l’interface web (iraspi) a prtir du lien (MEGA)
    pouvez vous m’indiquez comment on procede ou bien me donner un autre lien de telechargement

    Merci

    1. merci beaucoup d’avoir repondu si vite
      mais quand je clique sur (download to your computer)
      il m’ecrit (starting) et rien ne se passe

  12. Ca doit venir de Mega alors. J’ai testé et chez moi ca fonctionne bien. Si demain ca ne fonctionne toujours pas je le mettrais sur un autre hébergeur.
    Quand tu auras réussi a l’installer, pense a renommer le fichier ‘login.php’ comme dit dans les commentaires plus haut ;)
    Belotte.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.