Introduction: Led App Schakelaar Via Webserver
Met deze Instructable kun je een LED lampje aan en uitzetten door middel van een lokale webapp.
Joey Verseput
G&I 1A HKU ITTT
Step 1: Stap 1: Wat Heb Je Nodig?
Wat heb je nodig voor dit project?
- Arduino Uno
- Ethernet Shield
- Kabeltjes
- LED lampje (kleur naar keuze)
- Breadboard
- Wi-Fi Router
Step 2: Stap 2: Plaats Het Ethernet Shield Op De Arduino
Klik het Ethernet shield op de Arduino.
Step 3: Stap 3: LED Aansluiten Op Arduino
Voor mijn Arduino heb ik de volgende configuratie.
Step 4: Stap 4: Installeer De Router
Sluit de Router op het stroomnetwerk aan en connect de Arduino via een UTP kabel op poort 1 van de router, dus NIET de internet IN ingang.
Step 5: Stap 5: Installeer De Webserver Op De Arduino
Met de Arduino software kun je eenvoudig een webserver opzetten.
1. Open 'Arduino'
2. Bestand > Voorbeelden > Ethernet > WebServer
Nu heb je de Arduino WebServer code. Probeer contact te zoeken door naar het IP adres van je router te gaan. Je ziet nu allerlei nummers in beeld.
Step 6: Stap 6: Lampje Werkend Krijgen
Download de volgende .ino naar je Arduino toe om het lampje werkend te krijgen.
Refresh vervolgens de pagina van het IP adres, waarna je de schakelaar vind die ik ontworpen heb.
Klik op 'aanzetten' of 'uitzetten' om te interacteren met het LED lampje.
Attachments
Step 7: Stap 7: Customizen
Je kunt de app eenvoudig customizen door het gebruik van CSS.
Met de code "client.println("<style></style>");" kun je styling toevoegen zoals je het gewend bent met CSS.
Step 8: Stap 8: Klaar
De Arduino is klaar! Je kunt eventueel een behuizing bouwen om het af te werken.
Vriendelijke groet,
Joey Verseput