Passer au contenu principal

Créer une page d'équipe

Utilisez un assistant IA pour créer une page qui affiche les résultats et les prochains matchs d'une équipe.

Écrit par Pedro Maia

Une page d'équipe montre en un coup d'œil la saison d'une équipe : ses résultats avec les victoires, les nuls et les défaites, et ses prochains matchs dans toutes les compétitions auxquelles elle participe. Elle est idéale pour le site Web d'un club.

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. Consultez Premiers pas avec l'API.

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

  • Vous avez besoin du nom de l'équipe, écrit exactement comme sur le site Web de votre ligue.

  • Vous n'avez pas encore de ligue ? Essayez d'abord le prompt avec la ligue de démonstration de LeagueRepublic : utilisez l'ID de saison 153020000 et le nom d'équipe Kings Arms.

Comment utiliser le prompt

  1. Copiez le prompt de l'encadré gris ci-dessous.

  2. Indiquez vos informations. Remplacez [ID-DE-MA-SAISON] par l'ID de votre saison et [NOM-DE-MON-ÉQUIPE] par le nom de l'équipe.

  3. Dites quel style vous voulez. Décrivez les couleurs et le style de votre club, ou joignez une capture d'écran de votre site Web ou d'un design qui vous plaît. Une image donne généralement les meilleurs résultats. Si vous ne dites 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-le avec le site Web de votre ligue. Si quelque chose ne va pas, dites-le à l'IA avec des mots simples, par exemple « ce match était à domicile, pas à l'extérieur ». Elle le corrigera.

Le prompt

Avant de commencer, lis la spécification de l'API JSON de LeagueRepublic à l'adresse https://docs.api.leaguerepublic.com/leaguerepublic-read-api.md. Utilise uniquement les services, adresses Web et noms de champs qu'elle décrit, et respecte ses règles sur la limite de requêtes, les valeurs vides, les erreurs et le fait que "road" signifie à l'extérieur. Si tu ne peux pas ouvrir cette adresse, arrête-toi et demande-moi de coller la spécification.

Crée-moi une seule page Web (un fichier HTML que je peux ouvrir dans mon navigateur) qui affiche les matchs d'une équipe pour la saison. L'ID de ma saison est [ID-DE-MA-SAISON] et l'équipe s'appelle [NOM-DE-MON-ÉQUIPE].

La page doit :

1. Trouver l'ID de l'équipe à partir des matchs de la saison lors du premier chargement, puis utiliser le service Get Fixtures For Team. Garder l'ID en mémoire pour ne pas avoir à le rechercher à nouveau.

2. Utiliser le nom de l'équipe comme titre.

3. Séparer les matchs en « Résultats », du plus récent au plus ancien, et « À venir », du plus proche au plus lointain.

4. Pour chaque match, afficher la date, la compétition (et le tour de coupe, s'il y en a un), l'adversaire, si le match était à domicile ou à l'extérieur, et le score, avec le score de mon équipe en premier.

5. Pour les résultats, afficher V, N ou D du point de vue de l'équipe. Si un match s'est terminé à égalité et a été décidé aux tirs de barrage, afficher qui a gagné la séance de tirs de barrage à la place de N, avec son score.

6. Afficher en petit texte les détails supplémentaires du score, comme la mi-temps. Si un match est reporté, l'indiquer à 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 « En attente du résultat » à la place de l'heure.

7. Ne pas recharger les données plus d'une fois par minute.

Garde un design épuré et facile à lire sur un cellulaire. Explique en étapes simples comment ouvrir et utiliser le fichier. Pose-moi des questions si quelque chose n'est pas clair.

Design : [DÉCRIVEZ LE STYLE SOUHAITÉ OU JOIGNEZ UNE CAPTURE D'ÉCRAN]

En cas de problème

  • La page indique que l'équipe est introuvable. Vérifiez que le nom de l'équipe est écrit exactement comme sur le site Web de votre ligue et que l'équipe joue bien cette saison.

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

  • La page ne fonctionne pas dans la fenêtre d'aperçu de l'IA. Beaucoup d'aperçus ne peuvent pas récupérer de données sur 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 et collez le tout dans l'IA.

Tous les détails du service Get Fixtures For Team se trouvent dans la spécification de l'API.

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