Diverse Anfängerfragen

[Homoran]

Sorry ich wollte die Punkte einzeln abarbeiten, damit es für dich übersichtlicher bleibt.

Was die Multiplattformunterstüzung angeht gibt es zwei Ansätze.

Erstens du baust dir für jede Auflösung (oder jedes Gerät) einen View.

Irgendwie kann man auch einstellen, dass ein View bei einer bestimmten nativen Auflösung der Standardview ist (habe ich nur noch nie gemacht) Man kann sogar dadurch automatisch einen anderen View laden wenn man das Handy/Tablet um 90° dreht.

Der zweite Ansatz ist alles z.B. in fullHD anzulegen und Hoffen, dass du einen Browser auf deinem Device hast, der das automatisch skaliert. So hatte ich das bei DashUI und auch bei ioBroker gemacht.

Gruß

Rainer

[Harry-IO-HM]

Danke Euch. Da hab ich echt noch was vor mir

Node Red hab ich jetzt schon einmal eingesetzt. Aber wie ich darüber einen Aktor triggere, muss ich noch lernen.

Zu der Einbettung: hatte einfach mal das HTML-Widget genommen und den Code durch reingepastet. Funzt aber nicht.

Btgl. Multiplattform kann ich ja mal versuchen, ob das mit der Skalierung geht.

Aber auf der anderen Seite: auf 9" kriegt man einfach mehr drauf als auf 5" - egal wie die Auflösung ist

Also werde ich wohl ohnehin nicht drumrum kommen, mind. 2 verschiedene "Apps" zu bauen - eine für Tablets und eine für Phones.

• Harald

[Homoran]

@Harry-IO-HM:

Node Red hab ich jetzt schon einmal eingesetzt. Aber wie ich darüber einen Aktor triggere, muss ich noch lernen. `
Willst du durch einen Aktor node-red triggern, oder soll node-red einen Aktor schalten?

@Harry-IO-HM:

Zu der Einbettung: hatte einfach mal das HTML-Widget genommen und den Code durch reingepastet. Funzt aber nicht. `
:? :? :?: :?: :?:

Was wolltest du einbetten und welchen code?

@Harry-IO-HM:

auf 9" kriegt man einfach mehr drauf als auf 5" - egal wie die Auflösung ist `
Nope, du brauchst notfalls nur eine Lupe

@Harry-IO-HM:

Also werde ich wohl ohnehin nicht drumrum kommen, mind. 2 verschiedene "Apps" zu bauen - eine für Tablets und eine für Phones. `
Das was du wahrscheinlich mit "Apps" meinst, heisst hier "Views"

Viel Spaß

Rainer

[pix]

@Harry-IO-HM:

• Rolläden: habe ja nicht nur HM-Aktoren, sondern steuere teilweise meine alte Funktechnik über Relais-Aktoren an. D.h. ich muss für "Rolladen ab" 2 Kommandos schicken: Relais öffnen, und 1 Sek später Relais schließen. Durch welches Widget kriege ich das umgesetzt, so dass ich mit zwei Buttons (hoch/runter) die Rolläden steuern kann?

