Étape 3: Modifier le Code
Le code est configuré pour deux garages et un flux en direct d’une webcam. Pour modifier le code pour l’adapter à vos besoins, vous devrez modifier les fichiers du portail web et .ino.
Arduino
Ouvert annexe-garage-monitor.ino dans l’IDE Arduino ou éditeur de texte de votre choix.
Accédez à la ligne 14 et changer le nombre de garages que vous souhaitez surveiller.
À la ligne 31 et 32, renseignez les broches d’entrée que vous souhaitez utiliser pour le suivi de vos portes de garage (sensorPins) et les broches de sortie permettant d’activer le moteur de garage (motorPins).
Web
HTML
Cette section ira sur comment personnaliser le portail web pour votre propre usage.
Ouvrez www/index.html dans votre éditeur de texte. À partir de la ligne 77, c’est où vous aurez envie de faire vos modifications. Le code original s’affiche 3 modules - deux garages et un pour un flux de streaming en direct.
Voici une pause vers le bas du code HTML pour un module de garage :
L’élément div premier dicte combien de la page le module reprend lorsque affichées sur un écran plus grand. Une fois que vous avez compris le nombre de modules que vous voulez, vous pouvez consulter www/css/skel.css ou l’image attachée pour quelle classe d’assigner le module.
Par exemple, si vous voulez seulement 2 modules, vous voulez chacun à relever de 50 % de la page. En regardant skel.css, je veux changer la classe à 6u.
Ensuite, si vous ajoutez un module garage à la page Assurez-vous que vous nommez l’attribut id de la section et la div interne. Ceci identifie le module vers le garage correspondant. C’est un nombre de base zéro, donc 1 Garage aura l’id sensor0, Garage 2 aura le Capteur1 id et Garage 3 aura l’id sensor2.
Enfin, n’oubliez pas de changer l’étiquette dans l’élément h3 .
Si vous souhaitez configurer un flux en direct, cela sera couvert à l’étape 8.
JavaScript/Jquery
Ouvrez www/js/garage.js et remplacez la variable GARAGES le nombre de garages que vous surveillera.
Aussi, étant donné que mon moteur de garage ne dispose pas d’un terminal pour me faire savoir que le moteur est en marche, j’utilise le script ligne 24-26 pour montrer quand le moteur est en « marche ». Il faut en fait près de 20 secondes pour mon garage fermer, mais j’ai manqué la valeur 10000 (10 secondes ou 10000 ms) pour des fins de test.
N’hésitez pas à modifier cette valeur plus près de celui qui représente avec précision votre moteur en marche garage.
Test
Télécharger votre code nouvellement modifié en téléchargeant le .ino via le WiFi par le biais de l’IDE Arduino. Une fois le téléchargement terminé, r /sd/annex-garage-monitor.