Ir para conteúdo principal

Criar uma classificação

Utilize um assistente de IA para criar uma página com as classificações da sua liga e um menu para alternar entre divisões.

Escrito por Pedro Maia

Uma página de classificação mostra a tabela de cada divisão da sua liga, com um menu para alternar entre elas. Pode utilizá-la por si só ou colocá-la no seu website, ao lado das suas notícias.

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 Ouro com a API ativada. Consulte

  • Precisa do ID da sua época. O artigo

    mostra como encontrá-lo.

  • Ainda não tem uma liga? Experimente primeiro o prompt com a liga de demonstração da LeagueRepublic: utilize o ID de época 153020000.

Como utilizar o prompt

  1. Copie o prompt da caixa cinzenta abaixo.

  2. Preencha o ID da sua época. Substitua [O-MEU-ID-DE-ÉPOCA] pelo seu número.

  3. Diga que aspeto pretende. Descreva as suas cores e estilo, ou anexe uma captura de ecrã do seu website ou de um design de que goste. Uma imagem costuma funcionar melhor. Se não disser nada, a IA escolhe um design simples.

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

  5. Abra o ficheiro que lhe for dado. Guarde-o e faça duplo clique para o abrir no seu navegador.

  6. Compare-o com o website da sua liga. Se algo não estiver bem, diga à IA por palavras simples, por exemplo "falta a coluna dos pontos". Ela corrige.

O prompt

Antes de começares, lê a especificação da API JSON da LeagueRepublic em https://docs.api.leaguerepublic.com/leaguerepublic-read-api.md. Utiliza apenas os serviços, endereços web e nomes de campos que nela são descritos, e segue as suas regras sobre o limite de pedidos, valores vazios, erros e o facto de "road" significar visitante. Se não conseguires abrir esse endereço, para 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 as classificações da minha liga. O ID da minha época é [O-MEU-ID-DE-ÉPOCA].  A página deve:  1. Utilizar o serviço Get Fixture Groups For Season para obter a lista das divisões da época e mostrá-las num menu. Abrir na primeira divisão.  2. Quando eu escolher uma divisão, mostrar a respetiva classificação utilizando o serviço Get Standings For Fixture Group. Só carregar uma divisão quando eu a escolher.  3. Mostrar posição, equipa, jogos, vitórias, empates, derrotas, marcados, sofridos, diferença e pontos, bem como a forma recente em pequenos indicadores coloridos (vitória, empate, derrota).  4. Incluir também as taças no menu, mas só verificar se uma taça tem classificações quando eu a escolher. Se for disputada por grupos, mostrar uma classificação por grupo, com o nome do grupo por cima. Se não tiver classificações, indicá-lo.  5. Permitir-me tocar numa equipa para destacar a respetiva linha.  6. Num telemóvel, manter posição, equipa, jogos, diferença e pontos, e ocultar as restantes colunas.  7. Guardar cada classificação depois de a carregar e não voltar a pedir a mesma no espaço de um minuto.  Mantém o design limpo e fácil de ler num telemóvel. Explica em passos simples como abrir e utilizar o ficheiro. Pergunta-me se algo não estiver claro.  Design: [DESCREVA O ASPETO QUE PRETENDE OU ANEXE UMA CAPTURA DE ECRÃ]

Se algo correr mal

  • A classificação de uma divisão está toda a zeros. Essa divisão ainda não disputou nenhum jogo. A classificação é preenchida assim que forem introduzidos resultados.

  • Falta uma divisão. As divisões com a classificação oculta no website da sua liga também ficam ocultas aqui.

  • 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 websites. Guarde o ficheiro e abra-o no seu navegador.

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

Todos os detalhes dos serviços aqui utilizados estão na

Isto respondeu à sua pergunta?