UNIVERSIDADE ANHANGUERA
Portfolio
Frameworks Para
Desenvolvimento de
Software
Maceió-Al
20 de Setembro de 2025
Maria Paula Ferreira LIns
Portfolio
Frameworks Para
Desenvolvimento de
Software
Portfólio de Frameworks Para Desenvolvimento
de Software, do curso de
Análise e Desenvolvimento de Sistemas da Universidade
Anhanguera, sob orientação do Romulo de
Almeida Neves.
O trabalho foi elaborado pela aluna Maria Paula
Ferreira Lins.
Maceió-Al
20 de Setembro de 2025
1
Sumário
1. Introdução 3
2. Objetivos 4
3. Metodologia 5
3.1 Preparação do Ambiente 5
3.2 Desenvolvimento das Práticas 5
Prática 1 – Configuração do Servidor Tomcat 5
Prática 2 – Consumo de API de Endereço 5
Prática 3 – Formulário com Spring MVC + Bootstrap 6
Prática 4 – Validação com JQuery + API ViaCEP 6
3.3 Ferramentas de Apoio 6
3.4 Estratégia de Registro 6
4. Desenvolvimento, Resultados e Discussão 6
4.1 Desenvolvimento 6
4.2 Resultados 7
4.3 Discussão 7
5. Conclusão 11
2
1. Introdução
O presente portfólio tem como finalidade registrar e analisar o processo de
desenvolvimento das atividades práticas propostas na disciplina Frameworks para
Desenvolvimento de Software, ofertada no curso de Análise e Desenvolvimento de
Sistemas da Universidade Anhanguera.
Ao longo das práticas, buscou-se aplicar de forma progressiva conceitos essenciais
para o desenvolvimento web moderno, integrando diferentes linguagens,
frameworks e bibliotecas. O trabalho contempla desde a configuração do ambiente
de desenvolvimento (com a IDE NetBeans, o Java JDK e o servidor Apache Tomcat)
até a implementação de aplicações web completas, explorando tecnologias como
Spring Web MVC, Bootstrap 5, JavaScript e JQuery.
A execução das atividades possibilitou compreender a relevância dos frameworks
na aceleração do processo de desenvolvimento, na padronização de código e na
entrega de soluções escaláveis e responsivas. Além disso, a proposta prática
consolidou a importância de práticas de integração entre frontend e backend, bem
como do consumo de APIs externas, um recurso amplamente utilizado em
aplicações reais do mercado.
O portfólio está estruturado em quatro práticas principais, cada uma com objetivos
específicos e resultados próprios:
● Prática 1: Configuração do servidor Apache Tomcat no NetBeans, integrando
o ambiente para execução de aplicações Java Web.
● Prática 2: Construção de um formulário em HTML5, CSS3 e JavaScript, com
consumo da API de endereço fornecida pelos Correios.
● Prática 3: Desenvolvimento de um formulário de cadastro completo com
Spring Web MVC e estilização avançada com Bootstrap 5.
● Prática 4: Implementação de um formulário validado com JQuery e integração
com a API ViaCEP, assegurando usabilidade e consistência dos dados
inseridos.
3
A relevância deste portfólio transcende o ambiente acadêmico, pois proporciona
contato direto com tecnologias amplamente utilizadas em empresas de
desenvolvimento de software. Dessa forma, o aprendizado adquirido não apenas
atende aos requisitos pedagógicos da disciplina, mas também contribui para a
formação de competências técnicas fundamentais para o mercado de trabalho.
2. Objetivos
Proporcionar ao estudante a vivência prática no uso de frameworks e bibliotecas
para desenvolvimento de aplicações web, consolidando a integração entre frontend
e backend, bem como o consumo de serviços externos (APIs), utilizando
metodologias e ferramentas amplamente empregadas no mercado de tecnologia.
Prática 1 – Instalação e Configuração do Servidor Tomcat
● Instalar e configurar corretamente a IDE NetBeans e o Java JDK.
● Integrar o servidor Apache Tomcat à IDE para execução de aplicações Java
Web.
● Compreender a importância do servidor de aplicação no ciclo de
desenvolvimento.
Prática 2 – Consumo de API de Endereço com HTML5/JS
● Criar um projeto web utilizando HTML5, CSS3 e JavaScript.
● Estruturar um formulário para captura de dados de endereço.
● Implementar a integração com uma API pública para preenchimento
automático de dados.
● Aplicar estilos com CSS e Bootstrap 5 para responsividade.
Prática 3 – Formulário de Cadastro com Spring MVC + Bootstrap 5
● Desenvolver um formulário completo de cadastro utilizando o framework
Spring Web MVC.
● Incorporar a biblioteca Bootstrap 5 para estilização e layout responsivo.
● Estruturar um modelo de aplicação em camadas, explorando boas práticas
de desenvolvimento.
● Validar o funcionamento do formulário e a correta captura dos dados.
Prática 4 – Formulário Validado com JQuery + API ViaCEP
● Criar um formulário interativo validado com JQuery.
● Consumir a API ViaCEP para preenchimento automático do endereço.
4
● Implementar validações de campos obrigatórios e regras de consistência.
● Garantir acessibilidade, usabilidade e responsividade no formulário final.
3. Metodologia
A metodologia adotada para o desenvolvimento deste portfólio seguiu um processo
progressivo, alinhado ao roteiro da disciplina Frameworks para Desenvolvimento
de Software, contemplando desde a configuração inicial do ambiente de
desenvolvimento até a implementação de aplicações web completas com integração
de frameworks e bibliotecas modernas.O desenvolvimento foi estruturado em quatro
etapas, cada uma correspondendo a uma prática descrita no roteiro, obedecendo às
seguintes diretrizes:
3.1 Preparação do Ambiente
● Instalação da IDE NetBeans (versão mais recente compatível com o projeto).
● Instalação e configuração do Java JDK.
● Download e configuração do servidor Apache Tomcat 8.x, integrando-o à
IDE NetBeans para execução de aplicações Java Web.
Ferramentas Utilizadas:
● NetBeans IDE (Código aberto, multiplataforma).
● Java JDK (Java Development Kit).
● Apache Tomcat 8.x (Servidor de aplicações Java).
● Navegador Google Chrome para testes de execução.
3.2 Desenvolvimento das Práticas
Cada prática foi desenvolvida seguindo etapas detalhadas conforme o roteiro:
Prática 1 – Configuração do Servidor Tomcat
● Download e instalação do Apache Tomcat 8.x.
● Configuração do servidor no NetBeans.
Criação de um projeto Java Web simples para testar o servidor.
● Execução e validação da aplicação no navegador.
Prática 2 – Consumo de API de Endereço
● Criação de projeto HTML5/JavaScript no NetBeans.
● Desenvolvimento de formulário HTML5 com pelo menos cinco campos de
endereço.
5
● Aplicação de estilização utilizando CSS3 e Bootstrap 5.
● Implementação de lógica JavaScript para consumo da API dos Correios,
preenchendo automaticamente campos de endereço ao informar o CEP.
Prática 3 – Formulário com Spring MVC + Bootstrap
● Criação de projeto Java Web com integração do Spring Web MVC.
● Estruturação de formulário com 12 campos obrigatórios para cadastro de
usuário.
● Aplicação do framework Bootstrap 5 via CDN para estilização e
responsividade.
● Validação da aplicação através de testes no servidor Tomcat.
Prática 4 – Validação com JQuery + API ViaCEP
● Criação de novo projeto HTML5/JavaScript no NetBeans.
● Desenvolvimento do formulário com todos os campos necessários para
cadastro.
● Inclusão da biblioteca JQuery para validação dos campos.
● Implementação de dois arquivos JavaScript separados:
○ [Link] → consumo da API ViaCEP.
○ [Link] → regras de validação dos campos.
● Testes de funcionamento do formulário em ambiente local.
3.3 Ferramentas de Apoio
Para execução das práticas foram utilizadas referências técnicas, como a
documentação oficial dos frameworks e tutoriais online, garantindo a correta
aplicação dos conceitos propostos pelo roteiro da disciplina.
3.4 Estratégia de Registro
Durante todo o processo de execução das práticas, foram registrados prints de tela,
trechos de código e resultados obtidos no navegador, garantindo uma
documentação detalhada e a comprovação visual de cada etapa realizada,
conforme solicitado pelo professor.
4. Desenvolvimento, Resultados e Discussão
O desenvolvimento deste portfólio foi organizado em quatro práticas, seguindo
rigorosamente o roteiro disponibilizado na disciplina. Cada prática teve como
objetivo a aplicação de diferentes ferramentas, frameworks e linguagens de
6
programação, contemplando desde a configuração de ambiente até a construção de
aplicações web completas.
4.1 Desenvolvimento
O processo iniciou-se com a configuração do ambiente de desenvolvimento (Prática
1), estabelecendo a infraestrutura necessária para o desenvolvimento de aplicações
Java Web. Foi feita a instalação e configuração do NetBeans IDE, do Java JDK e
do Apache Tomcat 8.x, criando um ambiente integrado para execução de
aplicações web.
Na sequência, as práticas seguintes focaram no desenvolvimento progressivo de
aplicações:
● Prática 2 → Desenvolvimento de um formulário em HTML5, estilizado com
CSS3 e Bootstrap 5, com consumo da API dos Correios para preenchimento
automático de endereço.
● Prática 3 → Construção de um formulário completo de cadastro utilizando o
framework Spring Web MVC, integrando estilização avançada com
Bootstrap 5.
Prática 4 → Implementação de validações usando JQuery, complementando
o consumo da API ViaCEP, garantindo consistência e usabilidade.
Durante o desenvolvimento, foram observados desafios técnicos como a
configuração correta do servidor Tomcat no NetBeans, a integração entre
frameworks distintos e o consumo de API em ambiente local, que foram
solucionados mediante estudo da documentação oficial e testes iterativos.
4.2 Resultados
Ao final das quatro práticas, obteve-se:
● Um ambiente de desenvolvimento Java Web funcional, com servidor Tomcat
configurado.
● Um formulário dinâmico de endereço com preenchimento automático via API.
● Um formulário de cadastro estruturado com Spring MVC e estilização
responsiva via Bootstrap 5.
● Um formulário validado com JQuery, integrando consumo de API externa e
validação avançada dos dados.
Os resultados foram registrados por meio de capturas de tela, código-fonte
documentado e testes funcionais, garantindo a comprovação prática do
aprendizado.
4.3 Discussão
7
A execução das atividades permitiu compreender que frameworks e bibliotecas
modernas representam um diferencial no desenvolvimento de software, pois:
● Aceleram o processo de desenvolvimento, permitindo focar na lógica de
negócio.
● Padronizam a estruturação do código, facilitando manutenção e
escalabilidade.
● Melhoram a experiência do usuário com interfaces responsivas e
consistentes.
O uso integrado de Spring Web MVC, Bootstrap 5 e JQuery demonstrou a
importância da sinergia entre tecnologias para alcançar soluções robustas e
profissionais. Além disso, o consumo de APIs externas revelou-se uma prática
essencial em projetos reais, facilitando a integração de serviços e a automação de
processos.
8
9
10
5. Conclusão
A execução das práticas propostas pela disciplina Frameworks para
Desenvolvimento de Software consolidou conhecimentos fundamentais para a
11
formação de um desenvolvedor full-stack moderno. A vivência prática possibilitou
não apenas a compreensão teórica, mas também a aplicação real de conceitos de
configuração de ambiente, construção de interfaces, integração de APIs e utilização
de frameworks [Link] portfólio evidencia que a utilização de frameworks e
bibliotecas como Spring Web MVC, Bootstrap 5 e JQuery eleva significativamente a
qualidade e a eficiência no desenvolvimento de software, sendo indispensável para
atender às demandas do mercado [Link] fim, o trabalho reforça a importância da
prática contínua e da atualização constante, sendo estes fatores determinantes para
o sucesso profissional no campo da programação e desenvolvimento de sistemas.
12