Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄

[jogibear9988]

Kennst du dichen denn gut mit HTML/CSS aus?

[IobNordlicht]

@jogibear9988

Kennst du dichen denn gut mit HTML/CSS aus?
@woupi sagte in Grundsätzliche Fragen zur Visualisierung:

Das Hauptproblem ist denke ich, dass ich zu viel um die Ohren und auf der anderen Seite überhaupt keine Ahnung von Programmieren bzw VIS habe.
:wink:

Woupi, ändere doch mal den Titel des Threads in Richtung "Sollte ich gleich mit vis-2 loslegen?" oder so ähnlich, dann bekommst du bestimmt eine interessante Diskussion, die mich auch brennend interessieren würde.

[MartinP]

@mcm57 said in Grundsätzliche Fragen zur Visualisierung:

Ich kann dich gut verstehen. Geht mir ähnlich.
Über so halbherzige eher demo Vis Versuche bin ich noch nicht rausgekommen.

Wenn du - und so les ich deinen Beitrag - de facto eine Vis neu aufbauen willst, würd ich auf vis-2 setzen. vis-1 erhält unverändert Fehlerbehebungen - mehr ist aber nicht zu erwarten. Vis-2 ist was ich so mitbekomme - derzeit primär dadurch belastet, dass bei vielen existierenden Widgets nicht klar ist ob diese für vis-2 geeignet sind. An echten Fehlern ist Foxriver aktiv dran - diese sollten eher rasch behoben werden. Da such da eine Migration vis(1) auf vis-2 nicht wirklich möglich ist seh ich wenig Gründe erst in der Zukunft zu migrieren.

Das Killerargument gegen eine Migration schon jetzt steht doch in Deinem Post...

Es ist wohl gerade eine schlechte Zeit, sich intensiv mit VIS zu beschäftigen.

[ignis-draco]

@woupi

So wie es klingt, hast du einfach ein Problem damit zu wissen, was du willst. Auch wenn du "Ahnung von Programmieren"
hättest wäre das nicht besser.

Mein Tipp wäre mit dem ganzen Projekt etwas strukturierte zu starten.

1. Nimm dir einen Zettel und schreibe auf was an Informationen du benötigt.
   • damit meine ich z.b. Fenster offen, Licht an, Temperatur

Damit kannst du dann schon mal absehen wie groß das ganzen wird.

3. Nimm ein Zettle und male ein Bild wie du dir die Oberfläche vorstellst
   • Dabei wirst du automatisch anfangen, die Informationen zu gruppieren.

Jetzt hast du einen Plan, wenn du beim Umsetzten dich da nach und nach dran lang hangelste sollte am Ende was Brauchbares herauskommen.

Und mit dem Bild kann man auch einfacher Hausfinden welche Visualisierung die Richtige für dich ist (es gibt nämlich mehr als nur vis1 und vis2)

[mcm1957]

@martinp said in Grundsätzliche Fragen zur Visualisierung:

Das Killerargument gegen eine Migration schon jetzt steht doch in Deinem Post...

Wir reden nicht von einer MIGRATION, Da stimm ich dir zu, die sollte mal abwarten

Aber bei einer NEUERSTELLUNG ist das kein Problem wenn ein Widget nicht verfügbar ist. Dann muss ich von Haus aus mit einem anderen planen und arbeiten. Es werden sicher nicht alle Widgets vis-2 tauglich werden. Und es wird widgets geben die nur in vis-2 verfügbar sind. Problem sehe ich, wenn ich alles fertig mit Widgets xyz habe und die dann nie für vis-2 verfügbar werden.

[Homoran]

@woupi sagte in Grundsätzliche Fragen zur Visualisierung:

Das Hauptproblem ist denke ich, dass ich zu viel um die Ohren und auf der anderen Seite überhaupt keine Ahnung von Programmieren bzw VIS habe.

vis, egal welche Version, ist dermaßen umfangreich dass man es nicht "mal eben" alles genau so hinbekommt wie man es erwartet. Sobald man es sieht was man geschaffen hat, will man es anders.

Keine Ahnung von programmieren ist eigentlich kein Hindernis.
Oft steckt hinter dieser "Ausrede" aber auch die fehlende strukturierte Herangehensweise.

Dazu haben dir bereits andere was geschrieben.

Aber sei beruhigt.
Meine vis "lebt" seit 10 Jahren und eird ständig umgebaut, weil sich tatsächlich auch die Informationsquellen und Interessen ändern.

Und das ist nicht nur bei mir so

[jogibear9988]

@ignis-draco

deswegen hatte ich z.B. gefragt.

Wenn man sich nämlich gut mit HTML/CSS auskennt, dann würd ich z.B. meine webUi empfehlen, da man dort parallel direkt im HTML Code arbeiten kann.
Dafür gibts aber eben nicht so eine große auf IOB spezialisierte Widgetbibliothek

sieht dann z.B. so aus:

[da_Woody]

@jogibear9988 sagte in Grundsätzliche Fragen zur Visualisierung:

gut mit HTML/CSS auskennt

glaub ich gerne, hab auch mal reingelinst. allerdings scheiterts bei mir am CSS. webseiten hab ich früher im text editor geschrieben, ohne wysiwyg. so wie auch damals DOS, an musste ich mich erst gewöhnen und hab nach wie vor so meine probleme.
vis ist halt echt hardcore, für mich. aber es gibt ja auch andere visus...

[jogibear9988]

@da_woody said in Grundsätzliche Fragen zur Visualisierung:

@jogibear9988 sagte in Grundsätzliche Fragen zur Visualisierung:

gut mit HTML/CSS auskennt

