Stap 3: Wijzig Code
De code wordt geconfigureerd voor twee garages en een live-feed van een webcam. Als u wilt wijzigen van de code aan uw behoeften, zul je de Ino en de bestanden voor het webportaal wijzigen.
Arduino
Open bijlage-garage-monitor.ino in de Arduino IDE of uw keuze van tekst-editor.
Ga naar lijn 14 en wijzig het aantal garages die u wilt volgen.
Op lijn 31 en 32, vul in de input pinnen die u wenst te gebruiken voor de controle van uw garagedeuren (sensorPins) en de pennen voor het activeren van de motor van de garage (motorPins).
Web
HTML
Deze sectie gaat over het aanpassen van het webportaal voor eigen gebruik.
Open www/index.html in je teksteditor. Basisgewicht: lijn 77, is waar wilt u uw wijzigingen aanbrengen. De originele code verschijnt 3 modules - twee garages en één voor een live streaming feed.
Hier is een break down van de HTML-code voor een garage-module:
<div class="4u"> <section id="sensor0" class="special box"> <h2>garage 1</h2> <h3>open</h3> <div class="garage open" id="sensor0" onClick="garageClick(this)"></div> </section> </div>
Het eerste div- element bepaalt hoeveel van de pagina de module neemt bij weergave op een groter scherm. Zodra u hebt bedacht het aantal gewenste modules, kunt u verwijzen naar www/css/skel.css of de afbeelding als bijlage voor welke klasse toewijzen van de module.
Bijvoorbeeld, als u alleen 2 modules wilt, wilt u elkaar tot het nemen van 50% van de pagina. Kijkend naar skel.css, zou ik willen overstappen van de klasse op 6u.
<div class="6u"><br> ...<br></div>
Vervolgens, als u een garage-module aan de pagina toevoegt Zorg ervoor dat u de naam van het kenmerk id van de sectie en innerlijke div. Dit geeft de module naar de overeenkomstige garage. Het is een op nul gebaseerde telling, dus Garage 1 de id sensor0 hebben zal, Garage 2 de id sensor1 hebben zal en Garage 3 de id sensor2 krijgen.
Ten slotte, vergeet niet de label in het h3 element wilt wijzigen.
Als u een live-feed setup willen zou, zal dit worden gedekt in stap 8.
JavaScript/Jquery
Open www/js/garage.js en wijzig de variabele van de GARAGES in het aantal garages die u zullen volgen.
Ook, aangezien mijn garage motor niet laat het me weten dat de motor wordt uitgevoerd via een terminal hoeft, ik gebruik het script op regel 24-26 te tonen wanneer de motor wordt "uitgevoerd". Het duurt eigenlijk dicht bij 20 seconden voor mijn garage om te sluiten, maar ik heb aan in gebreke gebleven de waarde 10000 (10 seconden of 10000 ms) voor testdoeleinden.
Voel je vrij om het wijzigen van deze waarde dichter die nauwkeurig uw garage motor lopen vertegenwoordigt.
Test
Upload uw zojuist gewijzigde code door het uploaden van de Ino via WiFi via de Arduino IDE. Zodra de upload voltooid is, /sd/annex-garage-monitorverversen