• Multi-Plattform-Unterstützung. Ich möchte die Visualisierung für verschiedene Endgeräte (Tablet, Phone) umsetzen. Kann ich das relativ einfach über Style Sheets oder ähnlich erledigen? Oder muss ich für jedes Endgerät separate Views bauen? `
  Hallo Harald,

du kannst auch den Szenenadapter iobroker.scenes installieren. Darin legst du eine Szenen an (zB Rollladen_auf) und fügst die nötigen Schritte untereinander in die Szene ein:

Relais öffen (ohne Verzögerung)

Relais schließen (1s Verzögerung oder 1000ms)

das geht auch für mehrere Rollläden gleichzeitig.

Die Szene kannst du aus VIS triggern mit scene.0.Rollladen_auf Wert true (ctrl val Widget)

Ich habe für verschiedene Endgeräte verschiedene Projekte in VIS angelegt. Innerhalb jedes Projekts finden sich die VIEWS. Nicht ein Projekt mit verschiedenen Ansichten für verschiedne geräte bauen, sondern Projekte nutzen. Es werden nämlich beim Laden des projektes ALLE Views des Projektes geladen. Wenn du ein Projekt für ein Smartphone für unterwegs (VPN) baust, werden auch nur die im Projekt erstellten Views geladen. Das spart Datenvolumen und bringt Geschwindigkeit.

Gruß

Pix

[nobody]

Ich hab mir die pvoutput.org Skripte mal angesehen.

Die Script-Tags direkt in ein HTML-Widget übernehmen geht nicht, weil kein aktueller Browser aus Sicherheitsgründen den Code von einem fremden Server läd. (Cross Side Scripting).

Würde auch nicht funktionieren, weil das document.write Statement den VIS-Output komplett überschreibt.

Gibt aber eine andere Lösung:

Eine HTML-Datei erstellen, die die Diagramme anzeigt und im Web-Verzeichnis ablegen.

Ein iFrame-Widget nehmen und die Datei als Quelle zuordnen. Klappt mit den öffentlich zugänglichen Diagrammen soweit.

[Harry-IO-HM]

Vielen vielen Dank für die Tipps!

Habe sowohl die Umsetzung mittels scenes hinbekommen (hat mich zwar ein paar graue Haare gekostet, ehe ich kapiert hatte, was welcher Parameter und welche Häkchen bedeutet) als auch den Trick mit dem HTML-Code in Datei und danach als iFrame.

Perfekt!

[cvidal]

@pix:

Ich habe für verschiedene Endgeräte verschiedene Projekte in VIS angelegt. Innerhalb jedes Projekts finden sich die VIEWS. Nicht ein Projekt mit verschiedenen Ansichten für verschiedne geräte bauen, sondern Projekte nutzen. Es werden nämlich beim Laden des projektes ALLE Views des Projektes geladen. Wenn du ein Projekt für ein Smartphone für unterwegs (VPN) baust, werden auch nur die im Projekt erstellten Views geladen. Das spart Datenvolumen und bringt Geschwindigkeit.

Gruß

Pix `

Hallo, etwas her deine Antwort aber ich versuchs mal.

Ich bin auch gerade dabei für mein zweites Endgerät Views zu erstellen, okay den Tip mit mehreren Projekten habe ich verstanden.

Ich gehe auf die Views über die Cloud, ich hab mir Quasi eine Homebildschirm verknüpfung meines Chrome Browsers aus Tablat und einmal auf Handy erstell, aber wie kann ich denn vorgeben das mein Handy ein anderes Projekt läd als das Tablet?

Gruß Christian

[Dutchman]

@cvidal:

aber wie kann ich denn vorgeben das mein Handy ein anderes Projekt läd als das Tablet? `

dieser frage schliesse ich mich an, wuerde auch gern wissen wie ich ein telefoon/tablet/pc zum richtigen project routen kan.

~Dutch

[RappiRN]

Meint ihr beide das hier?

Der gelb markierte Teil ist der Projektname (Test) und dahinter kommt dann der Viewname mit "#" (01-Hauptseite).

Enrico

[Dutchman]

Jup, aber wir suchen die logic:

Ich bin ein telefoon = project 1

Ich bin ein tablet = project 2

Ich bin ein pc = project 3

Mochten aber einen link benutzen und auf das richtige Project kommen

~Dutch

–-----------------------

Send from mobile device

[RappiRN]

Vielleicht hilft euch ja sowas (http://blog.julitec.com/dev/mit-javascript-mobile-ger%C3%A4te-erkennen) weiter, wenn ich das richtig überflogen habe kann man per javascript die Bildschirmbreite abfragen und daraus kann man doch dann bestimmt einen entsprechenden Link formen. Ich kann leider nicht viel Javascript aber vielleicht hilft irgendjemanden der Hinweis.

Enrico

[Dutchman]

@RappiRN:

Vielleicht hilft euch ja sowas (http://blog.julitec.com/dev/mit-javascript-mobile-ger%C3%A4te-erkennen) weiter, wenn ich das richtig überflogen habe kann man per javascript die Bildschirmbreite abfragen und daraus kann man doch dann bestimmt einen entsprechenden Link formen. Ich kann leider nicht viel Javascript aber vielleicht hilft irgendjemanden der Hinweis.

Enrico `

Klinkt interessant, Link geht aber nicht ?