glaub ich gerne, hab auch mal reingelinst. allerdings scheiterts bei mir am CSS. webseiten hab ich früher im text editor geschrieben, ohne wysiwyg. so wie auch damals DOS, an musste ich mich erst gewöhnen und hab nach wie vor so meine probleme.
vis ist halt echt hardcore, für mich. aber es gibt ja auch andere visus...

Hardcore???

ChatGpt:

HTML & CSS in webui kopiert:

okay, im CSS musste ich anpassen, "body" durch ":host" ersetzen, da alles in einer Webcomponente läuft.

[da_Woody]

@jogibear9988 sagte in Grundsätzliche Fragen zur Visualisierung:

ChatGpt:

tja, wer selbst nicht kann...
abgesehn davon hab ich von vis getippt, nicht von einer anderen visu. derer es ja einige schon gibt.

[woupi]

@jogibear9988

HTML ja, CSS weniger, ist mir aber auch nicht unbekannt.

[jogibear9988]

@woupi
dan kannst dir webUi anschauen, da arbeitest eher direkt mit HTML/CSS. Gibt natürlich auch ne klick UI, aber man ist schon nahe am Quellcode

Kannst ja auf mein Live System schauen: http://129.159.205.3:8082/webui/index.html

[woupi]

@iobnordlicht
Habe ich dir zu liebe mal ein wenig angepasst.
Wenn es mehreren Hilft ist es ja auch besser.

[woupi]

@ignis-draco

Du hast verdammt recht damit. Und genau so habe ich gestern auch angefangen.
Erstmal ein Blatt und aufschreiben.

Und ein screen zeichnen kann auch nicht schaden.

Danke

[woupi]

@homoran

Danke für das Mut machen.
Ja es scheint irgendwie kein Licht am ende des Tunnels zu sein, so habe ich das Gefühl.
Wenn ich mansche Visualisierungen hier sehe, frag ich mich immer ob ich einfach zu bl... dafür bin, oder ob die 24h/365d Zeit dafür haben. Die hauen mich immer um.

Aber gut, irgend wann und irgend wie muss ich mal anfangen und das mit dem Blatt ist glaube ich erstmal eine sehr gute Herangehensweise.

[woupi]

@da_woody
Das kann ich gut nachvollziehen. Bei mir ist es genauso.
Angefangen bei 386 mit DOS und 2001 eine zweite Ausbildung zum IT-Systemelektroniker gemacht. Da habe ich dann mehrere Monate auch nur im Texteditor HTML aber auch PHP geschrieben. Da dann mit MySQL als Datenbank.
Nach der Ausbildung habe ich aber nichts mehr in der Richtung gemacht, außer halt das so normale was man halt so macht.

[da_Woody]

@woupi naja, ausbildung hats bei mir in der richtung nie gehabt. autoditakt.
angefangen C64, Amiga und so weiter...
ich lern auch gerne mit knapp 60 noch was, aber warum soll ichs mir zu schwer machen.
durch ioB bin ich etwas näher zu linux gekommen. ich verwende halt adapter und fummel nicht mit js und blockly rum. hab ja auch noch andere hobbys und frau wau. die braucht auch ihre zeit.
wie gesagt, mir ist vis zu komplex, hab einiges probiert, bin aber dann bei iQontrol hängen geblieben.

[MartinP]

@mcm57 Ich meinte mit "Es ist wohl gerade eine schlechte Zeit, sich intensiv mit VIS zu beschäftigen." dass man sozusagen aktuell zwei Tode sterben kann...

1. Umsteiger wird ggfs mit Workarounds und Basteleinen leben müssen, wenn er seine VIS 1.x Dashboards portieren will

2. Neueinsteiger muss ebenso bei Vis 2.x erstmal mit einem begrenzten Vorrat auskommen müssen...

Vielleicht ist (2) nicht ganz so schlimm, wie (1). Ein wenig Überschaubarkeit ist für einen Neueinsteiger ggfs. gar nicht schlecht ...

[manuxi]

@ignis-draco full ack.

Zur Vis-2 kann ich nocht nicht wirklich was sagen, ich suche noch nach Infos und muss mich noch ein wenig motivieren ;)

Falls Du aber anfangen willst, Dich damit auseinanderzusetzen, so hab ich angefangen:

Erstmal die auf jeder Seite festen Elemente bestimmen, z.B. Header und Navigation.

Die bauen.

Dann auf einer View platzieren und Platzhalter für weitere Views (nenn ich mal SE; z.B. Beleuchtungssteuerung, Fenster-Status, usw....) bestimmen. Dann kann diese View immer wieder kopiert und mit SE befüllt werden.

Die SE sind bei dann auch wieder Views. Darin können auch wieder welche sein.

Vorteil: eine View macht nur eine Aufgabe.

Bei Benennungen von Views (und den Widgehts, die eingefügt werden) bin ich sehr beschreibend, damit auch nach längerer Zeit der Überblick nicht verloren geht (z.B. Viewname: "Wetter_Temperatur_Skala", in der Navi unter Wetter -> Temperatur -> Skala erreichbar).

Vis-1 habe ich bei mir pixelgenau an mein Tablet (1280x800) festgezurrt. Das war leider nicht wirklich anders machbar.
Das ist hoffentlich bei der Vis-2 anders. Bin ja eigentlich Bootstrap-Fanboy ;)

[manuxi]

@da_woody sagte in Grundsätzliche Fragen zur Visu. direkt mit VIS 2 starten?:

allerdings scheiterts bei mir am CSS

Hm,d ie meisten Eigenschaften des Widgets kannst Du (jedenfalls in Vis-1) doch per Formular anpassen: