Stap 3: Ontwerpen van de GUI
Dit hele project wordt gedreven met behulp van een Web-GUI die ik heb gemaakt. Het is super eenvoudig en gebruikt meestal HTML ook met kleine stukjes van PHP. Enige basiskennis van HTML zal u helpen met dit omdat ik niet zal je hoe ik mijn website ontworpen zien laten zoals dit een gids van de Raspberry Pi is; niet een web ontwerp gids. Maar ik heb een video tutorial die is gebaseerd op hetzelfde ontwerp die ik heb gebruikt. U kunt bekijken in de video die ik heb bijgevoegd.
U gaat echter nodig om knoppen te maken. Zo maakte ik een "On" en "Off" beeld- en gekoppeld die ook een pagina waardoor een mooie grote knop. Ik zal later in een paar stappen praten over het instellen van die deze knoppen tot make lichten aan en uit zetten.
Als u geïnteresseerd bent, zijn de beeldgrootte 200 x 100.
Wanneer u uw website ontwerpt, zorg ervoor dat uw extensies *.php en niet *.html net te houden dingen allemaal hetzelfde. Wij gaan er echter slechts twee PHP-bestanden gebruiken voor een licht.
Zodra u uw website hebt ontworpen en het eruitziet zoals u wilt ook, dat dan kunnen we overgaan naar de volgende stap. De volgende stap is hardware die dus bare in gedachten.