Passer au contenu principal

Créer une page Hub des matchs

Utilisez un assistant IA pour créer une page présentant les matchs, les scores et les classements de votre ligue pour n'importe quel jour.

Écrit par Pedro Maia

Une page Hub des matchs présente tout ce qui se passe dans votre ligue en une journée : les matchs, les scores et les classements, avec une bande de dates pour passer d'un jour à l'autre. Elle ressemble à la page Match Hub de votre site web LeagueRepublic, mais c'est vous qui décidez du design.

Vous n'avez pas besoin d'être développeur. Un assistant IA comme ChatGPT ou Claude peut créer la page pour vous à partir des instructions ci-dessous.

Avant de commencer

  • Votre ligue doit avoir le plan Gold avec l'API activée. Voir Premiers pas avec l'API.

  • Vous avez besoin de votre identifiant de saison. Comment fonctionne l'API explique comment le trouver.

  • Pas encore de ligue ? Essayez d'abord le prompt avec la ligue de démonstration de LeagueRepublic : utilisez l'identifiant de saison 153020000.

Comment utiliser le prompt

  1. Copiez le prompt depuis la zone grise ci-dessous.

  2. Indiquez votre identifiant de saison. Remplacez [MY-SEASON-ID] par votre propre numéro.

  3. Indiquez l'apparence souhaitée. Décrivez vos couleurs et votre style, ou joignez une capture d'écran de votre site web ou d'un design qui vous plaît. Une image fonctionne généralement mieux. Si vous ne précisez rien, l'IA choisira un design simple.

  4. Collez-le dans l'assistant IA et envoyez-le.

  5. Ouvrez le fichier qu'il vous donne. Enregistrez-le, puis double-cliquez dessus pour l'ouvrir dans votre navigateur.

  6. Comparez avec le site web de votre ligue. Si quelque chose semble incorrect, dites-le à l'IA avec des mots simples, par exemple « les scores sont inversés ». Elle le corrigera.

Le prompt

Avant de commencer, lisez la spécification de l'API JSON de LeagueRepublic à l'adresse https://docs.api.leaguerepublic.com/leaguerepublic-read-api.md. Utilisez uniquement les services, les adresses web et les noms de champs qu'elle décrit, et respectez ses règles sur la limite de requêtes, les valeurs vides, les erreurs et le terme « road » qui signifie à l'extérieur. Si vous ne parvenez pas à ouvrir cette adresse, arrêtez-vous et demandez-moi de coller la spécification.

Créez-moi une seule page web (un fichier HTML que je peux ouvrir dans mon navigateur) qui présente le hub des matchs de ma ligue, à l'aide du service Get Match Hub. Mon identifiant de saison est [MY-SEASON-ID].

La page doit :

1. Afficher en haut une bande de journées de matchs cliquables, y compris l'entrée « à confirmer ». Chaque jour indique le nombre de résultats et de matchs à jouer. Un clic sur un jour le charge. À l'ouverture de la page, faire défiler la bande pour que le jour affiché soit visible.

2. Me permettre de changer de saison.

3. Afficher les matchs du jour regroupés sous le nom de chaque division ou tour de coupe.

4. Pour chaque match, afficher l'équipe à domicile, le score et l'équipe à l'extérieur. S'il n'a pas commencé, afficher l'heure du coup d'envoi à la place. Étiqueter les scores en direct « En direct », et les résultats que la ligue n'a pas encore approuvés « Provisoire ». Si un match est reporté, l'afficher à la place de l'heure. Si la date d'un match est passée mais qu'il n'y a pas encore de résultat, afficher « Résultat en attente » à la place de l'heure.

5. Afficher en petits caractères tout détail de score supplémentaire, comme la mi-temps ou les tirs de barrage. Ne pas répéter le tour de coupe sous un match s'il figure déjà dans le nom du groupe.

6. Sous chaque division, afficher son classement : position, équipe, joués, gagnés, nuls, perdus, différence, points et forme récente.

7. Lorsqu'un match comporte des manches individuelles (fléchettes, billard), des manches de jeu (innings) ou des scores par quart-temps, les afficher dans une section que je peux ouvrir et fermer.

8. Enregistrer chaque jour après l'avoir chargé, et ne pas redemander le même jour dans la minute qui suit.

Gardez un design épuré et facile à lire sur un téléphone. Expliquez en étapes simples comment ouvrir et utiliser le fichier. Demandez-moi si quelque chose n'est pas clair.

Design : [DÉCRIVEZ L'APPARENCE SOUHAITÉE, OU JOIGNEZ UNE CAPTURE D'ÉCRAN]

Si quelque chose ne va pas

  • La page affiche un message d'erreur. Vérifiez votre identifiant de saison et que l'API est activée pour votre ligue.

  • La page n'affiche aucune donnée. Dites à l'IA exactement ce que vous voyez. Elle devra peut-être modifier la façon dont la page charge les données.

  • La page ne fonctionne pas dans la fenêtre d'aperçu de l'IA. De nombreux aperçus ne peuvent pas récupérer de données depuis d'autres sites web. Enregistrez le fichier et ouvrez-le plutôt dans votre navigateur.

  • L'IA dit qu'elle ne peut pas lire la spécification. Ouvrez l'adresse de la spécification dans votre navigateur, sélectionnez tout, copiez-le et collez-le dans l'IA.

Tous les détails du service Get Match Hub se trouvent dans la spécification de l'API.

Avez-vous trouvé la réponse à votre question ?