EasyFaces - Framework de Componentes JSF

Post on 30-Jun-2015

3.038 views 0 download

description

Projeto de Conclusão de Curso de Sistemas de Informação - Rafael da Cunha / Vânio Stang Meurer

Transcript of EasyFaces - Framework de Componentes JSF

Desenvolvimento de um Framework de Componentes JavaServer Faces

EASYFACESAcadêmicos:

Rafael da CunhaVânio Stang Meurer

www.easyfaces.com.br

Orientador:

Prof. MSc. Edjandir Corrêa Costa

www.easyfaces.com.br

Empresas submetidas à Competitividade Agilidade do Processo x Qualidade do Produto Retrabalho Conhecimento de Diversas Tecnologias Padronização de Código Fonte

Apresentação do Problema

www.easyfaces.com.br

Desenvolver um framework de componentes JavaServer Faces para aumentar a produtividade e padronizar a programação de aplicações Web

Objetivo Geral

www.easyfaces.com.br

Pesquisar a necessidade existente na programação de aplicações Web que utilizam o framework JavaServer Faces;

Pesquisar e estudar ferramentas para a construção do framework;

Objetivos Específicos

www.easyfaces.com.br

Construir os componentes que atendem às necessidades mais presentes no desenvolvimento de aplicações Web;

Desenvolver um sistema Web para demonstração e validação dos componentes do framework.

Objetivos Específicos (cont.)

www.easyfaces.com.br

Definição do Escopo do Projeto

Campo de senha com Teclado Virtual

Campo de senha com verificação da Força da Senha

DIV/SPAN de erro/informação/aviso personalizada

Formatar texto para apresentação. Por exemplo: Data, Valor tipo Moeda

Inserir máscara JavaScript em campo de texto

Campo de Data com Mascara JavaScript e Icone com Calendário

Validação de CNPJ com validação de digito verificador

Validação de CPF com validação de digito verificador

0 5 10 15 20 25 30

Resultado da Pesquisa

www.easyfaces.com.br

Definição do Escopo do Projeto (cont.)

Campo de texto com Icone de Ajuda com Texto

Inserir mp3 em uma site/aplicação

Inserir vídeo em uma site/aplicação

Gráficos

Menu com efeitos

Criar galeria de fotos com animação para ampliar foto

ComboBox/SelectOneMenu com conversão do value para objeto original

0 5 10 15 20 25 30

Resultado da Pesquisa

www.easyfaces.com.br

Tecnologias Utilizadas

www.easyfaces.com.br

“Se você está familiarizado com JSP, você verá que o JSF fornece diversas funcionalidades que você precisaria implementar na mão.” (HORSTMANN; GEARY, 2005, p.3)

Ciclo de Vida◦ Validators◦ Converters

Componentes

JavaServer Faces

www.easyfaces.com.br

É dificil criar um campo de CPF com JSF?

www.easyfaces.com.br

Desenvolver/Utilizar/Copiar um mascarador JavaScript;

Importar Javascript; Configurar campo de texto para utilizar JavaScript

importado; Desenvolver/Utilizar/Copiar validator para CPF; Mapear validator no faces-config.xml; Atribuir validator ao campo de texto;

Campo CPF com JSF

www.easyfaces.com.br

Desenvolver/Utilizar/Copiar converter CPF para retirar separadores;

Mapear converter no faces-config.xml; Atribuir converter ao campo de texto.

Campo CPF com JSF (cont.)

www.easyfaces.com.br

E como seria com o EasyFaces?

www.easyfaces.com.br

Copiar framework EasyFaces para aplicação Importar o namespace◦ <html xmlns:easy=”http://easyfaces.com.br/easyfaces” >

Utilizar componente easy:inputCpf◦ <easy:inputCpf value=”#{backingBean.cpf}” />

Campo CPF com JSF + EasyFaces

www.easyfaces.com.br

Componentes de Entrada Componentes de Saída Componentes de Segurança Componentes Diversos

EasyFaces – O Framework

www.easyfaces.com.br

InputCep InputCNPJ InputCPF InputCurrency InputEmail InputMask InputPhone

Componentes de Entrada

www.easyfaces.com.br

OutputCep OutputCNPJ OutputCPF OutputCalendar OutputMask OutputCurrency OutputPhone

Componentes de Saída

www.easyfaces.com.br

PasswordStrength VirtualKeyboard

Componentes de Segurança

www.easyfaces.com.br

SelectOneMenu ImageGallery Mp3Player VideoPlayer

Componentes Diversos

www.easyfaces.com.br

Documentação Downloads Demonstração dos

Componentes Ferramenta de apoio ao

Desenvolvedor

EasyFaces LiveDemo

www.easyfaces.com.br

O EasyFaces oferece uma lista de componentes que atende parte das necessidades dos desenvolvedores Web.

Além de demonstrar todos os componentes e possuir toda a documentação do framework, o EasyFaces LiveDemo também agregou uma ferramenta de apoio ao desenvolvedor.

Conclusão

www.easyfaces.com.br

Dificuldades Encontradas

Trabalhos Futuros

EasyFaces na Mídia

Conclusão (cont.)

www.easyfaces.com.br

Perguntas???

www.easyfaces.com.br

Obrigado!!!

Vânio Stang Meurerwww.vaniomeurer.com.br

vanio@vaniomeurer.com.br

Rafael da Cunhawww.rafaeldacunha.com.br

rafael@rafaeldacunha.com.br