Étape 4: Comprendre le cadre de WebIOPi
L’interface qui s’affiche sur le navigateur est toute en Javascript & HTML (Filename:index.html), tandis que le backend qui anime les GPIO est écrit en Python (nom du fichier : script.py). Des notes détaillées sur la création d’une application Web personnalisée basée sur la WebIOPi cadre est attaché comme le signale dans le repo Bitbucket.
Des macros personnalisées définies dans le script Python peuvent être déclenchés à partir du fichier HTML.
Par exemple: webiopi().callMacro("go_forward") ; Il s’agit d’un appel personnalisé à une macro go_forward définies dans le script Python qui gère le processus de drving les deux moteurs en marche avant.
La hiérarchie des répertoires d’où les fichiers sont stockés sur la facture pro forma est montrée dans l’image jointe.
Le dossier de Robot contient ces sous-dossiers :
- HTML: contenant index.html
- python: contenant script.py
- mjpg-streamer-r63 : contenant les fichiers de build et l’exécutable à lancer la Webcam
MJPG-Streamer : Le flux vidéo en direct de la Webcam USB fonctionne sur le port 8080 de la Pi par défaut. Pour visualiser un manuellement le flux de données, accédez à RASPBERRYPI_IP:8080 sur le navigateur après avoir allumé la Webcam.
Code de LeapMotion :
Extraits de code dans les exemples fournis dans le SDK de LeapMotion ont été incorporées dans le fichier index.html. Fichier leap.js de la LeapMotion doit être ajoutée dans le dossier de html dans le répertoire du projet sur la Pi de la framboise.
Le paramètre palmPosition envoyé par la LeapMotion est utilisé pour déterminer quelle macro pour déclencher sur le Raspberry Pi.