Instalando e Configurando o JIL SDK. <br />Crie seu primeiro widget com a ferramenta.<br />1 - Introdução<br />Neste peque...
Instalando e Configurando o JIL SDK. Crie seu primeiro widget com a ferramenta.
Instalando e Configurando o JIL SDK. Crie seu primeiro widget com a ferramenta.
Instalando e Configurando o JIL SDK. Crie seu primeiro widget com a ferramenta.
Instalando e Configurando o JIL SDK. Crie seu primeiro widget com a ferramenta.
Instalando e Configurando o JIL SDK. Crie seu primeiro widget com a ferramenta.
Instalando e Configurando o JIL SDK. Crie seu primeiro widget com a ferramenta.
Instalando e Configurando o JIL SDK. Crie seu primeiro widget com a ferramenta.
Instalando e Configurando o JIL SDK. Crie seu primeiro widget com a ferramenta.
Instalando e Configurando o JIL SDK. Crie seu primeiro widget com a ferramenta.
Instalando e Configurando o JIL SDK. Crie seu primeiro widget com a ferramenta.
Instalando e Configurando o JIL SDK. Crie seu primeiro widget com a ferramenta.
Instalando e Configurando o JIL SDK. Crie seu primeiro widget com a ferramenta.
Próximos SlideShares
Carregando em…5
×

Instalando e Configurando o JIL SDK. Crie seu primeiro widget com a ferramenta.

1.268 visualizações

Publicada em

Instalando e Configurando o JIL SDK.
Crie seu primeiro widget com a ferramenta.

Publicada em: Tecnologia
  • Seja o primeiro a comentar

