Bilaga, en Arduino Yun Garage Monitor (3 / 8 steg)

Steg 3: Ändra koden

Koden är konfigurerad för två garage och en live-feed från en webbkamera. Om du vill ändra koden för att passa dina behov, måste du ändra .ino och filer för webbportalen.

Arduinoen

Öppna bilagan-garage-monitor.ino i Arduino IDE eller ditt val av text redaktör.

Gå till linje 14 och ändra antalet garage du vill övervaka.

På linje 31 och 32, fyll i input stiften du vill använda för att övervaka din garageportar (sensorPins) och output stiften för att aktivera garage motor (motorPins).

Web

HTML

Detta avsnitt går över hur man kan anpassa webbportalen för eget bruk.

Öppna www/index.html i din texteditor. Börjar på linje 77, är där du vill göra ändringarna. Den ursprungliga koden visas 3 moduler - två garage och en för en levande strömmande foder.

Här är en uppdelning av HTML för en garage-modul:

< div class = "4u" >
< avsnitt id = "sensor0" class = "särskild låda" >
< h2 > garage 1 < / h2 >
< h3 > Öppna < / h3 >
< div class = "garage öppen" id = "sensor0" onClick="garageClick(this)" >< / div >
< / avsnitt >
< / div >

Det första div elementet avgör hur mycket av sidan modulen tar upp när den visas på en större skärm. När du har räknat ut antalet moduler du vill, kan du hänvisa till www/css/skel.css eller bilden bifogas för vilken klass att tilldela modulen till.

Till exempel, om du bara vill 2 moduler, du var och en att ta upp 50% av sidan. Titta på skel.css, vill jag ändra klassen till 6u.

< div class = "6u" >< br >... < br >< / div >

Nästa, om du lägger till en garage-modul på sidan kontrollerar du namnet ID- attributet i avsnittet och inre div. Detta identifierar modulen till motsvarande garaget. Det är ett nollbaserat räkna, så Garage 1 kommer att ha id sensor0, Garage 2 kommer att ha id sensor1 och Garage 3 kommer att ha id sensor2.

Slutligen, kom ihåg att ändra etiketten i h3 -elementet.

Om du vill ställa in en live-feed, kommer detta att omfattas i steg 8.

JavaScript/Jquery

Öppna www/js/garage.js och ändra variabeln garage med antalet garage du kommer att övervaka.

Också, eftersom min garage motor inte har en terminal att låta mig veta motorn är igång, jag använder skriptet på linje 24-26 för att visa när motorn är "igång". Det tar faktiskt nära 20 sekunder för mitt garage att stänga, men jag har som standard värdet 10000 (10 sekunder eller 10000 ms) för teständamål.

Känn dig fri att ändra detta värde närmare till en som exakt motsvarar din garage motor kör.

Test

Ladda upp din nyligen ändrade koden genom att ladda upp .ino via WiFi genom Arduino IDE. När uppladdningen är klar, uppdatera /sd/annex-garage-monitor.