Gå til innhold
  • Bli medlem
Støtt hjemmeautomasjon.no!

Hjemmesnekra Frontend for Domoticz med nokko attåt!


Per Øyvind

Anbefalte innlegg

Etter å ha kikka på diverse løsninger der ute, har jeg funnet ut at alle smarthusløsninger passer i 2 katergorier: 

1.) Pene, men mangler funksjonalitet og fleksibilitet. Har også en tendens til å låse deg inn i sitt univers (eks Apple). 

2.) Fleksible og funksjonelle, men ser ikke ut i måneskinn og/eller har høy brukerterskel. 

 

Valgte derfor ta utgangspunkt i Domoticz (fleksibel og fint løsning, men mangler litt på det visuelle) og lage min egen Frontend. 

Noe av formålet med prosjektet var å lage noe som ser like bra ut på på PC, nettbrett og mobil UTEN Å MÅTTE INSTALLERE EN JÆVLA APP. 

 

Hardware: Raspberry Pi 3, Razberry

Programvare: Domoticz, Nginx, Varnish

Programmeringspråk: HTML, CSS, PHP, JSON, Javascript, JQuery, Bootstrap. 

 

Selve designet er relativt simpel HTML og CSS med en dæsj PHP og Javascript her og der. For å få til responsivt design har jeg brukt Bootstrap. 

Har tatt utgangspunkt i diverse bokser, hver med sin funksjon: 

 

---Dashboard----

  • Logo - bare en logo. Oppdaterer sida når jeg trykker på den. 
  • *Servere/Wake on LAN" - diverse logoer til ting hjemme som har IP-adresse og en port. Et  PHP-script kjører i bakgrunnen. Hvis "serveren", f.eks NAS'en, svarer på porten så henter den et ikon og link. Svarer den ikke vises det et annet bilde (med et rødt uttropstegn som indikerer at den er offline) og fjerner linken. Nedtrekksmeny og startknapp for å starte NAS. 
  • Frontend for Domoticz #1: Kan skru lys og varme av og på. 
  • Frontend for Domoticz #2: et ikon som indikerer om alarmen er av eller på, og hvem som er hjemme (+ en tullefunksjon: ikonet av Rick Astley er play/pause-knapp for "Never Gonna Give You Up" :) )
  • Webkamera: Fant en åpen webcamfeed for et sted i nærheta. En veldig grei måte å sjekke været uten å måtte se ut. 

 

---Bruksanvisning---

  • En generell bruksanvisning for ting i hjemmet. Greit å ha hvis man får besøk. 

 

---Været---

  • En vær-plugin jeg fant på nettet. 

 

---Nyheter---

  • En nyhets-plugin jeg fant på nettet. Henter lokale nyheter fra NRK og fvn.no

 

Ellers: 

  • Javascript setter bakgrunnsbilde avhengig av om det er morgen, dag, ettermiddag/skumring eller natt. På PC vises det 3 bokser i bredda, på nettbrett 2 og på mobil 1. Bruker VPN hvis jeg trenger tilgang til systemet når jeg er hjemmefra. 

 

 

 

 

 

 

3.png

1.png

2.png

  • Like 5
Lenke til kommentar
Del på andre sider

Bli med i samtalen

Du kan publisere innhold nå og registrere deg senere. Hvis du har en konto, logg inn nå for å poste med kontoen din.

Gjest
Skriv svar til emnet...

×   Du har limt inn tekst med formatering.   Lim inn uten formatering i stedet

  Du kan kun bruke opp til 75 smilefjes.

×   Lenken din har blitt bygget inn på siden automatisk.   Vis som en ordinær lenke i stedet

×   Tidligere tekst har blitt gjenopprettet.   Tøm tekstverktøy

×   Du kan ikke lime inn bilder direkte. Last opp eller legg inn bilder fra URL.

×
×
  • Opprett ny...

Viktig informasjon

Vi har plassert informasjonskapsler/cookies på din enhet for å gjøre denne siden bedre. Du kan justere dine innstillinger for informasjonskapsler, ellers vil vi anta at dette er ok for deg.