ROTEIRO DE AULA PRÁTICA – FRAMEWORK PARA DESENVOLVIMENTO DE SOFTWARE

⚠️ATENÇÃO: Recomenda-se que o aluno modifique o conteúdo para evitar qualquer forma de cópia. Não nos responsabilizamos por eventuais cópias.

Roteiro de Aula Prática

Framework para Desenvolvimento de Software

Disciplina: Framework para Desenvolvimento de Software

ROTEIRO DE AULA PRÁTICA 1

Unidade:
Aula (WhiteLabel) / Seção (KLS): SOFTWARE

Modalidade:
☒ Software  ☐ Acesso on-line
☐ Pago  ☒ Não pago

Infraestrutura

• Computador

• IDE NetBeans com Java JDK instalado e configurado

Descrição do Software

NetBeans é uma IDE de desenvolvimento gratuita e de código aberto, útil no desenvolvimento de softwares utilizando as linguagens: JavaScript, HTML5, PHP, C/C++ e Java.
Ferramenta multiplataforma, podendo ser instalada no Linux, macOS e Windows.

ATIVIDADE PRÁTICA 1

Atividade Proposta:
Configurar um servidor necessário para que a IDE NetBeans execute os projetos desenvolvidos. Para essa atividade, será realizada a instalação do Apache Tomcat como servidor padrão para rodar aplicações web. Como teste, deverá ser criada uma aplicação web simples para validar o funcionamento do servidor.

Objetivos:

• Criar familiaridade com o ambiente de desenvolvimento NetBeans;

• Configurar o servidor Tomcat para exibir aplicações desenvolvidas em Java;

• Compreender como testar o servidor Tomcat.

Procedimentos para Realização da Atividade

1. Acessar a página do servidor Tomcat:
   https://tomcat.apache.org/download-native.cgi

2. Selecionar a versão 8.x do servidor.

3. Na sessão Core, escolher a versão compatível com a arquitetura do computador (preferencialmente 64 bits).

4. Fazer o download do arquivo 64-bit Windows.zip.

5. Descompactar o arquivo.

6. Mover a pasta apache-tomcat-8.5.82 para o Disco Local C:.

7. Abrir o NetBeans e criar um novo projeto:
   Java with Ant > Java Web > Web Application.

8. Definir nome e local do projeto e clicar em Next.

9. Configurar o servidor Apache Tomcat, indicando o diretório no Disco Local C:.

10. Avançar as etapas, selecionar o framework Spring Web MVC e finalizar o projeto.

11. Executar a aplicação e acessar o link gerado pelo Tomcat no navegador.

Checklist

• Download e configuração do NetBeans;

• Download do servidor Tomcat;

• Organização da pasta do servidor;

• Criação de projeto Java Web;

• Instalação do Spring MVC;

• Teste da aplicação no navegador.

Resultado Esperado

Configuração do servidor Tomcat 8.x na IDE NetBeans e execução de uma aplicação web simples utilizando o framework Spring MVC.

Referência

Tutorial Tomcat – Instalação e Configuração Básica.
Disponível em: http://www.mhavila.com.br/topicos/java/tomcat.html
Acesso em: 20 set. 2022.

ROTEIRO DE AULA PRÁTICA 2

Unidade:
Aula (WhiteLabel) / Seção (KLS):

Modalidade:
☒ Software  ☐ Acesso on-line
☐ Pago  ☒ Não pago

Infraestrutura

• Computador

• IDE NetBeans com Java JDK instalado e configurado

Descrição do Software

NetBeans é uma IDE gratuita e de código aberto, utilizada para desenvolvimento web e aplicações multiplataforma.

ATIVIDADE PRÁTICA 2

Atividade Proposta:
Criar um projeto web com formulário para consumo da API de endereço dos Correios (ViaCEP). A partir do CEP informado, os campos de endereço deverão ser preenchidos automaticamente utilizando JavaScript.

Objetivos:

• Construir projeto web com HTML5, CSS3 e JavaScript;

• Criar formulário HTML;

• Estilizar com CSS e Bootstrap;

• Consumir API ViaCEP.

Procedimentos

1. Criar um projeto HTML5/JavaScript.

2. Nomear o projeto como cadastroEndereco.

3. Não utilizar template.

4. Criar arquivos HTML, CSS e JavaScript.

5. Implementar formulário com campos de endereço.

6. Utilizar Bootstrap para estilização.

7. Testar no navegador Google Chrome.

Resultados

Entrega de projeto funcional consumindo API ViaCEP e exibindo os dados corretamente no formulário.

Referência

ViaCEP – Webservice de CEP.
Disponível em: https://viacep.com.br/
Acesso em: 20 set. 2022.

ROTEIRO DE AULA PRÁTICA 3

Atividade Proposta:
Implementar formulário de cadastro utilizando Spring MVC e Bootstrap 5, contendo 12 campos de dados pessoais e endereço.

Objetivo:
Aplicar conceitos de frameworks Spring Web MVC e Bootstrap 5 para construção de aplicações web.

Resultados Esperados

Projeto estruturado em Spring MVC, com formulário totalmente estilizado utilizando Bootstrap 5 e executado no servidor Tomcat.

Referências

• Spring MVC – Serving Web Content

• Introdução ao Spring Web MVC – NetBeans

ROTEIRO DE AULA PRÁTICA 4

Atividade Proposta:
Criar formulário HTML5/JavaScript com validação de campos utilizando JQuery e consumo da API ViaCEP, totalmente estilizado com Bootstrap 5.

Resultados Esperados

Aplicação web funcional com validação de dados, consumo de API externa e estilização completa com Bootstrap.

Referências

• Validação de e-mail com JavaScript

• JQuery

• Bootstrap 5