Voorbeeld van de automatisering van Remote Home - Arduino + Ethernet-Shield (8 / 10 stap)

Stap 8: Bouw van de pagina


https://gist.github.com/gtrstitch/5992603

De bovenstaande link brengt u naar het HTML-bestand voor de webpagina. Het is niet de Arduino schets, maar alleen de HTML-kant van wat zal gaan in de schets. Het zal opslaan als een HTML-bestand, en wanneer u wilt bewerken, gewoon rechts klikken en openen met Kladblok.

Feel free to tweak en veranderen wat u alstublieft om te passen aan uw behoeften!

Zoals ik al zei, merken dit is niet de Arduino schets, en dat in dit geval kun je de secties temperatuur en beweging. Temperatuur en motion indicaties zichtbaar niet echt. Mij troep die er gewoon om een idee van hoe het eindresultaat eruit zou zien te krijgen. Allemaal onderdeel van het ontwerpproces!

Laten we verder gaan en neem een kijkje op het gedeelte van de Arduino...

Gerelateerde Artikelen

Controle van Denon AVR met Arduino + Ethernet-shield

Controle van Denon AVR met Arduino + Ethernet-shield

Aan dit project heb ik het opbouwen van een eenvoudig bedieningspaneel voor mijn Denon AVR (AVR-X4100W).Meeste van Denon A / V-ontvangers zijn netwerk klaar, zodat u hen binnen een web interfase of een app bepalen kunt. Er is geen officiële documenta
Arduino Ethernet Shield Tutorial

Arduino Ethernet Shield Tutorial

The Arduino Ethernet Shield kunt u gemakkelijk uw Arduino verbinding met het internet. Dit schild kunt je Arduino verzenden en ontvangen van gegevens van overal in de wereld met een internetverbinding. U kunt het doen leuke dingen zoals controle robo
Arduino ethernet-shield + advancedHMI, atmega644/1284 kloon + VB NET + MODBUS TCP

Arduino ethernet-shield + advancedHMI, atmega644/1284 kloon + VB NET + MODBUS TCP

Dit project is een manier om controle van een Arduino of mijn kloon Arduino atmega644/1284 via een PC of een mens machine interface aangesloten op de arduino ethernet-shield. U maakt een SCADA-systeem om te bepalen uw systeem vanaf een grote afstand.
WeMo Switch regelen met Arduino + Ethernet-shield

WeMo Switch regelen met Arduino + Ethernet-shield

Er zijn veel apps waarmee u de controle van uw Belkin WeMo -apparaten, maar er is geen een panel schakelaar hardware zoals de Hue Tap voor Philips hue.Dus bouwen ik met een Arduino!Stap 1: materialenVoor dit project heb je het volgende nodig:Een Ardu
Slimme huis met Arduino Ethernet-shield en Teleduino (met web app)

Slimme huis met Arduino Ethernet-shield en Teleduino (met web app)

Dit project is een eenvoudige oplossing voor degenen die willen een smart-home-systeem, maar hebben niet een groot budget en de lui die wil niet opstaan uit bed om te schakelen van de verlichting of uitschakelen.Het is ook het project van een middelb
Online grafieken met niets, maar een Arduino, Ethernet-Shield en Sensor

Online grafieken met niets, maar een Arduino, Ethernet-Shield en Sensor

Tot slot heb ik besloten om enkele van mijn bestaande projecten opgemaakt op instructables. Dit is aangepast van mijn project Super Graphing datalogger.Wat is de Super Graphing Data Logger (SGDL)? Het is een Arduino project dat integreert gegevensreg
TouchOSC en Arduino Ethernet-Shield controle energie (A.M.P.A.E.)

TouchOSC en Arduino Ethernet-Shield controle energie (A.M.P.A.E.)

Dag na dag, mensen gebruik maken van een grote hoeveelheid gadgets en veel energie hebben geen bezorgdheid over het afval. Ons idee is in principe een mobiele toepassing voor tablets en smartphones die de gebruiker een totale controle van alle energi
Online Temperatuurbewaking met behulp van Arduino + Ethernet-Shield

Online Temperatuurbewaking met behulp van Arduino + Ethernet-Shield

Hallo, vandaag mij zal uiterlijk vertoon u guy hoe maak je arduino online temperatuurbewaking, dit voorbeeld is web gebaseerde dat betekent dat u kunt verbinden uit anyplace, door combineren AJAX en PHP samen die temperatuur gegevens kunt overbrengen
Voorbeeld van de webserver van Arduino wifi redback

Voorbeeld van de webserver van Arduino wifi redback

Een arduino wifi Redback kan worden gebruikt als een webserver. In het voorbeeld van de webserver van wifi redback beschikbaar in de bibliotheek CuHead toont perfect ons hoe om dit te doen. Ik ga u door het lopen, zodat u het beter begrijpen kunt.Sta
Home Automation DIY project met behulp van de Arduino UNO & Ethernet-Shield

Home Automation DIY project met behulp van de Arduino UNO & Ethernet-Shield

"Het belangrijkste doel van dit project is dat, hoe de controle van de huishoudelijke apparaten zoals TV, ventilator, buis licht, of om het even wat met behulp van uw computer of een draagbaar apparaat"Het hart van dit project is Ethernet-shield
Uitvoeren van de Ethernet-shield op arduino

Uitvoeren van de Ethernet-shield op arduino

Ethernet-Shield kunnen direct internetconnectiviteit voor Arduinoprojecten. Maximaal vier TCP- en UDP-verbindingen worden verwerkt door een aan boord Wiz5100 ethernet-controller, net stapel het op een Arduino aan het maken van uw eigen genetwerkte ap
Weergeven van gegevens op een website - elektronische Pot [Arduino Nano + Ethernet-Shield]

Weergeven van gegevens op een website - elektronische Pot [Arduino Nano + Ethernet-Shield]

Ik wilde altijd al een plant in mijn kamer, dat de ruimte tussen onafgemaakte projecten en duur, maar geen onnodige stukken van elektronische onderdelen vullen zou. Dus kwam ik met het idee van een elektronische pot – The Arduino E-Pot -dat de basisb
Met behulp van tft itead 2.8 arduino UNO Shield op MEGA

Met behulp van tft itead 2.8 arduino UNO Shield op MEGA

TFT-Touchscreens zijn geweldige grafische interface die worden met de MCU speciaal arduino gebruikt kan.Het brede kleurbereik, en goede grafische vermogen en goede kaart van pixels heeft, kan worden gebruikt in toepassingen waarvoor u grafiek plotten
Eenvoudige Basic Arduino Ethernet-Controller

Eenvoudige Basic Arduino Ethernet-Controller

ik onlangs ging naar buiten en kocht een Arduino Ethernet-Shield, maar kon niet echt zet het te gebruiken als ik een gemakkelijk tutorials vinden kon zodat ik begon te proberen code door mijzelf. Ik was in staat om te komen met een eenvoudige sectie