Raspberry Pi Home Automation - controle verlichting, computers, CCTV en meer! (3 / 7 stap)

Stap 3: Ontwerpen van de GUI


Dit hele project wordt gedreven met behulp van een Web-GUI die ik heb gemaakt. Het is super eenvoudig en gebruikt meestal HTML ook met kleine stukjes van PHP. Enige basiskennis van HTML zal u helpen met dit omdat ik niet zal je hoe ik mijn website ontworpen zien laten zoals dit een gids van de Raspberry Pi is; niet een web ontwerp gids. Maar ik heb een video tutorial die is gebaseerd op hetzelfde ontwerp die ik heb gebruikt. U kunt bekijken in de video die ik heb bijgevoegd.

U gaat echter nodig om knoppen te maken. Zo maakte ik een "On" en "Off" beeld- en gekoppeld die ook een pagina waardoor een mooie grote knop. Ik zal later in een paar stappen praten over het instellen van die deze knoppen tot make lichten aan en uit zetten.

Als u geïnteresseerd bent, zijn de beeldgrootte 200 x 100.

Wanneer u uw website ontwerpt, zorg ervoor dat uw extensies *.php en niet *.html net te houden dingen allemaal hetzelfde. Wij gaan er echter slechts twee PHP-bestanden gebruiken voor een licht.

Zodra u uw website hebt ontworpen en het eruitziet zoals u wilt ook, dat dan kunnen we overgaan naar de volgende stap. De volgende stap is hardware die dus bare in gedachten.

Gerelateerde Artikelen

Raspberry pi Home Automation Server

Raspberry pi Home Automation Server

De raspberry pi is een verbazend weinig computer voor de prijs. Nu dat je laat een raspberry pi het aan het werk!Een web-server vereist niet veel computing power of schijf ruimte. Met een beetje php en occasionele python kunnen we op maat van de apac
JARVIS Home Automation Control Center

JARVIS Home Automation Control Center

misschien is toe te schrijven aan de uitgaven een buitensporige hoeveelheid tijd lettend op shows zoals Star Trek of Minority Report, maar ik heb altijd al wilde kunnen controleren van mijn omgeving via computer.  Onlangs heb ik veel meer vrije tijd
Home Automation - RC verlichting

Home Automation - RC verlichting

Is er een apparaat in uw huis dat u wilde kon worden ingeschakeld gemakkelijker? Dat moeilijk te bereiken licht dat u dagelijks of een ventilator nodig? Met de LinkIt ONE kunnen wij enkel dat doen! Specifiek kunnen we de controle van een AC-toestel m
Home Automation: Controle Relay honk op lichtsensor (Intel Edison)

Home Automation: Controle Relay honk op lichtsensor (Intel Edison)

Hallo iedereen, in dit instructable, ik zal u tonen hoe om uw huis slimmer te maken.Elke avond voor het naar bed, ga moet je altijd inschakelen van het alarmsysteem. Dus, in dit project, ik zal de lichtsensor gebruiken om te detecteren of het licht v
Home Automation / controle van een relais met uw parallelle poort

Home Automation / controle van een relais met uw parallelle poort

dit is mijn versie van externe apparaten met uw computer besturen. Namelijk met de LPT- of parallelle poort.De software is van Lalim, versie 3.0.6. Het octrooi was niet langer geldig scènes 2009 en de directe link naar deze controller zit niet langer
Home Automation met de controle van de stem van de Echo van de Amazon

Home Automation met de controle van de stem van de Echo van de Amazon

Vorige maand, bracht Amazon de Echo - een kleine cilinder staat voor erkenning van de krachtige stem.De Echo zelf is gesloten bron. Maar zodra u erachter te komen van de Echo geheimen, een ongelooflijk krachtig hulpmiddel voor de controle van de stem
Raspberry Pi stem Recoginition Home Automation

Raspberry Pi stem Recoginition Home Automation

Huis Automatisering of Domotica is een veld gebeurt, eerdere grote namen zoals AMX, CRESTRON, LEGRAND BITICHINO etc waren populaire oplossingsproviders. Een aantal bedrijven hebt laat het rafelen, nu Apple, Samsung & LG ook serieus in huisautomatiser
De Raspberry Pi-Arduino-SignalR Home Automation Hub

De Raspberry Pi-Arduino-SignalR Home Automation Hub

Na een paar van mijn prelude IBLEs gepubliceerd hier en hier, dit project neemt de eerste stap naar het opbouwen van een basisversie van een functionele Home Automation Hub.Ik heb verschillende technologieën gebruikt in een poging om zin van hoe ik k
Internet Controlled huis en Robot (Home Automation)

Internet Controlled huis en Robot (Home Automation)

In dit instructable ik zal u vertellen hoe uw hele huis (alle elektrische apparaten) verbinden met internet, zodat u kunt het controleren van uw elke apparatuur overal in de wereldIk heb dit project 3 maanden terug en het draait continu sinds dan zon
Uber Home Automation w / Arduino & Pi

Uber Home Automation w / Arduino & Pi

[BEWERKEN] Ik heb een forum om samen te werken op gateway code.http://homeautomation.proboards.com/Board/2/openha...Een paar jaar geleden, werd ik de hondeigenaar van een voor de eerste keer. Ik hield niet van Cody in de kennel alleen hele dag verlat
ESP8266 Home automation deel 1

ESP8266 Home automation deel 1

Iedereen hoorde over Home automation. Het is een interessant thema en velen dachten over het maken van het huis een beetje slimmer. In dit instructable laat ik je mijn manier om uw huis slimmer te maken en wat advies te realiseren het. Ik werk met de
Home Automation met behulp van de Arduino Uno

Home Automation met behulp van de Arduino Uno

Ooit wilde maken uw huis geautomatiseerde? Wilde de verlichting, ventilator en andere toestellen van uw smartphone? Of een tutorial over aangesloten apparaten en aan de slag met het gezocht? Android Home Automation zal u tonen hoe te maken van uw hui
LinKit one - Home Automation met Bluetooth Controller Android App

LinKit one - Home Automation met Bluetooth Controller Android App

Alle opties zijn voorzien van slimme telefoons. Slimme telefoons maken ons werk zeer gemakkelijk en maakt ons lui. Draai in- en uitschakelen met behulp van slimme telefoon met Blauwe tand huistoestellen is in de markt, maar de kosten hoog. Dus DIY Bl
Procedure: Stem Feedback toevoegen aan uw Home Automation met koppelen een!

Procedure: Stem Feedback toevoegen aan uw Home Automation met koppelen een!

Hallo iedereen,Vandaag zal ik u tonen hoe u stem feedback toevoegt aan uw Home Automation.Dit zal altijd een goede additief aan uw Home Automation Project met Link het één omdat uw Linkit ONE zou een feedback als een "Heb ik draaide op verlichting vo