Skip to content

elc1090/project1-2024a-pizzutta

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

36 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Projeto: Remake de Site/App Web

Versao para Notebook

Versao para Celular

Acesso: https://elc1090.github.io/project1-2024a-pizzutta/

Desenvolvedor(a)

Vitória Regina Pizzutti Moraes | Sistemas de Informação

Site/app escolhido

Link

https://andreainfufsm.github.io/avaliatcc/andamentocc/

Descrição

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.

Desenvolvimento

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.

Tecnologias

  • HTML
  • CSS
  • JavaScript
  • jQuery
  • Materialize CSS
  • PDF Make
  • jQuery Validation

Ambiente de desenvolvimento

  • IntelliJ IDEA

Referências e créditos


Projeto entregue para a disciplina de Desenvolvimento de Software para a Web em 2024a

About

project1-2024a-pizzutta created by GitHub Classroom

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published