Live-Tabelle der DEL im DEG Fanforum

Zitat von Unterfranken DEG-Fan

Super das du dir soviel Arbeit machst nur leider sehe bzw finde ich die Tabelle nicht.

Bitte lesen:

Zitat von Admin

[…] arbeite ich schon seit einiger Zeit an einer Live-Tabelle der DEL, die unten auf der Hauptseite des Forums dargestellt werden soll.

Zitat von heja_deg

Gute Arbeit. Danke! Vielleicht könnte man mobil weniger Spalten einblenden?

Was wäre damit gewonnen? Mobil lässt sich die Tabelle ja nach links verschieben.

Im Moment wird mobil noch exakt dieselbe Tabelle dargestellt wie auf dem Desktop. Der Plan ist aber, im Porträtmodus (hochkant) die Spalte "Team" zu kürzen (also nur "Schwenningen" statt "Schwenninger Wild Wings"), damit man wenigstens den Punktestand sofort sieht. Aber dazu sind zwei Dinge erforderlich, von denen ich noch nicht genau weiß, ob und wie sie umzusetzen sind.

Wie auch immer:

Aktuell habe ich einen neuen Stand der Tabelle aktiviert, so gefällt sie mir schon mal viel besser.

Es wird nach wie vor an diversen "Kleinigkeiten" in der Darstellung der Tabelle gearbeitet (vielleicht ist es dem einen oder anderen schon aufgefallen). Sofern es etwas Wesentliches zu vermelden gibt, wird das hier zu lesen sein. Weitere Dinge dieser Art (letzte/nächste/aktuelle Spiele) sind gedanklich in Planung, die Umsetzung aber ungewiss, weil (noch) wesentlich komplizierter und aufwendiger.

Neben dem Dank an Markus von Bitte melde dich an, um diesen Link zu sehen. in erster Linie für die "Technik" (also das Abgreifen der DEL-Daten) ist aber mittlerweile auch ein mindestens so großer Dank an Stefan von der Bitte melde dich an, um diesen Link zu sehen. auszusprechen, ohne dessen fachkundige CSS-Kenntnisse ich die aktuelle Darstellung der Tabelle sowie deren harmonische Integration ins Forum alleine so nie hinbekommen hätte. Das wird den meisten hier zwar überhaupt nichts sagen, aber dennoch ist diese Danksagung nicht nur Pflicht, sondern mir auch ein ehrliches Bedürfnis.

Zitat von Admin

Im Moment wird mobil noch exakt dieselbe Tabelle dargestellt wie auf dem Desktop. Der Plan ist aber, im Porträtmodus (hochkant) die Spalte "Team" zu kürzen (also nur "Schwenningen" statt "Schwenninger Wild Wings"), damit man wenigstens den Punktestand sofort sieht.

Das sollte durch die mittlerweile überarbeitete Gestaltung sowieso der Fall sein, auch wenn die Clubnamen (noch?) ungekürzt sind.

"Kleines" Update in Sachen Optik der DEL-Tabelle:

• Die farbigen Linien am linken Rand á la Magenta-Tabelle hatten mir von Anfang an nicht so richtig gefallen, aber das war halt erstmal die einfachste und schnellste Lösung (die aber leider auch nicht in allen Browsern identisch dargestellt wurde). Jetzt ist es "in schön" und deutlicher. (Was für ein Heckmeck sowas sein und wie lange man sich an sowas aufhalten kann, bis auch alles auf dem Handy und auf dem Desktop in allen Browsern schön zentriert ist, lassen wir mal beiseite. Vielen Dank an dieser Stelle auch nochmal an Stefan von der Bitte melde dich an, um diesen Link zu sehen., ohne den ich auch das so nicht und ganz alleine hinbekommen hätte.)
• "Korrektur" des Logos und des Clubnamens von München. Wer nicht sofort das geänderte Logo sehen kann, kann den Browser-Cache löschen, spätestens dann ist es da (irgendwann passiert das aber auch automatisch). Dies ist ein kostenloses und trotzdem werbefreies Forum, das keine Reklame für schlechte Getränke oder was auch immer in Clubnamen und deren Logos machen möchte. Da bin ich konsequent (zugegeben, bei Schumacher Alt könnte ich mich breitschlagen lassen).

Ich weiß, es fehlt noch eine Zeile, in der die Bedeutung der Farben erklärt wird, aber die dürfte hier ja bekannt sein (kommt aber trotzdem noch). Auch eine Anzeige von Datum und Uhrzeit des aktuellen Stands steht noch auf dem Zettel.

