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


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


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

Objetivo Geral


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


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.)


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


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


Tecnologias Utilizadas


“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


É dificil criar um campo de CPF com JSF?


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


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.)


E como seria com o EasyFaces?


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


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

EasyFaces – O Framework


InputCep InputCNPJ InputCPF InputCurrency InputEmail InputMask InputPhone

Componentes de Entrada


OutputCep OutputCNPJ OutputCPF OutputCalendar OutputMask OutputCurrency OutputPhone

Componentes de Saída


PasswordStrength VirtualKeyboard

Componentes de Segurança


SelectOneMenu ImageGallery Mp3Player VideoPlayer

Componentes Diversos


Documentação Downloads Demonstração dos

Componentes Ferramenta de apoio ao

Desenvolvedor

EasyFaces LiveDemo


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


Dificuldades Encontradas

Trabalhos Futuros

EasyFaces na Mídia

Conclusão (cont.)


Perguntas???


Obrigado!!!

Vânio Stang Meurerwww.vaniomeurer.com.br

[email protected]

Rafael da Cunhawww.rafaeldacunha.com.br

[email protected]

EasyFaces - Framework de Componentes JSF

Education

Transcript of EasyFaces - Framework de Componentes JSF