Instalando e Configurando o JIL SDK. Crie seu primeiro widget com a ferramenta.

  1. 1. Instalando e Configurando o JIL SDK. <br />Crie seu primeiro widget com a ferramenta.<br />1 - Introdução<br />Neste pequeno tutorial vamos aprender como instalar e criar nosso primeiro widget através do JIL Software Development Kit. O leitor deve estar se perguntando: Pra início de história, quem é JIL. A JIL (Joint Innovation Lab) é uma Joint Venture entre as operadoras Vodafone, Verizon Wireless, China Mobile e Softbank Mobile.<br />O primeiro projeto do grupo foi criar um padrão de criação para widgets, que já teve seus primeiros adeptos. Neste HYPERLINK " http://www.tinews.com.br/news/2009/10/22/principais-fabricantes-de-celulares-apoiam-a-iniciativa-da-joint-innovation-lab-jil/" link da internet podemos ler o seguinte parágrafo: A Joint Innovation Lab (JIL) anunciou hoje que as líderes de fabricação de aparelhos celulares, LG Electronics (LG), Research In Motion (RIM), Samsung Electronics Co., Ltd. (Samsung) e Sharp Corporation (Sharp) apoiarão a especificação do widget da JIL em futuros aparelhos móveis a partir do primeiro trimestre de 2010. O lançamento de uma ampla série de celulares compatíveis com o widget da JIL permitirá que os desenvolvedores criem aplicativos que podem ser lançados para os clientes através das empresas sócias da JIL, China Mobile, SOFTBANK, Verizon Wireless e Vodafone, que têm uma base de usuários combinada de mais de um bilhão na África, Ásia, Europa e América do Norte.<br />Mesmo que você more na América do Sul, e esteja fora da atuação das operadoras do JIL, é possível criar seus widgets e disponibilizar na futura app store que o grupo pretende criar. Ou seja, suas portas para o mundo estarão abertas. <br />Depois das apresentações formais, podemos falar sobre o JIL Widget SDK Version 1.0. Seu objetivo, assim como todos SDK, é de fornecer uma maneira fácil e rápida de criar seus projetos. O SDK é um porting da IDE Eclipse. A ferramenta também traz alguns emuladores. Porém, pelo menos na minha máquina eles executaram extremamente lentos. Mas, para isentar um pouco a JIL da culpa, eu tenho outros SDK instalados (como o Android SDK e alguns emuladores da BlackBerry) e eles também sofrem bastante com a lentidão. <br />Também, o JIL SDK é parte do ecossistema global que envolve o JIL Developer Site [http://www.jil.org]. Este site permite que você cadastre-se e participe no JIL developer system. Uma vez que você é um membro do JIL Developer Site, você pode submeter seus widget´s para revisão e publicação dos download no site do JIL Widget. JIL Widgets podem ser monetizados. Como desenvolvedor, você pode ser pago pelo widget que você criou quando o widget é baixado. Veja a Figura 1, ela mostra a página de publicação de widget´s, veja o destaque em vermelho.<br />Figura 1: Página de publicação de widget´s no JIL Developer Site<br />2 – Instalação do SDK<br />Agora vamos partir para a instalação do SDK. O primeiro passo é acessar o JIL Developer Site, cadastrar-se e baixar o arquivo de instalação, no meu caso o jil_sdk_windows_v1.1_BETA2.exe. Posteriormente, basta dar um duplo-clique no arquivo. Uma tela de wizard como a da Figura 2 deve aparecer.<br />Figura 2: Wizard, passo 1<br />Basta dar Next, o wizard passa para a segunda tela. Veja a Figura 3. <br />Figura 3: Wizard, passo 2<br />Basta aceitar a licença e clicar em Next. O wizard passa para a terceira tela, veja na Figura 4. <br />Figura 4: Wizard, passo 3<br />Nesta tela, escolhemos a pasta onde a instalação irá ficar, no meu caso, deixei o valor padrão mesmo. Clique Next e receba a tela mostrada na Figura 5.<br />Figura 5: Wizard, passo 4.<br />Nesta parte do wizard, configuramos o nome que aparecerá no menu iniciar do seu Windows, infelizmente não consegui testar no Linux para ver se esta tela aparece ou não. Em todo caso, não é muito relevante para a instalação. Clique em Next e vamos para o quinto passo. Veja a Figura 6.<br />Figura 6: Wizard, passo 5.<br />Deseja criar um ícone no desktop? Se sim, marque o checkbox. Dê Next e vamos prosseguir.<br />O próximo passo do wizard (Figura 7) apenas mostra as configurações definidas até o momento da instalação e pede para você confirmar e seguir a instalação ou, voltar nas telas anteriores e redefinir alguns parâmetros da instalação. Verifique os dados e vá para a próxima tela, mostrada na Figura 8.<br />Figura 7: Wizard, passo 6.<br />Figura 8: Wizard, passo 7.<br />Como você pode ver na Figura 8, o processo de instalação do SDK começa nesse momento. Se tudo ocorrer bem, a barra verde chegará ao final e você pode começar a programar para o JIL e, quem sabe, ganhar seus milhões europeus ou americanos. A Figura 9 informa que a instalação ocorreu com sucesso. <br />Figura 9: Wizard, passo 8.<br />3 – Criando seu primeiro widget<br />Ao iniciar o SDK, você perceberá que você iniciou um puro e simples Eclipse. Veja na Figura 10.<br />Figura 10: Tela incial do SDK.<br />Porém, ao clicarmos na opção File -> New, encontramos a opção JIL 1.0 Widget Project, escolha esta opção (Veja a Figura 11). <br />Figura 11: Tela incial do SDK (b).<br />Receberemos outro wizard, conforme a Figura 12.<br />Figura 12: Wizard para criação do projeto.<br />Este wizard é super simples, no campo Project Name informamos o nome que queremos dar ao nosso projeto, chamei de HelloWorld. Abaixo, temos a opção de criar um novo projeto do início (Create na empty Project for a new widget development) ou, criar um projeto de fontes já existentes (Create a widget Project form na existing widget package). Finalmente, escolhemos o local onde o projeto será criado. No meu caso, deixei a opção Use Default Location marcada. Clique Finish. Você perceberá que seu projeto foi criado com todos os arquivos necessários. Veja a Figura 13.<br />Figura 13: Projeto criado.<br />Antes de explicar o fonte, vamos executar nossa recente criação. Selecione Run -> Run Configuration. Você receberá um wizard, como o mostrado na Figura 14. Marque a opção Widget Application e selecione New Launch Configuration. Nesta nova configuração, informe um nome e o projeto que será executado. Veja a Figura 15. Depois disso é só dar um Accept e um Run. Veja o resultado de nosso esforço na Figura 16.<br />Figura 14: Wizard para configuração de execução do widget.<br />Figura 15: Wizard para configuração de execução do widget (b).<br />Figura 16: HelloWorld sendo executado no simulador.<br />Em artigos futuros poderemos decifrar todo código, porém, neste artigo, vamos nos deter apenas a entender de forma básica oque o SDK criou. Veja a Figura 17. Um widget nada mais é que um programa web que pode ser “entendido” como um aplicativo stand-alone no dispositivo. Sendo assim, sempre teremos um arquivo .html, um .css e um .js. Teremos também imagens. No exemplo do HelloWorld temos duas. Teremos um arquivo XML de configuração e, por fim, um .wgt que será distribuído.<br />Figura 17: Arquivos gerados pelo SDK para o projeto HelloWorld.<br />Vamos ver o conteúdo dos três principais arquivos, veja as Listagens 1, 2 e 3.<br />Listagem 1 – HelloWorld.html.<br /><!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”><br /><html><br /><head><br /><meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8”><br /><title>HelloWorld</title><br /><link href=”HelloWorld.css” rel=”stylesheet” type=”text/css”/> <br /><script type=”text/javascript” src=”HelloWorld.js”></script><br /></head><br /><body><br /> <div id=”front”><br /> <div id=”hello”>Hello Widget!</div><br /> </div><br /></body><br /></TML><br />Listagem 2 – HelloWorld.css<br />#front {<br />position: absolute;<br />background-image: url(“Default.png”); <br />top: 0px;<br />left: 0px;<br />width: 235px;<br />height: 158px;<br />}<br />#hello {<br />position: absolute;<br />color: white;<br />top: 65px;<br />left: 45px;<br />width: 180px;<br />height: 50px;<br />font: 24px “verdana”;<br />}<br />HelloWorld.js<br />function showFront() {<br />}<br />function showBack() {<br />}<br />Para os desenvolvedores web deve ter ficado fácil, mas, mesmo para programadores Java ME, Symbian, Android, dentre outros, é muito fácil entender a lógica de um widget.<br />4 – Conclusão<br />Ainda é cedo para apontar o JIL como um grande futuro a ser investido, porém, não custa nada brincarmos um pouco com o SDK (em uma máquina decente) e ficarmos preparados. Confesso que fiquei com muita vontade de começar a criar alguns widgets e colocar a venda no site de desenvolvedores do JIL, quem quiser me acompanhar, seja bem vindo.<br />

×