Étape 2: Front-End et Back-End
Le basic
pour automatiser les dispositifs consiste à développer le code Python pour le contrôle de chaque périphérique. La page PHP a ensuite les boutons permettant d’accéder à des dispositifs ; chaque bouton est enfoncé avec un code Python, en cliquant sur le bouton, qu'un appel est effectué vers le code Python depuis le code PHP. Le code Python lors de l’exécution envoie un caractère à l’Arduino par le biais de communication série. Ce personnage est alors lu par l’Arduino, au sein du code de l’Arduino un switch case existe, puis exécute le code correspondant au caractère qu’elle a reçu.
Pour la température et les capteurs à ultrasons, il existe quelques étapes supplémentaires ; l’Arduino tout d’abord écrit ce personnage dans un code Python en série, qui est lu par un autre code Python qui, avec les données reçues par les capteurs par le biais de l’Arduino est écrite dans un fichier texte et les valeurs sont enfin affichés sur la page Web.
La communication de la série se déroule à la fin qui est responsable de la connexion de python et Arduino code, python et Arduino code interagissent entre eux en envoyant des personnages. Dans un premier temps le code python envoie maintenant le caractère selon le bouton cliqué. Une fois que le personnage de série est envoyé au code Arduino, basé sur un switch case, il exécute un programme spécifique pour exécuter l’action. Le résultat est à nouveau envoyé vers le code python grâce à une communication série. Code python maintenant interagit avec le code PHP, où il est appelé ; une fois cela fait, la sortie est affichée de là dans la page Web.
1. Frontend
L’interface est la partie de la page Web qui est visible par l’utilisateur. C’est la représentation de l’outil qui accède à l’utilisateur pour contrôler les périphériques.
C’est une interface utilisateur simple avec onglets pour les pages d’accueil, l’accès, tutoriel et aide. La page d’accès aux détourne vers les pages de panneau de connexion et de contrôle. Le panneau de commande comporte des boutons pour contrôler les périphériques et lorsqu’une tâche est terminée ou non, le résultat est affiché sur la page Web pour la commodité de l’utilisateur.
La figure de frontend décrit le mécanisme de contrôle frontend.
2. Backend
Le backend comprend les rouages de la
page Web, qui ne sont pas visibles pour l’utilisateur. Il se compose de Python, Arduino et PHP scripts qui s’exécutent en arrière-plan pour exécuter les tâches tel que commandé par l’utilisateur lors de l’utilisation de la page Web.
La figure de backend décrit le mécanisme de contrôle du backend.