Ir al contenido principal

Crear una página de equipo

Usa un asistente de IA para crear una página que muestre los resultados y los próximos partidos de un equipo.

Escrito por Pedro Maia

Una página de equipo muestra la temporada de un equipo de un vistazo: sus resultados, con victorias, empates y derrotas, y sus próximos partidos en todas las competiciones en las que juega. Es ideal para el sitio web de un club.

No necesitas ser desarrollador. Un asistente de IA, como ChatGPT o Claude, puede crear la página por ti a partir de las instrucciones que aparecen más abajo.

Antes de empezar

  • Tu liga necesita el plan Gold con la API activada. Consulta Primeros pasos con la API.

  • Necesitas tu ID de temporada. Cómo funciona la API explica cómo encontrarlo.

  • Necesitas el nombre del equipo, escrito exactamente como aparece en el sitio web de tu liga.

  • ¿Aún no tienes una liga? Prueba primero el prompt con la liga de demostración de LeagueRepublic: usa el ID de temporada 153020000 y el nombre de equipo Kings Arms.

Cómo usar el prompt

  1. Copia el prompt del cuadro gris de abajo.

  2. Rellena tus datos. Sustituye [MY-SEASON-ID] por tu ID de temporada y [MY-TEAM-NAME] por el nombre del equipo.

  3. Indica cómo quieres que se vea. Describe los colores y el estilo de tu club, o adjunta una captura de pantalla de tu sitio web o de un diseño que te guste. Una imagen suele funcionar mejor. Si no dices nada, la IA elegirá un diseño sencillo.

  4. Pégalo en el asistente de IA y envíalo.

  5. Abre el archivo que te da. Guárdalo y luego haz doble clic para abrirlo en tu navegador.

  6. Compruébalo con el sitio web de tu liga. Si algo parece incorrecto, díselo a la IA con palabras sencillas, por ejemplo «ese partido fue en casa, no fuera». Lo corregirá.

El prompt

Antes de empezar, lee la especificación de la API JSON de LeagueRepublic en https://docs.api.leaguerepublic.com/leaguerepublic-read-api.md. Usa solo los servicios, las direcciones web y los nombres de campo que describe, y sigue sus reglas sobre el límite de solicitudes, los valores vacíos, los errores y el significado de «road» como fuera de casa. Si no puedes abrir esa dirección, detente y pídeme que pegue la especificación.

Constrúyeme una única página web (un archivo HTML que pueda abrir en mi navegador) que muestre los partidos de un equipo durante la temporada. Mi ID de temporada es [MY-SEASON-ID] y el equipo se llama [MY-TEAM-NAME].

La página debe:

1. Averiguar el ID del equipo a partir del calendario de la temporada la primera vez que se cargue y después usar el servicio Get Fixtures For Team. Recordar el ID para no tener que buscarlo de nuevo.

2. Usar el nombre del equipo como título.

3. Dividir los partidos en «Resultados», del más reciente al más antiguo, y «Próximos», del más cercano al más lejano.

4. Para cada partido, mostrar la fecha, la competición (y la ronda de copa, si la hay), el rival, si fue en casa o fuera, y el marcador, con el resultado de mi equipo primero.

5. En los resultados, mostrar V, E o D (victoria, empate o derrota) desde el punto de vista del equipo. Si un partido terminó empatado y se decidió por penaltis, mostrar quién ganó la tanda en lugar de E, con el resultado de la tanda.

6. Mostrar cualquier detalle adicional del marcador, como el descanso, en letra pequeña. Si un partido está aplazado, mostrar eso en lugar de la hora. Si la fecha de un partido ya ha pasado pero todavía no hay resultado, mostrar «Pendiente de resultado» en lugar de la hora.

7. No volver a cargar los datos más de una vez por minuto.

Mantén el diseño limpio y fácil de leer en un móvil. Explica en pasos sencillos cómo abrir y usar el archivo. Pregúntame si algo no está claro.

Diseño: [DESCRIBE EL ASPECTO QUE QUIERES, O ADJUNTA UNA CAPTURA DE PANTALLA]

Si algo sale mal

  • La página dice que no encuentra el equipo. Comprueba que el nombre del equipo esté escrito exactamente como en el sitio web de tu liga y que el equipo juegue en esa temporada.

  • La página muestra un mensaje de error. Comprueba tu ID de temporada y que la API esté activada para tu liga.

  • La página no funciona en la ventana de vista previa de la IA. Muchas vistas previas no pueden obtener datos de otros sitios web. Guarda el archivo y ábrelo en tu navegador en su lugar.

  • La IA dice que no puede leer la especificación. Abre la dirección de la especificación en tu navegador, selecciona todo, copia y pega en la IA.

Los detalles completos del servicio Get Fixtures For Team están en la especificación de la API.

¿Ha quedado contestada tu pregunta?