Ir para conteúdo principal

Criar uma página de equipa

Use um assistente de IA para criar uma página que mostre os resultados e os próximos jogos de uma equipa.

Escrito por Pedro Maia

Uma página de equipa mostra a época de uma equipa num relance: os seus resultados, com vitórias, empates e derrotas, e os próximos jogos em todas as competições em que participa. É ideal para o site de um clube.

Não precisa de ser programador. Um assistente de IA, como o ChatGPT ou o Claude, pode criar a página por si a partir das instruções abaixo.

Antes de começar

  • A sua liga precisa do plano Gold com a API ativada. Consulte Primeiros passos com a API.

  • Precisa do seu ID da época. Como funciona a API mostra como o encontrar.

  • Precisa do nome da equipa, escrito exatamente como aparece no site da sua liga.

  • Ainda não tem uma liga? Experimente primeiro o prompt com a liga de demonstração do LeagueRepublic: use o ID da época 153020000 e o nome da equipa Kings Arms.

Como usar o prompt

  1. Copie o prompt da caixa cinzenta abaixo.

  2. Preencha os seus dados. Substitua [MY-SEASON-ID] pelo ID da sua época e [MY-TEAM-NAME] pelo nome da equipa.

  3. Diga como quer que fique. Descreva as cores e o estilo do seu clube, ou anexe uma captura de ecrã do seu site ou de um design de que goste. Uma imagem costuma funcionar melhor. Se não disser nada, a IA escolherá um design simples.

  4. Cole-o no assistente de IA e envie-o.

  5. Abra o ficheiro que ele lhe dá. Guarde-o e depois faça duplo clique para o abrir no navegador.

  6. Confira-o com o site da sua liga. Se algo parecer errado, diga à IA por palavras simples, por exemplo «esse jogo foi em casa, não fora». Ela corrigirá.

O prompt

Antes de começares, lê a especificação da API JSON do LeagueRepublic em https://docs.api.leaguerepublic.com/leaguerepublic-read-api.md. Usa apenas os serviços, os endereços web e os nomes de campos que ela descreve, e segue as suas regras sobre o limite de pedidos, os valores vazios, os erros e o significado de «road» como fora de casa. Se não conseguires abrir esse endereço, pára e pede-me que cole a especificação.

Cria-me uma única página web (um ficheiro HTML que eu possa abrir no meu navegador) que mostre os jogos de uma equipa na época. O ID da minha época é [MY-SEASON-ID] e a equipa chama-se [MY-TEAM-NAME].

A página deve:

1. Descobrir o ID da equipa a partir do calendário da época na primeira vez que carregar e depois usar o serviço Get Fixtures For Team. Guardar o ID para não ser preciso procurá-lo outra vez.

2. Usar o nome da equipa como título.

3. Dividir os jogos em «Resultados», do mais recente para o mais antigo, e «Próximos», do mais próximo para o mais distante.

4. Para cada jogo, mostrar a data, a competição (e a ronda da taça, se existir), o adversário, se foi em casa ou fora, e o resultado, com a pontuação da minha equipa em primeiro lugar.

5. Nos resultados, mostrar V, E ou D (vitória, empate ou derrota) do ponto de vista da equipa. Se um jogo terminou empatado e foi decidido por penáltis, mostrar quem ganhou o desempate em vez de E, com o resultado do desempate.

6. Mostrar qualquer detalhe adicional do resultado, como o intervalo, em letra pequena. Se um jogo estiver adiado, mostrar isso em vez da hora. Se a data de um jogo já passou mas ainda não há resultado, mostrar «A aguardar resultado» em vez da hora.

7. Não recarregar os dados mais do que uma vez por minuto.

Mantém o design limpo e fácil de ler num telemóvel. Explica em passos simples como abrir e usar o ficheiro. Pergunta-me se algo não estiver claro.

Design: [DESCREVE O ASPETO QUE PRETENDES, OU ANEXA UMA CAPTURA DE ECRÃ]

Se algo correr mal

  • A página diz que não encontra a equipa. Verifique se o nome da equipa está escrito exatamente como no site da sua liga e se a equipa participa nessa época.

  • A página mostra uma mensagem de erro. Verifique o ID da sua época e se a API está ativada para a sua liga.

  • A página não funciona na janela de pré-visualização da IA. Muitas pré-visualizações não conseguem obter dados de outros sites. Guarde o ficheiro e abra-o antes no navegador.

  • A IA diz que não consegue ler a especificação. Abra o endereço da especificação no navegador, selecione tudo, copie e cole na IA.

Os detalhes completos do serviço Get Fixtures For Team estão na especificação da API.

Isto respondeu à sua pergunta?