PROJETO INTEGRADOR. Documentação. Aplicação de Controle de Acesso FACULDADE DE TECNOLOGIA SENAC GOIÁS. Programação com Frameworks

Transcrição

1 PROJETO INTEGRADOR FACULDADE DE TECNOLOGIA SENAC GOIÁS Programação com Frameworks Documentação Aplicação de Controle de Acesso Gestão em Tecnologia da Informação 5º Módulo Noturno Professor: Fabricio Leonard Alunos: João Victor Alves; Douglas Ferreira; Erik Souza; Raphael Beghelli.

2 Sumário Proposta do Projeto... 3 Configurando o Servidor... 4 Configurando o projeto para usar RichFaces... 9 JARs Web.xml Conexão com o banco Persistence.xml Classe JPAUtil Controle de Acesso - Definição Requisitos Modelagem do banco Controle de Acesso - Telas Tela de Login Tela de Cadastro de Usuário Tela de Erro ao logar Tela do Administrador Tela do Usuário comum Visão Geral do Projeto Controle de Acesso Bean Variáveis Globais Métodos para cadastro de usuário Métodos para validar o login Método para relacionar usuário X permissão Método que busca todos os usuários Método que busca todas as permissões Referências... 30

3 Proposta do Projeto Desenvolver um sistema de controle de acesso utilizando os Frameworks apresentados na disciplina. Abaixo será explicado como a aplicação de controle de acesso foi desenvolvida, desde a configuração do servidor, configuração da ferramenta de desenvolvimento para suportar o framework, modelagem do banco etc. Para esse projeto serão usados: Eclipse como IDE de desenvolvimento. PostgreSQL como Sistema Gerenciador de Banco de Dados (SGBD). Hibernate como framework para o mapeamento objeto-relacional. JPA como especificação para a persistência de dados.richfaces como framework, sendo ele uma biblioteca de componentes para aplicações web que utilizam JSF. 3

4 Configurando o Servidor Será utilizado nesse trabalho o servidor GlassFish 4.0, nas linhas abaixo será ensinado como instalar e configurar o servidor. Com o Eclipse Kepler aberto vá até a aba Help > Eclipse Marketplace. Pesquise pelo servidor e selecione a opção do GlassFish para a versão Kepler do Eclipse e clique em Install. 4

5 Depois clique em Confirm > Acept > Finish, agora aguarde o eclipse reiniciar. 5

6 Agora vamos configurar o servidor. Com a View Server aberta, clique em No servers are available. Click this link to create a new server. E deixe as opções conforme a figura a baixo. Logo após clique em Add. Baixe os arquivo do GlassFish: e descompacte em um ligar de fácil acesso. 6

7 Clicando em Browse selecione os a pasta glassfish que você acabou de descompactar, aparecera a mensagem Foun GlasshFish Server version 4.0.0, caso não apareça verifique se selecionou a pasta correta. Podemos ver na imagem acima que o JDK não esta correto para o funcionamento do GlassFish, para resolver isso clique em Intalled JRE preferences > Add > Standard VM > Next. Clicando em Directory selecione o local onde esta instalava a sua versão do JDK, com isso a ferramenta ira carregar todas as bibliotecas automaticamente. Para finalizar, Finish > Ok, voltando para janela da imagem anterior, selecione em JDK a versão que acabou de configurar. 7

8 GlahsFish configurado e funcionando, já é possível na View Server, configurar questões de Publish e Timeout, como também dar o Start no servidor. Eu costumo alterar as seguintes opções. 8

9 Configurando o projeto para usar RichFaces Antes de tudo vamos criar um novo projeto: File > New > Dynamic Web Project. Coloque as configurações conforme a figura a baixo, e clique em Next > Next. Selecione Generate web.xml deployment dexcriptor > Next. 9

10 Na próxima e ultima janela deixe-a conforme a figura abaixo e depois clique em Finish. JARs Os JARs a seguir são necessários para que uma aplicação possa rodar com RichFaces 4: sac-1.3.jar: O SAC é um conjunto de classes Java que fornece uma interface padrão para tratamento de CSS. cssparser jar: É uma API desenvolvida em Java para tratamento de CSS que proporciona aos desenvolvedores incorporar informações CSS em suas aplicações; 10

