Stap 6: Creëren van een HTML-pagina om te controleren van de Robot
Laten we denken over een eenvoudig ontwerp voor onze pagina. Welke commando's dat kunnen we?
- Twee knoppen voor turn ON en OFF van de lichten == > werkt met de scrips: lighton.cgi en lighoff.cgi
- Vijf knoppen voor motor richtingscontrole == > werkt met de scrips: forward.cgi, stop.cgi, left.cgi, right.cgi en reverse.cgi
- Vier knoppen voor motor snelheidscontrole == > werkt met de scrips: nospeed.cgi, lowspeed.cgi, regularspeed.cgi en hoge speed.cgi
Met de index.html die we in de vorige stap hebt gemaakt, laten we opnemen knoppen die functies voor het uitvoeren van de scripts zal aanroepen.
Bijvoorbeeld, laten we creëren een knop aan het licht ON the LED (GPIO.10):
De bovenstaande HTML-code een afgeronde knop zou maken met een "lichtere"lamp als een afbeelding (Zie de laatste pagina hierboven).
Wanneer de knop wordt ingedrukt, vanwege de opdracht "onclick=lighton()", de functie "lighton() heet:
En zodra de functie lighton() wordt aangeroepen, de lighton.cgi van het script wordt uitgevoerd en "voilá", zal de LED op.
Dezelfde procedure moet worden gebruikt voor alle knoppen. Er zijn enkele HTML-functies die zal organiseren de look & vullen dat kunt u realiseren is op zoek naar de volledige HTML-pagina. De HTML-broncode kan worden gezien balg (test de pagina met de LEDS setup op de voorgaande stappen gebruikt):
