Por dentro do novo Intel® HTML5 Development Environment

Há alguns meses a Intel lançou um novo conjunto de ferramentas para o desenvolvimento de apps multiplataforma para dispositivos móveis em HTML5, o Intel® HTML5 Development Environment. São ferramentas e serviços na nuvem gratuitos e ilimitados que ajudam os desenvolvedores a escrever uma única base de código usando HTML, CSS e JavaScript e a gerar aplicações (executáveis) para diversos sistemas operacionais e dispositivos móveis.

Se você tem algum conhecimento em HTML5 e uma boa ideia de desenvolvimento de app na cabeça, recomendo um teste destas ferramentas, pois vai descobrir que implementar esta ideia não é algo tão difícil de fazer.

O desenvolvimento nativo para dispositivos móveis exige do desenvolvedor conhecimento em linguagens de programação distintas (tipicamente C/C++, Java e C#), e a utilização de ferramentas, compiladores e SDKs específicos para cada sistema operacional. Estas ferramentas por sua vez, demandam a utilização de sistemas operacionais específicos no ambiente de desenvolvimento, o que significa que o desenvolvedor terá que manter algumas máquinas dedicadas ao desenvolvimento e build das aplicações, além de dominar os SDKs e as linguagens específicas.

A grande vantagem do HTML5 é que bibliotecas específicas criam uma camada de abstração entre os diversos sistemas operacionais de dispositivos móveis, permitindo assim que uma única linha de código tenha o mesmo efeito em sistemas operacionais e dispositivos distintos.

Além de abstrair estas diferenças, estas bibliotecas auxiliam ainda a complementar as funcionalidades das APIs padrão do HTML5, dando acesso a recursos dos dispositivos, como sensores, câmera e a arquivos existentes nos dispositivos móveis. Com tudo isso junto, quando você desenvolve um app utilizando HTML5, você pode focar todo o seu esforço de desenvolvimento na implementação de funcionalidades inovadoras no seu app ao invés de ficar perdendo muito tempo se preocupando com as nuances e diferenças entre cada dispositivo e sistema operacional.

Para acelerar ainda mais o desenvolvimento dos seus apps, o Intel XDK (kit de desenvolvimento em plataforma cruzada da Intel), possui ainda duas funcionalidades que considero extremamente úteis para o desenvolvimento de apps. A primeira delas é um editor gráfico para a construção inicial da interface gráfica do seu app (o que para muito programador que conheço costuma ser um pesadelo), e um excelente emulador de dispositivos que permite que você veja como seu app se comporta em dispositivos com tamanhos de tela diferentes sem precisar ter uma infinidade de dispositivos para testes ao seu lado o tempo todo. Este emulador permite ainda que você simule diversos eventos no dispositivo, como a captura de movimento através do acelerômetro, tudo isso dentro do seu navegador Google Chrome, pois o Intel XDK é uma extensão do Google Chrome.

O ciclo de desenvolvimento, testes e depuração de dispositivos móveis costuma ser bem demorado, pois em geral você precisa compilar cada versão para testes e transferi-la para o seu dispositivo móvel (quem já teve que fazer isso sabe do que eu estou falando). Usando o Intel XDK, você simplesmente instala um App em seu dispositivo móvel (chamado App Lab) e transfere o código que acabou de escrever no XDK para ele usando os serviços gratuitos na nuvem que a Intel oferece. Isso significa que o ciclo de depuração do seu app em um dispositivo real fica extremamente acelerado e depois de uma alteração de código, com apenas alguns cliques você já pode ver como seu app se comporta no seu dispositivo móvel. Melhor do que isso, você pode ainda incluir algumas linhas especiais dentro do seu código e utilizar um sistema de depuração na nuvem, que permite que você execute o app em seu dispositivo móvel e receba as mensagens de depuração na console do seu navegador, ajudando muito a entender o que está de fato acontecendo quando o seu app é executado em um dispositivo real.

Quando você está satisfeito com o status de desenvolvimento do seu projeto, com alguns cliques você acessa os serviços na nuvem do App Dev Center e gera executáveis na nuvem, prontos para ser enviados para as lojas de aplicativos dos dispositivos ou distribuídos para seus colegas de trabalho e amigos te ajudar com os testes.

Com tanta coisa assim disponível de forma gratuita e ilimitada, acredito que chegou a hora de você colocar a mão na massa e transformar a ideia que anda te atormentando nos últimos tempos em um app que pode te ajudar no dia a dia, ajudar outras pessoas e claro, que pode ser a sua entrada com chave de ouro para o mundo dos apps para dispositivos móveis.

Para saber mais sobre as principais características do Intel® HTML5 Development Environment, preparamos um artigo em português que pode ser acessado aqui, que responde as principais dúvidas dos desenvolvedores sobre a ferramenta, além de apresentar mais algumas ferramentas gratuitas da Intel que podem te ajudar a dominar rapidamente este novo mundo de apps multiplataforma.

Se durante a sua caminhada você tiver alguma dúvida ou dificuldade, utilize nosso fórum de HTML5 em português para que outros membros da comunidade possam te ajudar com ela, e temos ainda diversos exemplos e muito código fonte disponível aqui, e como o HTML5 é um padrão aberto, você pode encontrar na Internet muitos exemplos, tutoriais para te ajudar no aprendizado inicial e claro, se você encontrar alguma biblioteca disponibilizada que queria usar em seu app, basta inclui-la na árvore de código do seu projeto do Intel XDK.

Toda a documentação das ferramentas e bibliotecas da Intel para o desenvolvimento de Apps pode ser encontrada aqui, e esta página conta ainda com diversos artigos com boas práticas de codificação e diversos tutoriais muito interessantes. Se você prefere aprender assitindo a um vídeo, temos ainda diversos webinars disponíveis aqui, e para começar a sua jornada, recomendo assistir este video aqui.

Para começar usando agora as ferramentas e finalmente iniciar a sua jornada por este novo e divertido mundo dos apps, clique aqui. Lembre-se que toda grande jornada começa com um primeiro passo, ou melhor dizendo neste caso, com um primeiro clique !

Para obter informações mais completas sobre otimizações do compilador, consulte nosso aviso de otimização.