11 guava-r08.jar: O Guava é um projeto do Google que contém um conjunto de bibliotecas baseadas em Java que trabalham com coleções, caching, primitivos, bibliotecas de concorrência, processamento de String, I/O, entre outras, sendo esta uma dependência de tempo de execução. Para download dos JARs: Download dos demais JARs utilizados. search.maven.org/remotecontent?filepath=com/google/guava/guava/10.0.1/guava jar repo1.maven.org/maven2/net/sourceforge/cssparser/cssparser/0.9.5/cssparser jar repo1.maven.org/maven2/org/w3c/css/sac/1.3/sac-1.3.jar 11

12 Para um completo funcionamento do projeto que será criar uma aplicação que faça um CRUD completo utilizando Hibernate, JPA e o SGBD PostgreSQL, é necessária ainda importar os seguintes JARs : Os JARs devem ser importados para pasta lib que se encontra dentro do diretório WebContent > WEN-INF > lib. Ainda faltam os jars do ireport, então no momento não adicionaremos ao Build Path, caso você não vá utilizar ireport e gerar relatórios, basta selecionar todos os JARs que estão na pasta lib e clicar em Build Path para que o eclipse faça o mapeamento. Outra configuração importante de se fazer, sendo até indispensável, é a alteração do arquivo web.xml. Existem diversos parâmetros que o arquivo aceita para ajudar o desenvolvedor, nós nos limitaremos as mínimas configurações possíveis, para que não fique complexo a explicação no tutorial, e diminua os possíveis erros que possam surgir na edição do mesmo, segue a baixo como ficou o arquivo web.xml. 12

13 Web.xml <?xml version="1.0" encoding="utf-8"?> <web-app xmlns:xsi=" xmlns=" xsi:schemalocation=" id="webapp_id" version="3.0"> <display-name>estudorichfaces</display-name> <welcome-file-list> <welcome-file>index.xhtml</welcome-file> </welcome-file-list> <context-param> <param-name>org.richfaces.skin</param-name> <param-value>bluesky</param-value> </context-param> <context-param> <param-name>org.richfaces.enablecontrolskinning</param-name> <param-value>true</param-value> </context-param> <servlet> <servlet-name>faces Servlet</servlet-name> <servlet-class>javax.faces.webapp.facesservlet</servlet-class> <load-on-startup>1</load-on-startup> </servlet> <servlet-mapping> <servlet-name>faces Servlet</servlet-name> <url-pattern>*.xhtml</url-pattern> </servlet-mapping> </web-app> 13

14 Conexão com o banco Persistence.xml O arquivo persistence.xml encontra-se no diretório: ControleAcesso/src/META-INF/persistence.xml <?xml version= 1.0 encoding= UTF-8?> <persistence version="2.0" xmlns=" xmlns:xsi=" xsi:schemalocation=" <persistence-unit name="pu_bd_int"> <provider>org.hibernate.ejb.hibernatepersistence</provider> <properties> <property name="hibernate.dialect" value="org.hibernate.dialect.postgresqldialect" /> <property name="hibernate.hbm2ddl.auto" value="update" /> <property name="hibernate.show_sql" value="true" /> <property name="hibernate.format_sql" value="true" /> <property name="javax.persistence.jdbc.driver" value="org.postgresql.driver" /> <property name="javax.persistence.jdbc.url" value="jdbc:postgresql://localhost:5432/bd_int" /> <property name="javax.persistence.jdbc.user" value="postgres" /> <property name="javax.persistence.jdbc.password" value="johner7" /> </properties> </persistence-unit> </persistence> 14

15 Classe JPAUtil A classe se encontra no diretório: ControleAcesso/src/br/com/projeto/útil/JPAUtil.java package br.com.projeto.util; import javax.persistence.entitymanager; import javax.persistence.entitymanagerfactory; import javax.persistence.persistence; public class JPAUtil { private static final EntityManagerFactory emf = Persistence.createEntityManagerFactory("PU_BD_INT"); } public static EntityManager getentitymanager() { return emf.createentitymanager(); } 15

