Havia prometido o tutorial e finalmente chegou o dia. Vamos ver se conseguimos fazer as 3 partes em 3 dias consecutivos. Talvez, você que esperou tanto tempo esteja se perguntando porque ele demorou tanto para fazer o tutorial? Demorei porque esperei o programa que vou usar como modelo ficar aprovado na loja da Apple, o tempo de revisão é de 5 a 7 dias e hoje pela manhã ele foi publicado. Este programa que vou usar como modelo chamado Zeroes é um jogo de raciocínio que custa US$ 0.99 (você gostará tanto do tutorial que vai comprar ele, não vai?)
O caminho convencional de desenvolvimento para o IPhone é usando o compilador XCode com a linguagem Objective-C (que de C aliás tem muito pouco), este caminho não é acessível a todos os desenvolvedores e tem uma curva de aprendizado bastante lenta. O outro caminho, aprovado pela Apple, é o do desenvolvimento Web com Javascript + HTML5 + CSS3. No entanto o desenvolvimento Web não permite que o aplicativo seja vendido na loja da Apple a menos que você compile ele em um executável e este é o objetivo do tutorial.
Agora que você já comprou a aplicação, vai 0,99 obamas não aleijam ninguém e o Zeletron tem que pagar o leitinho das crianças :), vamos começar a desenvolver nosso exemplo como uma aplicação Web. Na parte II do tutorial veremos como compilar e na parte III veremos como ter o programa aprovado na ITunes App Store no menor tempo possível e sem risco de ter ele rejeitado.
Para desenvolver a parte Web há várias bibliotecas já com os estilos parecidos com o do IPhone, eu recomendo que você use uma chamada jQTouch que tem um visual muito bonito, tem todos os efeitos de uma interface nativa e é bem rápida.
Recomendo que para visualizar, você use o Safari (pode ser o para Windows mesmo). Caso você queira uma visualização menos fiel ao que vai sair pode usar o Chrome.
Vencidas estas etapas vamos ao nosso aplicativo de exemplo. O Zeroes (que você já comprou e já jogou até) tem como objetivo transformar todos os botões em Zero. Cada botão tem um número e ao clicar num deles você subtrai um do valor do botão e dos quatro vizinhos dele. Subtraindo um de 0 faz você obter 3 e não -1. Simples não? Mais ou menos. Há oito níveis no jogo (Anta, Bobinho, Muito Fácil, Fácil, Normal, Difícil, Muito Difícil, Master e Jedi) acho que acima de muito difícil a coisa é complicada mesmo.
O jogo pode ser todo feito em Javascript, uma implementação de exemplo pode ser encontrada em: http://javascript.internet.com/games/button-mania.html como eu já estava usando jQuery acabei fazendo toda a lógica do jogo em jQuery, mas você pode usar o link que eu indiquei para se inspirar.
O importante quando se trabalha com o jQTouch é que cada página do aplicativo é um div numa posição hierárquica inferior ao id=”jqt”:
A class “button flip” é uma das classes de botões que o jQTouch possui. Nesta classe você tem um botão que ao ser clicado levará para uma outra página com o efeito de flip na página que entra.
Antes de prosseguir algumas observações: a documentação do jQTouch (http://code.google.com/p/jqtouch/w/list) não é tão civilizada assim, portanto deixo a área de comentários aberta para caso você tenha dúvidas. Outra observação: na hora de fazer uma app para valer baixe a versão mais recente do jQTouch (http://code.google.com/p/jqtouch/source/checkout) e não a que é oferecida para download.
Acho que já ficou mais longo que queria com 12076 toques. Continuamos amanhã. Caso você queira começar a brincar com o jQTouch há vários exemplos junto com o download do mesmo e é possível visualizá-los no Chrome ou no Safari.
2) utilizo ubuntu 9.10, portanto para visualizar o fruto de meu aprendizado visualizo apenas três opções: