Dashticz is een User-Interface voor je Domoticz installatie. Je kunt Dashticz eenvoudig via definitie-files configuren voor gebruik.
WAF
Zoals je in een vorige post van mij hebt kunnen lezen ben ik helemaal overgestapt van Pimatic naar Domoticz. Dit bevalt erg goed en Domoticz werkt prettig met een handige en mooie User-Interface. Op het Dashboard zet je alleen je belangrijkste apparaten voor gebruik om het geheel overzichtelijk te houden.
Nu kan de User-Interface van Domoticz wellicht toch nog te technisch overkomen en dat is voor de WAF (Wife Acceptance Factor) niet echt handig. Ik heb daarom eens rondgekeken voor een oplossing en vond Dashticz. Hiermee kun je een User-Interface opzetten van al je gedefinieerde apparaten van Domoticz. Je gebruikt dan dus Domoticz als je backend en Dashticz als je frontend.
Basis principes
Je kunt met Dashticz heel snel aan de slag en in de Wiki wordt goed uitgelegd hoe je deze installeert en configureert.
Ik heb zelf besloten om Dashticz niet op mijn Raspberry Pi waarop Domoticz al draait te installeren (dit kan wel), maar apart op mijn Debian Server. Reden hierachter is dat ik de Raspberry Pi alleen wil inzetten voor Domoticz taken en zodoende wil ontlasten. In je configuratie-file geef je aan op welke host en poort en met welke gebruikersnaam en paswoord Domoticz draait.
Het principe achter Dashticz is zowel eenvoudig als geniaal. Je configureert in de ‘CONGIG.js’ file elk apparaat dat je wilt tonen in zogenaamde ‘blocks’ die allerlei properties heeft. Tevens geef je aan in welk ‘columns’ je deze ‘blocks’ wilt zien. Tenslotte geef je nog voor elk ‘screen’ aan welke ‘columns’ je wilt tonen.
Belangrijkste principe is dat je ‘blocks’ en ‘columsn’ een zelf gekozen breedte tussen 1 en 12 geeft. Verder mag het totaal van alle ‘columns’ op een ‘screen’ niet groter dan 12 zijn. Op deze manier kun je een indeling maken. Naast bovengenoemde style-elementen kun je ook nog diverse buttons en ‘custom applications’ gebruiken. Op de Wiki staat dit allemaal erg goed uitgelegd.
Tenslotte kun je alles nog fine-tunen via een ‘custom.css’ file en ‘custom.js’ file en is er een apart forum op Domoticz waar je terecht kan voor informatie en vragen.
Aan de slag
Ik ben hiermee eens aan de slag gedaan en je staat verstelt hoe je in korte tijd een krachtige User-Interface kunt samenstellen die de WAF zeker doorstaat. Hieronder zie je wat ik er tot nu toe van heb gemaakt. Ik moet wel aangeven dat dit nog Work-In-Progress is en er nog van alles kan veranderen. Zo verwacht ik nog een aantal spullen uit China die ik dan nog ga integreren.
Update 15 December 2019
Vanwege de overweldigende vraag naar mijn configuratie files heb ik deze online beschikbaar gemaakt. Je kunt deze hier downloaden. Laat je in de reacties dan nog even weten of deze je geholpen hebben? Ik ben nu overigens overgestapt op Dashticz V3 en heb dat ook op mijn Blog beschreven.
Conclusie
Ik ben aangenaam verrast door Dashticz en ga nu nog de puntjes op de i zetten om een mooie en krachtige User-Interface te configureren. Als je eenmaal door hebt hoe het werkt dan gaat er een wereld voor je open.
Ik zit al een paar dagen mn hoofd te breken over het volgende. Jij hebt in jouw Dashticz opmaak, scherm 2 van jouw voorbeeld 2 kolommen. Alles links van Weersverwachting Rijsbergen is kolom 3 en Rijsbergen en de kolom er rechts naast is kolom 4. Hoe dwing je nou dat de devices in de kolom “Switch” alleen in die kolom staan en niet aansluiten onderaan Rijsbergen en overlopen naar “Switch”. Ben ik een beetje duidelijk? 🙂 Ik wil alleen DIE kolom vullen en niet degene links er naast.
Bij scherm 2 heb ik 4 kolommen met respectievelijk een breedte van 2, 4, 4 en 2 (totaal 12 dus). Van elke kolom geef je de breedte op, bijvoorbeeld 4 bij kolom 2 hier. Binnen elke kolom kun je blokken plaatsen die je per blok ook een breedte geeft. Ik hier b.v. voor mijn ‘ping’ blokken een breedte van 4. Op deze manier komen er dan dus 3 naast elkaar (12/4). Hopelijk is het zo een beetje duidelijk. Als je wilt dan kan ik je mijn gestripte CONFIG.js en custom.css emailen.
Ja, hoe simpel ook. Ik zat te werken met 2 kolommen per scherm maar kan er bv ook 4 kolommen op een scherm kwijt, als ik maar niet over die 12 ga!
Dank je voor de uitleg!
Ik las er even overheen maar zou het wel fijn vinden als je die twee zou mailen! Zou me een hoop helpen!!
Ik heb je een prive email gestuurd.
Dag Henri,
Ben momenteel bezig om dashticz een beetje fatsoenlijk te maken, dit lukt redelijk maar nog niet helemaal. Zo heb ik een dropdown menu welke niet de juiste waardes (radiostations) toont maar enkel een lange reeks van getallen en cijfers en ik krijg het tevens niet voor elkaar om de buttons (play, pauze, forward) van mijn sonos te tonen. In Domoticz worden deze welk getoond maar in Dashticz niet.
Zou je mij je config.js. en custom.css willen mailen, misschien zie ik dan hoe jij dat hebt gedaan. Bij jou zie ik overigens ook dat jij je Hue lampen kan dimmen via domoticz, hoe heb je dat voor elkaar gekregen?
Thanks alvast!
Ik heb je een prive email gestuurd, maar deze lijken te bouncen.
Hoi Henri, bedankt maar ik zie niets in mijn mailbox 😉
Excuus nu wel!:)
Is hij nu wel aangekomen?
Hi Henri, onder de indruk van je Dashticz schermen. Zou ik ook de gestripte CONFIG.js en custom.css mogen ontvangen? Ze komen voor een groot gedeelte overeen met wat ik in gedachte heb. Thnkx!
Ik heb je een persoonlijke email gestuurd met gestripte config files van mijn Dashticz installatie. Hopelijk helpt het je.
Hoi Henri, zou je mij ook de config en css file willen sturen? Wat je gemaakt hebt is echt precies wat ik zoek! Alvast bedankt! 🙂
Ik heb je een prive email gestuurd. Aangekomen?
Jazeker! Dank je!
Henri,
Hoe heb jij de herkenbaarheid van jouw iPhones gedaan, met Geofence?? Ik krijg dat niet betrouwbaar. De ene keer ziet -Pilot- de iPhone wel maar de andere dag weer niet.
Ik gebruiik Pilot niet maar iDetect. Zie ook mijn blog over ‘Configureren Domoticz’. Dit werkt bij mij goed en betrouwbaar.
Hallo Henri
Ik zit te kijken naar jouw gas/electra grafiek. Nu ik zonnepanelen heb is dit een gewilde grafiek, mn electra 🙂
In jouw afbeelding zie ik dat electra een update heeft per dag en gas elk uur (op de basislijn). Waar stel je dit in? Ik zie er in jouw custom css/CONFIG.js namelijk niets van terug.
Je kunt alleen in de globale instellingen aangeven wat de default weergave is:
config['standard_graph'] = 'month';
In de user-interface kun je dan met de knoppen nog eventueel run-time schakelen naar dag of uur weergave.
Overigens ben ik nog steeds aan het schaven aan mijn instellingen. In toegevoegde screenshots zie je hoe het er nu bij mij uitziet. Ik ben aan het bekijken hoe ik eventueel staaf-diagrammen kan gebruiken.
Hoe heb je het gedaan met de ip camera’s?
ik gebruik :
buttons.webcam = {width:12, isimage:true, refresh:2000, image: ‘http://ip_url_to_webcam’, url: ‘http://ip_url_to_webcam’}
Maar ik krijg geen live beeld op mijn dashboard. Alvast bedankt!
Sorry voor late antwoord, maar kwam er nu pas achter dat je reactie in de spam-folder stond vanwege de link. Ik heb niet echt een live-beeld, maar wel bijna ;-).
Ik zorg er nl. voor dat elke seconde de foto ververst wordt, zodat je een semi-live beeld hebt. Je moet dan wel ‘forcefresh’ op true zetten. Dat ziet er dan als volgt uit:
buttons.webcam1 = {width:12, isimage:true, forcerefresh:true, refresh:1000, image: 'https://user:password@ip-address:port/ec2/cameraThumbnail?cameraId=1', url: 'https://user:password@ip-address:port/ec2/cameraThumbnail?cameraId=1'}
Hoi Henri, Ik zie dat je webcam mooi getoond word in op je pagina.
Momenteel werkt het bij mij alleen op mijn ipad. Op mijn windows 8 tablet ( die aan de muur van mijn kamer hangt) en op de PC;s opent dashticz de stream niet.
Pak ik de link naar de camera, dan moet ik als nog mijn wachtwoord invullen. ondanks mijn stream http://login:wachtwoord@ip/camerurlnaarfotoofstream bevat.
Groeten uit Breda
Ik gebruik Nx Witness om snapshots te maken van mijn webcams. Zie ook mijn blog waarin ik heb beschreven hoe ik dit doe. Met een refresh rate van 1 seconde in Dashticz lijkt het net of je zelfs een videostream ziet. Heb je Nx Witness al geprobeerd Marvin?
Ikzelf gebruik gewoon de direct URL naar de stream van domoticz. Maar helaas werkt dat dus niet. vanwege het username / wachtwoord voor de @ip.etc De camera wordt wel gezien Ik zie dat jouw browser wel om kan gaan met deze vorm van verificatie.