Tangente
Explicações de Matemática e Física e Química
Pré-visualização do conceito · estilo: Quadro digital · lima e azul
01
O desafio
Projeto de website para um explicador de Matemática e de Física e Química que dá aulas online e numa sala própria, do 5.º ano ao ensino superior. A ideia foi fazer do site um quadro digital: fundo branco, tinta azul-escura e duas canetas, verde-lima e azul. As fórmulas vão compostas numa letra de manual, e os gráficos e esquemas desenham-se à vista.
02
O que fizemos
No topo, um quadro resolve três exercícios passo a passo — uma parábola, um movimento com aceleração constante e uma equação química por acertar — e basta mudar de separador para ver outro. Mais abaixo há um mini-desafio de três perguntas por nível, que mostra a resolução depois de cada resposta e leva o que se falhou já escrito para o pedido de aula. O pedido não é um formulário que submete: monta a mensagem à medida que se preenche e abre o WhatsApp ou o email com ela pronta. No telemóvel fica sempre à mão uma barra com WhatsApp, Ligar e Pedir aula.
Por trás do site público há um sistema com login. No painel, o professor marca aulas fixas e avulsas, regista presenças e sumários, passa trabalhos de casa, publica resumos e fichas, mantém um banco de exercícios com resolução explicada, responde às dúvidas e aponta as mensalidades. Cada aluno entra na sua área e encontra a próxima aula, os trabalhos por fazer, os materiais que lhe dizem respeito, exercícios corrigidos na hora e uma caixa para mandar dúvidas com fotografia. As contas são criadas pelo professor, com código de primeiro acesso, palavras-passe cifradas (bcrypt), sessão em cookie assinado e limite de tentativas de entrada, sobre uma base de dados Postgres.
03
O resultado
A demonstração aqui ao lado é a parte pública do site, sem base de dados. A ligação "Área do aluno" abre uma página com capturas de ecrã do painel do professor e da área do aluno, tiradas com dados de teste.
Em destaque
Objetivo do conceito
Demonstrar como Tangente poderia ganhar vida — explicações de Matemática e Física e Química — com uma identidade quadro digital · lima e azul, do design ao desenvolvimento e sem recorrer a templates.
Cá Se FalaEscola de português online
ClienteStar RentServiços automóvel e aluguer de veículos
ClienteCLIMAFRAClimatização e ar condicionado
ClienteRigorclimaClimatização, energia solar e aquecimento
Balcão TechLoja de informática e reparações
PiscaLoja online com backoffice
Marca.ptPlataforma de marcações



