Acesso: https://elc1090.github.io/project1-2024a-pizzutta/
Vitória Regina Pizzutti Moraes | Sistemas de Informação
https://andreainfufsm.github.io/avaliatcc/andamentocc/
O Avalia TCC é um projeto pensado para facilitar o preenchimento de formulários relativos às avaliações dos Trabalhos de Conclusão de Curso dos alunos dos cursos de Ciência da Computação e Sistemas de Informação da UFSM.
O sistema é utilizado durante a avaliação dos alunos e foi projetado para ser acessível principalmente através de smartphones, dada a vantagem do uso desses dispositivos para diversas tarefas atualmente.
A tela escolhida para ser redesenhada é a de Avaliação de Andamento para o curso de Ciência da Computação. Nesta tela, há um formulário dividido em três seções: a primeira contém informações sobre o trabalho, a segunda é para notas baseadas em critérios estabelecidos, e a terceira é para a assinatura do avaliador.
O objetivo principal dessa tela é permitir que o professor avaliador gere um PDF com as informações do formulário preenchido. Além disso, deve ser possível gerar um link para pré-preencher as informações da primeira seção.
A aplicação é totalmente client-side, ou seja, não há interação com o servidor da página.
Ao redesenhar esta tela, o objetivo principal era garantir uma excelente usabilidade para usuários de smartphones, notebooks e outros dispositivos. Para isso, foi dada prioridade ao design responsivo, garantindo que a página se adaptasse de acordo com o tamanho da tela utilizada pelo usuário.
Num segundo momento, ao analisar o código da aplicação original através das ferramentas do navegador, identificou-se a oportunidade de reescrevê-lo de forma mais clara e otimizada. Muitas tarefas que eram realizadas manualmente foram automatizadas para aumentar a eficiência.
Ainda em relação ao código, optou-se por utilizar uma biblioteca para geração de PDF que tornasse a estrutura do arquivo mais clara e facilitasse sua manutenção no futuro.
Além disso, houve um esforço para melhorar a estética do sistema, tanto na aparência da tela em si quanto no PDF gerado após o preenchimento do formulário.
- HTML
- CSS
- JavaScript
- jQuery
- Materialize CSS
- PDF Make
- jQuery Validation
- IntelliJ IDEA
- https://developer.mozilla.org/
- https://materializecss.com/
- http://pdfmake.org/
- https://jqueryvalidation.org/
Projeto entregue para a disciplina de Desenvolvimento de Software para a Web em 2024a