In een vorige blog heb ik uitgelegd hoe ik Dashticz gebruik als Frontend voor mijn Domoticz installatie. Dashticz is een mooie manier om je Domotica gebasseerd op Domoticz op een overzichtelijk manier te presenteren en gebruiken.
Nu leek de ontwikkeling van Dashticz V2 wat te stagneren. Gelukkig is dit opgepakt door andere ontwikkelaars met een nieuwe versie met de naam Dashticz V3. Deze bevat een aantal leuke verbeteringen en er is weer actieve ontwikkeling op.
Aan de werking en configuratie van Dashtciz is niet veel veranderd. Je kunt gewoon je oude configuratie-files van Dashticz V2 overnemen en meteen gebruiken. Voor tips & tricks hiervoor verwijs ik je dus naar mijn vorige blog. Er is ook een mooie Wiki die alles uitlegt over Dashticz V3.
Je kunt Dashticz V3 gewoon naast Dashticz V2 draaien wat ik nu even doe. Ik maak dan gebruik van andere poorten in mijn Apache2 configuratie voor de betreffende directories waarin ik Dashticz heb geïnstalleerd. Zo heb ik in mijn ‘/etc/apache2/sites-enabled/000-default.conf’ file o.a. staan:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
<VirtualHost *:82> ServerName dashticz DocumentRoot /home/henri/dashticz_v2 <Directory /home/henri/dashticz_v2/> Options Indexes FollowSymLinks AllowOverride All Require all granted </Directory> </VirtualHost> <VirtualHost *:84> ServerName dashticz_new DocumentRoot /home/henri/dashticz_v3 <Directory /home/henri/dashticz_v3/> Options Indexes FollowSymLinks AllowOverride All Require all granted </Directory> </VirtualHost> |
Tevens heb ik deze poorten 82 en 84 toegevoegd aan de file ‘/etc/apache2/ports.conf’. Hierna moet je dan apache2 even herstarten.
Een belangrijke verbetering in Dashticz V3 is het gebruik van grafieken. Op deze link wordt een en ander uitgelegd. Ik denk dat vooral mensen met zonnepanelen, waarbij energie wordt teruggeleverd, de nieuwe grafiek mogelijkheden zullen waarderen. Onderstaande screenshot geeft een mooie demonstratie hiervan:
Mijn huidige configuratie is niet veel anders geworden zoals je hieronder ziet.
Ik vind het wel prettig dat er weer actieve ontwikkeling is op Dashticz V3 en ben benieuwd wat de toekomst gaat brengen.
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?
Als je vanaf scratch wil beginnen met Dasticz, valt er dan nog wat te zeggen over de manier van installeren, handmatig of automatisch? Is er een methode die de voorkeur heeft?
Ik heb het handmatig gedaan met een git clone gedaan van nieuwe GIT repository naar nieuwe directory en de oude configuratie-files overgenomen:
1. git clone https://github.com/Dashticz/dashticz –branch beta dashticz_v3
2. Copy oude configuratie files in /custom directory van je dashticz V2 installatie naar dashticz V3 installatie
3. Apache instellingen maken zoals aangegeven in mijn blog
Zal komend weekend eens aan de slag gaan. Dank je voor de uitleg!
Vraagje,
bij de definitie van een grafiek, hoe krijg je het voor elkaar om niet alle waardes van de p1 meter weer te geven? Ik snap dat je dan een ‘graph_x’ moet definiëren alleen wil bijvoorbeeld dan alleen het terug geleverde vermogen weergegeven zien.
Wat betekent de waarde Elektra: ‘d.v+d.v2’ ? bepaal je daarmee soms welke waarde je wil zien?
Dank voor je hulp alvast online 😉
Lekker copy pasten aangezien ik niet kan programmeren
Dit wordt uitgelegd in de aangegeven link.
Het komt er op neer dat Het d-object de gegevens gevat zoals geleverd door Domoticz. Domoticz heeft twee vermogensgebruikswaarden (v en v2) en twee vermogensretourwaarden (r1 en r2). In je ‘data:’ blok van je configuratie geef je dus op wat je wilt zien.
Ahhh precies. En dan kan je dan verder uitbreiden met een v3 v4 etc.
Thanks!
Kun je hier misschien een voorbeeld van plaatsen? Heb 2 waardes van de vochtigheid van de planten, kan dit in 1 grafiek?
Dashticz draait goed, helemaal naar je voorbeeld 🙂
Zie de CONFIG.js file die je kunt downloaden. Bijvoorbeeld:
custom : {"maand": {
graph: 'bar',
range: 'month',
filter: '1 months',
data: {
Elektra: 'd.v+d.v2'
}
},
Hallo Henri
Een vraagje over de iconen. Ik zie dat jij verschillende notaties gebruikt voor de Awesome iconen. Voor zover ik het begrepen heb is het gebruik van de fas.fa-xxx iconen gratis en zijn het de solid versies. Maar ik zie ook dat je de far.fa-lightbulb gebruikt , de regular versie, wat meen ik in de pro versie zit en betaald moet worden. Nou kan het zijn dat jij een pro versie hebt of zit ik er met deze redenatie naast?
Verder zie ik ook nog de bv .fa.fa-fire en de .fas.fa-lightbulb. Op welke icoon heeft de .fa.fa-xx dan betrekking?
Prettige kerstdagen!!
Ik heb niks extra geinstalleerd (dus geen pro versie of zo van Awesome).
Mag ik vragen wat voor hardware je gebruikt voor dashticz? Gebruik je bijvoorbeeld een tablet/touchscreen aan de wand o.i.d. als interface?
Vooralsnog gebruik ik Dashticz gewoon op de Desktop/Laptop.
ik heb deze, top !
https://www.xoro.de/produkte/details/xoro-megapad-2154-1/
Hi Henri,
Hartelijk dank voor het beschikbaar stellen van .j en .css. Dat heeft me echt een headstart gegeven voor het gebruik van Dashticz (V3).
Het enige dat ik niet voor elkaar krijg is de knoppen voor de gordijnen. Die geven bij mij rare pijltjes ipv de drie knoppen die ik bij jou zie. Hoe krijg je dat voor elkaar? Dank!
Michel
Zorg dat je bij de eigenschappen van je apparaat met de selectie, de selectorstijl op ‘Knoppengroep’ hebt staan i.p.v. Selecteer Menu.
Ah right dus in Domoticz switch eigenschappen veranderen (is nu blinds-6). Even mee ge-experimenteerd maar dan werken de standard open,stop,close knoppen daar niet meer en moeten er scriptjes geactiveerd. Dat is in mijn situatie minder handig denk ik. Ik knutsrl rustig verder op basis van je duidelijke scripts en css input.
ik snap even niet waar je dit dan aanpast.
Verder nog even een vraag; ik merk dat het draaien op safari op een ipad heel erg traag werkt. de ipad zelf regeerd verder goed, en via een pc gaat het via chrome ook goed. enig idee waar dat aan kan liggen?
Dit doe je in Domoticz zelf. M.b.t. Safari heb ik geen idee.
Hoi Henri,
Dashticz v3 inmiddels geïnstalleerd. Config file overgezet van v2 samen met de image bestanden nos en nu.. Echter krijg ik de images niet te zien in de browsers.
Heb jij enig idee wat ik hier niet goed doe.
Bij v2 was er geen probleem. Heb wel raspbian opnieuw op de pi gezet. Kan daar een probleem zitten?
Tussen Dashticz V2 en Dashticz V3 zijn er een aantal brekende veranderingen in de configuratie geweest. Je kunt ook mijn V3 files downloaden en vergelijken.
Dacht dat ik ze al aardig had vergeleken. Zal er nogmaals naar kijken en zo nodig een keer opnieuw beginnen. Bedankt voor je reactie
Hoi Henri, Ik gebruik jou vrijgegeven config als basis voor mijn eerste dashticz opzet.
super dat je dit deelt!
Ik ben wat aan het stoeien met de buienradar weergave.
Ik merkte dat afbeeldingen verwijzen naar de img map (bij nos en nu.nl icoontjes)
Bij mij verwijst hj daar naar http://192.168.0.x:8083/img/img/NOS.png
ijn de config dus /img weg gehaald en dan gaat het goed, maar bij buienradar krijg ik dus ook het voorvoegsel van het ip:
http://192.168.0.x:8083/img/http://api.buienradar.nl/image/1.0/RadarMapNL?w=100&h=85
wat doe ik fout hier?
Op google zie ik overal de zelfde verwijzing staan waarom wijkt dit bij mij af?
Waarom zet je deze plaatjes niet gewoon in je IMG map van je Dashticz installatie en gebruik je URL notatie? Ik gebruik nu zelf geen images meer, maar alleen nog maar icon.
Hoi Henri,
Bedankt voor je reactie.
Ik heb letterlijk jou config overgenomen. Deze zou moeten verwijzen naar de img map maar dat is dus net wat er mis gaat. Hij zet in de afbeeldingslink mijn netwerklocatie er voor. Ik zie niet waar dit vandaan komt.
In de config.js staat in de button dus ook. img:/img/nos.pgn
Maar als ik de afbeeldingslink kopieer als ik op de dashticz pagina kijk is de link naar het mapje dus dubbel /img/ door dit weg te halen in de config werken de plaatjes dus wel maar de url van buienradar werkt net even anders 🙁
Hoi Henri en Bas, Ook ik ben afgelopen week begonnen met Dashticz. Ik ben goed op weg geholpen door de files van Henri. Dankjewel! IK loop tegen dezelfde issues aan. Dus het ipadres/img voor de link (http://192.168.0.x:8083/img/http://api.buieenrader…….) Geen idee hoe ik dit kan oplossen. Hetzelfde probleem heb ik ook met de camera’s. Doe ik iets fout?
In Dashticz V3 gebruik ik nu:
buttons.webcam1 = {width:12, isimage:true, forcerefresh:true, refresh:1000, btnimage: 'https://user:password@ip:port/ec2/cameraThumbnail?cameraId=1', url: 'https://user:password@ip:port/ec2/cameraThumbnail?cameraId=1'}buttons.buienradar = {width:5, isimage:true, btnimage: 'http://api.buienradar.nl/image/1.0/RadarMapNL?w=100&h=100', url: 'http://www.weer.nl/verwachting/nederland/rijsbergen/189692/'}
Voor de IP-camera’s maak ik gebruik van de API van NX Witness. Zie ook mijn ander blog artikel hoe ik dat doe.
Ik heb mijn laatste set van mijn Configuratie Files voor Dashticz v3 weer beschikbaar gemaakt om te downloaden.
Dankjewel Henri, het is opgelost. Het probleem was dat ik image gebruikte i.p.v. btnimage. Thxs!!!
Bedankt het probleem voor mij is nu ook opgelost!! de camera liep ik ook tegen aan inderdaad die werkt nu ook! Super dat je zo veel support bied aan iedereen!!
Ik ben aan het stoeien met de grafieken van gas/elektra.
Ik wil deze wat hoger maken (180px) Dat lukt maar het block wat op de achtergrond staat houd zijn huidige hoogte met als resultaat dat mijn grafieken over het onderstaande blok weergegeven worden.
Ik heb wat geprobeerd aan te passen in de css maar kom er niet uit, heb je nog een tip?
Heb je de height in het ‘blocks’ zelf (CONFIG.js) wel groter gemaakt?
Het vreemde is dat het op mijn laptop is zoals het voorbeeld, maar op mijn desktop klopt het wel.
Lijkt dus in de scherminstellingen verkeerd te gaan.
Om jou vraag te beantwoorden.
Ik heb het block niet groter gemaakt in de config.js (deze staat daar oon niet apart gedefinieerd) als ik height toevoeg gelijk aan de width regel krijg ik een error.
Ik heb in mijn CONFIG.js toch echt een height gedefinieerd. Zie bijvoorbeeld:
// Definition 'Gas' graphblocks[p1_grafiek_gas] = {
title: 'Gas',
width: 6,
height: '300px',
Ah Ik zie het inderdaad in je nieuwste versie.
Ik had nog een versie ouder waarin ik ook de teruglevering ed. zag 🙂
Dank voor het delen van deze zeer bruikbare info. Ik heb wat problemen met de camera’s, en zo te zien heb jij de oplossing gevonden in de VMS van Nx. Zou je daar iets meer over kunnen vertellen/beschrijven? Ik heb een voordeur camera die alleen RTSP streams af geeft en geen HTTP. Twee andere camera’s geven wel HTTP. Zet Nx RTSP om in HTTP?
Zie mijn andere blog waar ik dit heb uitgelegd hoe je dit in Domoticz integreert.
ik wil spotify aansturen via Dashticz, dit lukt gewoon. Maar ik wil dat er via Sonos wordt afgespeeld. Weet jij zo, of dit mogelijk is en zo ja, hoe?
ik kan nu kiezen voor afspelen laptop en mobiel. ik hoor graag van je.
Ik gebruik geen Spotify en heb geen Sonos en derhalve hiermee geen ervaringen. Wellicht dat een van de lezers van mijn blog je kan helpen en hierop kan reageren. Houd het commentaar dus in de gaten.