HStouch screenshot-thread

[korsteed]

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?

[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.

[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.jpg (22.52 KiB) Viewed 31202 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

floorplan.jpg (22.04 KiB) Viewed 31202 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.jpg (14.87 KiB) Viewed 31202 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.

Media basis

media.jpg (16.14 KiB) Viewed 31202 times

Het media beheer gedeelte. Hier moet ook nog wat aan gesleuteld worden.

[AshaiRey]

File informatie pagina.

File info

File-info.jpg (25.12 KiB) Viewed 31134 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.jpg (32.32 KiB) Viewed 31134 times

Gedetaileerde weerpagina's

Weer info

Weer0.jpg (38.39 KiB) Viewed 31134 times

Er zijn pagina's voor het actuele weer, onweer, temperatuur, gevoelstemperatuur, wind en buien.
Hier is de wind informatie geselecteerd.

weer info

Weer1.jpg (21.7 KiB) Viewed 31134 times

Commentaar is welkom

[Edwin2008]

heeel fraai!

[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.



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

[Harry]

ziet er te gek uit, hoe heb je het gemaakt , en waar haal je de data vandaan

[Noel]

A lot of data can be found here: http://www.swpc.noaa.gov/SWN/index.html

[AshaiRey]

Ja, daar haal ik de meeste data vandaan

[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 (19.81 KiB) Viewed 30940 times

IMG_0040.PNG (66.11 KiB) Viewed 30940 times

IMG_0034.PNG (75.34 KiB) Viewed 30940 times

IMG_0035.PNG (62.38 KiB) Viewed 30940 times

IMG_0036.PNG (60.56 KiB) Viewed 30940 times

IMG_0032.PNG (66.12 KiB) Viewed 30940 times

[psmaaswinkel]

En de tweede serie: Weerstation, Itunes control

IMG_0038.PNG (69.86 KiB) Viewed 30942 times

IMG_0037.PNG (63.84 KiB) Viewed 30942 times

[RdP]

Ziet er netjes en overzichtelijk uit.

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

Gr,
Rien

[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 (62.79 KiB) Viewed 30943 times

[Edwin2008]

heel fraai!

[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 (235.88 KiB) Viewed 30867 times