Sencha Touch 2 + Xcode + PhoneGap – Parte 2

Esta é a parte final do tutorial. Na primeira parte criamos o projeto PhoneGap no Xcode e o executamos no iPhone Simulator. Nesta etapa iremos adicionar o Sencha Touch 2, que nada mais é que um zip. Vamos descompactá-lo em algum lugar. Eu descompactei o meu na raíz da pasta Documents. Renomeie a pasta sencha-touch-2.0.1.1 para apenas touch, apenas por questões de padronização.

Mão na massa

Aponte o Terminal para a pasta touch e execute o comando que irá criar o esqueleto do projeto Sencha que iremos importar para o nosso projeto que foi criado na primeira parte do tutorial:

sencha generate app app ../PastaComNomeQualquer/www

Obs: pouco importa o nome da pasta, pois utilizaremos somente o conteúdo da pasta www gerada pelo sencha pelo comando acima. Leia o resto deste post »


Sencha Touch 2 + Xcode + PhoneGap – Parte 1

Sencha Touch é o primeiro framework que reune os pradrões HTML5, CSS3 e JavaScript para criar aplicativos móveis. Ele permite que desenvolvedores de software construam projetos que utilizam componentes nativos de plataformas como iPhone, Android e BlackBerry sem obrigatóriamente conhecer as linguagens Objective-C e Java.

O framework disponibiliza uma extensa biblioteca de widgets, diversos efeitos de transições CSS, além de ter uma interface amigável e intuitiva. Através do HTML5 é possível construir componentes que utilizam áudio e vídeo, e persistir dados offline com o localStorage.

Em termos de performance existe diferença entre os dispositivos iOS e Android, haja vista que o hardware da Apple conta com uma GPU que roda o Safari com o modo de aceleração GPU habilitado. A maioria dos dispositivos Android não contam com GPUs dedicadas, e por consequência não compilam o WebKit com este modo de aceleração habilitado. Usuários Android terão melhor experiência em celulares com poder computacional mais elevado.

O framework é impressionante e fácil de ser utilizado, mas o que mais me chamou a atenção foi a documentação no site. Como desenvolvedor confesso que não lembro de ter visto uma documentação tão completa como a do Sencha. O nível de detalhes e informações disponibilizadas são de surpreender qualquer desenvolvedor. O fórum oficial é bem movimentado e as dúvidas postadas lá geralmente são respondidas por engenheiros, arquitetos e desenvolvedores do próprio framework.

Vamos precisar de:

Criando o projeto

Com o Xcode aberto clique em File –> New –> Project. Escolha a seguinte opção:

Clique em Next. Escolha um nome para a projeto:

Clique em Next.

Leia o resto deste post »