16 Controle de Acesso - Definição Requisitos Um usuário pode se auto cadastrar, e com isso ele recebe uma permissão de Convidado do sistema com acesso apenas de consulta. Um usuário com permissão de Administrador pode mudar a permissão de outros usuários que estão cadastrados no sistema. Quando um usuário logar, a tela tem que apresentar seu nome e mostrar qual o nível de acesso que ele tem no sistema. O sistema precisa autenticar se aquele usuário existe, caso a autenticação falhe ele será redirecionado para uma tela informando a falha. Os tipos de permissão que o administrador pode conceder são os seguintes: o Administrador; o Convidado Consulta; o Funcionário - Consulta e Inclui; o Funcionário - Consulta, Inclui e Altera; o Funcionário - Completo (CAIE); Modelagem do banco Para modelagem do banco de dados, utilizamos a ferramenta Power Architect. 16

17 Controle de Acesso - Telas Tela de Login Segue abaixo o código do desenvolvimento da tela de login, o nosso index.xhtml. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <html xmlns=" xmlns:ui=" xmlns:h=" xmlns:f=" xmlns:a4j=" xmlns:rich=" <h:head> <title>projeto Integrador</title> </h:head> <h:body> <h:form> <table style="height: 100px;" /> <rich:panel style="width:245px; margin:auto;"> <f:facet name="header"> <h:outputtext value="login" /> </f:facet> <h:panelgrid columns="2" style="font-size:15px"> <h:outputtext value="usuário:" /> <rich:inplaceinput value="#{bean.usuario.usuario}" defaultlabel="insera qui seu usuario/nick" style="width:140px" /> style="width:145px" <h:outputtext value="senha:" /> <h:inputsecret value="#{bean.usuario.senha}" maxlength="10" /> </h:panelgrid> <hr /> <h:outputtext value="cadastre aqui um novo usuário" /> 17

18 <h:commandbutton value="cadastrar" action="#{bean.novousuario}" /> <hr /> </rich:panel> <div align="center"> <h:commandbutton value="entrar" action="#{bean.validarusuario}" style="font-size:15px" /> <h:commandbutton value="cancelar" action="#{bean.chamarindex}" style="font-size:15px" /> </div> </h:form> </h:body> </html> Tela de Cadastro de Usuário Segue abaixo o código do desenvolvimento da tela de cadastro de usuário, o nosso cadastrousuario.xhtml. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <html xmlns=" xmlns:ui=" xmlns:h=" xmlns:f=" xmlns:a4j=" xmlns:rich=" <h:head> <title>projeto Integrador</title> </h:head> <h:body> <h:form> <table style="height: 100px;" /> <rich:panel style="width:300px; margin:auto"> 18

19 /> nome completo" usuario/nick" <f:facet name="header"> <h:outputtext value="informe os dados solicitados" </f:facet> <h:panelgrid columns="2" style="font-size:15px"> <h:outputtext value="nome: " /> <rich:inplaceinput value="#{bean.usuario.nome}" defaultlabel="clique aqui para inserir o style="width:200px" /> <h:outputtext value="usuário:" /> <rich:inplaceinput value="#{bean.usuario.usuario}" defaultlabel="clique aqui para inserir um style="width:200px" /> style="width:205px" <h:outputtext value="senha:" /> <h:inputsecret value="#{bean.usuario.senha}" maxlength="10" /> </h:panelgrid> </rich:panel> <div align="center"> <h:commandbutton value="salvar" action="#{bean.salvarusuario}" style="font-size:15px" /> <h:commandbutton value="cancelar" action="#{bean.chamarindex}" style="font-size:15px" /> </div> </h:form> </h:body> </html> 19

20 Tela de Erro ao logar Segue abaixo o código do desenvolvimento da tela de falha no login, o nosso errologin.xhtml. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <html xmlns=" xmlns:ui=" xmlns:h=" xmlns:f=" xmlns:a4j=" xmlns:rich=" <h:head> <title>projeto Integrador</title> </h:head> <h:body> <h:form> <table style="height: 100px;" /> <rich:panel style="width:300px; margin:auto;"> <f:facet name="header"> <h:outputtext value="erro!" /> </f:facet> <hr /> <h:outputtext value="seu usuário ou senha estão errados, por favor tente novamente voltando a tela de login!" /> <h:commandbutton value="login" action="#{bean.chamarindex}" /> <hr /> </rich:panel> </h:form> </h:body> </html> 20

