tcc jonathan welzel - framework javaserver faces ... quadro 10 - maneiras de usar ajax em uma...

Download TCC Jonathan welzel -   FRAMEWORK JAVASERVER FACES ... QUADRO 10 - Maneiras de usar AJAX em uma aplicao JSF 2. ... 3.8.1 Eclipse 3.6

Post on 06-May-2018

214 views

Category:

Documents

2 download

Embed Size (px)

TRANSCRIPT

  • UNIVERSIDADE TECNOLGICA FEDERAL DO PARAN UTFPR

    CURSO SUPERIOR DE TECNOLOGIA EM DESENVOLVIMENTO DE SISTEMAS

    DE INFORMAO

    JONATHAN NASCIMENTO WELZEL

    O FRAMEWORK JAVASERVER FACES

    TRABALHO DE DIPLOMAO

    MEDIANEIRA

    2011

  • JONATHAN NASCIMENTO WELZEL

    O FRAMEWORK JAVASERVER FACES

    Trabalho de Diplomao apresentado disciplina de Trabalho de Diplomao, do curso Superior de Tecnologia em Desenvolvimento de Sistemas de Informao - CSTDSI - da Universidade Tecnolgica Federal do Paran - UTFPR - como requisito parcial para obteno do ttulo de Tecnlogo. Orientador: Prof. MSc. Everton Coimbra de Arajo.

    MEDIANEIRA

    2011

  • Ministrio da Educao Universidade Tecnolgica Federal do Paran

    Gerncia de Ensino Curso Superior de Tecnologia em Desenvolvimento

    de Sistemas de Informao

    TERMO DE APROVAO

    O FRAMEWORK JAVASERVER FACES

    Por

    JONATHAN NASCIMENTO WELZEL

    Este Trabalho de Diplomao (TD) foi apresentado s 16:50 h do dia 14 de junho de 2011

    como requisito parcial para a obteno do ttulo de Tecnlogo no Curso Superior de

    Tecnologia em Desenvolvimento de Sistemas de Informao, da Universidade Tecnolgica

    Federal do Paran, Campus Medianeira. O candidato foi argido pela Banca Examinadora

    composta pelos professores abaixo assinados. Aps deliberao, a Banca Examinadora

    considerou o trabalho aprovado.

    Prof. Everton Coimbra de Arajo, MSc. UTFPR Campus Medianeira

    (Orientador)

    Prof. Fernando Schtz UTFPR Campus Medianeira

    (Convidado)

    Prof. Juliano Rodrigo Lamb, M. Eng. UTFPR Campus Medianeira

    (Responsvel pelas atividades de TCC)

    Prof. Juliano Rodrigo Lamb, M. Eng. UTFPR Campus Medianeira

    (Convidado)

    A folha de aprovao assinada encontra-se na Coordenao do Curso.

  • RESUMO

    WELZEL, Jonathan Nascimento. O Framework JavaServer Faces. 2011, 102f. Trabalho de Concluso do Curso Superior de Tecnologia em Desenvolvimento de Sistemas de Informao. Universidade Tecnolgica Federal do Paran, Medianeira, 2011.

    Para que a crescente demanda por aplicaes cada vez mais complexas e interativas possa ser atendida necessrio utilizar as ferramentas corretas, que facilitem ao mximo o desenvolvimento de tais sistemas. Com essa finalidade foi criado o JavaServer Faces (JSF), um framework para o desenvolvimento de aplicaes web que reduz significativamente a complexidade de criar e manter uma aplicao dessa natureza por oferecer uma abordagem simples para a criao de suas interfaces de usurio (UI - User Interface) e integrao com a lgica de negcios. O presente trabalho explora as principais caractersticas do JSF e apresenta o framework em suas duas verses, especificando quais mudanas e melhorias foram feitas no processo de evoluo do mesmo. Ao final, so apresentados alguns trechos de cdigo que demonstram na prtica essas mudanas, ressaltando a facilidade e a rapidez que promovem no desenvolvimento.

    Palavras-chave: TI. Aplicao web.

  • ABSTRACT

    WELZEL, Jonathan Nascimento. O Framework JavaServer Faces. 2011, 102f. Trabalho de Concluso do Curso Superior de Tecnologia em Desenvolvimento de Sistemas de Informao. Universidade Tecnolgica Federal do Paran, Medianeira, 2011.

    In order to supply the growing demand for this kind of application the right development tools must be used, and for that purpose the JavaServer Faces (JSF) framework was created. JSF is designed to significantly ease the burden of writing and maintaining applications of this nature by offering a simple approach to user interface (UI) design and integration between business logic. This paper depicts the main features and benefits offered by JSF as well as gives a detailed overview of its present and previous version specifically approaching the differences between them. By the end, these differences will be shown using code snippets that intend to demonstrate how they can help to speed up the development process.

    Keywords: IT. Web application.

  • LISTA DE FIGURAS

    FIGURA 1 - Interao entre componentes de uma aplicao web Java. .................. 20 FIGURA 2 - Exemplo de estrutura de uma aplicao JSF 2. .................................... 22 FIGURA 3 - Processamento de uma pgina JSP. .................................................... 24 FIGURA 4 - Arquitetura do padro de projeto conhecido por Modelo 2 .................... 24 FIGURA 5 - Diagrama representando o clico de vida de um servlet. ........................ 31 FIGURA 6 - Tecnologias Java para aplicaes web. ................................................ 33 FIGURA 7 - Ciclo de vida de processamento de requisies do JSF. ...................... 44 FIGURA 8 - A rvore de componentes armazenada no servidor, tambm chamada

    de View. .............................................................................................................. 45 FIGURA 9 - Editor visual de pginas JSF do JBoss Tools. ....................................... 72 FIGURA 10 - Paleta que contm os componentes JSF que podem ser arrastados

    para a tela do editor visual. ................................................................................. 73 FIGURA 11 - Utilizao de composite component em uma pgina JSF suportada.

    ............................................................................................................................ 73 FIGURA 12 - Suporte navegao condicional. ....................................................... 74 FIGURA 13 - Editor visual de regras de navegao entre as pginas. ..................... 74 FIGURA 14 - Anotaes JSF 2 em um backing bean. .............................................. 75 FIGURA 15 - Suporte tags JSF 2 do IntelliJ. .......................................................... 76 FIGURA 16 - Atalhos para visualizar a pgina JSF nos navegadores disponveis. .. 76 FIGURA 17 - Uso de composite component em uma pgina JSF no IntelliJ. ........... 77 FIGURA 18 - Uso do objeto implcito flash em uma pgina JSF. .............................. 77 FIGURA 19 - Editor visual de navegao entre as pginas JSF no IntelliJ. .............. 78 FIGURA 20 - Suporte do IntelliJ s novas anotaes do JSF 2. ............................... 78 FIGURA 21 - Janela mostrando todos os artefatos da aplicao organizados por

    categorias. .......................................................................................................... 79 FIGURA 22 - Opo para gerar uma pgina JSF e seus respectivos artefatos partir

    de uma entidade do banco de dados. ................................................................. 80 FIGURA 23 - Suporte Facelets no NetBeans. ........................................................ 81 FIGURA 24 - Os composite components disponveis na aplicao de referncia

    ScrumToys do NetBeans. ................................................................................... 81 FIGURA 25 - Recurso que auxilia na criao de layouts para templates do Facelets.

    ............................................................................................................................ 82 FIGURA 26 - Diagrama de Caso de Uso do sistema de gerenciamento de auditorias.

    ............................................................................................................................ 84 FIGURA 27 - O menu de auditoria a partir de onde alguns casos de uso so

    acessados. .......................................................................................................... 85 FIGURA 28 - Menu de relatrios mostrando as opes referentes a auditoria. ........ 85 FIGURA 29 - Tela de cadastro de unidades/setores. ................................................ 86 FIGURA 30 - Tela de cadastro de auditoria. ............................................................. 88

  • FIGURA 31 - Tabelas e relacionamentos das entidades do Gerenciador de Auditorias (DER). ................................................................................................ 89

    FIGURA 32 - Diagrama de classes do Gerenciador de Auditorias. ........................... 90 FIGURA 33 - Diagrama representando o ciclo de vida de uma auditoria divido em

    quatro etapas ...................................................................................................... 90 FIGURA 34 - Diagrama de sequncia representando o processo de validao de um

    setor que est prestes a ser includo na auditoria. ............................................. 92 FIGURA 35 - Tela de cadastro dos dados do setor que ser includo na auditoria... 93 FIGURA 36 - Visualizao dos dados do setor que ser auditado. .......................... 96 FIGURA 37 - Avaliao de um dos setores que fazem parte da auditoria. ............... 97 FIGURA 38 - Exemplo de tela encontrada no sistema de gerenciamento de

    auditorias. ........................................................................................................... 98

  • LISTA DE QUADROS

    QUADRO 1 - Estrutura bsica de um servlet. ........................................................... 29 QUADRO 2 - Ligao de um atributo da pgina uma propriedade do backing bean

    atravs de Expression Language. ...................................................................... 46 QUADRO 3 - Mtodo de um backing bean associado a um componente de ao.. . 46 QUADRO 4 - Novidades do JSF classificadas por artefato ...................................... 49 QUADRO 5 - Pgina dinmica descrita em JSP puro. .............................................. 51 QUADRO 6 - Pgina dinmica descrita em JSP usando tags JSF 1. ....................... 51 QUADRO 7 - Pgina dinmica descrita em XHTML usando tags JSF 2 .................. 52 QUADRO 8 - Modelo com as definies de layout atravs das tags do namespace

    "ui". .................