HS-Design, Erstellen von Themes [Archiv] - KNX-Professionals Deutschland e.V. Forum

Matthias Schmidt

15.04.07, 20:06

Hallo HS-User,

ich habe mir Gedanken gemacht, wie man das etwas langweilige Grau der serienmäßigen Homeserver-Visu auf einfache Weise ändern könnte. Im Forum gab es vor einiger Zeit einen Thread, der sich mit der Erstellung eines Designgenerators beschäftigte. Leider blieb das Projekt unvollendet.

Mit meinem Photoshop-erfahrenen Sohn habe ich für einen Kunden ein durchgängiges Design in Edelstahl-Optik entwickelt. Hierbei kommt ein Feature von Photoshop zum Einsatz, das sich "Slices" nennt. Eine Grafik lässt sich in Einzelbilder aufteilen und diese sich automatisch mit definierten Namen für jedes Teilbild speichern. Das auf den ersten Blick etwas unhandliche System der Homeserver-Oberfläche (Masken, Diagramme, Kameraarchive) erweist sich bei genauer Betrachtung als höchst flexibel, wenn man geeignete Tools einsetzt, um dieses Datei-Puzzle zusammenhängend zu bearbeiten. Ziel ist, die Oberfläche der (Vollbild-)Visu und aller Masken völlig einheitlich zu gestalten und optisch das verfügbar zu machen, was man von Desktop-Schemes für den heimischen PC gewohnt ist. Gleichzeitig erstellen wir Hintergrundbilder für die weiter in einer EIB-Installation eingesetzten Geräte wie Infoterminal touch und Microvis II, so dass hinterher alles wie aus einem Guß wirkt.

Auf meiner Homepage unter www.schmidt213.eu/fra (http://www.schmidt213.eu/fra) habe ich unter HS-Design unsere ersten Entwürfe online gestellt. Ist noch nicht vollständig, wir arbeiten gerade an weiteren Entwürfen, auf manchen Seiten fehlen noch die Bilder.

Leider befindet sich in der Grafikimplementierunf mMn ein Bug, ich hoffe aber, dass DACOm das kurfristig eine Lösung findet. Dann stünde der Erstellung zahlreicher Designvorlagen nichts im Wege.

Anregungen und Kritik sind willkommen!

EIB-Freak

15.04.07, 20:29

Hi Matthias,

sieht super aus, hat was !
Besonders das einheitliche Erscheinungsbild wird imho immer wichtiger bzw. interessanter für den Kunden.

Ich habe z.B. schon das Infodisplay in eine Visu integriert, voll funktionsfähig.

Meudenbach

15.04.07, 20:32

Ich mag leider kein "Metall", aber der Stil gefällt mir...

LG

cindom

15.04.07, 20:35

Genau das Thema beschäftigt mich auch die letzten Wochen.

Da ich mein Augenmerk in Richtung "portabele Hausfernbedienung" gelegt habe geht meine Visu in Richtung UMPC und Nokia N800.

Mein neues Design dafür in 800x480 Pix geht tendenziell in folgende Richtungen, muß mich nur noch für rund oder eckig entscheiden:

http://www.hs.cinetech.de/bilder/800x480_frei.jpg

http://www.hs.cinetech.de/bilder/800x480_Eingabemaske.jpg

Gruß

Cindom

Matthias Schmidt

15.04.07, 20:54

Hallo Dominik,

auch sehr nett! Ist aber auch einen Montage, oder hast du Möglichkeiten gefunden, die Kopfzeilen zu ändern?

cindom

15.04.07, 21:12

Ja Matthias, ist ne Montage, die Titelzeile mit Schattenschlag wird wohl ein Wunsch bleiben.

Das mit dem Titel Hintergrund scheint ein Bug zu sein, du hast sicherlich Dacom informiert.

Cindom

Matthias Schmidt

15.04.07, 21:26

Habe ich :) .

Leider ist aber ein einzelner Rufer in der Wüste oft nicht genug ;) .

Ich möchte genügend Stimmen sammeln, um Gira zu verdeutlichen, wie wichtig es wäre, diesen Grafikbug kurzfristig auszuzmerzen. Da ohnehin ein Update ins Haus steht, wäre die Gelegenheit ausgesprochen günstig.

Matthias Schmidt

15.04.07, 21:56

Ich mag leider kein "Metall", aber der Stil gefällt mir...

LG

Für die Metallhasser hätte ich ja auch Holz im Angebot :D , marmor ist in Arbeit.

