Étape 6: Création d’une page HTML pour contrôler le Robot
Nous allons réfléchir à une conception simple de notre page. Ce que nous pouvons avoir les commandes ?
- Deux boutons pour mettre en marche ou éteint les lumières == > travaillera de concert avec les scripts : lighton.cgi et lighoff.cgi
- Cinq boutons pour le contrôle de la direction du moteur == > travaillera de concert avec les scripts : forward.cgi, stop.cgi, left.cgi, right.cgi et reverse.cgi
- Quatre boutons pour moteur de vitesse commande == > travaillera de concert avec les scripts : nospeed.cgi, lowspeed.cgi, regularspeed.cgi et haute speed.cgi
En utilisant le fichier index.html que nous avons créé dans la dernière étape, nous allons inclure des boutons qui s’appellent des fonctions pour exécuter les scripts.
Par exemple, nous allons créer un bouton à la lumière ON the LED (GPIO.10) :
Le code HTML ci-dessus serait créer un bouton arrondi avec une lampe « allégée » comme une image (voir la dernière page ci-dessus).
Lorsque le bouton est enfoncé, due à la commande « onclick=lighton() », la fonction "lighton() est appelée :
Et une fois que la fonction lighton() est appelée, le script lighton.cgi est exécutée et « voilà », le voyant sera sur.
La même procédure doit être utilisée pour tous les boutons. Il y a certaines fonctions HTML qui vont organiser le regard & remplir que vous pouvez réaliser à la recherche de la page HTML complète.
Le code source HTML peut être vu ci-dessous (test de la page avec le paramétrage LEDS utilisée sur les étapes précédentes) :