Webseite für Turnier erstellen

Worum geht es?

Manche Besucher von Turnieren schätzen es, wenn sie auf ihrem Smartphone jederzeit den Zeitplan und den aktuellen Stand der Ergebnisse nachschauen können.

Benutzer der hier angebotenen Excel-Turnierpläne
(siehe ▸https://hermann-baum.de/excel/Turnier/de/)
möchten vielleicht eine Webseite für ein Turnier erstellen, die es ermöglicht, den aktuellen Stand der Turnierergebnisse zu verfolgen.

Möglicherweise hat der ein oder andere Kreative schon eine provisorische Lösung dafür gefunden, indem er während des Turniers in regelmäßigen Abständen Screenshots der Excel-Datei anfertigt und diese auf seine Webseite hochlädt.

Aber im Laufe eines Turniers muss man sich um viele andere Dinge kümmern, so dass man für solche aufwändigen Verfahren meistens keinen Kopf frei hat.

Schön wäre es doch, wenn man während des Turniers ein Spielergebnis in den Excel-Turnierplan einträgt, dann auf einen Button "Hochladen" klickt und schon ist die Webseite auf dem neuesten Stand!

Und schön wäre es, wenn man die Webseite gar nicht selbst erstellen muss, sondern fix und fertig geliefert bekommt.

Genau so etwas gibt es jetzt hier.
Dieser Beitrag richtet sich an alle, die eigenen Webspace und eine eigene Domain haben und die Turnier-Webseite kostenlos auf ihrem eigenen Webspace betreiben wollen.

Man braucht dazu keine Kenntnisse im Erstellen von Webseiten. Man muss nur den hier mitgelieferten Ordner namens 'TurnierAktuell' auf seinen Webspace hochladen. Die Webseite ist dann sofort funktionsfähig und kann unter der Internetadresse
'https://MeineDomain.com/TurnierAktuell'
aufgerufen werden.

Hier ist ein Beispiel, wie diese Seite dann aussehen könnte:
▸https://hermann-baum.de/TurnierAktuell/

Download

Excel-Dateien herunterladen (Version 1.5 vom 30.06.2025)
Download .zip

Turnier-Webseite herunterladen (Version 1.2 vom 22.06.2025)
Download .zip

Kostenlos
Keine lästige Werbung
Kein Passwortschutz für den VBA-Code
Keine versteckten Tabellenblätter
Alles frei einsehbar und veränderbar

Einrichtung der Webseite

Das Archiv „TurnierAktuell_1.2.zip“ entpacken und den Ordner „TurnierAktuell“ auf den eigenen Webspace hochladen.

Damit ist bereits die Webseite für ein bevorstehendes Turnier voll funktionsfähig und unter der Internet-Adresse
https://MeineDomain.com/TurnierAktuell/
aufrufbar.

„MeineDomain.com“ ist dabei durch den Namen der eigenen Domain zu ersetzen.

Wichtiger Hinweis:

In der Datei 'ups.php' sollte die Kennung
($KENNUNG = ". . .";)
unbedingt durch eine eigene Kennung(!) ersetzt werden (mindestens 10 Zeichen, maximal 99 Zeichen).

Sie muss mit der Kennung in Zelle D40 der Excel-Datei 'TurnierUploads.xlsm' übereinstimmen.

Aktualisierung der Webseite während des Turniers

Den Excel-Turnierplan, mit dem das Turnier bestritten wird (z.B. Turnier_2_Grp_a_9_1.3.xlsx), und die Datei TurnierUploads.xlsm im gleichen Ordner auf der Festplatte ablegen und beide öffnen.

Zur Aktualisierung der Webseite eine Änderung am Turnierplan vornehmen (z.B. Eingabe eines Ergebnisses) und speichern.

Dann zur Datei TurnierUploads.xlsm wechseln und auf den passenden Button klicken
(z.B. Button „Vorrunde aktualisieren“).

Anpassung der Datei ‚TurnierUploads.xlsm‘

Folgende Anpassungen sind in der Datei TurnierUploads.xlsm vorzunehmen:

In Zelle D3 muss der Name des Excel-Turnierplans stehen.

In Zelle D40 muss die Kennung verändert werden.
Sie ist quasi ein Passwort für den Datentransfer zum Server und sollte unbedingt geändert werden. Sie muss mindestens 10 Zeichen lang sein. Obergrenze ist 99 Zeichen.

In den anderen farbig hinterlegten Zellen werden jeweils der Name des Tabellenblattes und der Bereich, der auf der Webseite zu sehen sein soll (z.B. B11:K67), eingetragen.

Es sind insgesamt fünf Bereiche vorgesehen:

Titelzeilen
Spielergebnisse Vorrunde
Tabellen Vorrunde
Spielergebnisse Endrunde
Schlusstabelle

Mit ALT-F11 ruft man nun den VBA-Editor auf.

Ganz am Anfang des VBA-Codes muss „MeineDomain.com“ durch den Namen der eigenen Domain ersetzt werden.

Optional:
Refresh-Intervall der Webseite verändern

Momentan wird die Webseite alle 30 Sekunden aufgefrischt. Das bedeutet, dass nach einem Klick auf einen der Aktualisierungsbuttons in der Datei TurnierUploads.xlsm spätestens nach 30 Sekunden die Webseite automatisch aktualisiert wird.

Hier ist während des Turniers sicherlich auch ein größeres Zeitintervall (z.B. 60 s) ausreichend. Wer dieses Zeitintervall ändern möchte, findet den Wert für das Refresh-Intervall am Ende der Datei „index.html“:

Tipps

1.
Wenn die Besucher der Webseite während der Vorrunde nur die Titelzeilen, die Spielergebnisse und die Gruppentabellen der Vorrunde sehen sollen, kann man im Ordner „TurnierAktuell/pics/“ die letzten beiden Bilder „tmp3.gif“ und „tmp4.gif“ löschen.

Diese beiden Bilder werden erst dann wieder neu erzeugt, wenn man (zu Beginn der Endrunde) die Buttons „Endrunde aktualisieren“ und „Schlusstabelle aktualisieren“ klickt.

2.
Die Kennung in Zelle D40 steht deshalb so weit unten, weil sie sich nicht im sichtbaren Bereich des Bildschirms befinden soll. Damit soll verhindert werden, dass ein Neugieriger beim Über-Die-Schulter-Schauen die Kennung lesen oder fotografieren kann.

Zusätzlich kann man die Kennung in Zelle D40 durch die benutzerdefinierte Formatierung ";;;" unsichtbar machen.

3.
Selbstverständlich kann man an Stelle dieser einfach gehaltenen Webseite auch eine eigene Webseite erstellen. Man braucht nur an irgendwelchen Stellen die Bilder „tmp0.gif“, „tmp1.gif“, „tmp2.gif“, usw. einzufügen - fertig.

Die Excel-Datei „TurnierUploads.xlsm“ macht nichts weiter, als diese Bilddateien zu aktualisieren, indem sie per HTTP-Request die neuen Bilder auf den Server hochlädt. Die Webseite muss nur einen Automatismus haben, sich selber in regelmäßigen Abständen aufzufrischen.

Hinweis zur Sicherheit

Da hier Bilder zu einem Server hochgeladen werden, stellt sich die Frage nach der Sicherheit. Im Zusammenhang mit dem Upload von Bildern liest man immer wieder, dass Hacker möglicherweise über diesen Upload bösartigen Code einschleusen und die Webseite beschädigen können.

Dies geschieht meistens in den Fällen, wo die Bilder über einen sog. GET-Request gesendet werden, weil man dabei die URL sehen (und manipulieren) kann, mit der die Upload-Anfrage an den Server gestellt wird.

Bei dieser Turnierplan-Webseite versendet die Excel-Datei "TurnierUploads.xlsm" keine GET-Requests, sondern POST-Requests. Damit liegt die Hürde für das Hacken schon sehr hoch.

Als weitere Sicherheitsvorkehrung wird eine Bilddatei nicht auf die übliche Weise zum Server gesendet (kein Multipart-Request), sondern vorher mit einer Kennung versehen. Kommt am Server etwas ohne diese Kennung an, wird es nicht auf dem Server gespeichert, sondern verworfen.

Wer noch mehr Sicherheit möchte, kann zusätzlich die Datei 'ups.php' umbenennen, beispielsweise in 'U410z_oq55_zWw.php'.
Im VBA-Code muss dann die URL entsprechend angepasst werden.

Technischer Hintergrund

Der VBA-Code der Excel-Datei 'TurnierUploads.xlsm' greift auf den Excel-Turnierplan zu und liest dort bestimmte Bereiche (Ergebnis-Tabellen des Turnierplans) aus.

Die Aktualisierung der Webseite geschieht dann in folgenden Schritten:

Die Copy-Methode des Range-Objekts kopiert den gewünschten Bereich des Turnierplans in die Zwischenablage.
Die Add-Methode der ChartObjects-Auflistung erzeugt ein Chart-Object mit passender Größe.
Der Inhalt der Zwischenablage wird mit der Paste-Methode des Chart-Objekts in die Chart-Area eingefügt.
Die Export-Methode des Chart-Objekts speichert das Chart in eine temporäre GIF-Datei.
Das Chart wird wieder gelöscht.
Es wird ein ADODB.Stream-Objekt erzeugt, welches die GIF-Datei ausliest und in einen binären Stream umwandelt.
Es wird ein MSXML2.DOMDocument-Objekt erzeugt.
Die createElement-Methode dieses MSXML2.DOMDocument-Objekts erzeugt ein Knotenelement vom Typ 'bin.base64'.
Der binäre Stream wird in dieses Knotenelement eingelesen und dadurch ins Base64-Format umgewandelt.
Dieser Base64-Stream wird aus Sicherheitsgründen mit einer geheimen Kennung versehen. Außerdem wird dem Base64-Stream eine Kennzahl hinzugefügt, an der der Server erkennen kann, welches der Bilder auf der Webseite aktualisiert werden soll.
Der Base64-Stream wird per POST-Request an den Server gesendet. Dazu wird ein MSXML2.XMLHTTP.6.0-Objekt erzeugt, welches den HTTP-Request an den Server ermöglicht.
Auf dem Server wird geprüft, ob die richtige Kennung im Base64-Stream enthalten ist. Wenn ja, wird der Base64-Stream als Bilddatei gespeichert. Ansonsten werden die empfangenen Daten verworfen.
Die Turnier-Webseite, die jemand in seinem Internet-Browser betrachtet, enthält einen Javascript-Code, der in regelmäßigen Abständen, z.B. alle 30 Sekunden, die (aktualisierten) Bilddateien vom Server nachlädt. Insofern wird eine Änderung an den Ergebnissen oder Tabellen spätestens nach 30 Sekunden im Browser des Betrachters sichtbar.