–-----------------------

Send from mobile device

[RappiRN]

Bei mir geht das, hier nochmal der Text:

http://blog.julitec.com/dev/mit-javascr … e-erkennen

Enrico

[Dutchman]

@RappiRN:

Bei mir geht das, hier nochmal der Text:

http://blog.julitec.com/dev/mit-javascr … e-erkennen

Enrico `

…..

~~<link_text text="https://uploads.tapatalk-cdn.com/201706 ... d0025c.jpg">https://uploads.tapatalk-cdn.com/20170614/ab66edd8f479612539c2e62a54d0025c.jpg</link_text>" />

–-----------------------

Send from mobile device~~

[RappiRN]

Na dann nochmal der Google-Link wo ich den ersten treffer genommen habe. Ich hoffe, das liegt nicht am deutschen "ä"!

https://www.google.de/?gws_rd=ssl#q=mit … p+abfragen

Enrico

[Dutchman]

Jup danke, 2 Fragen können dann:

• kehrt vis diese Funktionen (kan man probieren)

• kennt vis die Möglichkeit Resolution zu setzen (wen ja wie?)

~Dutch

–-----------------------

Send from mobile device

[RappiRN]

Ich würde jetzt denken, dass man entsprechende Projekte mit den Auflösungen erstellt, die gebraucht werden und über diese Javascript-Abfrage der Link auf das richtige Projekt "gelenkt" wird.

Mehrere Projekte würde ich deshalb machen, weil man zwar die Auflösung/Bildgröße anpassen kann, aber möglicherweise das Bild, wenn auch nur leicht, verzerrt dargestellt werden würde (16:9,16:10,4:3 usw.).

Enrico

[pix]

Hallo,

ich habe es nicht probiert und heute auch keine Zeit mehr dafür. Aber es sollte funktionieren innerhalb eines Projektes für die verschiedenen Endgeräte/Auflösungen jeweils eine Homeview zu basteln und diese als default zu markieren.
Also Views erstellen und Reiter Tools öffnen:

• Home_iPhone, Auflösung "iPhone Portrait "und default anklicken

• Home_Tablet, Auflösung "iPad Landscape" und default anklicken

• Home_HD, Auflösung "Full HD Landscape" und default anklicken

Innerhalb dieser Home-Views würde ich nun auch andere Navigationsziele einstellen, zum Beispiel "Heizung_HD", "Heizung_iPhone", etc.

Alternativ:

Sicher kann man auch verschiedene Projekte machen. Wenn man viele Views hat, bringt das mehr Übersicht. Dann empfiehlt sich vielleicht eine "Landing Page" nach obigen Muster. Darin liegt ein HTML Widget mit drei normalen HTML-Links zu den entsprechenden Projekten

[iPhone Home](http://192.168.XXX.XXX:8082/vis/index.html?iPhone#Home)
[iPad Home](http://192.168.XXX.XXX:8082/vis/index.html?iPad#Home)
[HD Home](http://192.168.XXX.XXX:8082/vis/index.html?HD#Home)

Die Links kann man mit CSS aufhübschen 8-)

Gruß

Pix

[cvidal]

Danke für die vielen Rückmeldungen und Ideen, werde ich mal Testen sobald ich die Zeit dafür habe. Ich gebe dann mal Rückmeldung

Gruß Christian

[cvidal]

Hi zusammen.

Ich habe das jetzt so gemacht das ich nur ein Projekt erstellt habe mit mehreren Views für verschiedene Endgeräte.

Nun habe ich eine Homeseite fürs Ipad, ich bin dann mit dem Ipad auf die View gegangen und habe mir den Link der Homeseite auf den Homebildschirm mit einer Verknüpfung erstellt mit den jeweiligen Widgets in der Homeview komme ich dann zu den anderen Views die ich fürs Ipad bestimmt habe.

Das selbe habe ich nochmal für mein Handy gemacht.

Wenn ich nun auf meinem Ipad die Vis öffne lädt das Gerät doch nicht die Views im Hintergrund vom Handy weil die ja nicht verknüpft sind oder?

Wozu brauche ich dann den Default Button wenn ich direkt auf die Homeview einen Link erstelle?

Gruß Christian