1. INTRODUO A JSF (JavaServer Faces)Equipe: Joseane de AssisDaniele Gomes Jorge WilliamTurma: sistema de Informao 6 perodo

2. Objetivo. Apresentar uma introduo sobre uma tecnologiamuito utilizada atualmente pela sua simplicidade eagilidade nas tcnicas de interfaces com o clienteWEB. Buscar um entendimento sobre como podemosutilizar o framework de gerenciamento de interfacesJSF. 3. Tpicos apresentados. 1 - Funcionamento entre Cliente e servidor; 2 - O que JavaServer Faces (JSF); 3 Vantagem e Desvantagem; 4 O que UI. 5 - O que HTM, XML, JSP, XHTML; 6 - Configurao do ambiente para desenvolvimento; 7 - Framework para desenvolvimento; 8 - Bibliotecas; 9 - O que um Managed Bean; 10 - Para que serve uma faces-config.xml; 11 - Criando um formulrio simples com JSF. 4. Funcionamento entre Cliente eServidor Realizando uma comunicao HTTP ( HipertextTransfer Protocol ), sobre a comunicao TCP/IP. Cliente Servidor HTTPAplicao WEBPedidoExecuta Resposta dados O pedido e entendido como uma Request que destina a uma requisio HTTP. A resposta e entendido como uma Response que destina a uma resposta da informao ao cliente. 5. O que JavaServer Faces (JSF). JavaServer Faces, ou JSF, um framework para desenvolvimento web que implementa o modelo MVC (Model View Controller) e foi desenvolvido pela comunidade JCP (Java Community Proccess) que um grupo de empresas e/ou grupos de desenvolvedores de software que estabelece padres de soluo para problemas comuns. Este surgiu com a necessidade de se agilizar e automatizar processos que eram utilizados em todos os projetos J2EE.Caractersticas e Vantagens: Facilita a criao de telas. Facilita a transferncia de dados na tela atravs da camada de modelo. Criar um simples gerenciamentos de estado. Promove um mecanismo produtivo. Permiti personalizao de UI. 6. Vantagem e Desvantagem Vantagem:1. Apoio na comunicao entre as camadas de uma aplicao MVC. O JSF, atravs dos managed beans, permite a comunicao entre as camadas de controle e de viso da aplicao.2. Conjunto de componentes para interface de usurio (UI).3. Permite que o desenvolvedor crie UIs atravs de um conjunto de componentes UIs pr-definidos;4. Fornece um conjunto de tags JSP para acessar os componentes;5. Reusa componentes da pgina;6. Associa os eventos do lado cliente com os manipuladores dos eventos do lado servidor (os componentes de entrada possuem um valor local representando o estado no lado servidor);7. Fornece separao de funes que envolvem a construo de aplicaes WEB. 7. Vantagem e Desvantagem Desvantagem:1. Curva de aprendizagem - projectos pequenos; prazos curtos, programadores inexperientes.2. Documentao (inferior a JSP)3. Maior opacidade na execuo - debug; optimizaes.4. Suporte ao desenvolvimento - comparado com JSP5. Rigidez da abordagem, MVC! 8. O que UI ? jQuery UI um JavaScript biblioteca que fornece abstraesde baixo nvel de interao e de animao , efeitos avanadose de alto nvel, themeable os widgets , construdas em cimado jQuery biblioteca JavaScript, que podem ser usados paraconstruir aplicaes web interativas.(http://en.wikipedia.org/wiki/JQuery_UI)http://jqueryui.com/themeroller/ 9. O que HTML,JSP,XML e XHTML. Um HTML (HyperText Markup Language em portugus Linguagemde Marcao de Hipertexto) especificada na dcada de 1990. O XML e uma extenso do HTML recomendada pela W3C paramarcaes especiais, e um documento com os dados organizados. JSP(JavaServer Pages) uma tecnologia no desenvolvimento JAVAWEB, semelhante ao Active Server Pages(ASP) da Microsoft. O JSF utiliza XHTML que combina o HTML com XML para melhoracessibilidades dos diversos tipos de dispositivos. 10. Configurao do ambiente para desenvolvimento Para o desenvolvimento precisamos: Kit de desenvolvimento Java JDK 1.6 ousuperior. Apache TomCat 6.0 ou superior NetBeans IDE 6 ou superior 11. Configurao do ambiente para desenvolvimento Configurando um projeto.1 Novo Projeto2 Selecionar JAVA WEB3 Selecionar Aplicao Web 4 Pressiona Prximo 12. Configurao do ambiente para desenvolvimento Configurando um projeto. 12 13. Configurao do ambiente para desenvolvimento Configurando um projeto. 12 14. Configurao do ambiente para desenvolvimento Configurando um projeto. 1 32 15. Configurao do ambiente para desenvolvimento1 2 16. Framework para desenvolvimento Existem varias implementaes feitas; Utilizaremos o Framework PRIMEFACE 17. Bibliotecas Utilizaremos as seguintes bibliotecas: JSF API jsf-api.jar e jsf-impl.jar. Implementaes primefaces.jar JSTL Teg Lib jstl.jar e standard.jar 18. O que um Managed Bean? Managed Beans so uma parte central do JSF,eles representam os dados e tambm as aesdas paginas WEB, ou seja, dados utilizados parapopular as informaes e tambm eventos daspaginas. Um Managed Bean um JavaBean gerenciadopelo framework JSF, ou seja, ele instanciado ecolocado no escopo de acordo com asconfiguraes encontradas no faces-config.xml 19. O que um Managed Bean@RequestScoped no guarda na sesso. @SessionScoped guarda na sesso as informaes Ao de redirecionamentode paginas 20. Para que serve uma faces-config.xml O faces-config.xml e o principal arquivo deconfigurao do JSF, neles anotamos ocomportamento da Managed Bean. Configuramos na faces-config.xml o MenagedBean um nome a classe que ir ser chamado viaExpression Language (EL) nas paginas. 21. Para que serve uma faces-config.xmlNome para associao da MB Redirecionamento depagina de acordo com amensagem enviada pelaMB. 22. Criando um formulrio simples comJSF Importado a biblioteca no XHTML. 12 Documentao PrimeFaces : http://primefaces.org/documentation.html 23. Criando um formulrio simples comJSF TAGs. Documentao PrimeFaces : http://primefaces.org/documentation.html 24. Criando um formulrio simples com JSF Documentao PrimeFaces : http://primefaces.org/documentation.html 25. Bibliografia http://www.guj.com.br/content/articles/jsf/jsf.pdf http://primefaces.org/documentation.html Livro Java na Web com Jsf, Spring, Hibernate e Netbeans 6 - Yuri Marx P.Gomes / CIENCIA MODERNA Apostila DIVUS. 26. Agradecemos pela ateno! Fucapi ano 2012 2 semestre