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.

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