Man könnte sogar die Tapete nahtlos in die Visu einpflegen....

jowag

15.04.07, 23:26

Hallo

das sieht ja echt toll aus

meine Frage bezieht sich aber jetzt nicht auf das Design, sondern was steckt hinter dem CD-Auswahl-Design für ein Player ??

Danke

Josef

Matthias Schmidt

15.04.07, 23:29

Verschiedene:

zwei Slimboxen und eine Barix Gold

http://www.slimdevices.com/pi_squeezebox.html

http://www.barix.com/products/exstreamer_digital_audio_over_lan.html

jowag

15.04.07, 23:41

Hallo Mathias

Danke für die schnelle Antwort

steckt da im Hintergrund der DACOM HSSlim Baustein ??

Danke

Josef

Matthias Schmidt

15.04.07, 23:45

Nein, momentan nutze ich nur selbst erstellte Webabfragen für die Steuerung.

HSSLIM habe ich auch schon versuchsweise eingesetzt. Das kann allerdings viel mehr, als ich im Moment brauche, deswegen im Augenlick KISS°.

Wird sich aber bald ändern, dann nutze ich auch HSSLIM .....

° Keep It Small and Simple :)

Ratz

15.04.07, 23:52

Super, endlich wird das Thema vorangetrieben!!!
Ich hoffe Du bekommst Unterstützung von DACOM. Weiter so.

:Prost:

cindom

16.04.07, 00:20

cindom

16.04.07, 00:21

und:

1|CIN800X480V|CIN 800X480 V|999|1|1|999|999|1

hier muß der letzte Parameter 1 sein, so steht es ja auch in der Doku.

Cindom

Meudenbach

16.04.07, 06:31

@cindom

Na Dein VISU gefällt mir mal richtig gut... ner eben leider auch "Metall" und TOBIT "Wallpaper" :rolleyes:, obwohl sich das wirklich schick macht...

Ich mag vor allem die "schlichte" und somit sehr übersichtliche Darstellung der Vollbildvisu. Ich werd mich als nächstes auch mit einem eigenen "standard" Design beschäftigen, dass zu meiner Vollbild Visu passt...

Ich habe mich vorerst auf die "Simulation" eines "Pop up" Fensters konzentriert...

LG

Matthias Schmidt

16.04.07, 08:49

und:

1|CIN800X480V|CIN 800X480 V|999|1|1|999|999|1

hier muß der letzte Parameter 1 sein, so steht es ja auch in der Doku.

Cindom

Ha, das wird es wohl gewesen sein. Da war es wieder, mit dem Lesen und dem Vorteil :D .

Matthias Schmidt

16.04.07, 09:17

Ich habe mich vorerst auf die "Simulation" eines "Pop up" Fensters konzentriert...

LG

Sehr schöne Vfa-Visu, allerdings habe auch nichts anderes erwarte von dir :Prost: !

Meudenbach

16.04.07, 09:51

Sehr schöne Vfa-Visu, allerdings habe auch nichts anderes erwarte von dir :Prost: !

Danke, Dir.... :Prost:

Für den ersten "Gehversuch" bin ich auch zufrieden... iss aber irre Arbeit :(... leider sind die Bilder recht unscharf.

Und bitte, mit lieben Grüßen an Deinen Sohn, gelb macht sich viel schöner auf "Metall" :rolleyes: "Blau" ist in meiner Region doch eher verpöhnt :rolleyes: ...

LG

cindom

16.04.07, 14:43

Meudenbach

16.04.07, 15:21

@meudenbach blau oder gelb, es gibt leute denen ist das total egal

sag mal dir ist schon aufgefallen dass der schattenschlag deiner visu nach unten rechts geht und das deiner buttons nach unten links?

Gruß

Cindom

Menno, jetzt werd aber nicht ... :rolleyes:

Wie soll man denn sonst bitte den Grundriss von den Button's unterscheiden können... also :Prost:

LG

mredeker

16.04.07, 15:45

Genau das Thema beschäftigt mich auch die letzten Wochen.

Da ich mein Augenmerk in Richtung "portabele Hausfernbedienung" gelegt habe geht meine Visu in Richtung UMPC und Nokia N800.

Hallo cindom,

ich beschäftige mich auch gerade mit dem N800. Hast Du das Gerät schon?

Ich möchte meine Fernbedienungen abschaffen und habe ein IRtrans angeschafft,
den ich über eine kleine Webseite, die alle Funktionen darstellt, bediene.

Ich denke darüber nach eine Visualisierung auf Basis von Python zu entwicklen (Java kann der N800 leider noch nicht).
Da lässt sich dann etwas mehr machen, als wenn man nur den Browser verwendet. Ich könnte mir auch vorstellen,
dass man da entsprechende HS-Funktionen einbaut. Leider habe ich noch kein EIB :mad:

Gruß, Marcus

cindom

16.04.07, 15:57

zooka

16.04.07, 16:25

Also ich habe EIB/KNX, HS, IRTrans, Panel PC und das N800, allerdings kaum Programmierkenntnis. Die HS Visu läuft zügig auf dem N800, das einzige suboptimale ist der Reload der Seiten bei dem auch der Hintergrund jedes mal meu geladen wird, ein feature wie im Clienten ohne Seitenaufbauvezögerung wäre auf meiner Wunschliste die absolute NR1.

Technisch sollte das mit Ajax kein Problem sein. Ajax geht ohne Probleme auf dem N770, sollte also auch auf dem N800 gehen. Du kannst die Ajax Funktionen (refresh) ganz gut im Silmserver Skin für das N770 sehen (Statusanzeige des Tracks).

Jetzt braucht es nur noch jem. der Ajax beherscht :(

Ajax

Ajax ist die Abkürzung für Asynchronous Javascript and XML. Webseiten, die die Ajax-Technologie benutzen, müssen nicht bei jeder Anfrage komplett neu übertragen werden. Stattdessen können nach Bedarf einzelne Teile der Webseite nachgeladen werden, wodurch sich interaktive Desktop-ähnliche Anwendungen realisieren lassen.

Matthias Schmidt

16.04.07, 22:37

Es geht, es geht, ich bin happy. Da diskutiere ich tagelang mit dem Entwickler, und ein Forumsmitglied hat die Lösung. Da sieht man es mal wieder.

Also, den Designer-Masken im HS steht nichts mehr im Wege.

cinhcet

16.04.07, 22:44

erstmal: woow, so gefallen mir die visus immer besser, lob an euch!!!
Zum thema ajax, viele denken, dass dies eine eigene programmier sprache ist, doch das ist ein uraltes system, dass microsoft entwickelt hat(HTTPS anfragen). Ist nix neues.
Wenn man sich mit js(javascript) auskennt, lernt man ajax sehr schnell, sind nur ein paar objekte.
Soo, da der HS aber ja nur statische seite unterstützt(also kein js) kann man sich das wieder abschmicken.
Wenn das in zukunft gehen würde, könnte ich euch schnell nen script schreiben, dass einzelne teile einer seite asynchron nachläd)

hier so nen bissle zum anfang:
<script type="text/javascript"></script>
<body onload="setInterval('sendj()', 1000)">
<div id="Ausgabe"></div>
damit wir das ding jede sekunde neu abgefragt, ob sich was verändert hat, der user bekommt das aber nur bei einer änderung mit

mredeker

16.04.07, 23:35

Soo, da der HS aber ja nur statische seite unterstützt(also kein js) kann man sich das wieder abschmicken.
Wenn das in zukunft gehen würde, könnte ich euch schnell nen script schreiben, dass einzelne teile einer seite asynchron nachläd)

Der HS muss kein javascript unterstützen. Javascript ist in den statischen Seiten eingebettet und wird vom Browser ausgeführt. Was soll der HS da machen?

zooka

17.04.07, 11:24

Matthias Schmidt

17.04.07, 11:38

Wir sind gerade dabei, ein erstes komplettes Set für alle Masken zu erstellen. Ist jetzt (nur) noch ein wenig Fleißarbeit. Es fehlen noch die Masken für die Uhren, teilweise für Menü und Query.

Das komplette Set bsteht dann aus:

Hintergrund
allen angepassten Masken (Kamera, Archiv, Werteingabe, Diagramm)
passenden Buttons zur freien Verwendung in der Visu
passenden Statusanzeigen (An/aus, Jalousie, Auf/Zu usw.)

zooka

17.04.07, 12:09

Perfekt!
D.H. das Set kann man dann nachher in Photoshop auf seine eigenen Vorstellungen anpassen?

Ein Freund von mir ist Designer, den wollte ich mal daransetzen für mich eine schicke Visu zu entwickeln, Problem ist nur bisher die Komplexität der ganzen Sache, wenn es ein Set zum starten hat steigt es sicher besser durch.

Wie hast Du es mit den verschiedenen Auflösungen vor, gibt es da schon eine Lösung?

