UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?

[OliverIO]

Neue Version 0.0.6

• Umstellung auf Client/Server-Abfrage
• Reduzierung der übertragenen Datenmenge.

Das Widget läuft nun erheblich schneller, da nun nicht mehr alle Daten zu beginn in den Browser geladen werden, sondern nur noch eine reduzierte Menge, die zur ersten Anzeige notwendig ist. Die Details zu einzelnen Sendungen werden dann bei Klick auf eine Sendung adhoc vom Server abgerufen.
Nachteil ist, das sich der RAM-Bedarf des adapters auf Server-Seite erhöht hat.
Bei mir benötigt der Adapter bei 5 geladenen Tagen ca 90-110MB.

Bitte testen. Wenn der Teil erfolgreich getestet wurde, kommen die beiden folgenden Punkte.
Eine kleine Abstimmung wäre schön. Ebenso Vorschläge für das Navigationsproblem (bei beiden Punkten)

• Navigation
  Tag vor/zurück
  Hier bin ich mir noch nicht sicher, wo ich die Navigation am besten platziere, so das sie sich harmonisch in Gesamtbild einfügen. Eigentlich passen sie nirgends so richtig hin ohne einen neuen Bereich oben unten links rechts zu eröffnen. evtl habt ihr ja Vorschläge

• ZoomIn/Out, sowie konfigurierbare Zeilenhöhe
  Dynamisch mehr oder weniger Platz auf der Zeitleiste.
  Da ja manche Sendungen sehr kurz sind, sind die Texte nicht alle lesbar. Daher sollte man ebenso "hineinzoomen" können. Auf einem Tablet oder Gerät mit Touchfunktion sollte das mit Pinch umgesetzt werden. Für Desktops benötigen wir einen Plus/Minus-Knopf (auch hier das Problem der Navigation)
  Aktuell hat eine halbe Stunde einen vorgegebenen Wert von 120px, je nach Zoom soll hier ein andere Größe in die Berechnung einfließen. Ausprobieren muss ich, ob ich das stufenlos machen kann oder ob ich nur vielfache von 120/60/30 nehmen kann, so das das Layout bündig berechnet wird.

Anmerkung: 2 Widgets oder mehr auf einmal gehen noch nicht.

[Knallochse]

@oliverio Ich habe mir gerade die 0.0.6 installiert. (alte Instanz gelöscht; Adapter geupdatet ; neue Instanz erzeugt)
Leider wird im Objektbaum nur folgendes angezeigt, und ich weiß nicht was ich im Widget als "tvprogram-oid: angeben soll

[OliverIO]

@knallochse

Nimm config

Danke für den Hinweis, nimm den config-Datenpunkt.
Ich habe das widget so programmiert, das es eigentlich nur den instance namen braucht (tvprogram.0)
Den Rest sucht er sich selbst zusammen.
Theoretisch würde auch der connectionDP reichen.

Hier das readme des adapters

Widgets
Time
Currently only the widget "time" exists. This shows the current TV program on a timeline by TV channel.

To set it up, the adapter must have already accessed and filled the necessary data points. In the configuration, the widget only needs to be filled with any data point of the adapter. The widget searches for all remaining data points automatically.

[Knallochse]

@oliverio said in Test Adapter tvprogram:

tvprogram.0

Ich habe den config-Datenpunkt eingegeben . Jetzt sieht es so aus

Wo wird denn jetzt die Datenbank abgelegt, so dass ich Prüfen kann, ob diese befüllt wird.

Edit: Habe es gefunden (Sieht das gut aus - von der Dateigröße?)

[OliverIO]

@knallochse
Unter Linux im folgenden Ordner
/opt/iobroker/iobroker-data/tvprogram

Führe bitte auf der Konsole zur Sicherheit den folgenden Befehl aus:

iob upload tvprogram

ich hatte in der package.json was geändert und trotz löschen der instanz wusste iobroker erst nach dem upload über die Änderung Bescheid.
Aus Entwicklungstechnischen gründen kann ich bei mir den Adapter nicht löschen

[OliverIO]

@knallochse
ja größen passen.
die Originalgrößen aus der quelle sind nochmal doppelt so groß und zum Browser werden für einen tag nur ca 250kb übertragen. der Rest sind die texte zu den einzelnen Sendungen.

[Knallochse]

@oliverio Also der Upload über die Kommandozeile hatte nicht geholfen (hatte ich auch nach dem Update über die Admin Oberfläsche gemacht)
Also habe ich nochmal die Instanz und den Adapter deinstalliert & Datenbank-Ordner gelöscht.
Dann Adapter neu installiert und Instanz erzeugt.
Was mir gleich im Objektbaum auffiel : Datenpunkt "tvprogram.admin" (war vorher nicht da)

Also Vis Editor geöffnet und siehe da

PS.: Beim rumspielen ist mir der Vis-Editor abgeschmiert. Habe ich neu gestartet - bis jetzt geht es.
Erster Eindruck deines überarbeiteten Adapters - um einiges flüssiger

Ich test weiter

Vielen Dank

[Knallochse]

@oliverio said in Test Adapter tvprogram:

Eine kleine Abstimmung wäre schön. Ebenso Vorschläge für das Navigationsproblem (bei beiden Punkten)

