TCC - (SAD - Sistema de AvaliaĆ§Ć£o Desempenho Docente do Instituto Federal de GoiĆ”s)
Conforme relatado neste trabalho procura-se construir um sistema que contemple as recomendaƧƵes da instituiĆ§Ć£o, desde as ferramentas jĆ” utilizadas, passando pela escolha das tecnologias de desenvolvimento, a preparaĆ§Ć£o do sistema e a adequada da utilizaĆ§Ć£o dos resultados, atĆ© os mĆ©todos de implantaĆ§Ć£o a aƧƵes de manutenĆ§Ć£o.
Este projeto de pesquisa tem como objetivo apresentar a necessidade de um SAD para o apoio das demandas de avaliaĆ§Ć£o de desempenho docente da ComissĆ£o Permanente de Pessoal Docente (CPPD) e entregar uma melhoria importante para a organizaĆ§Ć£o, podendo assim facilitar o processo de progressĆ£o dos docentes da instituiĆ§Ć£o.
O projeto aqui desenvolvido utiliza como padrĆ£o o Angular 12 integrado com uma API Restful criada com Spring Boot e Java.
A integraĆ§Ć£o consistiu em consumir uma API Restful em Spring e Java, com cadastro de usuĆ”rios, autenticaĆ§Ć£o via token JWT (JSON Web Token) e CRUDs de cadastro, que incluem listagem de dados com paginaĆ§Ć£o e ordenaĆ§Ć£o.
mvn spring-boot:run
API serĆ” executada em http://localhost:8080
O cĆ³digo cliente depende da API RESTful, que deverĆ” estar configurada e em execuĆ§Ć£o como requisito. Para executar o cliente (apĆ³s a execuĆ§Ć£o da API RESTful), execute os seguintes passos:
cd sad-ifg-client
npm install -g @angular/cli
npm start
SerĆ” necessĆ”rio a instalaĆ§Ć£o do JQuery:
npm install --save-dev @types/jquery
npm install --save jquery
ApĆ³s basta iniciar a aplicaĆ§Ć£o:
npm start
Acesse a aplicaĆ§Ć£o em http://localhost:4200
Para sua execuĆ§Ć£o certifique-se tambĆ©m de possuir o NodeJS.
A instalaĆ§Ć£o do @angular/cli acima pode necessitar ser executada como admin do sistema
Consumir uma API RESTful criada em Spring Boot/Java
Criar aplicaƧƵes com o Angular Material
AutenticaĆ§Ć£o e autorizaĆ§Ć£o de acesso com tokens JWT (JSON Web Token)
Trabalhar com rotas entre componentes
Criar Guards para adicionar seguranƧa e controle as rotas
Criar formulƔrios reativos
ValidaĆ§Ć£o de dados
Cria validadores personalizados para CPF e CNPJ
Aplicar mƔscara a campos como data, CPF e CNPJ
Utilizar componentes como Date Picker e janelas modais
Criar tabelas de listagem de dados com paginaĆ§Ć£o e ordenaĆ§Ć£o
Criar tabelas de listagem de dados Lazy loading
Criar formulƔrios com recursos avanƧados.
