Floorplan im LCARS Design: Unterschied zwischen den Versionen

Aus FHEMWiki
K (Link zum Forenthread hinzugefügt)
K (Forenlinks auf Vorlage umgestellt; Seite kategorisiert; diverse kleine Änderungen)
Zeile 1: Zeile 1:
In diesem Wiki geht es um die Erstellung eines Floorplans im '''LCARS Design''', siehe [https://www.google.de/search?q=LCARS&client=opera&hs=3Zm&tbm=isch&tbo=u&source=univ&sa=X&ei=W2czVcmtKIOksAGp0oCICA&ved=0CCEQsAQ&biw=1920&bih=971/ LCARS Beispiele].
In diesem Wiki geht es um die Erstellung eines [[FLOORPLAN|Floorplans]] im '''LCARS Design''', siehe [https://www.google.de/search?q=LCARS&client=opera&hs=3Zm&tbm=isch&tbo=u&source=univ&sa=X&ei=W2czVcmtKIOksAGp0oCICA&ved=0CCEQsAQ&biw=1920&bih=971/ LCARS Beispiele].


Es gibt auf [http://fhem.de/fhem.html/ Fhem.de] einen [http://fhem.de/forum_22336.jpg Screenshot] eines Floorplans im LCARS Design.
Es gibt auf Fhem.de einen [http://fhem.de/forum_22336.jpg Screenshot] eines Floorplans im LCARS Design.


In [http://forum.fhem.de/index.php/topic,22336.msg180850.html#msg180850 diesem Forumsthread] tauchte obiges Design erstmals von Tion auf. Die angesprochenen Dateien sollten auch dort zu finden sein, werden nach und nach auch hier eingebunden.
In {{Link2Forum|Topic=22336|Message=180850|LinkText=diesem Forenbeitrag}} tauchte obiges Design erstmals auf, entwickelt wurde es von Forenbenutzer {{Link2FU|4194|Tion}}. Die angesprochenen Dateien sollten dort zu finden sein, werden nach und nach auch hier eingebunden.


== Erstellung eines Floorplans ==
== Erstellung eines Floorplans ==
Zeile 10: Zeile 10:
<pre>define Status FLOORPLAN</pre>
<pre>define Status FLOORPLAN</pre>
um einen Status Übersichts FP anzulegen.  
um einen Status Übersichts FP anzulegen.  
===drag & drop===
 
=== drag & drop ===
Setzt man das Attribut "fp_arrange" auf "1" mit  
Setzt man das Attribut "fp_arrange" auf "1" mit  
<pre>attr Status fp_arrange 1</pre>
<pre>attr Status fp_arrange 1</pre>
können Geräte, Buttons usw. per drag & drop auf dem Floorplan platziert werden.
können Geräte, Buttons usw. per drag & drop auf dem Floorplan platziert werden.


Um zu prüfen, ob alles bis hierhin geklappt hat, kann man links oben im Fhem-Navigationsmenü auf den (neuen, sofern es euer erster Floorplan ist) Reiter "Floorplan" klicken. Daraufhin öffnet sich ein neues Fenster, indem der soeben erstellte Floorplan (im obigen Beispiel "Status") erscheinen sollte. Klickt man nun auf "Status", sieht man die Floorplan Seite.
Um zu prüfen, ob alles bis hierhin geklappt hat, kann man links oben im Fhem-Navigationsmenü auf den (neuen, sofern es euer erster Floorplan ist) Reiter "Floorplan" klicken. Daraufhin öffnet sich ein neues Fenster, in dem der soeben erstellte Floorplan (im obigen Beispiel "Status") erscheinen sollte. Klickt man nun auf "Status", sieht man die Floorplan Seite.
[[Datei:FP_Definiton.jpeg|200px|thumb|right|Definition]]
[[Datei:FP_Definiton.jpeg|400px|thumb|right|Definition eines Floorplan]]


Wichtig ist, immer wieder den ''Save Config'' Button zu drücken, um die Änderungen zu speichern.
Wichtig ist, immer wieder den ''Save Config'' Button zu drücken, um die Änderungen zu speichern.


===stylesheetPrefix===
=== stylesheetPrefix ===
Als nächstes muss für die entsprechenden Webinstanz das Attribut '''stylesheetPrefix''' gesetzt werden,  
Als nächstes muss für die entsprechenden Webinstanz das Attribut '''stylesheetPrefix''' gesetzt werden,  
<pre>attr WEBtablet stylesheetPrefix kirk1</pre>
<pre>attr WEBtablet stylesheetPrefix kirk1</pre>
Damit wird der Webinstanz '''WEBtablet''' das Attribut stylesheetPrefix = '''kirk1''' zugewiesen. In der Standard-Fhem-Installation ist die Webinstanz WEBtablet über '''''http://IP:8085''''' zu erreichen.
Damit wird der Webinstanz '''WEBtablet''' das Attribut stylesheetPrefix = '''kirk1''' zugewiesen. In der Standard-Fhem-Installation ist die Webinstanz WEBtablet über '''''http://IP:8085''''' zu erreichen.
'''kirk1''' entspricht dabei einer .css Datei, welche sich im Verzeichnis '''/opt/fhem/www/pgm2/''' der Fhem-Installation befinden muss, z.B. die Datei kirk1svg_style.css
'''kirk1''' entspricht dabei einer .css Datei, welche sich im Verzeichnis '''/opt/fhem/www/pgm2/''' der Fhem-Installation befinden muss, z.B. die Datei kirk1svg_style.css
[[Kategorie:Interfaces]]

Version vom 19. Mai 2015, 07:33 Uhr

In diesem Wiki geht es um die Erstellung eines Floorplans im LCARS Design, siehe LCARS Beispiele.

Es gibt auf Fhem.de einen Screenshot eines Floorplans im LCARS Design.

In diesem Forenbeitrag tauchte obiges Design erstmals auf, entwickelt wurde es von Forenbenutzer Tion . Die angesprochenen Dateien sollten dort zu finden sein, werden nach und nach auch hier eingebunden.

Erstellung eines Floorplans

define <NAME> FLOORPLAN

<NAME> steht für den Namen des Floorplans, z.b.

define Status FLOORPLAN

um einen Status Übersichts FP anzulegen.

drag & drop

Setzt man das Attribut "fp_arrange" auf "1" mit

attr Status fp_arrange 1

können Geräte, Buttons usw. per drag & drop auf dem Floorplan platziert werden.

Um zu prüfen, ob alles bis hierhin geklappt hat, kann man links oben im Fhem-Navigationsmenü auf den (neuen, sofern es euer erster Floorplan ist) Reiter "Floorplan" klicken. Daraufhin öffnet sich ein neues Fenster, in dem der soeben erstellte Floorplan (im obigen Beispiel "Status") erscheinen sollte. Klickt man nun auf "Status", sieht man die Floorplan Seite.

Datei:FP Definiton.jpeg
Definition eines Floorplan

Wichtig ist, immer wieder den Save Config Button zu drücken, um die Änderungen zu speichern.

stylesheetPrefix

Als nächstes muss für die entsprechenden Webinstanz das Attribut stylesheetPrefix gesetzt werden,

attr WEBtablet stylesheetPrefix kirk1

Damit wird der Webinstanz WEBtablet das Attribut stylesheetPrefix = kirk1 zugewiesen. In der Standard-Fhem-Installation ist die Webinstanz WEBtablet über http://IP:8085 zu erreichen. kirk1 entspricht dabei einer .css Datei, welche sich im Verzeichnis /opt/fhem/www/pgm2/ der Fhem-Installation befinden muss, z.B. die Datei kirk1svg_style.css