21 Tela do Administrador Segue abaixo o código do desenvolvimento da tela do Administrador, o nosso usuarioadm.xhtml. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <html xmlns=" xmlns:ui=" xmlns:h=" xmlns:f=" xmlns:a4j=" xmlns:rich=" <h:head> <title>projeto Integrador</title> </h:head> <h:body> <h:form> <rich:panel style="width:70%; margin:auto"> <f:facet name="header"> <h:outputtext value="um software abilitisof Ltda." /> </f:facet> <h:panelgrid columns="4" style="font-size:15px"> <h:outputtext value="bem-vindo: " style="fontweight: bold" /> <h:outputtext value="#{bean.usuario.nome}" style="color: green; font-weight: bold" /> 21

22 <h:outputtext value=", seu nível de acesso é " /> <h:outputtext value="#{bean.permissao.descricao}" style="color: red; font-weight: bold" /> </h:panelgrid> <hr /> <h:panelgrid columns="2" style="font-size:15px"> <f:facet name="header"> <h:outputtext value="cadastre uma permissão a um usuário" /> </f:facet> <h:outputtext value="nome: " /> <rich:select enablemanualinput="true" value="#{bean.cbxusuario}" defaultlabel="selecione um usuário"> <f:selectitems value="#{bean.listacomboboxusuario}" /> </rich:select> <h:outputtext value="permissão: " /> <rich:select enablemanualinput="true" value="#{bean.cbxpermissao}" defaultlabel="selecione uma permissão"> <f:selectitems value="#{bean.listacomboboxpermissao}" /> </rich:select> </h:panelgrid> </rich:panel> <div align="center"> <h:commandbutton value="salvar" action="#{bean.salvarrelacao}" style="font-size:15px" /> <h:commandbutton value="cancelar" action="#{bean.chamarindex}" style="font-size:15px" /> </div> </h:form> </h:body> </html> 22

23 Tela do Usuário comum Segue abaixo o código do desenvolvimento da tela do Usuário Comum, o nosso usuariocomum.xhtml. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <html xmlns=" xmlns:ui=" xmlns:h=" xmlns:f=" xmlns:a4j=" xmlns:rich=" <h:head> <title>projeto Integrador</title> </h:head> <h:body> <h:form> <table style="height: 100px;" /> <rich:panel style="width:300px; margin:auto"> <f:facet name="header"> <h:outputtext value="informe os dados solicitados" /> </f:facet> <h:panelgrid columns="2" style="font-size:15px"> <h:outputtext value="nome: " /> <rich:inplaceinput value="#{bean.usuario.nome}" defaultlabel="clique aqui para inserir o nome completo" style="width:200px" /> usuario/nick" <h:outputtext value="usuário:" /> <rich:inplaceinput value="#{bean.usuario.usuario}" defaultlabel="clique aqui para inserir um style="width:200px" /> style="width:205px" <h:outputtext value="senha:" /> <h:inputsecret value="#{bean.usuario.senha}" maxlength="10" /> </h:panelgrid> </rich:panel> <div align="center"> <h:commandbutton value="salvar" 23

24 action="#{bean.salvarusuario}" style="font-size:15px" /> <h:commandbutton value="cancelar" action="#{bean.chamarindex}" style="font-size:15px" /> </div> </h:form> </h:body> </html> 24

25 Visão Geral do Projeto Print do Projeto estendido. 25

