Ves al contingut principal

Crea una pàgina d'equip

Fes servir un assistent d'IA per crear una pàgina amb els resultats i els propers partits d'un equip.

Escrit per Pedro Maia

Una pàgina d'equip mostra d'un cop d'ull la temporada d'un equip: 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 de sota.

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. L'article Com funciona l'API explica com trobar-lo.

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

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

Com fer servir el prompt

  1. Copia el prompt del requadre gris de sota.

  2. Afegeix les teves dades. Substitueix [EL-MEU-ID-DE-TEMPORADA] per l'ID de la teva temporada i [NOM-DEL-MEU-EQUIP] pel nom de l'equip.

  3. Indica quin aspecte vols. 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. Una imatge sol funcionar millor. Si no dius res, la IA triarà un disseny senzill.

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

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

  6. Compara'l amb el lloc web de la teva lliga. Si alguna cosa no està bé, digues-ho a la IA amb paraules senzilles, per exemple "aquell partit era a casa, no fora". Ho corregirà.

El prompt

Abans de començar, llegeix l'especificació de l'API JSON de LeagueRepublic a https://docs.api.leaguerepublic.com/leaguerepublic-read-api.md. Fes servir només els serveis, les adreces web i els noms de camp que descriu, i segueix les seves regles sobre el límit de peticions, els valors buits, els errors i que "road" vol dir fora. Si no pots obrir aquesta adreça, atura't i demana'm que enganxi l'especificació.

Crea'm una única 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 [EL-MEU-ID-DE-TEMPORADA] i l'equip es diu [NOM-DEL-MEU-EQUIP].

La pàgina ha de:

1. Troba l'ID de l'equip a partir dels partits de la temporada la primera vegada que es carregui i, després, fes servir el servei Get Fixtures For Team. Recorda l'ID perquè no s'hagi de tornar a buscar.

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

3. Divideix els partits en "Resultats", del més recent al més antic, i "Propers partits", del més proper al més llunyà.

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

5. Als resultats, mostra V, E o D des del punt de vista de l'equip. Si un partit va acabar en empat i es va decidir als penals, mostra qui va guanyar la tanda en lloc de E, amb el resultat de la tanda.

6. Mostra en lletra petita qualsevol detall addicional del resultat, com el descans. Si un partit s'ha ajornat, indica-ho en lloc de l'hora. Si la data d'un partit ja ha passat però encara no hi ha resultat, mostra "Pendent de resultat" en lloc de l'hora.

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

Mantén el disseny net i fàcil de llegir en un mòbil. Explica'm en passos senzills com obrir i fer servir el fitxer. Pregunta'm si alguna cosa no està clara.

Disseny: [DESCRIU L'ASPECTE QUE VOLS O ADJUNTA UNA CAPTURA DE PANTALLA]

Si alguna cosa no funciona

  • La pàgina diu que no troba l'equip. Comprova que el nom de l'equip estigui escrit exactament com al lloc web de la teva lliga i que l'equip jugui en aquesta 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.

Tots els detalls del servei Get Fixtures For Team són a l'especificació de l'API.

Respon això a la vostra pregunta?