Ves al contingut principal

Crea una pàgina d'equip

Utilitza un assistent d'IA per crear una pàgina que mostri els resultats i els propers partits d'un equip.

Escrit per Pedro Maia

Una pàgina d'equip mostra la temporada d'un equip d'un cop d'ull: els seus resultats amb victòries, empats i derrotes, i els seus propers partits en totes les competicions en què juga. És ideal per al lloc web d'un club.

No cal que siguis desenvolupador. Un assistent d'IA com ChatGPT o Claude pot crear la pàgina per tu a partir de les instruccions següents.

Abans de començar

  • La teva lliga necessita el pla Gold amb l'API activada. Consulta Primers passos amb l'API.

  • Necessites l'ID de la teva temporada. Com funciona l'API mostra com trobar-lo.

  • Necessites el nom de l'equip, escrit exactament com apareix al web de la teva lliga.

  • Encara no tens cap lliga? Prova primer la instrucció amb la lliga de demostració de LeagueRepublic: utilitza l'ID de temporada 153020000 i el nom d'equip Kings Arms.

Com utilitzar la instrucció

  1. Copia la instrucció del quadre gris de sota.

  2. Omple les teves dades. Substitueix [MY-SEASON-ID] per l'ID de la teva temporada i [MY-TEAM-NAME] pel nom de l'equip.

  3. Digues quin aspecte vols que tingui. Descriu els colors i l'estil del teu club, o adjunta una captura de pantalla del teu lloc web o d'un disseny que t'agradi. Normalment una imatge funciona millor. Si no dius res, la IA triarà un disseny senzill.

  4. Enganxa-la a l'assistent d'IA i envia-la.

  5. Obre el fitxer que et dona. Desa'l i després fes-hi doble clic per obrir-lo al navegador.

  6. Comprova-ho amb el web de la teva lliga. Si alguna cosa no sembla correcta, digues-ho a la IA amb paraules senzilles, per exemple «aquell partit era a casa, no fora». Ho arreglarà.

La instrucció

Abans de començar, llegeix l'especificació de l'API JSON de LeagueRepublic a https://docs.api.leaguerepublic.com/leaguerepublic-read-api.md. Utilitza només els serveis, les adreces web i els noms de camp que descriu, i segueix-ne les regles sobre el límit de sol·licituds, els valors buits, els errors i el significat de «road» com a visitant. Si no pots obrir aquesta adreça, atura't i demana'm que enganxi l'especificació.

Crea'm una sola pàgina web (un fitxer HTML que pugui obrir al navegador) que mostri els partits d'un equip durant la temporada. L'ID de la meva temporada és [MY-SEASON-ID] i l'equip es diu [MY-TEAM-NAME].

La pàgina ha de:

1. Trobar l'ID de l'equip a partir dels partits de la temporada la primera vegada que es carregui i després utilitzar el servei Get Fixtures For Team. Recordar l'ID perquè no calgui tornar-lo a buscar.

2. Utilitzar el nom de l'equip com a títol.

3. Dividir els partits en «Results», els més recents primer, i «Upcoming», els més propers primer.

4. Per a cada partit, mostrar la data, la competició (i la ronda de copa, si n'hi ha), el rival, si va ser a casa o fora, i el marcador, amb el marcador del meu equip primer.

5. Per als resultats, mostrar W, D o L des del punt de vista de l'equip. Si un partit va acabar en empat i es va decidir als penals, mostrar qui va guanyar la tanda en lloc de D, amb el marcador de la tanda.

6. Mostrar en text petit qualsevol detall addicional del marcador, com ara la mitja part. Si un partit està ajornat, mostrar-ho en lloc de l'hora. Si la data d'un partit ja ha passat però encara no hi ha resultat, mostrar «Awaiting result» en lloc de l'hora.

7. No tornar a carregar les dades més d'una vegada per minut.

Fes que el disseny sigui net i fàcil de llegir al telèfon. Explica amb passos senzills com obrir i utilitzar el fitxer. Pregunta'm si alguna cosa no està clara.

Disseny: [DESCRIBE THE LOOK YOU WANT, OR ATTACH A SCREENSHOT]

Si alguna cosa va malament

  • La pàgina diu que no es pot trobar l'equip. Comprova que el nom de l'equip estigui escrit exactament com al web de la teva lliga i que l'equip jugui en aquella temporada.

  • La pàgina mostra un missatge d'error. Comprova l'ID de la teva temporada i que l'API estigui activada per a la teva lliga.

  • La pàgina no funciona a la finestra de previsualització de la IA. Moltes previsualitzacions no poden obtenir dades d'altres llocs web. Desa el fitxer i obre'l al navegador.

  • La IA diu que no pot llegir l'especificació. Obre l'adreça de l'especificació al navegador, selecciona-ho tot, copia-ho i enganxa-ho a la IA.

El detall complet del servei Get Fixtures For Team és a l'especificació de l'API.

Respon això a la vostra pregunta?