Matthias Schmidt

17.04.07, 14:19

Ich stelle auch die Photoshop-Quelldateien zur Verfügung, wenn gewünscht.

Im Prinzip müsste man sich die Arbeit für jede Auflösung machen, die Matrix wird dann zweidimensional. :mad:

Ich werde mich weiter auf die Auflösung 1024x768 konzentrieren und hier auf die Erstellung unterschiedlicher Designs, aber mit Sicherheit wird der Bestand an Quell-Dateien für andere Auflösungen schnell wachsen.

Meudenbach

17.04.07, 14:32

Ich stelle auch die Photoshop-Quelldateien zur Verfügung, wenn gewünscht.

Gewünscht
:Prost:

zooka

17.04.07, 14:37

dito (werde dann die daraus erwachsene Visu zur Verfügung stellen)!

EIB-TECH

17.04.07, 19:53

EBENFALLS gewünscht :)

markk

17.04.07, 20:12

wäre supper

forrest

18.04.07, 07:01

Super. Wär echt gut.:Prost:

cindom

18.04.07, 20:52

Gut so. !!!

:)

Cindom

Ratz

21.05.07, 12:04

Wie ist der aktuelle Status?
Gibt es inzwischen die Adobe-Beschreibung?

:)

Matthias Schmidt

21.05.07, 13:06

Hi,

nach meinem Kenntnisstand wird aktuell die Designdoku seitens Dacom überarbeitet. Es macht nicht viel Sinn, jetzt eine Beschreibung herauszugeben und das Referenzdokument dazu ändert sich dann kurzfristig. Die Materie ist ein wenig komplex, da sollten die beschreibenden Dokumente schon aufeinander abgestimmt sein (hält das Email-Aufkommen bei mir zuhause niedrig ;)).

Also noch ein paar Tage Geduld!

cindom

22.05.07, 11:14

Dacom ist sicherlich, wie gewohnt, bemüht unsere Wünsche und Anregungen adäquat umzusetzen.

Oft genug haben die uns schließlich auch noch mit neuen Features überrascht.

PS: Sorry sollte kein Tiefschlag sein. :o

cindom

24.05.07, 01:04

Hi,

was haltet Ihr von der "Edel-Wurzelholz-Variante" der Visu ?!?

http://www.hs.cinetech.de/bilder/beta_zsu.jpg

Das Design ist fast komplett fertig in 800 x 480 Pix für UMPC oder N800.

@Matthias: das ist ein Client-Screenshot !

Raphael

24.05.07, 18:34

Hi,

Schön das sich mit dem Design immer wieder was tut.

Liegt vielleicht auch an der schlechten Darstellungsfähigkeit bei solchen Bilder, aber im ersten Blick kann ich nicht viel gemeinsames mit Wurzelholzdesign erkennen.
Zumindest scheint es so, dass es keine grosse Ähnlichkeit mit echtem Wurzelholz hat, und etwas was mir zu künstlich (plastisch) aussieht, würde mir persönlich nicht so sehr gefallen.

Das ist halt eben auch das Problem, wenn man etwas Natürliches originalgetreu darstellen möchte.
Will nicht heissen dass das Design nicht gut aussieht, habe halt nur eine andere Vorstellung von Wurzelholzdesign.
Wenn schon so edeles Material, dann sollte es auch echt aussehen.:)

Aber ansonsten, :respekt: für die Arbeit.

Jürgen

25.05.07, 12:53

Da ich mein Augenmerk in Richtung "portabele Hausfernbedienung" gelegt habe geht meine Visu in Richtung UMPC und Nokia N800.
Cindom

Hallo Cindom!

Dieses Nokia Teil klingt ja ganz interessant. Frage dazu:
Wie wird es verwendet? Mobil und ausgeschaltet auf dem Tisch oder an der Wand im Dauerbetrieb?
Ich überlege gerade, ob es Sinn macht, einen IPAQ mit Kfz Halterung an die Wand zu bringen. Ob so ein Teil Dauerbetrieb verträgt?

Gruß Jürgen

mredeker

25.05.07, 15:31

Hallo Cindom!

Dieses Nokia Teil klingt ja ganz interessant. Frage dazu:
Wie wird es verwendet? Mobil und ausgeschaltet auf dem Tisch oder an der Wand im Dauerbetrieb?

Hi,

ich verwende auch gerade das N800 und bin dabei meinen Fernbedienungswald zu eliminieren. Benutze dafür das IRTtrans.

