Stap 4: Inzicht in het kader van de WebIOPi
De frontend die wordt weergegeven op de Browser is writted in HTML (Filename:index.html) & Javascript terwijl de backend die de GPIOs drijft is geschreven in Python (bestandsnaam: script.py). Gedetailleerde toelichting over het maken van een aangepaste WebApp gebaseerd op het WebIOPi kader is aangesloten als notities in Bitbucket repo.
Aangepaste macro's die zijn gedefinieerd in de Python script kunnen worden geactiveerd vanuit het HTML-bestand.
Bijv: webiopi().callMacro("go_forward"); Dit is een aangepaste oproep tot een macro-go_forward gedefinieerd in de Python-script dat het proces van drving zowel de motoren in de voorwaartse richting worden verwerkt.
De maphiërarchie van waar de bestanden zijn opgeslagen op de Pi wordt weergegeven in de afbeelding als bijlage.
De Robot-map bevat deze sub-mappen:
- HTML: met index.html
- python: met script.py
- mjpg-streamer-r63: met de bouwstijldossiers en uitvoerbare bestand uit te voeren van de Webcam
MJPG-Streamer: De Live Video-stream van de USB Webcam wordt standaard uitgevoerd op poort 8080 van de Pi. Om handmatig weergeven de stream, navigeer naar RASPBERRYPI_IP:8080 op de browser na het aanzetten van de Webcam.
LeapMotion Code:
Codefragmenten uit de voorbeelden die in de LeapMotion SDK werden ingesloten in het bestand index.html. De LeapMotion de leap.js bestand moet worden toegevoegd in de map html in de projectmap op de Raspberry Pi.
De palmPosition-parameter verzonden door de LeapMotion wordt gebruikt om te bepalen welke macro activeren op de Raspberry Pi.
