Zum Hauptinhalt springen

Erstellen Sie eine Teamseite

Erstellen Sie mit einem KI-Assistenten eine Seite, die die Ergebnisse und kommenden Spiele eines Teams zeigt.

Verfasst von Pedro Maia

Eine Teamseite zeigt die Saison eines Teams auf einen Blick: seine Ergebnisse mit Siegen, Unentschieden und Niederlagen sowie seine kommenden Spiele in allen Wettbewerben, in denen es spielt. Sie ist ideal für eine Vereinswebsite.

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.

  • Sie brauchen den Namen des Teams, genau so geschrieben wie auf Ihrer Liga-Website.

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

So verwenden Sie den Prompt

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

  2. Tragen Sie Ihre Angaben ein. Ersetzen Sie [MEINE-SAISON-ID] durch Ihre Saison-ID und [MEIN-TEAMNAME] durch den Namen des Teams.

  3. Sagen Sie, wie es aussehen soll. Beschreiben Sie Ihre Vereinsfarben 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 "dieses Spiel war ein Heimspiel, kein Auswärtsspiel". 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 die Spiele eines Teams in der Saison zeigt. Meine Saison-ID ist [MEINE-SAISON-ID] und das Team heißt [MEIN-TEAMNAME].

Die Seite soll:

1. Ermittle beim ersten Laden die ID des Teams aus den Spielen der Saison und nutze dann den Dienst Get Fixtures For Team. Merke dir die ID, damit sie nicht erneut gesucht werden muss.

2. Verwende den Namen des Teams als Titel.

3. Teile die Spiele auf in "Ergebnisse", die neuesten zuerst, und "Demnächst", die nächsten zuerst.

4. Zeige für jedes Spiel das Datum, den Wettbewerb (und die Pokalrunde, falls vorhanden), den Gegner, ob es ein Heim- oder Auswärtsspiel war, und das Ergebnis, mit dem Ergebnis meines Teams zuerst.

5. Zeige bei Ergebnissen S, U oder N aus Sicht des Teams. Wenn ein Spiel unentschieden endete und im Elfmeterschießen entschieden wurde, zeige statt U, wer das Elfmeterschießen gewonnen hat, mit dessen Ergebnis.

6. Zeige zusätzliche Ergebnisangaben, etwa die Halbzeit, in kleiner Schrift. Wenn ein Spiel verschoben ist, zeige das statt einer Uhrzeit. 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

  • Die Seite sagt, dass das Team nicht gefunden wird. Prüfen Sie, ob der Teamname genau so geschrieben ist wie auf Ihrer Liga-Website und ob das Team in dieser Saison spielt.

  • 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 Team finden Sie in der API-Spezifikation.

Hat dies deine Frage beantwortet?