Bei mir liegt das Ding auf dem Tisch. Das mit dem Dauerbetrieb wird auf http://www.internettablettalk.com/ auch diskutiert, da das Gerät nicht ohne Batterie startet. Die Frage war, wie die Batterie reagiert, wenn das Netzteil immer angeschlossen ist.

@Cindom: Ist Deine GUI für die Web-Darstellung oder für den HS-Client?

Gruß,
--Marcus

cindom

25.05.07, 16:51

ich benutze das N800 als Universal-FB für die Hausfunktionen. (EINE normale FB liegt aber auch noch eine für ALLE HiFi-Geräte auf dem Tisch, die hat einen erheblich höheren WAF)
Das N800 liegt idR. auf dem Tisch und geht in den Standby, nachts wie das Handy einfach laden.

Ich habe vor ewiger Zeit schon mal über Festeinbau von PDAs nachgedacht, auch "laut" mit Michel, denn der könnte Wandeinbauboxen dafür bauen.
Aber wegen der schnellen Modellreihenwechsel und der kleinen Stückzahlen ist das kostenmäßig wohl nicht realisierbar.

Ich benutze zur Darstellung den Browser des N800 in Vollbilddarstellung, also alle 800 x 480 Pixel, leider wird beim Reaload der Seiten ein Statusbar eingeblendet.

Falls da jemand weiß wie man den ggf. wegschalten kann, immer her mit der Info.

Die Sache mit dem Design an sich unterliegt bekanntlich doch sehr stark dem individuellen Geschmack :D . Wurzelholz habe ich bislang noch nicht gesehen, darum...

ich häng gleich noch ein paar Fotos an.

Cindom

cindom

25.05.07, 16:56

Bilder:

http://www.hs.cinetech.de/bilder/DSC02180.JPG

http://www.hs.cinetech.de/bilder/DSC02179.JPG

http://www.hs.cinetech.de/bilder/DSC02178.JPG

mredeker

25.05.07, 20:59

ich häng gleich noch ein paar Fotos an.

Cindom

Hi,
die Bilder sehen ja cool aus. Sind das alles Webseiten, die vom HS erzeugt werden? Also auch die Seiten zur Bedienung von Hifi etc?

Wir schickst Du die Kommandos vom HS zu den Hifi Geräten? Irtrans?

Gruß,
--Marcus

cindom

25.05.07, 21:08

Hi,
die Bilder sehen ja cool aus. Sind das alles Webseiten, die vom HS erzeugt werden? Also auch die Seiten zur Bedienung von Hifi etc?

Wir schickst Du die Kommandos vom HS zu den Hifi Geräten? Irtrans?

Gruß,
--Marcus

-alles vom HS erzeugt
-ja, IR-Trans

keldan2

28.06.07, 12:48

-ja, IR-Trans

Komisch in den technischen Spezifikationen des N800 heisst es das das N800 überhaupt keine IrDa hat.

Wenn doch handelt es sich um eine Consumer-IrDa ??

Wie ist die Reichweite ??

Danke und Gruß
Daniel

mredeker

28.06.07, 13:12

Bei IRtrans handelt es sich um einen externen netzwerkfähigen Infrarot-Transmitter.
Siehe http://www.irtrans.de (http://www.irtrans.de/)

--Marcus

keldan2

28.06.07, 13:37

Bei IRtrans handelt es sich um einen externen netzwerkfähigen Infrarot-Transmitter.
Siehe http://www.irtrans.de (http://www.irtrans.de/)

--Marcus

Ja das ist mir schon klar, aber irgendwie muss ich die Befehle an den Infrarot-Transmitter schicken damit er diese über LAN weiterschickt. Das macht unser Vorredner CINDOM doch mit seinem Nokia N800, aber laut Herstellerseite bietet das N800 keine Infrarotschnittstelle.
Gruß
Daniel:bahnhof:

...oder ist es genau umgekehrt also Kommunikation via WLAN mit dem N800 zum HS und dann via IR-Transbox AUdiogeräte schalten ??

mredeker

28.06.07, 14:30

Ja das ist mir schon klar, aber irgendwie muss ich die Befehle an den Infrarot-Transmitter schicken damit er diese über LAN weiterschickt. Das macht unser Vorredner CINDOM doch mit seinem Nokia N800, aber laut Herstellerseite bietet das N800 keine Infrarotschnittstelle.

Der irtrans nimmt die Befehle per LAN entgegen und erzeugt infrarot.

--Marcus