Ich versuche mal meine Gedanken (Vorschläge) verständlich zu formulieren.
Zur Navigation:
Wenn es noch zusätzliche Button (Tag vor/zurück; 20:15 UHR? etc..) geben soll, dann würde ich diese mit in die Kopfleiste integrieren, da Sie ja Thematisch zur Zeitleiste gehören.

Zur Obtik:
Momentan ist der Gesamteindruck doch sehr überladen. Bessere Lesbarkeit kann man durch vergrößern der Schrift gut erreichen. Aber hier wäre es wichtig, die Zeilengröße anpassen zu können.

Eventuell wäre es, um mehr Übersicht zu bekommen , sinnvoll die Zeilen und die Sendungen farblich (Hintergrund) zu verändern. (Bild dient zu Verdeutlichung - nur fix eingefärbt)

Die rote Linie (aktuelle Zeit) kann ruhig deutlich weiter nach links. Vergangene Sendungen sind doch uninteressant.
Und dann vielleicht nicht so viele Stunden in die Zukunft, um noch mehr Übersichtlichkeit durch mehr Platz für die einzelne Sendung zu bekommen.

Denke das reicht erstmal. Gibt bestimmt auch noch mehr User, welche Ideen haben,

Grüße

[liv-in-sky]

@oliverio auf jeden fall - coole anzeige - wollte auch in meinem script so eine zeitleiste einfügen - ist mit nicht gelungen

[sigi234]

@oliverio

Bitte im 1. Beitrag den Github Link direkt verlinken.

Läuft, teste mal weiter.

[OliverIO]

@knallochse
Danke für den Input.
Das einfärben und verlagern der roten Markierung werde ich berücksichtigen.
Wie gesagt einer der nächsten Features ist die Anzeige mehr konfigurierbar zu machen, so das jeder seine Anzeige so machen kann wie es für einen am besten ist.

die Anzahl der Stunden ist durch den Datenbestand fix vorgegeben. ein Tag geht immer von 5:00 morgens bis zur den nächsten 5:00 Uhr. Es ist einfach alle zu generieren, als hier auch noch ein dynamisches nachladen oder navigieren mit einzubauen. Das scrollen bekommt man durch den Browser umsonst dazu.

Auch dein Input zu den Navigationsknöpfen ist super, ich könnte die Knöpfe schwebend über der zeitleiste oben rechts anbringen. Mal schauen, was noch so für Ideen von anderen kommen.

[OliverIO]

Noch keine neue Version

• die Farben.
  Farben habe ich Zeilen- und Item-weise nach dem odd/even schema in css automatisch gesetzt.
• die veränderte Markerposition
• die konfigurierbare Größe (hier mit Breite für 30 Minuten bei 200px,Zeilenhöhe 50px,Schriftgröße 22px

ist umgesetzt

Hatte ihr eigentlich auch das umsortieren der Sender getestet?
Das kann man mit dragNdrop in der Senderwahl machen.

[Knallochse]

@oliverio Guten Morgen.
Ich habe mal die dragNdrop Funktion überprüft. Läuft noch sehr instabil.
Wenn ich per dragNdrop sortiere und speichert (Haken) dann werden die Sender auch in dieser Reihenfolge angezeigt.
Sobald ich wieder ins Menü gehe ist die alte Reihenfolge wieder da.
Das funktioniert mit dem abwählen der Sender und anschließender Aktivierung in gewünschter Reihenfolge hervorragend.
In diesem Fall scheint auch die Reihenfolge erhalten zu bleiben (auch wenn man wieder ins Menü geht).
Hier eine Bildschirmaufnahme um das ganze zu verdeutlichen.
Aufnahme #1.mp4

PS.: Ich bin mit meinem Screenrecorder nicht zufrieden, was benutz du für ein Tool?

[da_Woody]

@knallochse said in Test Adapter tvprogram:

PS.: Ich bin mit meinem Screenrecorder nicht zufrieden, was benutz du für ein Tool?

mir wurde ScreenToGif empfohlen... tut seinen dienst.

[oFbEQnpoLKKl6mbY5e13]

Danke für den Adapter.

Warum ist alles transparent? Die Schrift läuft zum Beispiel unter den Senderlogos durch.

[OliverIO]

@ofbeqnpolkkl6mby5e13
Danke für deinen Hinweis.
Du befindest dich hier im Test-Thread.
Die Version ist 0.0.5

Mit welchem Browser auf welchem Gerät hast du diesen Effekt bemerkt?

[oFbEQnpoLKKl6mbY5e13]

@oliverio
Das ist mir bewußt. Firefox. Ich habe 0.0.6 installiert.

[OliverIO]

@ofbeqnpolkkl6mby5e13
Aufgrund deiner Fragestellung bin ich davon ausgegangen, das
du dachtest, das das ein beabsichtigter Effekt war.

Kannst du schauen, ob du eine Background-color für dein html-Dokument gesetzt hast?

[oFbEQnpoLKKl6mbY5e13]

@oliverio
Nein, ich denke, ich mache etwas falsch, denn in den Screenshot der anderen Benutzer sieht das nicht so aus.

[oFbEQnpoLKKl6mbY5e13]

@oliverio said in Test Adapter tvprogram:

@ofbeqnpolkkl6mby5e13
Kannst du schauen, ob du eine Background-color für dein html-Dokument gesetzt hast?

Ah, okay, wenn man eine Hintergrundfarbe bestimmt, dann ist die Transparenz weg. Ich hatte zuerst keinen Hintergrund und dann "H gradient black 5". Da ist es dann jeweils transparent. Danke!