Zum Hauptinhalt springen

Erstellen Sie eine Spielplan- und Ergebnisliste

Erstellen Sie mit einem KI-Assistenten eine Seite, die alle Spiele Ihrer Saison auflistet, mit Filtern nach Wettbewerb und Team.

Verfasst von Pedro Maia

Eine Spielplan- und Ergebnisseite listet alle Spiele Ihrer Saison auf, gespielte und noch ausstehende, nach Datum gruppiert. Besucher können nach Division, Pokal oder Team filtern und zwischen Ergebnissen und kommenden Spielen wechseln.

Sie müssen kein Entwickler sein. Ein KI-Assistent wie ChatGPT oder Claude kann die Seite anhand der Anleitung unten für Sie erstellen.

Bevor Sie beginnen

  • Ihre Liga braucht den Gold-Plan mit eingeschalteter API. Siehe Erste Schritte mit der API.

  • Sie brauchen Ihre Saison-ID. So funktioniert die API zeigt, wie Sie sie finden.

  • Noch keine Liga? Probieren Sie den Prompt zuerst mit der Demo-Liga von LeagueRepublic aus: Verwenden Sie die Saison-ID 153020000.

So verwenden Sie den Prompt

  1. Kopieren Sie den Prompt aus dem grauen Kasten unten.

  2. Tragen Sie Ihre Saison-ID ein. Ersetzen Sie [MEINE-SAISON-ID] durch Ihre eigene Nummer.

  3. Sagen Sie, wie es aussehen soll. Beschreiben Sie Ihre Farben und Ihren Stil, oder hängen Sie einen Screenshot Ihrer Website oder eines Designs an, das Ihnen gefällt. Ein Bild funktioniert meistens am besten. Wenn Sie nichts angeben, wählt die KI ein schlichtes Design.

  4. Fügen Sie ihn in den KI-Assistenten ein und senden Sie ihn ab.

  5. Öffnen Sie die Datei, die Sie erhalten. Speichern Sie sie und doppelklicken Sie darauf, um sie in Ihrem Browser zu öffnen.

  6. Vergleichen Sie sie mit Ihrer Liga-Website. Wenn etwas falsch aussieht, sagen Sie es der KI in einfachen Worten, zum Beispiel "verschobene Spiele werden als Ergebnisse angezeigt". Sie wird es korrigieren.

Der Prompt

Lies vor dem Start die JSON-API-Spezifikation von LeagueRepublic unter https://docs.api.leaguerepublic.com/leaguerepublic-read-api.md. Verwende nur die Dienste, Webadressen und Feldnamen, die dort beschrieben sind, und halte dich an ihre Regeln zum Anfragelimit, zu leeren Werten, zu Fehlern und dazu, dass "road" auswärts bedeutet. Wenn du diese Adresse nicht öffnen kannst, hör auf und bitte mich, die Spezifikation einzufügen.

Erstelle mir eine einzelne Webseite (eine HTML-Datei, die ich in meinem Browser öffnen kann), die alle Spiele der Saison meiner Liga auflistet. Meine Saison-ID ist [MEINE-SAISON-ID].

Die Seite soll:

1. Lade alle Spiele der Saison einmal mit dem Dienst Get Fixtures For Season und erledige das gesamte Filtern auf der Seite, ohne erneut zu laden.

2. Erstelle zwei Reiter: "Ergebnisse", die neuesten zuerst, und "Spielplan" (noch zu spielende Spiele), die nächsten zuerst.

3. Gruppiere die Spiele nach Datum, mit dem Datum als Überschrift.

4. Zeige für jedes Spiel die Heimmannschaft, das Ergebnis oder die Anstoßzeit, die Auswärtsmannschaft, den Namen der Division oder des Pokals, die Pokalrunde, falls vorhanden, und den Spielort.

5. Lass mich nach Division oder Pokal und nach Team filtern, mit Menüs, die aus den Spielen selbst erstellt werden.

6. Wenn ein Spiel verschoben ist, zeige das statt einer Uhrzeit. Setze Spiele, deren Datum noch offen ist, in einen eigenen Abschnitt am Ende des Reiters Spielplan. Wenn das Datum eines Spiels vorbei ist, es aber noch kein Ergebnis gibt, zeige "Ergebnis ausstehend" statt einer Uhrzeit.

7. Lade die Daten nicht öfter als einmal pro Minute neu.

Halte das Design übersichtlich und auf dem Handy gut lesbar. Erkläre in einfachen Schritten, wie ich die Datei öffne und benutze. Frag mich, wenn etwas unklar ist.

Design: [BESCHREIBEN SIE DAS GEWÜNSCHTE AUSSEHEN ODER HÄNGEN SIE EINEN SCREENSHOT AN]

Wenn etwas nicht funktioniert

  • Halbzeit- oder Elfmeterergebnisse werden nicht angezeigt. Diese Liste enthält diese zusätzlichen Angaben derzeit nicht. Die Spieltagsseite und die Teamseite schon.

  • Ein Ergebnis fehlt. Ergebnisse erscheinen erst, wenn die Liga sie bestätigt hat.

  • Die Seite zeigt eine Fehlermeldung. Prüfen Sie Ihre Saison-ID und ob die API für Ihre Liga eingeschaltet ist.

  • Die Seite funktioniert im Vorschaufenster der KI nicht. Viele Vorschauen können keine Daten von anderen Websites abrufen. Speichern Sie die Datei und öffnen Sie sie stattdessen in Ihrem Browser.

  • Die KI sagt, dass sie die Spezifikation nicht lesen kann. Öffnen Sie die Adresse der Spezifikation in Ihrem Browser, markieren Sie alles, kopieren Sie es und fügen Sie es in die KI ein.

Alle Details zum Dienst Get Fixtures For Season finden Sie in der API-Spezifikation.

Hat dies deine Frage beantwortet?