{"id":49689,"date":"2026-02-26T21:54:39","date_gmt":"2026-02-27T00:54:39","guid":{"rendered":"https:\/\/portifolioos-prontos.com\/?post_type=product&p=49689"},"modified":"2026-03-02T17:40:22","modified_gmt":"2026-03-02T20:40:22","slug":"aula-pratica-programacao-web-ii","status":"publish","type":"product","link":"https:\/\/portifolioos-prontos.com\/index.php\/product\/aula-pratica-programacao-web-ii\/","title":{"rendered":"Aula Pr\u00e1tica Programa\u00e7\u00e3o Web II"},"content":{"rendered":"

Aula Pr\u00e1tica Programa\u00e7\u00e3o Web II <\/strong><\/p>\n

ROTEIRO DE AULA PR\u00c1TICA NOME DA DISCIPLINA: PROGRAMA\u00c7\u00c3O WEB <\/strong><\/p>\n

Unidade: U1_ PROGRAMA\u00c7\u00c3O_EM_JSF <\/strong><\/p>\n

Aula: A2_COMPONENTES_VISUAIS_DO_JSF <\/strong><\/p>\n

\n

OBJETIVOS<\/strong><\/p>\n

Defini\u00e7\u00e3o dos objetivos da aula pr\u00e1tica:
\nDefini\u00e7\u00e3o dos objetivos da aula pr\u00e1tica: Ensinar o aluno a criar um projeto web din\u00e2mico utilizando
\nconceitos iniciais de JSF na camada de vis\u00e3o, al\u00e9m de estruturar as partes desse projeto segundo
\no padr\u00e3o de arquitetura MVC, tudo isso sendo aplicado \u00e0 linguagem de programa\u00e7\u00e3o Java. Ap\u00f3s
\na cria\u00e7\u00e3o e estrutura\u00e7\u00e3o dos arquivos, aplicaremos uma folha de estilo no formul\u00e1rio criado.<\/p>\n

Eclipse e Wildfly<\/p>\n

Ide Eclipse ou correlata que possua configura\u00e7\u00f5es para constru\u00e7\u00e3o de classes seguindo o Java
\nEE, com configura\u00e7\u00f5es para ter servidor de aplica\u00e7\u00e3o e utilizar o framework JSF para a camada
\nde vis\u00e3o. Recomenda-se o uso do servidor wilfly.<\/p>\n

Acesse o site oficial: https:\/\/eclipseide.org\/<\/a>
\nClique em Download:
\nEscolha a vers\u00e3o \u201cEclipse IDE for Enterprise Java and Web Developers\u201d que compat\u00edvel
\ncom o sistema operacional do seu computador.<\/p>\n

Ap\u00f3s o download, descompacte o j\u00e1 estar\u00e1 pronto para uso.<\/p>\n

Atividade proposta: Criaremos um projeto baseado em Java EE (Projeto de WEB Din\u00e2mico)
\ncom organiza\u00e7\u00e3o preconizada pelo MVC, para cadastro de faculdades.<\/p>\n

Voc\u00ea deve elaborar, pelo menos, uma classe de modelo chamada Faculdade. Essa classe ter\u00e1
\num id (int), nomeCompleto (String) e nomeFantasia (String). Esses dados devem ser obtidos
\natrav\u00e9s de um formul\u00e1rio que contenha esses tr\u00eas elementos para ser digitados pelo usu\u00e1rio.<\/p>\n

Esse formul\u00e1rio deve estar presente na p\u00e1gina faculdades.xhtml e ela deve obrigatoriamente
\nutilizar conceitos de JSF que seja compat\u00edvel com as premissas de utiliza\u00e7\u00e3o de
\nManagedBeans. A classe Java FaculdadeMB ser\u00e1 a respons\u00e1vel por controlar as requisi\u00e7\u00f5es
\noriundas da camada de vis\u00e3o e pass\u00e1-las para a camada modelo. As etapas descritas a seguir
\nforam criadas usando a IDE Eclipse, com o servidor Wildfly.<\/p>\n

Para iniciar a atividade, vamos criar um projeto web din\u00e2mico:<\/p>\n

Figura 1 \u2013 Criando um Dynamic Web Project<\/p>\n

Vamos dar o nome \u201cFaculdade\u201d ao projeto e colocar as configura\u00e7\u00f5es conforme a Figura 7. Caso
\nseu \u201cTarget runtime\u201d esteja vazio como na Figura 2 ent\u00e3o clique em \u201cNew Runtime\u2026\u201d, ent\u00e3o uma
\njanela abrir\u00e1, procure por \u201cWildFly\u201d da mesma forma que a Figura 3, selecione \u201cJBoss AS, WildFly
\n& EAP Server Tools\u201d e clique em next, prossiga com a instala\u00e7\u00e3o at\u00e9 a conclus\u00e3o, e no final, aceite
\nos termos. Aten\u00e7\u00e3o, mesmo ap\u00f3s o aceite dos termos o download e a instala\u00e7\u00e3o ainda podem
\nestar ocorrendo, cheque no canto inferior esquerdo (Figura 4) e logo ap\u00f3s a finaliza\u00e7\u00e3o o Eclipse
\nprecisar\u00e1 ser reiniciado, ent\u00e3o repita o processo de cria\u00e7\u00e3o do projeto, caso ainda n\u00e3o tenha o
\n\u201cTarget runtime\u201d clique novamente em \u201cNew Runtime\u2026\u201d e procure por \u201cWildFly\u201d (Figura 5),
\nent\u00e3o selecione \u201cWildFly 10.x Runtime\u201d e clique em next, na pr\u00f3xima clique em \u201cDownload and
\ninstall runtime\u2026\u201d, vamos utilizar a vers\u00e3o, selecione ela e clique em next, prossiga com a
\ninstala\u00e7\u00e3o at\u00e9 a finaliza\u00e7\u00e3o, agora podemos prosseguir com a configura\u00e7\u00e3o do projeto.<\/p>\n

Figura 2 \u2013 Configurando runtime
\nFigura 3 \u2013 Instalando WildFly
\nFigura 4 \u2013 Processo de download e instala\u00e7\u00e3o
\nFigura 5 \u2013 Sele\u00e7\u00e3o Runtime WildFly 10
\nFigura 6 \u2013 Instala\u00e7\u00e3o WildFly 10
\nFigura 7 \u2013 Configura\u00e7\u00f5es para cria\u00e7\u00e3o do projeto<\/p>\n

Para cria\u00e7\u00e3o do formul\u00e1rio, clique com o bot\u00e3o direito sobre o projeto e escolha New >> HTML
\nFile. D\u00ea o nome para o arquivo de faculdades.xhtml e clique em finish. Crie os campos necess\u00e1rios
\nusando os recursos JSF, conforme c\u00f3digo na Figura 8.<\/p>\n

Figura 8 \u2013 C\u00f3digo para cria\u00e7\u00e3o do formul\u00e1rio faculdade.xhtml o<\/p>\n

Criada a interface para a tela de cadastro, o pr\u00f3ximo passo \u00e9 criar o pacote \u201cmodel\u201d e dentro do
\npacote criar a classe \u201cFaculdade\u201d, com o c\u00f3digo da Figura 9.<\/p>\n

Figura 9 \u2013 Classe Faculdade<\/p>\n

O pr\u00f3ximo passo consiste em criar uma classe especial, uma Managed Bean, para fazer o
\ncontrole da comunica\u00e7\u00e3o entre a camada de vis\u00e3o e a camada modelo. Para isso, no
\nprojeto crie um pacote chamado \u201ccontrol\u201d e dentro do pacote uma nova classe Java
\nchamada \u201cFaculdadeMB\u201d, com o c\u00f3digo da Figura 10.<\/p>\n

Figura 10 \u2013 Classe FaculdadeMB<\/p>\n

O pr\u00f3ximo passo \u00e9 configurar o arquivo faces-config.xml, que se encontra dentro da pasta
\nwebapp > WEB-INF, clique duas vezes para abrir, caso de primeira n\u00e3o consiga ver o c\u00f3digo, no
\nmenu inerior dessa janela clique em \u201csource\u201d. Com o c\u00f3digo da Figura 11, adicione as tags das
\nlinhas 8 a 10.<\/p>\n

Figura 11 \u2013 Classe FaculdadeMB<\/p>\n

Para testar, clique com o bot\u00e3o direito no arquivo faculdades.xhtml e selecione Run as > Run on
\nServer. Caso uma janela se abra pedindo para selecionar o server, procure por \u201cWildFly\u201d,
\nselecione \u201cWildFly 10.x\u201d e clique em next (Figura 12), prossiga at\u00e9 finalizar.<\/p>\n

Figura 12 \u2013 Selecionar server<\/p>\n

Caso de o erro 404 ao rodar o server, siga os seguintes passos:<\/p>\n

No Eclipse, v\u00e1 em:
\nProject \u2192 Properties \u2192 Java Compiler
\nMarque \u201cEnable project specific settings\u201d.
\nEm Compiler compliance level, selecione 1.8.
\nV\u00e1 em Project \u2192 Clean\u2026 e limpe\/recompile o projeto.
\nPare e reinicie o WildFly.<\/p>\n

Se todos os c\u00f3digos foram feitos corretamente, o resultado ap\u00f3s preencher e clicar no bot\u00e3o
\nsubmit, dever\u00e1 ser similar ao da Figura 13.<\/p>\n

Figura 12 \u2013 Resultado esperado at\u00e9 o momento<\/p>\n

Observe o caminho:<\/p>\n

Localhost:8080\/Faculdade\/faces\/faculdade.xhtml<\/p>\n

A tag no arquivo web.xml \u00e9 quem especifica o mapeamento do JSF, veja como est\u00e1
\npara esse projeto. Na linha 13 \/faces\/* implica diretamente no caminho.<\/p>\n

Agora passaremos para a finaliza\u00e7\u00e3o do projeto criando o arquivo de estilos. Dando continuidade
\ncrie uma nova pasta, dentro de \u201cwebapp\u201d, chamada \u201cresources\u201d. Dentro dessa nova pasta, crie
\numa nova, chamada \u201ccss\u201d. Quando constru\u00edmos essa estrutura de pastas, basta adicionar a
\nseguinte diretriz para que o arquivo xhtml aplique as regras do CSS:<\/p>\n

<h:outputStylesheet library=\u201dcss\u201d name=\u201darquivo.css\u201d \/><\/p>\n

Onde arquivo.css \u00e9 o nome que dar\u00e1 ao arquivo de folha de estilo.<\/p>\n

Vamos criar, dentro da pasta css o arquivo estilo1.css com o seguinte c\u00f3digo:<\/p>\n

Pare a execu\u00e7\u00e3o do servidor, e execute novamente. Veja se o resultado \u00e9 similar ao da Figura 13.<\/p>\n

Figura 13 \u2013 Resultado da atividade<\/p>\n

Ao final da aula, dever\u00e1 ser entregue um projeto web chamado Faculdade, com uma interface
\ngr\u00e1fica, uma classe modelo e uma classe de controle. O sistema dever\u00e1 estar funcionando.<\/p>\n

Utilize esta tabela para organizar os passos realizados e adicionar capturas de tela:<\/p>\n

Estrutura do Projeto Criada [Insira o Print]
\nArquivo faculdades.xhtml [Insira o Print]
\nArquivo Faculdade.java [Insira o Print]
\nArquivo FaculdadeMB.java [Insira o Print]
\nArquivo estilo1.css [Insira o Print]
\nResultado Testado [Insira o Print]<\/p>\n

\u2713 Estrutura do projeto criada corretamente;
\n\u2713 Arquivo xhtml criado;
\n\u2713 Classe modelo para o objeto Faculdade;
\n\u2713 Arquivos organizados nos devidos pacotes;
\n\u2713 ManagedBean criado;
\n\u2713 Configura\u00e7\u00e3o do arquivo faces-config.xml
\n\u2713 Projeto executando em um browser
\n\u2713 Pasta \u201cresources\u201d criada dentro de \u201cwebapp\u201d
\n\u2713 Pasta \u201ccss\u201d criada dentro de \u201cresources\u201d
\n\u2713 Arquivo css chamado estilo1.css criado dentro da pasta css
\n\u2713 Arquivo estilo1.css anexado no arquivo xhtml atrav\u00e9s da refer\u00eancia:
\n\uf06f <h:outputStylesheet library=\u201dcss\u201d name=\u201destilo1.css\u201d \/><\/p>\n

Resultados do experimento:<\/p>\n

O arquivo dever\u00e1 conter:<\/p>\n

Capa
\nFolha de rosto com os dados da disciplina e do aluno
\nM\u00e9todos: Explique as t\u00e9cnicas que utilizou
\nResultado:
\n\uf06f Captura de tela da p\u00e1gina WEB.
\n\uf06f Captura de tela da estrutura do projeto.<\/p>\n

Evid\u00eancias (c\u00f3digos):
\n\uf06f faculdades.xhtml
\n\uf06f Faculdade.java
\n\uf06f FaculdadeMB.java
\n\uf06f estilo1.css<\/p>\n

Ap\u00f3s concluir esta atividade, voc\u00ea ter\u00e1 aprendido:<\/p>\n

Criar um projeto web din\u00e2mico em Java utilizando o servidor de aplica\u00e7\u00f5es WildFly.
\nEstruturar uma aplica\u00e7\u00e3o seguindo o padr\u00e3o MVC (Model\u2013View\u2013Controller).
\nDesenvolver p\u00e1ginas de interface utilizando JSF (JavaServer Faces) e componentes
\nXHTML.<\/p>\n

Implementar Managed Beans para comunica\u00e7\u00e3o entre a camada de vis\u00e3o e a camada de
\nmodelo.<\/p>\n

Aplicar estilos personalizados em p\u00e1ginas JSF utilizando folhas de estilo (CSS) e a pasta
\nde recursos padr\u00e3o do framework.<\/p>\n

\n

Defini\u00e7\u00e3o dos objetivos da aula pr\u00e1tica:<\/p>\n

Nessa aula o objetivo \u00e9 criar um sistema de agenda fazendo a persist\u00eancia dos dados usando o
\nframework Hibernate.<\/p>\n

Para isso o sistema ser\u00e1 dividido em duas partes:<\/p>\n

Na primeira dever\u00e3o ser criados os arquivos de configura\u00e7\u00e3o com o banco, bem como a
\ntransa\u00e7\u00e3o de inser\u00e7\u00e3o de dados.<\/p>\n

Na segunda, ser\u00e3o criados os arquivos necess\u00e1rios \u00e0 intera\u00e7\u00e3o do usu\u00e1rio com o sistema,
\nou seja, a Managed Bean e o arquivo.xhtml.<\/p>\n

Eclipse, Wildfly e XAMPP<\/p>\n

Ide Eclipse ou correlata que possua configura\u00e7\u00f5es para constru\u00e7\u00e3o de classes seguindo o Java
\nEE, com configura\u00e7\u00f5es para ter servidor de aplica\u00e7\u00e3o e utilizar o framework JSF para a camada
\nde vis\u00e3o. Recomenda-se o uso do servidor wilfly.<\/p>\n

Acesse o site oficial: https:\/\/eclipseide.org\/<\/a>
\nClique em Download:
\nEscolha a vers\u00e3o \u201cEclipse IDE for Enterprise Java and Web Developers\u201d que compat\u00edvel
\ncom o sistema operacional do seu computador.<\/p>\n

Ap\u00f3s o download, descompacte o j\u00e1 estar\u00e1 pronto para uso.<\/p>\n

Atividade proposta: Criaremos um projeto baseado em Java EE (Projeto Web Din\u00e2mico),
\norganizado segundo o padr\u00e3o MVC, para o cadastro de contatos.<\/p>\n

Voc\u00ea deve elaborar, pelo menos, uma classe de modelo chamada Contato, contendo os atributos
\nid (Long), nome (String), telefone (String) e email (String). Esses dados ser\u00e3o obtidos por meio de
\num formul\u00e1rio presente na p\u00e1gina Contato.xhtml, na qual o usu\u00e1rio poder\u00e1 cadastrar, listar, alterar
\ne excluir registros.<\/p>\n

A p\u00e1gina deve utilizar os componentes e tags do JSF, de forma compat\u00edvel com as premissas de
\nutiliza\u00e7\u00e3o de ManagedBeans. A classe Java ContatoMB ser\u00e1 respons\u00e1vel por controlar as
\nrequisi\u00e7\u00f5es oriundas da camada de vis\u00e3o e encaminh\u00e1-las \u00e0 camada de persist\u00eancia.<\/p>\n

A persist\u00eancia dos dados deve ser implementada por meio da API JPA, com o provedor
\nHibernate, realizando a integra\u00e7\u00e3o com o banco de dados MySQL. A configura\u00e7\u00e3o do acesso ao
\nbanco ser\u00e1 feita no arquivo persistence.xml, e as opera\u00e7\u00f5es de CRUD ser\u00e3o estruturadas nas
\nclasses DAO e CRUD, utilizando EntityManager para gerenciar as transa\u00e7\u00f5es.<\/p>\n

As etapas descritas a seguir foram desenvolvidas utilizando a IDE Eclipse e o servidor WildFly,
\nem conjunto com o XAMPP (phpMyAdmin) para gerenciamento do banco de dados.<\/p>\n

Usando o Xampp (ou outro SGBD), crie um banco de dados chamado \u201cagenda\u201d.
\nFa\u00e7a o download do conector MySql pelo link:
\nhttps:\/\/repo1.maven.org\/maven2\/mysql\/mysql-connector-java\/8.0.11\/mysqlconnector-java-8.0.11.jar<\/a><\/p>\n

Fa\u00e7a o download do Hibernate, os links para download das libs:
\nhttps:\/\/repo1.maven.org\/maven2\/antlr\/antlr\/2.7.7\/antlr-2.7.7.jar<\/a>
\nhttps:\/\/repo1.maven.org\/maven2\/com\/fasterxml\/classmate\/1.3.0\/classmate-1.3.0.jar<\/a>
\nhttps:\/\/repo1.maven.org\/maven2\/dom4j\/dom4j\/1.6.1\/dom4j-1.6.1.jar<\/a>
\nhttps:\/\/repo1.maven.org\/maven2\/org\/hibernate\/common\/hibernate-commonsannotations\/5.0.1.Final\/hibernate-commons-annotations-5.0.1.Final.jar<\/a>
\nhttps:\/\/repo1.maven.org\/maven2\/org\/hibernate\/hibernatecore\/5.2.17.Final\/hibernate-core-5.2.17.Final.jar<\/a>
\nhttps:\/\/repo1.maven.org\/maven2\/org\/hibernate\/hibernateentitymanager\/5.0.7.Final\/hibernate-entitymanager-5.0.7.Final.jar<\/a>
\nhttps:\/\/repo1.maven.org\/maven2\/org\/javassist\/javassist\/3.18.1-GA\/javassist-3.18.1-GA.jar<\/a>
\nhttps:\/\/repo1.maven.org\/maven2\/org\/jboss\/logging\/jboss-logging\/3.3.0.Final\/jbosslogging-3.3.0.Final.jar<\/a><\/p>\n

Crie um projeto Dynamic Web com p nome \u201cAgenda\u201d (Figura 1).
\nDentro da pasta webapp > WEB-INF > lib, coloque tanto o conector MySql, quanto os
\narquivos do Hibernate que voc\u00ea realizou o download nos passos 2 e 3.<\/p>\n

Clique com o bot\u00e3o direito no nome do projeto, selecione \u201cProperties\u201d e depois Java Build
\nPath > aba Libraries. Clique em Add Jars e selecione a pasta lib que voc\u00ea copiou os
\narquivos no passo 6 (Figura 2).<\/p>\n

Ajustar o compilador<\/p>\n

Clique com o bot\u00e3o direito no projeto Agenda \u2192 Properties
\nV\u00e1 em Java Compiler
\nMarque Enable project specific settings
\nEm Compiler compliance level, selecione 1.8
\nClique em Apply and Close<\/p>\n

Ajustar o \u201cProject Facet\u201d
\nClique novamente com o bot\u00e3o direito no projeto \u2192 Properties
\nV\u00e1 em Project Facets
\nProcure a linha Java
\nAltere a Version para 1.8
\nSe estiver cinza:
\nClique no link \u201cFurther configuration available\u2026\u201d
\nNo campo \u201cRuntimes\u201d, marque o WildFly 10 Runtime (ou configure
\nse ainda n\u00e3o existir)<\/p>\n

Clique em OK e volte para 1.8
\nClique em Apply and Close<\/p>\n

Figura 1 \u2013 Criando o projeto
\nFigura 2 \u2013 Adicionando libs<\/p>\n

Dentro da pasta webpp> META-INF crie o arquivo persistence.xml<\/p>\n

<persistence xmlns=\u201dhttp:\/\/xmlns.jcp.org\/xml\/ns\/persistence\u201d<\/a>
\nxmlns:xsi=\u201dhttp:\/\/www.w3.org\/2001\/XMLSchema-instance\u201d<\/a>
\nxsi:schemaLocation=\u201dhttp:\/\/xmlns.jcp.org\/xml\/ns\/persistence<\/a>
\nhttp:\/\/xmlns.jcp.org\/xml\/ns\/persistence\/persistence_2_1.xsd\u201d<\/a>
\nversion=\u201d2.1\u2033><\/p>\n

org.hibernate.jpa.HibernatePersistenceProvider
\nmodel.Contato<\/p>\n

<property name=\u201djavax.persistence.jdbc.url\u201d
\nvalue=\u201djdbc:mysql:\/\/localhost:3306\/agenda?serverTimezone=UTC\u201d\/><\/p>\n

Crie um pacote chamado \u201cmodel\u201d dentro da pasta raiz \u201csrc\u201d e crie a classe \u201cContato\u201d, com
\no seguinte c\u00f3digo:<\/p>\n

package model;<\/p>\n

import javax.persistence.*;<\/p>\n

@Entity
\n@Table(name = \u201cContato\u201d)
\npublic class Contato {<\/p>\n

@Id
\n@GeneratedValue(strategy = GenerationType.IDENTITY)
\n@Column
\nprivate int id;<\/p>\n

@Column
\nprivate String nome;<\/p>\n

@Column
\nprivate String sobrenome;<\/p>\n

@Column
\nprivate String telefone;<\/p>\n

@Column
\nprivate String email;<\/p>\n

public int getId() {
\nreturn id;
\n}<\/p>\n

public void setId(int id) {
\nthis.id = id;
\n}<\/p>\n

public String getNome() {
\nreturn nome;
\n}<\/p>\n

public void setNome(String nome) {
\nthis.nome = nome;
\n}<\/p>\n

public String getSobrenome() {
\nreturn sobrenome;
\n}<\/p>\n

public void setSobrenome(String sobrenome) {
\nthis.sobrenome = sobrenome;
\n}<\/p>\n

public String getTelefone() {
\nreturn telefone;
\n}<\/p>\n

public void setTelefone(String telefone) {
\nthis.telefone = telefone;
\n}<\/p>\n

public String getEmail() {
\nreturn email;
\n}<\/p>\n

public void setEmail(String email) {
\nthis.email = email;
\n}<\/p>\n

}<\/p>\n

Dentro da pasta model crie a classe DAO, para fazer a conex\u00e3o com o banco
\npackage model;<\/p>\n

import javax.persistence.*;<\/p>\n

public class DAO {<\/p>\n

private static final EntityManagerFactory emFactory;<\/p>\n

static {
\nemFactory = Persistence.createEntityManagerFactory(\u201cagendaPersist\u201d);
\n}<\/p>\n

public static EntityManager getEntityManager() {
\nreturn emFactory.createEntityManager();
\n}<\/p>\n

public static void fecharFactory() {
\nemFactory.close();
\n}<\/p>\n

}<\/p>\n

Dentro da pasta model crie agora a classe CRUD.
\npackage model;<\/p>\n

import javax.persistence.*;<\/p>\n

public class CRUD {<\/p>\n

public static void inserir(Contato c1) {
\ntry {
\nEntityManager entityManager = DAO.getEntityManager();
\nentityManager.getTransaction().begin();
\nentityManager.persist(c1);
\nentityManager.getTransaction().commit();
\nentityManager.close();
\nSystem.out.println(\u201cconectado Salvo!\u201d);
\n} catch(Exception ex) {
\nex.printStackTrace();
\n}
\n}<\/p>\n

}<\/p>\n

Nesse momento, fique \u00e0 vontade caso queira implementar as demais transa\u00e7\u00f5es com o banco, elas est\u00e3o
\ndispon\u00edveis no texto principal da se\u00e7\u00e3o 2.3.<\/p>\n

Agora vamos criar os componentes necess\u00e1rios para a intera\u00e7\u00e3o do usu\u00e1rio com o sistema.<\/p>\n

Crie o pacote \u201ccontroller\u201d dentro da pasta raiz \u201csrc\u201d e dentro dele crie a classe ContatoMB com o
\nseguinte c\u00f3digo:<\/p>\n

package controller;<\/p>\n

import javax.faces.bean.ManagedBean;<\/p>\n

import model.*;<\/p>\n

@ManagedBean
\npublic class ContatoMB {<\/p>\n

public ContatoMB() {
\n}<\/p>\n

private Contato c = new Contato();<\/p>\n

public String getId() {
\nreturn String.valueOf(c.getId());
\n}<\/p>\n

public void setId(String id) {
\nc.setId(Integer.parseInt(id));
\n}<\/p>\n

public String getNome() {
\nreturn c.getNome();
\n}<\/p>\n

public void setNome(String nome) {
\nc.setNome(nome);
\n}<\/p>\n

public String getSobrenome() {
\nreturn c.getSobrenome();
\n}<\/p>\n

public void setSobrenome(String sobrenome) {
\nc.setSobrenome(sobrenome);
\n}<\/p>\n

public String getTelefone() {
\nreturn c.getTelefone();
\n}<\/p>\n

public void setTelefone(String telefone) {
\nc.setTelefone(telefone);
\n}<\/p>\n

public void setEmail(String email) {
\nc.setEmail(email);
\n}<\/p>\n

public String getEmail() {
\nreturn c.getEmail();
\n}<\/p>\n

public void salvar() {
\ntry {
\nCRUD.inserir(c);
\n} catch(Exception ex){
\nex.printStackTrace();
\n}
\n}<\/p>\n

}<\/p>\n

Configure arquivo faces-config.xml na pasta webapp>WEB-INF, deixando com o seguinte
\nc\u00f3digo:<\/p>\n

<faces-config
\nxmlns=\u201dhttp:\/\/xmlns.jcp.org\/xml\/ns\/javaee\u201d<\/a>
\nxmlns:xsi=\u201dhttp:\/\/www.w3.org\/2001\/XMLSchema-instance\u201d<\/a>
\nxsi:schemaLocation=\u201dhttp:\/\/xmlns.jcp.org\/xml\/ns\/javaee<\/a>
\nhttp:\/\/xmlns.jcp.org\/xml\/ns\/javaee\/web-facesconfig_2_2.xsd\u201d<\/a>
\nversion=\u201d2.2\u2033><\/p>\n

contatoMB
\ncontroller.ContatoMB
\nrequest<\/p>\n

Por fim, crie o arquivo Contato.xhtml dentro da pasta webapp, com o seguinte c\u00f3digo:<\/p>\n

Com a cria\u00e7\u00e3o dos 6 arquivos de c\u00f3digos descritos nas duas atividades, juntamente com as
\nconfigura\u00e7\u00f5es que foram realizadas, o projeto \u201cAgenda\u201d est\u00e1 pronto para ser executado e persistir
\ndados.<\/p>\n

\u2713 Criar o Banco de dados Usu\u00e1rios no MySQL;
\n\u2713 Cria\u00e7\u00e3o da estrutura do projeto no Eclipse;
\n\u2713 Cria\u00e7\u00e3o o arquivo de persist\u00eancia;
\n\u2713 Cria\u00e7\u00e3o da classe Contato.java;
\n\u2713 Cria\u00e7\u00e3o da classe DAO.java;
\n\u2713 Cria\u00e7\u00e3o da classe CRUD.java;
\n\u2713 Cria\u00e7\u00e3o da classe Managed Bean chamada \u201cContatoMB\u201d;
\n\u2713 Configura\u00e7\u00e3o do arquivo faces-config.xml;
\n\u2713 Cria\u00e7\u00e3o da interface gr\u00e1fica em um arquivo xhtml.<\/p>\n

Resultados do experimento:<\/p>\n

O arquivo dever\u00e1 conter:<\/p>\n

Capa
\nFolha de rosto com os dados da disciplina e do aluno
\nM\u00e9todos: Explique as t\u00e9cnicas que utilizou
\nResultado:
\n\uf06f Captura de tela da raiz do projeto;
\n\uf06f Captura de tela da p\u00e1gina Contato funcionando;
\n\uf06f Captura de tela da tabela do banco de dados com pelo menos 5 dados inseridos.<\/p>\n

Evid\u00eancias (c\u00f3digos):
\n\uf06f Persistence.xml
\n\uf06f Contato.java
\n\uf06f DAO.java
\n\uf06f CRUD.java
\n\uf06f ContatoMB.java
\n\uf06f Contato.xhtml<\/p>\n

Ap\u00f3s concluir esta atividade, voc\u00ea ter\u00e1 aprendido:<\/p>\n

Cria\u00e7\u00e3o e configura\u00e7\u00e3o de um projeto Java EE (Web Din\u00e2mico) estruturado segundo o
\npadr\u00e3o MVC.<\/p>\n

Implementa\u00e7\u00e3o de um CRUD (Create, Read, Update, Delete) utilizando JSF como camada
\nde vis\u00e3o.<\/p>\n

Mapeamento de entidades e persist\u00eancia de dados com JPA\/Hibernate integrando com o
\nbanco de dados MySQL.<\/p>\n

Configura\u00e7\u00e3o e utiliza\u00e7\u00e3o do arquivo persistence.xml para definir o provedor de
\npersist\u00eancia e os par\u00e2metros de conex\u00e3o.<\/p>\n

Manipula\u00e7\u00e3o de dados por meio da API EntityManager, aplicando boas pr\u00e1ticas de
\ntransa\u00e7\u00f5es e controle de exce\u00e7\u00f5es.<\/p>\n

Integra\u00e7\u00e3o entre as camadas View, Controller e Model, garantindo comunica\u00e7\u00e3o eficiente
\nentre os componentes do sistema.<\/p>\n

\n

Defini\u00e7\u00e3o dos objetivos da aula pr\u00e1tica:<\/p>\n

Compreender o papel dos frameworks Tomahawk, HighFaces e BootsFaces no
\necossistema JSF, reconhecendo como eles ampliam os recursos visuais e funcionais das
\naplica\u00e7\u00f5es web.<\/p>\n

Explorar a integra\u00e7\u00e3o do BootsFaces com o JSF, aplicando componentes visuais
\nbaseados em Bootstrap para criar interfaces modernas, responsivas e de f\u00e1cil
\nmanuten\u00e7\u00e3o.<\/p>\n

Desenvolver uma aplica\u00e7\u00e3o pr\u00e1tica utilizando BootsFaces, aplicando seus principais
\ncomponentes (como <b:form>, <b:inputText>, <b:commandButton>, <b:dataTable>, entre
\noutros) em conjunto com ManagedBeans e a arquitetura MVC.<\/p>\n

Eclipse e BootsFaces<\/p>\n

Ide Eclipse ou correlata que possua configura\u00e7\u00f5es para constru\u00e7\u00e3o de classes seguindo o Java
\nEE, com configura\u00e7\u00f5es para ter servidor de aplica\u00e7\u00e3o e utilizar o framework JSF para a camada
\nde vis\u00e3o. Recomenda-se o uso do servidor wilfly.<\/p>\n

Acesse o site oficial: https:\/\/eclipseide.org\/<\/a>
\nClique em Download:
\nEscolha a vers\u00e3o \u201cEclipse IDE for Enterprise Java and Web Developers\u201d que compat\u00edvel
\ncom o sistema operacional do seu computador.<\/p>\n

Ap\u00f3s o download, descompacte o j\u00e1 estar\u00e1 pronto para uso.<\/p>\n

Atividade proposta:<\/p>\n

Criaremos um projeto baseado em Java EE (Projeto Web Din\u00e2mico) utilizando o framework JSF
\ne a biblioteca BootsFaces, com o objetivo de desenvolver uma interface moderna e responsiva
\npara listagem de ve\u00edculos.<\/p>\n

Voc\u00ea dever\u00e1 elaborar uma classe de modelo chamada Ve\u00edculo, contendo os atributos id
\n(Integer), modelo (String), fabricante (String), ano (int) e valor (double). Esses dados ser\u00e3o
\nmanipulados por meio de uma tabela din\u00e2mica na p\u00e1gina veiculos.xhtml, utilizando o
\ncomponente <b:dataTable> do BootsFaces.<\/p>\n

O projeto deve seguir o padr\u00e3o MVC, utilizando uma classe ManagedBean (VeiculoMB) para
\ncontrolar as a\u00e7\u00f5es do usu\u00e1rio e repassar os dados para a camada de modelo. A tabela deve
\npermitir a exibi\u00e7\u00e3o dos registros cadastrados e aplicar o estilo visual oferecido pelo BootsFaces,
\ngarantindo uma interface limpa e intuitiva.<\/p>\n

As etapas descritas a seguir foram desenvolvidas na IDE Eclipse, com o servidor WildFly,
\ndemonstrando a integra\u00e7\u00e3o entre JSF e BootsFaces na cria\u00e7\u00e3o de aplica\u00e7\u00f5es web modernas e
\ncompat\u00edveis com o padr\u00e3o Java EE.<\/p>\n

Crie um novo projeto chamado PraticaBootsFaces, com as configura\u00e7\u00f5es da
\nFigura 1.<\/p>\n

Figura 1 \u2013 Criando o projeto<\/p>\n

Ajustar o compilador
\n\uf06f Clique com o bot\u00e3o direito no projeto Agenda \u2192 Properties
\n\uf06f V\u00e1 em Java Compiler
\n\uf06f Marque Enable project specific settings
\n\uf06f Em Compiler compliance level, selecione 1.8
\n\uf06f Clique em Apply and Close<\/p>\n

Dentro da pasta java raiz \u201csrc\u201d, criar um novo pacote chamado model. Dentro
\ndesse pacote criar a classe Carro.java com o seguinte c\u00f3digo:<\/p>\n

package model;<\/p>\n

public class Carro {<\/p>\n

private String modelo;<\/p>\n

private String marca;<\/p>\n

public Carro(String marca, String modelo) {
\nthis.modelo = modelo;
\nthis.marca = marca;
\n}<\/p>\n

public String getModelo() {
\nreturn modelo;
\n}<\/p>\n

public void setModelo(String modelo) {
\nthis.modelo = modelo;
\n}<\/p>\n

public String getMarca() {
\nreturn marca;
\n}<\/p>\n

public void setMarca(String marca) {
\nthis.marca = marca;
\n}<\/p>\n

}<\/p>\n

Dentro da pasta java raiz \u201csrc\u201d, criar um novo pacote chamado control, e dentro
\ndele criar uma nova classe java chamada CarrosMB.java, com o seguinte c\u00f3digo:<\/p>\n

package control;<\/p>\n

import java.util.ArrayList;
\nimport java.util.List;<\/p>\n

import javax.faces.bean.ManagedBean;<\/p>\n

import model.Carro;<\/p>\n

@ManagedBean
\npublic class CarrosMB {<\/p>\n

public CarrosMB() {
\ncarros = new ArrayList();
\ncarros.add(new Carro(\u201cMarca 1\u201d, \u201cModelo 1\u201d));
\ncarros.add(new Carro(\u201cMarca 2\u201d, \u201cModelo 2\u201d));
\ncarros.add(new Carro(\u201cMarca 3\u201d, \u201cModelo 3\u201d));
\n}<\/p>\n

private List carros;<\/p>\n

public List getCarros() {
\nreturn carros;
\n}<\/p>\n

public void setCarros(List carros) {
\nthis.carros = carros;
\n}<\/p>\n

}<\/p>\n

Dentro do arquivo faces-config.xml acrescentar a seguinte configura\u00e7\u00e3o:<\/p>\n

carrosMB
\ncontrol.CarrosMB
\nrequest<\/p>\n

Agora vamos criar a interface gr\u00e1fica para usar os dados da Managed Bean CarrosMB.java.<\/p>\n

Acesse o site https:\/\/github.com\/TheCoder4eu\/BootsFacesOSP\/releases\/download\/v1.3.0\/BootsFaces-OSP-1.3.0-dist.jar<\/a> e fa\u00e7a o download do framework
\nBootsFaces. Descompacte o arquivo e copie o JAR para a pasta lib do projeto. Utilizamos o
\narquivo \u201cBootsFaces-OSP-1.3.0-dist\u201d.<\/p>\n

Dentro da pasta webapp crie um arquivo chamado pagina.xhtml, com o respectivo c\u00f3digo:<\/p>\n

Se todos os passos foram devidamente seguidos, o resultado ser\u00e1 como na Figura 2.<\/p>\n

Figura 2 \u2013 Resultado do roteiro<\/p>\n

Ap\u00f3s o experimento responda as seguintes quest\u00f5es:<\/p>\n

Qual \u00e9 a principal vantagem de usar o BootsFaces em rela\u00e7\u00e3o aos componentes padr\u00e3o
\ndo JSF na cria\u00e7\u00e3o das interfaces web?<\/p>\n

Como o uso de componentes BootsFaces, como <b:inputText> e <b:dataTable>,
\ncontribui para a usabilidade e organiza\u00e7\u00e3o visual da aplica\u00e7\u00e3o?<\/p>\n

De que forma o BootsFaces se integra ao JSF, e por que essa integra\u00e7\u00e3o \u00e9 importante
\npara o funcionamento da aplica\u00e7\u00e3o?<\/p>\n

\u2713 Criar um projeto com as especifica\u00e7\u00f5es sugeridas
\n\u2713 Criar o pacote model e dentro dele a classe Carro.java
\n\u2713 Criar o pacote model e dentro dele a classe CarrosMB.java
\n\u2713 Acrescentar a configura\u00e7\u00e3o da Managed Bean no arquivo faces-config.xml
\n\u2713 Fazer o download do framework BootsFaces
\n\u2713 Copiar o JAR para a pasta lib do projeto
\n\u2713 Dentro da pasta webappcriar o arquivo pagina.xhtml com o devido c\u00f3digo.
\n\u2713 Responder as quest\u00f5es.<\/p>\n

Resultados do experimento:<\/p>\n

O arquivo dever\u00e1 conter:<\/p>\n

Capa
\nFolha de rosto com os dados da disciplina e do aluno
\nM\u00e9todos: Explique as t\u00e9cnicas que utilizou
\nResultado:
\n\uf06f Respostas das quest\u00f5es do avaliando resultados.<\/p>\n

Evid\u00eancias:
\n\uf06f Captura de tela do projeto.
\n\uf06f Captura de tela do resultado do experimento.<\/p>\n

Formato de entrega:<\/p>\n

Arquivo PDF<\/p>\n

Ap\u00f3s concluir esta atividade, voc\u00ea ter\u00e1 aprendido:<\/p>\n

A compreender a fun\u00e7\u00e3o dos frameworks Tomahawk, HighFaces e BootsFaces no
\naprimoramento das aplica\u00e7\u00f5es desenvolvidas com JSF.<\/p>\n

A utilizar componentes visuais do BootsFaces para construir interfaces web modernas,
\nresponsivas e integradas ao padr\u00e3o MVC.<\/p>\n

A integrar o BootsFaces ao JSF, configurando corretamente as bibliotecas e aplicando
\nseus recursos de forma pr\u00e1tica no desenvolvimento de p\u00e1ginas XHTML.<\/p>\n

A diferenciar os frameworks visuais para JSF, reconhecendo suas vantagens e o contexto
\nmais adequado para o uso de cada um.<\/p>\n

\n

Defini\u00e7\u00e3o dos objetivos da aula pr\u00e1tica:<\/p>\n

Compreender o funcionamento de APIs RESTful e seus princ\u00edpios b\u00e1sicos.
\nImplementar endpoints usando JAX-RS no Java EE.
\nProduzir e consumir dados no formato JSON.
\nExecutar e testar servi\u00e7os REST em um servidor de aplica\u00e7\u00e3o (WildFly).<\/p>\n

Eclipse<\/p>\n

Ide Eclipse ou correlata que possua configura\u00e7\u00f5es para constru\u00e7\u00e3o de classes seguindo o Java
\nEE, com configura\u00e7\u00f5es para ter servidor de aplica\u00e7\u00e3o e utilizar o framework JSF para a camada
\nde vis\u00e3o. Recomenda-se o uso do servidor wilfly.<\/p>\n

Acesse o site oficial: https:\/\/eclipseide.org\/<\/a>
\nClique em Download:
\nEscolha a vers\u00e3o \u201cEclipse IDE for Enterprise Java and Web Developers\u201d que compat\u00edvel
\ncom o sistema operacional do seu computador.<\/p>\n

Ap\u00f3s o download, descompacte o j\u00e1 estar\u00e1 pronto para uso.<\/p>\n

Atividade proposta:<\/p>\n

Nesta atividade, o aluno desenvolver\u00e1 uma API RESTful utilizando os recursos da especifica\u00e7\u00e3o
\nJAX-RS presentes no Java EE (atrav\u00e9s do servidor WildFly).<\/p>\n

A aplica\u00e7\u00e3o, chamada RestBook, tem como objetivo expor endpoints REST para listar e cadastrar
\nlivros em formato JSON, aplicando os princ\u00edpios de comunica\u00e7\u00e3o sem estado (stateless) e
\npadroniza\u00e7\u00e3o de verbos HTTP.<\/p>\n

A classe Livro representar\u00e1 o modelo principal da aplica\u00e7\u00e3o, contendo os atributos id, titulo e
\nautor.<\/p>\n

Em seguida, ser\u00e1 criada a classe LivroResource, respons\u00e1vel por definir os endpoints com as
\nanota\u00e7\u00f5es @Path, @GET, @POST e @Produces(MediaType.APPLICATION_JSON).<\/p>\n

Esses endpoints permitir\u00e3o consultar todos os livros e cadastrar novos livros via requisi\u00e7\u00f5es
\nHTTP.<\/p>\n

    \n
  1. Criar o projeto (Figura 1)<\/li>\n<\/ol>\n

    No Eclipse: File > New > Dynamic Web Project.
    \nNome: RestBook.
    \nTarget runtime: selecione o WildFly instalado.
    \nConfiguration: \u201cDefault Configuration for WildFly\u201d.
    \nFinish.<\/p>\n

    Figura 1 \u2013 Criando o projeto<\/p>\n

      \n
    1. Certifique-se de que o projeto est\u00e1 com Java 8<\/li>\n<\/ol>\n

      Project > Properties > Project Facets: Java 1.8<\/p>\n

        \n
      1. Habilitar JAX-RS (RESTEasy) e JSON<\/li>\n<\/ol>\n

        O WildFly j\u00e1 traz o RESTEasy. Para garantir a serializa\u00e7\u00e3o em JSON via Jackson:<\/p>\n

        Crie a pasta: src\/main\/webapp\/WEB-INF\/ (se n\u00e3o existir).
        \nDentro dela, crie o arquivo jboss-deployment-structure.xml com o conte\u00fado:<\/p>\n

        Isso adiciona o provider Jackson2 do WildFly ao seu WAR (sem precisar baixar libs).<\/p>\n

          \n
        1. Definir o pacote base<\/li>\n<\/ol>\n

          Crie um pacote Java, por exemplo: br.com.restbook<\/p>\n

            \n
          1. Configurar o ponto de entrada do JAX-RS<\/li>\n<\/ol>\n

            Crie a classe JaxRsConfig:
            \npackage br.com.restbook;<\/p>\n

            import javax.ws.rs.ApplicationPath;<\/p>\n

            import javax.ws.rs.core.Application;<\/p>\n

            @ApplicationPath(\u201c\/api\u201d)
            \npublic class JaxRsConfig extends Application {
            \n\/\/ sem c\u00f3digo: a anota\u00e7\u00e3o j\u00e1 registra o JAX-RS em \/api
            \n}<\/p>\n

            A sua API responder\u00e1 em URLs que come\u00e7am com \/api.<\/p>\n

              \n
            1. Criar o modelo (Resource Representation)<\/li>\n<\/ol>\n

              Crie a classe Livro:
              \npackage br.com.restbook;<\/p>\n

              public class Livro {<\/p>\n

              private Integer id;<\/p>\n

              private String titulo;<\/p>\n

              private String autor;<\/p>\n

              public Livro() {}<\/p>\n

              public Livro(Integer id, String titulo, String autor) {
              \nthis.id = id;
              \nthis.titulo = titulo;
              \nthis.autor = autor;
              \n}<\/p>\n

              public Integer getId() { return id; }<\/p>\n

              public void setId(Integer id) { this.id = id; }<\/p>\n

              public String getTitulo() { return titulo; }<\/p>\n

              public void setTitulo(String titulo) { this.titulo = titulo; }<\/p>\n

              public String getAutor() { return autor; }<\/p>\n

              public void setAutor(String autor) { this.autor = autor; }<\/p>\n

              }<\/p>\n

                \n
              1. Criar o recurso REST (endpoints)<\/li>\n<\/ol>\n

                Crie a classe LivroResource:
                \npackage br.com.restbook;<\/p>\n

                import java.util.*;<\/p>\n

                import java.util.concurrent.atomic.AtomicInteger;<\/p>\n

                import javax.ws.rs.*;<\/p>\n

                import javax.ws.rs.core.*;<\/p>\n

                import javax.ws.rs.core.Response.Status;<\/p>\n

                @Path(\u201c\/livros\u201d)
                \n@Produces(MediaType.APPLICATION_JSON)
                \n@Consumes(MediaType.APPLICATION_JSON)
                \npublic class LivroResource {<\/p>\n

                private static final List LIVROS = new ArrayList<>();<\/p>\n

                private static final AtomicInteger SEQ = new AtomicInteger(1);<\/p>\n

                static {
                \nLIVROS.add(new Livro(SEQ.getAndIncrement(), \u201cClean Code\u201d, \u201cRobert C. Martin\u201d));
                \nLIVROS.add(new Livro(SEQ.getAndIncrement(), \u201cEffective Java\u201d, \u201cJoshua Bloch\u201d));
                \n}<\/p>\n

                @GET
                \npublic List listar() {
                \nreturn LIVROS; \/\/ 200 + JSON
                \n}<\/p>\n

                @GET
                \n@Path(\u201c\/{id}\u201d)
                \npublic Response obter(@PathParam(\u201cid\u201d) int id) {
                \nreturn LIVROS.stream()
                \n.filter(l -> l.getId() == id)
                \n.findFirst()
                \n.map(l -> Response.ok(l).build())
                \n.orElse(Response.status(Status.NOT_FOUND).build());
                \n}<\/p>\n

                @POST
                \npublic Response adicionar(Livro novo, @Context UriInfo uriInfo) {
                \nif (novo == null || novo.getTitulo() == null || novo.getAutor() == null) {
                \nreturn Response.status(Status.BAD_REQUEST).entity(\u201c{\\\u201derro\\\u201d:\\\u201dTitulo e autor s\u00e3o
                \nobrigat\u00f3rios\\\u201d}\u201d).build();
                \n}<\/p>\n

                novo.setId(SEQ.getAndIncrement());
                \nLIVROS.add(novo);<\/p>\n

                UriBuilder uriBuilder =
                \nuriInfo.getAbsolutePathBuilder().path(String.valueOf(novo.getId()));
                \nreturn Response.created(uriBuilder.build()).entity(novo).build(); \/\/ 201 + Location +
                \nJSON
                \n}<\/p>\n

                @DELETE
                \n@Path(\u201c\/{id}\u201d)
                \npublic Response remover(@PathParam(\u201cid\u201d) int id) {
                \nboolean removed = LIVROS.removeIf(l -> l.getId() == id);
                \nreturn removed ? Response.noContent().build() :
                \nResponse.status(Status.NOT_FOUND).build();
                \n}<\/p>\n

                }<\/p>\n

                  \n
                1. Deploy no WildFly<\/li>\n<\/ol>\n

                  Run As > Run on Server (selecione o WildFly).
                  \nVerifique no Console se a aplica\u00e7\u00e3o subiu sem erros.
                  \nAcesse no navegador para testar o GET:
                  \nhttp:\/\/localhost:8080\/RestBook\/api\/livros<\/a><\/p>\n

                    \n
                  1. Testes r\u00e1pidos (Postman ou cURL)<\/li>\n<\/ol>\n

                    Listar livros (GET)
                    \nURL: GET                     http:\/\/localhost:8080\/RestBook\/api\/livros<\/a>
                    \nHeaders: Accept: application\/json<\/p>\n

                    Obter por id (GET)
                    \nURL: GET                     http:\/\/localhost:8080\/RestBook\/api\/livros\/1<\/a><\/p>\n

                    Adicionar livro (POST)
                    \nURL: POST                     http:\/\/localhost:8080\/RestBook\/api\/livros<\/a>
                    \nHeaders:
                    \nContent-Type: application\/json
                    \nAccept: application\/json
                    \nBody (raw\/JSON):
                    \n{
                    \n\u201ctitulo\u201d: \u201cDomain-Driven Design\u201d,
                    \n\u201cautor\u201d: \u201cEric Evans\u201d
                    \n}<\/p>\n

                      \n
                    1. Remover (DELETE)<\/li>\n<\/ol>\n

                      URL: DELETE http:\/\/localhost:8080\/RestBook\/api\/livros\/2<\/a><\/p>\n

                      cURL exemplo (POST):
                      \ncurl -i -X POST \u201c                      http:\/\/localhost:8080\/RestBook\/api\/livros\u201d<\/a> \\
                      \n-H \u201cContent-Type: application\/json\u201d \\
                      \n-d \u201c{\\\u201dtitulo\\\u201d:\\\u201dRefactoring\\\u201d,\\\u201dautor\\\u201d:\\\u201dMartin Fowler\\\u201d}\u201d<\/p>\n

                      Ap\u00f3s o experimento responda as seguintes quest\u00f5es:<\/p>\n

                      Qual \u00e9 a principal diferen\u00e7a entre um m\u00e9todo REST anotado com @GET e outro com
                      \n@POST?<\/p>\n

                      Por que o formato JSON \u00e9 amplamente utilizado em APIs RESTful modernas?<\/p>\n

                      Explique o papel da anota\u00e7\u00e3o @Path em uma classe que representa um recurso REST.<\/p>\n

                      \u2713 Criar o projeto \u201cRestBook\u201d no Eclipse (Dynamic Web Project com suporte a JAX-RS).
                      \n\u2713 Configurar a classe Livro com os atributos e m\u00e9todos getters\/setters.
                      \n\u2713 Criar a classe LivroResource com os m\u00e9todos listarLivros() e adicionarLivro().
                      \n\u2713 Garantir o retorno em JSON usando @Produces(MediaType.APPLICATION_JSON).
                      \n\u2713 Testar os endpoints \/livros e \/livros\/add no Postman ou navegador.<\/p>\n

                      Resultados do experimento:<\/p>\n

                      O arquivo dever\u00e1 conter:<\/p>\n

                      Capa
                      \nFolha de rosto com os dados da disciplina e do aluno
                      \nM\u00e9todos: Explique as t\u00e9cnicas que utilizou
                      \nResultado:
                      \n\uf06f Respostas das quest\u00f5es do avaliando resultados.<\/p>\n

                      Evid\u00eancias:
                      \n\uf06f Captura de tela do projeto;
                      \n\uf06f Captura de tela da p\u00e1gina dos dois GETs no navegador.<\/p>\n

                      Formato de entrega:<\/p>\n

                      Arquivo em Word ou PDF com as capturas de tela.<\/p>\n

                      Ao final desta atividade, o aluno ser\u00e1 capaz de:<\/p>\n

                      Compreender a estrutura e funcionamento de uma API RESTful desenvolvida em Java
                      \nEE, reconhecendo o papel dos recursos, m\u00e9todos HTTP e formato de troca de dados
                      \n(JSON).<\/p>\n

                      Implementar e expor endpoints REST utilizando JAX-RS (RESTEasy), aplicando
                      \nanota\u00e7\u00f5es como @Path, @GET, @POST e @Produces para definir o comportamento da
                      \nAPI.<\/p>\n

                      Testar e validar requisi\u00e7\u00f5es HTTP (GET, POST e DELETE) atrav\u00e9s de ferramentas como
                      \nPostman ou navegador, analisando os c\u00f3digos de status e as respostas retornadas em
                      \nJSON.<\/p>\n

                      Configurar e executar uma aplica\u00e7\u00e3o REST no servidor WildFly, garantindo o correto
                      \nfuncionamento do m\u00f3dulo de serializa\u00e7\u00e3o JSON (Jackson Provider).<\/p>\n

                      \n

                      Como se realizam os envios?<\/strong><\/p>\n<\/div>\n

                      O seu trabalho \u00e9 disponibilizado pronto, respondido e nas normas j\u00e1 na mesma hora aqui em nosso site na sua \u00e1rea de downloads e tamb\u00e9m no seu e-mail.<\/p>\n

                      Em quanto tempo recebo o portf\u00f3lio?<\/strong><\/p>\n

                      Os envios s\u00e3o imediatos. Ap\u00f3s sua compra, o trabalho j\u00e1 \u00e9 disponibilizado instantaneamente aqui em nosso site e no seu e-mail.<\/p>\n

                      E se o portf\u00f3lio que comprei precisar de corre\u00e7\u00e3o?<\/strong><\/p>\n

                      Caso haja alguma solicita\u00e7\u00e3o de corre\u00e7\u00e3o\/altera\u00e7\u00e3o por parte do tutor, basta entrar em contato conosco pelo\u00a0WhatsApp\u00a0que provid\u00eanciaremos sem custo algum.<\/p>\n

                      Qual o formato do arquivo?<\/strong><\/p>\n

                      Os arquivos s\u00e3o enviados em formato Word e s\u00e3o edit\u00e1veis.<\/p>\n

                      Caso eu tiver alguma d\u00favida, terei suporte no p\u00f3s venda?<\/strong><\/p>\n

                      Sim, com certeza. Basta clicar no \u00edcone do WhatsApp no cantinho da tela. Ser\u00e1 um prazer atend\u00ea-lo(a).<\/p>\n

                      \n

                      Quais os seus canais de contato?<\/strong><\/p>\n<\/div>\n

                      \n

                      Whatsapp: 53 984751621 \u2013 Clicar no canto da tela ou ESCANEIE O QRCODE ABAIXO<\/p>\n

                      \"projeto<\/h4>\n<\/div>\n
                      \n
                      \n

                      E-mail:portifoliosp@gmail.com<\/p>\n

                      \n
                      \n

                      Portf\u00f3lio<\/a>\u00a0em Word, respondido, completo e j\u00e1 nas normas<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

                      Pague pelo PIX ou cart\u00e3o e fa\u00e7a o download agora mesmo.<\/strong><\/div>\n
                      \n
                      \n

                      \"portf\u00f3lio\"portf\u00f3lio\"portf\u00f3lio<\/p>\n<\/div>\n<\/div>\n","protected":false},"featured_media":49690,"template":"","meta":{"_seopress_robots_primary_cat":"none","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":""},"product_cat":[15],"product_tag":[],"class_list":{"0":"post-49689","1":"product","2":"type-product","3":"status-publish","4":"has-post-thumbnail","6":"product_cat-uncategorized","8":"first","9":"instock","10":"shipping-taxable","11":"product-type-simple","12":"col-xs-6 col-sm-4","13":"col-mf-5","14":"un-5-cols"},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/product\/49689","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/product"}],"about":[{"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/types\/product"}],"version-history":[{"count":3,"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/product\/49689\/revisions"}],"predecessor-version":[{"id":49831,"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/product\/49689\/revisions\/49831"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/media\/49690"}],"wp:attachment":[{"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/media?parent=49689"}],"wp:term":[{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/product_cat?post=49689"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/product_tag?post=49689"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}