artigo webmobile 17 - Introdu��o ao MobileFaces

Esse artigo faz parte da revista WebMobile ediç�o 17. Clique aqui para ler todos os artigos desta ediç�o

Clique aqui para ler este artigo em PDF

Java Mobile

Introduç�o ao MobileFaces

A internet est� se tornando uma importante e indispens�vel ferramenta para dispositivos m�veis. Ela pode ser usada das mais diversas formas, seja como entretenimento atrav�s de jogos ou downloads dispon�veis na web, como ambiente de compra e vendas on-line (hoje em dia t�o comum) ou como ambiente para prestaç�o de serviços, como sites de bancos. Por�m, um problema constante para os desenvolvedores � �mover� uma aplicaç�o web para os dispositivos m�veis, pois a maioria dos celulares n�o reconhece HTML.

A Microsoft tem controles m�veis que podem fazer a transfer�ncia de p�ginas ASP.NET para dispositivos m�veis, no entanto, sistemas desenvolvidos em Java n�o tinham este controle. O Java EE � o padr�o dominante na construç�o de sistemas web, por dispor de v�rios frameworks com �timos componentes, tais como, o JavaServer Faces (JSF), o Tomahawk, o Ajax4JSF e outros, mas por n�o contar com tal controle, tornava a construç�o de sistemas web m�veis extremamente trabalhosos.

Pensando nisso, a Ericsson desenvolveu uma plataforma chamada MobileFaces, a qual ser� apresentada nesse artigo.

Conhecendo o MobileFaces

O MobileFaces � um framework de controle que pode fazer a convers�o de p�ginas da web para dispositivos m�veis e vice-versa. Ele � um projeto Open-Source, aceitando assim, modificaç�es dos usu�rios em seus c�digos. Antes do MobileFaces, o programador que desejasse construir uma aplicaç�o web com Java, tanto para Web browsers, quanto para Mobile browsers era obrigado a replicar suas p�ginas web utilizando wml (linguagem interpretada por Mobile browsers). Com este framework isto se torna desnecess�rio, pois o MobileFaces faz a convers�o do c�digo de acordo com browser em que est� sendo interpretado, ou seja, se for um Web browser, seu c�digo torna-se um HTML, e se for um Mobile browser, seu c�digo torna-se um WML.

Este Framework � baseado na arquitetura do JavaServer Faces, como � mostrado na Figura 1, e � compat�vel com qualquer implementaç�o do JSF. Para isso, cont�m adaptadores de m�dia, conversores de imagens, filtros, entre outros, sempre visando a melhor adaptaç�o das aplicaç�es web para dispositivos m�veis.

Figura 1 � Arquitetura do MobileFaces

O MobileFaces � composto de v�rios kits de desenvolvimento, entre eles:

�Mobile JSF: Pacote desenvolvido para construç�o de aplicaç�es com JavaServer Faces (JSF);

�MobileSecurity: Pacote desenvolvido para aplicar autorizaç�es e autenticaç�es para aplicaç�es web m�vel, tais como, autenticar sua aplicaç�o de acordo com o protocolo SSL (Secure Sockets Layer), ler Nota 1;

�MobileAjax: � um pacote que combina o uso do Ajax com o JSF, permitindo assim aplicaç�es m�veis com o uso de Ajax;

�MobilePortlet: Mostra como usar uma aplicaç�o Portlet, empregando as soluç�es m�veis do MobileFaces.

Nota 1. SSL � Secure Sockets Layer

O protocolo SSL � uma tecnologia de segurança comumente utilizada para codificar os dados trafegados entre o computador do usu�rio e o um website. Este protocolo, atrav�s de um processo de criptografia dos dados, previne que os dados trafegados possam ser capturados, ou mesmo alterados no seu curso entre o navegador (browser) do usu�rio e o site com o qual ele est� se relacionando. Isto garante a segurança entre a troca de informaç�es sigilosas como os dados de cart�o de cr�dito.

Agora faremos uma breve apresentaç�o do JavaServer Faces(JSF), para podermos falar do Mobile JSF.

O que � o JavaServer Faces (JSF)?

O JSF � um framework MVC que foi projetado para simplificar o desenvolvimento de aplicaç�es Web. Voc� deve estar se perguntando, �o que � MVC?�.

O MVC � um padr�o de arquitetura de aplicaç�es que visa separar a l�gica da aplicaç�o (Model), da interface do usu�rio (View) e do fluxo da aplicaç�o (Controller), permitindo assim, que a mesma l�gica de neg�cios possa ser acessada e visualizada por v�rias interfaces.

Diversos frameworks foram desenvolvidos com o intuito de ajudar o programador a implementar o padr�o MVC, entre eles est�o o Struts, Web-Work, Spring-MVC e o JSF.

Al�m de uma clara separaç�o entre a visualizaç�o e a regra de neg�cio, o JSF incorpora um modelo de interfaces gr�ficas baseado em eventos e recursos de navegaç�o e internacionalizaç�o.

O JSF utiliza componentes GUI (Graphical User Interface) semelhantes aos do pacote Swing/AWT, como bot�es, formul�rios, caixas de texto, etc.

Para mais informaç�es sobre o JSF, acesse http://java.sun.com/javaee/javaserverfaces.

E como o MobileFaces � associado ao JSF?

Da seguinte forma, voc� pode construir seu sistema Java EE normalmente, utilizando o JSF. Ap�s aplicar o MobileFaces, ele interpreta suas p�ginas de acordo com as necessidades do browser de cada dispositivo, �re-codificando� suas p�ginas, como � mostrado na Figura 2.

Figura 2 � Comportamento das aplicaç�es desenvolvidas com o MobileFaces

Arquivos de configuraç�o do sistema

Sistemas Java para web contam com um arquivo de configuraç�es padr�o, o web.xml. Todas as configuraç�es referentes ao sistema constam nesse arquivo, por exemplo, tempo de duraç�o de uma sess�o, p�gina inicial da aplicaç�o, mapeamento de servlets e filters, etc. Na Listagem 1 � apresentado como deve ficar o arquivo web.xml com o trecho de configuraç�o do mapeamento do servlet JSF (linhas 3 a 11) e do tempo da seç�o (linha 13).

1.< ?xml version="1.0" encoding="UTF-8"?>

2.< web-app version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">

3.< servlet>

4.< servlet-name>Faces Servlet</SERVLET-NAME>

5.< servlet-lass>javax.faces.webapp.FacesServlet</SERVLET-CLASS>

6.< load-on-startup>1</LOAD-ON-STARTUP>

7.</SERVLET>

8.< servlet-mapping>

9.< servlet-name>Faces Servlet</SERVLET-NAME>

10. < url-pattern>*.jsf</URL-PATTERN>

11. </SERVLET-MAPPING>

12. < session-config>

13. < session-timeout>30</SESSION-TIMEOUT>" [...] continue lendo...

artigo webmobile 17 - Introdu��o ao MobileFaces

Nesse artigo iremos conhecer o MobileFaces, um framework de controle que pode fazer a conversão de páginas da web para dispositivos móveis e vice-versa.

Artigos relacionados