Page 13 of 16

Re: HStouch screenshot-thread

Posted: Fri Sep 24, 2010 8:36 pm
by korsteed
TANE wrote:Afgelopen dagen bezig geweest met het maken van schermen voor de Ipad
Dat ziet er goed uit! Ook een mooi formaat voor de iPad.
Ik ben zelf bezig om een web-gui met Google Web Toolkit te maken die te bedienen is op meerdere devices (iPad, PC, android telefoon)
Hoe kom je aan die icoontjes? Heb je die zelf gemaakt of zitten die bij HsTouch?

Re: HStouch screenshot-thread

Posted: Sat Sep 25, 2010 2:09 pm
by TANE
icontjes heb ik via Nevo Studio.

Er is een complete set ergens op het net beschikbaar maar weet niet meer waar ik ze gezien heb.
Ik mis nog de dim opties ed.

Re: HStouch screenshot-thread

Posted: Sun Jan 02, 2011 3:04 pm
by AshaiRey
Zo hier mijn eerste aanzet tot wat HST schermen.
Het huis is een beetje in koloniale style ingericht en om toch een redelijk WAF niveau te halen heb ik voor deze opzet gekozen.
Nu een keer niet voor de gebruikelijke rijen knopen en lichtjes maar met 'het moet passen in het interieur' gedachte.

Ik gebruik een 10" Android tablet echter de HST client is nog erg beta en beperkt. Op het moment werk ik nog aan een schermpje waarop je allerlei timers kan zetten. Meer updates volgen.
Desktop scherm
Desktop scherm
desktop.jpg (22.52 KiB) Viewed 28975 times
Het klokje geeft de actueele tijd aan. De koplampen gaan branden als er een file is. Meer informatie is op te vragen door er op te klikken. Hetzelfde geld voor het uitgebreide weeroverzicht. Door op het klokje te klikken kom je in een kookwekker scherm. De screenshot is van de win.client gemaakt en die toont de uren wijzer niet. Zo zijn er meer verschillen tussen de win client en de android client zoals positionering en font vergave.
Plattegrond
Plattegrond
floorplan.jpg (22.04 KiB) Viewed 28975 times
Iedere etage heeft zijn eigen vloerplan waarop je bijna alles kan zien en schakelen door erop te klikken, inclusief in welke kamers de muziek aanstaat.
Devices
Devices
devices.jpg (14.87 KiB) Viewed 28975 times
Alle devices (en events) heb ik beschikbaar gesteld dmv 'nerd buttons' Alles wordt gewoon getoond en is beschikbaar. Natuurlijk is de WAF hiervan vrij laag. :D
Media basis
Media basis
media.jpg (16.14 KiB) Viewed 28975 times
Het media beheer gedeelte. Hier moet ook nog wat aan gesleuteld worden.

Re: HStouch screenshot-thread

Posted: Sun Jan 09, 2011 9:05 pm
by AshaiRey
File informatie pagina.
File info
File info
File-info.jpg (25.12 KiB) Viewed 28907 times
Deze pagina is gewoon op te roepen maar wordt 's ochtends vroeg naar de voorgrond gepushed voordat ik naar mijn werk gaat.
NS Info
NS Info
NS-info.jpg (32.32 KiB) Viewed 28907 times
Gedetaileerde weerpagina's
Weer info
Weer info
Weer0.jpg (38.39 KiB) Viewed 28907 times
Er zijn pagina's voor het actuele weer, onweer, temperatuur, gevoelstemperatuur, wind en buien.
Hier is de wind informatie geselecteerd.
weer info
weer info
Weer1.jpg (21.7 KiB) Viewed 28907 times
Commentaar is welkom

Re: HStouch screenshot-thread

Posted: Mon Jan 10, 2011 6:42 pm
by Edwin2008
heeel fraai!

Re: HStouch screenshot-thread

Posted: Sun Feb 20, 2011 6:38 pm
by AshaiRey
Due the recent messages about solar flares, polarlichts and such i thought it would be nice to put some information on screen. This is a small snippet of the summery display. It shows the moonphase, 3 signal images that show the possibility to see polarlight at different Latitudes and the current solar activities such as flares and geomagnetic pressure.