Es gibt mal wieder – und diesmal ein größeres – Update der Live-Tabelle:

Die Kurzfassung:

• Tooltips für die Spalten "PPG" und "S" bis "SON" ergänzt
• Fußzeile mit Legende ergänzt
• Cache-Problem beim Neuladen der Tabelle behoben
• "Auto-Refresh/Update" implementiert

grafik.png

Die Langfassung:

• Tooltips: Eigentlich sollten die Spaltenbezeichnungen für Hockey-Kundige ja selbsterklärend sein, da aber überall (und auch hier) eigene/unterschiedliche Bezeichnungen verwendet werden und sich vielleicht auch der eine oder andere nicht ganz so Sachkundige hierhin verirren könnte, erklären die Tooltips nun, worum es sich dabei jeweils handelt und wieviele Punkte man dafür bekommt. Welche Spalten mit Tooltips versehen sind, wird durch die gepunktete Linie kenntlich gemacht. Auf Mobilgeräten erscheinen die Tooltips, wenn man auf die Spaltenbezeichnungen tippt, auf dem Desktop, wenn man darüber "hovert" (die Maus darauf bewegt).
  
  
• Fußzeile (mit Legende) ist klar.
  
  
• Cache-Problem beim Neuladen der Tabelle behoben: Mir war aufgefallen, dass beim Neuladen der Seite (F5 oder Strg+R auf dem Desktop, Refresh/Reload-Symbol ⟳ im Browser auf Desktop und Mobilgeräten, oder bei der Rückkehr von einer anderen Seite im Forum zur Startseite) häufig nicht der aktuelle Stand angezeigt wurde, sondern ein älterer/vorheriger Stand. Ursache war, dass der Browser nach eigenem Gutdünken und ohne erkennbare Systematik die Daten der Tabelle eben oft nicht neu geladen, sondern sich eine möglicherweise ältere Kopie aus seinem Cache (Zwischenspeicher) geholt hat. Das wäre nur lösbar gewesen, indem man sicherheitshalber ständig den Cache des Browsers gelöscht hätte, aber das ist natürlich weder zumutbar noch weiß jeder, wie das geht.
  
  Insbesondere aufgefallen ist mir das auf dem Handy (Chrome unter Android). Entstehen und auffallen konnte das Problem natürlich nur an Spieltagen, an denen sich der Stand bei jedem Tor ja permanent ändert.
  
  Dies ist nun behoben, so dass beim Aufruf oder Refresh/Reload der Startseite immer die Anzeige des aktuellen Stands gewährleistet ist. Es wird allerdings nicht "dumm und blind" jedes Mal die komplette Tabelle neu geladen, sondern nur dann, wenn der Stand auf dem Server, auf dem sich die Daten der DEL befinden, auch neuer ist als der Stand, den der Browser ohnehin in seinem Cache vorfindet. Dies vermeidet überflüssige Datenübertragung (auch wenn das eigentliche Datenvolumen der Tabelle ohnehin minimal ist).
  
  
