Uma página de hub de jogos mostra tudo o que acontece na sua liga num dia: os jogos, os resultados e as tabelas classificativas, com uma faixa de datas para passar de um dia para outro. Tem o aspeto da página Hub de jogos do site do seu LeagueRepublic, mas o design é o que decidir.
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.
Ainda não tem uma liga? Experimente primeiro o prompt com a liga de demonstração do LeagueRepublic: use o ID da época 153020000.
Como usar o prompt
Copie o prompt da caixa cinzenta abaixo.
Preencha o ID da sua época. Substitua [MY-SEASON-ID] pelo seu próprio número.
Diga como quer que fique. Descreva as suas cores e o seu estilo, 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.
Cole-o no assistente de IA e envie-o.
Abra o ficheiro que ele lhe dá. Guarde-o e depois faça duplo clique para o abrir no navegador.
Confira-o com o site da sua liga. Se algo parecer errado, diga à IA por palavras simples, por exemplo «os resultados estão trocados». 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 o hub de jogos da minha liga, com o serviço Get Match Hub. O ID da minha época é [MY-SEASON-ID].
A página deve: 1. Mostrar no topo uma faixa de dias de jogos clicáveis, incluindo a entrada «por confirmar». Cada dia mostra quantos resultados e jogos por disputar tem. Ao clicar num dia, este é carregado. Quando a página abrir, deslocar a faixa para que o dia apresentado fique visível. 2. Deixar-me alternar entre épocas. 3. Mostrar os jogos do dia agrupados sob o nome de cada divisão ou ronda da taça. 4. Para cada jogo, mostrar a equipa da casa, o resultado e a equipa visitante. Se ainda não começou, mostrar a hora de início. Identificar os resultados em direto com «Em direto» e os resultados que a liga ainda não aprovou com «Provisório». 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. 5. Mostrar qualquer detalhe adicional do resultado, como o intervalo ou os penáltis, em letra pequena. Não repetir a ronda da taça por baixo de um jogo se já estiver no nome do grupo. 6. Por baixo de cada divisão, mostrar a respetiva tabela classificativa: posição, equipa, jogos, vitórias, empates, derrotas, diferença, pontos e forma recente. 7. Quando um jogo tiver jogos individuais (dardos, bilhar), ou períodos de basebol ou resultados por quarto, mostrá-los numa secção que eu possa abrir e fechar. 8. Guardar cada dia depois de o carregar e não voltar a pedir o mesmo dia 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 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 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 mostra dados nenhuns. Diga à IA exatamente o que vê. Pode ser necessário alterar a forma como a página carrega os dados.
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 Match Hub estão na especificação da API.