Image

If you click this parts of the screen a more detailed display is shown.

Image

Re: HStouch screenshot-thread

Posted: Sun Feb 20, 2011 7:39 pm
by Harry
ziet er te gek uit, hoe heb je het gemaakt , en waar haal je de data vandaan

Re: HStouch screenshot-thread

Posted: Sun Feb 20, 2011 10:19 pm
by Noel
A lot of data can be found here: http://www.swpc.noaa.gov/SWN/index.html

Re: HStouch screenshot-thread

Posted: Sun Feb 20, 2011 11:13 pm
by AshaiRey
Ja, daar haal ik de meeste data vandaan

Re: HStouch screenshot-thread

Posted: Sat Aug 13, 2011 9:20 am
by psmaaswinkel
Hier dan ook maar even een eerste blik op mijn layout. In slagvolgorde: Standby, Start, Energie verbruik, Water verbruik, Gas verbruik, Remeha thermostaat

De grafische vormgeving is gedaan in photoshop, en een gedeelte van de info (Actueel verbruik, Energie, water en gas) worden via html weergegeven.
In het actuele verbruik kleuren de ringen rond de afbeelding afhankelijk van het verbruik groen, oranje, of rood.
IMG_0031.PNG
IMG_0031.PNG (19.81 KiB) Viewed 28713 times
IMG_0040.PNG
IMG_0040.PNG (66.11 KiB) Viewed 28713 times
IMG_0034.PNG
IMG_0034.PNG (75.34 KiB) Viewed 28713 times
IMG_0035.PNG
IMG_0035.PNG (62.38 KiB) Viewed 28713 times
IMG_0036.PNG
IMG_0036.PNG (60.56 KiB) Viewed 28713 times
IMG_0032.PNG
IMG_0032.PNG (66.12 KiB) Viewed 28713 times

Re: HStouch screenshot-thread

Posted: Sat Aug 13, 2011 9:22 am
by psmaaswinkel
En de tweede serie: Weerstation, Itunes control
IMG_0038.PNG
IMG_0038.PNG (69.86 KiB) Viewed 28715 times
IMG_0037.PNG
IMG_0037.PNG (63.84 KiB) Viewed 28715 times

Re: HStouch screenshot-thread

Posted: Sat Aug 13, 2011 9:51 am
by RdP
Ziet er netjes en overzichtelijk uit.

Ben wel even benieuwd hoe je de grafieken genereert....

Gr,
Rien

Re: HStouch screenshot-thread

Posted: Sat Aug 13, 2011 10:00 am
by psmaaswinkel
De grafieken worden gemaakt m.b.v flot graph (php & mysql). Ik heb op de server ook xampp draaien zodat ik ook hierover de beschikking heb. Dit aangezien ik meer ervaring heb met php en dergelijke functionaliteiten makkelijker op deze manier maak, en in hstouch gebruik als html. Voordeel van flot graph is dat (zoals hieronder zichtbaar) de grafieken interactief zijn, en ook de waarden op een bepaald punt weergeven wanneer je er op klikt.
flot_graph.png
flot_graph.png (62.79 KiB) Viewed 28716 times

Re: HStouch screenshot-thread

Posted: Sat Aug 13, 2011 1:41 pm
by Edwin2008
heel fraai!

Re: HStouch screenshot-thread

Posted: Wed Sep 14, 2011 4:55 pm
by John
Ben pas geleden gestart met mijn GUI. Heb voor de zonwering een zeer hoge WAF gecreeerd door het zeer visueel weer te geven. Als er op een markies gedrukt wordt gaat deze naar beneden of omhoog wat ook direct zichtbaar is op de iPad.

Ik heb al meerdere grafische schermen en tot nu toe is mijn interface super snel. De volgende stap is het toevoegen van audio/video.
Zonwering III.jpg
Zonwering III.jpg (235.88 KiB) Viewed 28640 times