26 Controle de Acesso Bean Segue abaixo agora o código fonte dos métodos utilizados para o funcionamento da aplicação. Esses métodos se encontram ControleAcesso/src/br/com/projeto/web/AcessoBean.java public class AcessoBean implements Serializable { private static final long serialversionuid = L; private List<SelectItem> listacomboboxpermissao = new ArrayList<SelectItem>(); private List<SelectItem> listacomboboxusuario = new ArrayList<SelectItem>(); private List<Usuario> listausuario = new ArrayList<Usuario>(); private List<Permissao> listapermissao = new ArrayList<Permissao>(); private Usuario usuario = new Usuario(); private Relacao relacao = new Relacao(); private Permissao permissao = new Permissao(); private Integer cbxusuario; private Integer cbxpermissao;... 26

27 Métodos para cadastro de usuário public String novousuario() { this.usuario = new Usuario(); return "cadastrousuario"; } // ************* cadastra um novo usuario public String salvarusuario() { try { EntityManager em = JPAUtil.getEntityManager(); em.gettransaction().begin(); em.persist(this.usuario); em.gettransaction().commit(); StringBuffer sql = new StringBuffer(); sql.append("select u "); sql.append("from Usuario u "); sql.append("where u.usuario = '" + this.usuario.getusuario() + "' "); sql.append("and u.senha = '" + this.usuario.getsenha() + "' "); Query query = em.createquery(sql.tostring()); this.usuario = (Usuario) query.getsingleresult(); // cadastra permissão de convidado (a mais basica) // para um novo usuario em.gettransaction().begin(); this.relacao.setmatricula(this.usuario.getmatricula()); this.relacao.setcodigo(2); em.persist(this.relacao); em.gettransaction().commit(); this.usuario = new Usuario(); this.relacao = new Relacao(); } return "index"; } catch (NoResultException e) { e.printstacktrace(); return "errologin"; } 27

28 Métodos para validar o login O condigo valida se o usuário e a senha estão corretos e dependendo do acesso chama a tela correspondente. //verifica se o usuario informado existe e se a senha esta correta public String validarusuario() { try { EntityManager em = JPAUtil.getEntityManager(); StringBuffer sql = new StringBuffer(); sql.append("select u "); sql.append("from Usuario u "); sql.append("where u.usuario = '" + this.usuario.getusuario() + "' "); sql.append("and u.senha = '" + this.usuario.getsenha() + "' "); Query query = em.createquery(sql.tostring()); this.usuario = (Usuario) query.getsingleresult(); this.consultaacesso(this.usuario.getmatricula()); if (this.permissao.getcodigo() == 1) { return "usuarioadm"; } else { return "usuariocomum"; } } } catch (NoResultException e) { e.printstacktrace(); return "errologin"; private void consultaacesso(integer matricula) { StringBuffer sql = new StringBuffer(); sql.append("select p "); sql.append("from Permissao p, Relacao r, Usuario u "); sql.append("where u.matricula = " + matricula + " "); sql.append("and p.codigo = r.codigo "); sql.append("and u.matricula = r.matricula "); sql.append("order BY r.id DESC "); } EntityManager em = JPAUtil.getEntityManager(); Query query = em.createquery(sql.tostring()); this.listapermissao = query.getresultlist(); this.permissao = this.listapermissao.get(0); Método para relacionar usuário X permissão 28

29 // *************** salvar relacao public String salvarrelacao() { this.relacao.setmatricula(this.cbxusuario); this.relacao.setcodigo(this.cbxpermissao); EntityManager em = JPAUtil.getEntityManager(); em.gettransaction().begin(); em.persist(this.relacao); em.gettransaction().commit(); } return "usuarioadm"; Método que busca todos os usuários Na hora de fazer a relação do usuário com uma permissão a aplicação carrega em um combobox todos os usuários que estão no banco para escolher public List<SelectItem> getlistacomboboxusuario() { this.cbxusuario = null; this.listacomboboxusuario = new ArrayList<SelectItem>(); EntityManager em = JPAUtil.getEntityManager(); Query query = em.createquery("select u FROM Usuario u"); this.listausuario = query.getresultlist(); Integer(e } for (Usuario e : this.listausuario) { this.listacomboboxusuario.add(new SelectItem(new.getMatricula()), e.getnome())); } return listacomboboxusuario; 29

30 Método que busca todas as permissões Na hora de fazer a relação do usuário com uma permissão a aplicação carrega em um combobox todas as permissões que estão no banco para escolher public List<SelectItem> getlistacomboboxpermissao() { this.cbxpermissao = null; this.listacomboboxpermissao = new ArrayList<SelectItem>(); EntityManager em = JPAUtil.getEntityManager(); Query query = em.createquery("select p FROM Permissao p"); this.listapermissao = query.getresultlist(); Integer(e } for (Permissao e : this.listapermissao) { this.listacomboboxpermissao.add(new SelectItem(new.getCodigo()), e.getdescricao())); } return listacomboboxpermissao; Referências /