Stap 2: Front-end en Back-End
De basic
benadering voor het automatiseren van de apparaten houdt de ontwikkeling van de Python-code voor het beheersen van elk apparaat. De PHP-pagina heeft de knoppen voor de toegang tot de apparaten; elke knop wordt ingebed met een Python code, op de knop die een oproep wordt gedaan aan de Python code vanuit de PHP-code. De Python code bij uitvoering wordt een teken verzonden aan de Arduino via seriële communicatie. Dit karakter is dan lezen door de Arduino, binnen de Arduino code een schakeloptie geval bestaat, die dan wordt uitgevoerd van de code die overeenkomt met de tekens die zij heeft ontvangen.
Voor de temperatuur en de ultrasone sensoren bestaan een paar extra stappen; de Arduino eerst schrijft dit karakter naar een Python code serieel, die kan worden gelezen door een aparte Python code die samen met de gegevens door de sensoren door middel van de Arduino ontvangen is geschreven naar een tekstbestand en de waarden worden tot slot op de webpagina weergegeven.
De seriële communicatie plaatsvindt tijdens de back-end die verantwoordelijk voor de aansluiting van python is en Arduino code, de python en de Arduino code communiceren met elkaar door het sturen van tekens. De python code stuurt nu eerst het teken volgens de knop geklikt. Zodra het seriële karakter wordt verzonden naar de Arduino code, gebaseerd op een schakelaar geval looppas het een specifiek programma voor het uitvoeren van de actie. Het resultaat wordt weer teruggezonden naar de python-code via seriële communicatie. Python code nu communiceert met de PHP-code waar het heet; Zodra dit wordt gedaan wordt de uitvoer weergegeven vanaf daar in de webpagina.
1. Frontend
De frontend is dat deel van de webpagina die is zichtbaar voor de gebruiker. Het is de vertegenwoordiging van het gereedschap waarmee de gebruiker wordt geopend om te controleren van de apparaten.
Het is een eenvoudige user interface met tabbladen voor thuis, toegang, zelfstudie en help pagina's. De access-pagina afleidt naar de login- en controle paneel pagina's. Het Configuratiescherm heeft knoppen om de apparaten te controleren en nadat een taak voltooid of mislukt is, het resultaat wordt weergegeven op de webpagina voor het gemak van de gebruiker.
De frontend figuur beschrijft het controlemechanisme van de frontend.
2. Backend
Het achterste deel bestaat uit de binnenwerkingen van het
webpagina, die zijn niet zichtbaar voor de gebruiker. Het bestaat uit Python, Arduino en PHP scripts die worden uitgevoerd op de achtergrond uit te voeren van de taken zoals geboden door de gebruiker bij het gebruik van de webpagina.
De backend-figuur beschrijft het controlemechanisme van de backend.
