Artigos Mobile IBM Worklight - Desenvolvimento mobile multiplataforma

O Worklight é uma plataforma de desenvolvimento mobile desenvolvida pela IBM que abre um leque de inúmeras oportunidades para o desenvolvimento mobile, já que permite a criação e gerenciamento de aplicativos HTML5, nativos e híbridos para diversas plataformas, como Android IOS, BlackBerry, Windows Mobile.

Além de nos permitir a criação de aplicativos multiplataformas, o Worklight nos permite implementar a segurança no trafego de informações entre "End Point", por exemplo, se precisamos fazer uma comunicação segura entre um dispositivo mobile e um servidor Apache ou WebSphere, o Worklight server pode servir como um mediador nessa comunicação, implementando toda uma camada de autenticação fornecendo uma confiabilidade na comunicação.

O Worklight pode ser dividido em quatro partes:

  • Worklight Studio – que é um ambiente de desenvolvimento feito para o Eclipse, suas aplicações Worklight são escritas.
  • Worklight Console – é onde a aplicação Worklight é gerenciada e monitorada.
  • Worklight Server – é um servidor Java responsável por implementar toda uma interface segura entre os End points.
  • Worlight Device Runtimes Componets – são componentes SDK que são aplicados em tempo de execução no dispositivo nativo.
Worklight Workflow

Figura 1: Worklight Workflow

Instalando o Worklight

Instalar o Worlight é uma tarefa fácil, pois pode ser encontrado no marketplace do próprio Eclipse. Help->Eclipse Marketplace.

Depois de feito isso digite no campo de pesquisa a palavra Worklight como demonstrada na figura abaixo e clique no botão Go.

Instalação do Worklight

Figura 2: Instalação do Worklight

Selecione IBM Worklight Developer Edition e clique em Install, após a instalação concluída você terá o ícone do Worklight na barra de tarefas do seu eclipse.

Criando o primeiro projeto Worklight

Agora um novo projeto Worklight deve ser criado, vá em File->New->Project->Worklight Project como a figura abaixo.

Projeto Worklight

Figura 3: Projeto Worklight

O próximo passo é incluir um aplicativo ao projeto criado anteriormente como mostra a figura abaixo, esse passo ira criar um arquivo HTML dentro da pasta common localizada dentro da pasta apps->Pagina que será a pagina inicial do projeto em qualquer dos ambientes em que esse código estará rodando.

Aplicativo

Figura 4: Aplicativo

Agora no arquivo Pagina.html adicione o seguinte código HTML:

Listagem 1: Pagina.html

<!DOCTYPE HTML>
<html>
<head>
	<meta charset="UTF-8">
	<title>Pagina</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
	<link rel="shortcut icon" href="images/favicon.png">
	<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
	<link rel="stylesheet" href="css/Pagina.css">
	<script>window.$ = window.jQuery = WLJQ;</script>
</head>
<body id="content" style="display: none;">
	<!--application UI goes here-->
	<img src="images/logo.jpg" width="100" height="100"><br>
	Primeiro exemplo do uso do Worklight
	<script src="js/initOptions.js"></script>
	<script src="js/Pagina.js"></script>
	<script src="js/messages.js"></script>
</body>
</html>

Serão criados agora os ambientes nativos que essa aplicação ira rodar, nesse exemplo será Android e BlackBerry. Para criá-los clique com o botão direito em Pagina->New->Other->Worklight Enviroment.

Setando ambientes

Figura 5: Setando ambientes

Selecionamos a plataforma Android e a plataforma BlackBerry como mostrado abaixo, verifique se o Project name e o Application / Component estão corretos.

Seleção dos ambientes que serão gerados

Figura 6: Seleção dos ambientes que serão gerados

Dentro da pasta common, temos os arquivos que irão rodar para ambas as plataformas, já nas pastas especificas dentro de Android e BlackBerry, teremos os arquivos que apareceram apenas nessas plataformas especificas.

Dentro da pasta Android->images vamos colocar um logo do Android com o nome logo.jpg e na pasta BlackBerry->images vamos colocar uma imagem do logo do BlackBerry com o nome logo.jpg também.

Logos Nativos adicionados nas pastas

Figura 7: Logos Nativos adicionados nas pastas

Agora para testar a aplicação precisamos instalar o servidor Worklight e testar a aplicação hibrida recém-criada. Isso é feito clicando com o botão direito do mouse na pasta common->Run As->Build and Deploy.

Observação: Sempre que fizer qualquer atualização em qualquer arquivo, sempre faça o passo anterior para se certificar que a alteração entrará em efeito.

A saída do console tem que ser a seguinte, para assegurar que o servidor do Worklight esta no ar:

Saída do console após a instalação do Worligth Server

Figura 8: Saída do console após a instalação do Worligth Server

Agora vamos acessar o console administrativo do Worklight da seguinte maneira, abra o navegador de sua preferência e digite: localhost:8080/console a seguinte pagina ira aparecer com as informações do projeto criado anteriormente:

Console com os projetos

Figura 9: Console com os projetos

Para visualizarmos se o que acabou de ser feito funcionou, vamos clicar em cima do link de cada uma das plataformas, e o Worklight abrirá um Emulador, e mostrará o resultado desse primeiro teste rodando em suas respectivas plataformas nativas. Seguem abaixo as imagens da mesma aplicação rodada em ambientes diferentes.

Imagens Emulador - parte 1

Figura 10: Imagens Emulador - parte 1

Imagens Emulador - parte 2

Figura 11: Imagens Emulador - parte 2

As aplicações mobile esta a todo vapor no mercado, e a plataforma Worklight nos permite com um único código criar aplicativos para diversas plataformas, aqui foram usados exemplos do BlackBerry e do Android utilizando o emulador de plataformas em web-browser, mas se as SDKs estão corretamente instaladas e funcionando, pode ser testada essa aplicação Worklight direto no emulador da fabricante do sistema operacional mobile.

Pode-se perceber também que um pedaço de código hibrido pode ser acessado por duas plataformas totalmente diferentes, e gerando resultados iguais para o que deve ser comum, e diferente para o que deve ser diferente.

Espero que tenham gostado desse artigo e que lhes seja útil no futuro, já que aplicações mobile estão tomando o mercado do software, o que foi mostrado aqui é apenas uma pequena demonstração do grande poder dessa ferramenta.

Um grande abraço e até a próxima oportunidade!