Web Based Raspberry pi gecontroleerd, 2-kanaals Relais lichtnet schakelkast. (5 / 5 stap)

Stap 5: webpagina 's


Het is een zeer fundamentele uitziende pagina maar veel gaat in die twee knoppen.

Ik wilde weergeven van de huidige stand van de relais via de knoppen, dus de persoon bekijken van de web-pagina zou niet te raden als ze in- of uitschakelen waren. Met behulp van enkele ajax kon ik veranderen de formulering en ook de kleur van de knoppen voor een dramatischer verschijning.

Ik aangepast wat code van een youtube video, dus ik zal niet ingaan op veel detail hier.

Voor het laden van de pagina in een nieuw venster of een ander apparaat, zal de huidige stand van de relais worden gelezen uit een bestand en weergegeven op de pagina. Ik had gedaan wat zoeken rond op het lezen van de staat van de GPIO pinnen voor dat deel.

Ik hoop dat je genoten hebt van dit.

Marvin werkt bij het Caribisch gebied-Instituut voor meteorologie en hydrologie waar hij werkt als een technische officier in de sectie van de instrumenten. Hij is ook een lid van de onderzoeks- en ontwikkelingsteam aan het Instituut.

Gerelateerde Artikelen

Raspberry Pi gecontroleerd rode auto Trolley

Raspberry Pi gecontroleerd rode auto Trolley

Nu kan de trein rond uw kerstboom of uw favoriete ras gecontroleerde speelgoed zijn bestuurbaar vanaf het web of een mobiel apparaat. Waarom zou je dat doen als u al een afstandsbediening? Je doen dit gewoon omdat u kan! Ik gebruikte een rode auto Tr
Raspberry Pi gecontroleerd irrigatiesysteem

Raspberry Pi gecontroleerd irrigatiesysteem

Elk voorjaar mijn vrouw krijgt werkelijk ambitieus en planten een grote moestuin. Als de zomer sleept op, ambitie beurt tot luiheid en helaas die veel van de planten een langzame, vernietigende dood van sterven verwaarlozing wegens gebrek aan Wieden
Raspberry Pi gecontroleerd Aquaponics

Raspberry Pi gecontroleerd Aquaponics

Aquaponics /ˈækwəˈpɒnɨks /, is een voedsel-productiesysteem dat conventionele aquacultuur (raising aquatische dieren zoals slakken, vissen, rivierkreeftjes of garnalen in tanks) met hydrocultuur combineert (het kweken van planten in water) in een sym
Arduino 2 kanaals Relais

Arduino 2 kanaals Relais

Dit instructable is voor je Arduino verbinden met een 2 kanaals Relais module en gebruik uw schets voor het beheren van de schakelaars.Ik kocht de 2 Relais Module op eBay (voor $9,50) om te rijden een paar 240V delen (een stofzuiger en een roterende
8-kanaals relais interface boord

8-kanaals relais interface boord

Dit project is een general purpose 8 kanaals relais boord.Stap 1: beschrijving8 kanaals relais boord is eeneenvoudige en handige manier om de interface 8 relais voor het schakelen van toepassing in uw project. Ingangsspanning niveau ondersteunen TTL
Raspberry Pi gecontroleerd kamer Temperatuurbewaking met Gnuplot beeld output en e-mail alert vermogen

Raspberry Pi gecontroleerd kamer Temperatuurbewaking met Gnuplot beeld output en e-mail alert vermogen

waar ik werk, is er een zeer belangrijke kamer die veel van computers herbergt. De omgevingstemperatuur van deze ruimte moet wel heel gaaf om te optimaliseren van de prestaties van deze systemen.Ik werd gevraagd om te komen met een monitoringsysteem
Web Based Water Metering met ioBridge

Web Based Water Metering met ioBridge

na de meter van het real-time stroomverbruik te project ik deed terug in januari, de volgende logische stap leek te zijn van een watermeter ioBridge gebaseerd. Laat gezicht die het, macht instandhouding niet zal redden van de planeet op zijn eigen. E
Een Raspberry Pi gecontroleerd twee geconfronteerd klok

Een Raspberry Pi gecontroleerd twee geconfronteerd klok

Dit instructable laat zien hoe met een 'eenvoudig maar sterke Plastic doos', ( van mijn vorige Instructable, om een twee geconfronteerd klok die gebruik maakt van een Raspberry Pi waarmee twee stappenmotoren.Ik zal niet uitleggen hoe maak je het vak
Arduino Web Based OSD-knop afstandsbediening toe te voegen aan de camera SuperCircuits PC165DNR

Arduino Web Based OSD-knop afstandsbediening toe te voegen aan de camera SuperCircuits PC165DNR

de Super Circuits PC165DNR camera is een zeer lage lichte kleur-videocamera die is uitstekend voor gebruik met een telescoop of voor allsky meteoor vastleggen. Het heeft knoppen waarmee de gebruiker om in te stellen verschillende belichtingstijden en
AC powerstrip met Arduino gecontroleerd AC/DC Relais en openHAB

AC powerstrip met Arduino gecontroleerd AC/DC Relais en openHAB

Gelieve geen schroef rond de powerstrip terwijl deze is aangesloten op de AC!Dit instructable wordt ervan uitgegaan dat u weet wat u doet op de AC!Zorg er ook voor gebruiken onbeschadigd kabels die niet te lang, noch te kort zijn.Deze powerstrip is o
Stappenmotor Earth Globe draaien met Arduino of Raspberry Pi gecontroleerd

Stappenmotor Earth Globe draaien met Arduino of Raspberry Pi gecontroleerd

Dit instructable wordt beschreven hoe om te upgraden van uw bol naar een gemotoriseerde versie. Het ziet er ongelooflijk beter op de plank, wanneer het langzaam draaien is en een demonstratie met je kinderen (om uit te leggen de dag/nacht cyclus of d
Sparky - DIY Web-Based Telepresence Robot

Sparky - DIY Web-Based Telepresence Robot

de naam Sparky is gebaseerd op een acroniem voor zelf portret artefact Roving Chassis ik een lastige titel voor een kunstproject begonnen in de vroege jaren 90. Sinds die tijd Sparky geëvolueerd van een oversized RC speelgoed met een paar baby monito
8 kanaals relais controle boord met seriële communicatie

8 kanaals relais controle boord met seriële communicatie

Dit is een project dat ik enige tijd geleden tijdens undergrad school maakte. Het is een beetje oud, maar nog steeds de moeite waard om te delen.Het project gaat over een PCB met 8 relais die beheerd worden door een microcontroller, die opdrachten va
Arduino MEGA 2560 Home automation met 8 kanaals Relais

Arduino MEGA 2560 Home automation met 8 kanaals Relais

Check de volgende pagina's voor het schema en de code.Stap 1: Het schema Hier ziet u het schema.Moet zeer gemakkelijk te begrijpen.Sluit het zoals blijkt uit het schema.Stap 2: De CodeU moet de SPI en Ethernet bibliotheken opnemen.Waarschijnlijk moet