• "Auto-Refresh/Update" implementiert: Dies ist das optisch am wenigsten auffällige, inhaltlich und im Kern aber das eigentliche und wesentlichste Update der Tabelle:
  
  Denn wo "wir" schon mal dabei waren und der Code für den Abgleich zwischen dem aktuellen Stand der DEL-Daten auf dem Server und dem Stand im Cache des Browsers vorhanden war und in umfassenden Tests funktionierte, wurde aus der Live-Tabelle (die bisher gar keine "echte" Live-Tabelle war, weil man ja immer die Startseite komplett neu laden musste, um vielleicht den aktuellen Stand angezeigt zu bekommen) nun auch eine wirkliche Live-Tabelle, die ihren Namen jetzt auch tatsächlich verdient, denn:
  
  Wenn die Startseite des Forums das aktive Fenster bzw. der aktive Tab des Browsers ist und man die Seite nicht in Abständen neu lädt (also keinen Refresh/Reload der kompletten Seite durchführt), wird die Tabelle nun trotzdem permanent aktualisiert: Im Abstand von 5 Sekunden wird geprüft, ob auf dem Server mit den Daten der DEL ein neuerer Stand vorhanden ist als der, den man aktuell im Browser sieht, und wenn das der Fall ist, wird die Tabelle (und nur die Tabelle, nicht die komplette Seite!) aktualisiert. Das ist optisch einigermaßen faszinierend, weil es nahezu so unmerklich und schnell geschieht, dass man auf dem Desktop oder dem Handy auf die Tabelle blickt und sich plötzlich Tore oder Plazierungen in der Tabelle wie von Geisterhand ändern und verschieben, eben weil der gesamte Rest der Seite nicht neu geladen und aufgebaut werden muss (was ebenfalls unnötige Datenübetragung vermeidet). Ein manueller Reload/Refresh der Startseite ist somit nie mehr notwendig (zumindest soweit es die Live-Tabelle betrifft).
  
  Natürlich wird es hier immer schon deshalb einen kleinen Zeitversatz geben, weil die Daten der DEL immer erst 20-40 Sekunden nach jedem erzielten Tor auf dem Server wirklich zur Verfügung stehen. Hinzu kommt das 5-Sekunden-Intervall der Prüfung, so dass es immer ein wenig zufällig ist, wann man den aktuellen Stand wirklich sehen kann. Aber bei meinen Tests habe ich den neuen Stand spätestens immer 40-45 Sekunden nach dem Zeitpunkt gesehen, an dem das Tor auf Magenta übertragen wurde, manchmal auch schneller (und manchmal sogar eher, als die bekannt schnelle FlashScore-App es mir auf dem Handy gemeldet hat).
  
  Und damit jetzt aber die Startseite des Forums nicht permanent und unnötig irgendwelche Daten abgleicht und ggf. vom Server runterlädt, passiert dies nur, wenn die Startseite des Forums auch im Vordergrund des Browsers und somit "aktiv" ist, das heißt: Ist z.B. das Display des Handys dunkel/abgeschaltet, oder ist die Startseite im Hintergrund in einem Fenster/Tab des Browsers zwar geöffnet, jedoch eine ganz andere im Browser geöffnete Seite im Vordergrund, dann "schläft" die Tabelle, macht gar nichts, und es findet keine Datenübertragung statt. Sobald dann die Startseite des Forums wieder in den Vordergrund geholt wird, wird die Tabelle nach spätestens 5 Sekunden auch wieder aktualisiert. Dies alles gilt für Desktops wie für Mobilgeräte.

Soweit, so ausführlich. Und natürlich habe ich auch das nicht ohne fremde Hilfe hinbekommen, sondern der Dank für den kompletten "Rewrite" des bisherigen Javascript-Codes zu den beiden letzten und wichtigsten Punkten gebührt Sascha von Bitte melde dich an, um diesen Link zu sehen., der sich aufgrund meiner Anfrage im WoltLab-Forum diesem Thema angenommen hat. (Okay, die anderen Dinge wie die Tooltips und die Fußzeile habe ich schon selbst gemacht, aber das ist im Vergleich Pillepalle, wenn auch nicht völlig trivial und auch nicht ohne gewisse Kenntnisse zu bewerkstelligen.)

Weitere Updates, Verfeinerungen und Verbesserungen habe ich im Hinterkopf, kann ich aber leider auch nicht ganz alleine lösen. Theoretisch müsste man evtl. so auch einen Live-Ticker hinbekommen (sei es nur für Spiele der DEG oder für alle Clubs), aber das ist Zukunftsmusik, und ich kann und will da auch nichts versprechen.

Das Thema ist (erstmal) wieder geöffnet.

Zitat von Abstiegsgespenst

Zitat von Admin

kann ich aber leider auch nicht ganz alleine lösen. Theoretisch müsste man evtl. so auch einen Live-Ticker hinbekommen (sei es nur für Spiele der DEG

Du weisst wie Du das Fanradio findest...

Der Ticker vom Fanradio wird händisch bedient und greift nicht automatisiert und live auf die Daten der DEL zu. Ich hatte jetzt nicht die Absicht, bei jedem Spiel auch noch einen Ticker manuell bedienen zu müssen.

Aber wie gesagt, das ist alles eh noch Zukunftsmusik (wäre aber schick).

Zitat von Abstiegsgespenst

ach Du meinst Ticker der sich die Strafen/Ereigniscorese selbst zieht...

Ja klar. Allerdings nicht Strafen etc., sondern (erstmal) nur den aktuellen Spielstand. Strafen bekommt ja nicht mal FlashScore richtig hin (die zeigen ’ne Spieldauer immer noch mit 10 statt 20 an), obwohl ich denen das schon zigmal erklärt habe.

Immerhin haben sie aber wenigstens nach meinem letzten Hinweis schon mal begriffen, dass es eine Abstiegsregelung in der DEL gibt und zeigen Platz 14 jetzt seit dem 23./24.01.2024 endlich auch als Abstiegsplatz an. Die Regelung unterhalb der Tabelle ist aber immer noch falsch (direkter Vergleich). Echt nicht leicht mit denen…