Desenvolvimento Mobile do jeito certo: APACHE CORDOVA, ZEPTO E HANDLEBARS

@kemelzaidan - about.me/kemel- kemelzaidan.com.br 

Innovation Week: um hackaton

http://eventos.locaweb.com.br

Wordpress Legado

• Aplicação Wordpress com muitos shortcodes
• Base de dados > 20Gb 
• Mantido pelo time de sites
• Alimentado pelo marketing
• Inscrições via credencial.imasters.com.br

Necessidade de uma aplicação mobile

• Programação
• inscrições pelo app
• Local / Checkin
• Push para notificações
•  Patrocinadores / Apoiadores
• Avaliações no app
• Palestrantes
• Onde comer
• Contato (solicitação de certificado, duvidas...)
• Mural

Possíveis Soluções

Solução

Instalar o plugin JSON API para Wordpress:

• Criado pelo MoMa
• Parser do post
• API consistente
• Customização do plugin

Desvantagens:

• Mudanças de tema precisam de mudanças no parser
• Óbvias limitações de API mobile

Vantagens

• Conteúdo é inserido uma única vez
• Não há necessidade de trocar o backend e/ou frontend do site
• Alimentação do conteúdo é simples e permanece da mesma forma
• Qualquer atualização de conteúdo é refletida no app

Solução:

Construir um app híbrido com Apache Cordova:

• 1 única base de código para todas as plataformas: Android, iOS, Windows Phone; Blackberry, Firefox OS, Tizen, etc;
• Desenvolvimento rápido e simplificado.
• Ser feliz! :)

o que é o Apache cordova?

• Criado pela Nitobi e comprado pela Adobe.
• Adobe mudou o nome para PhoneGap
• Código fonte liberado pela Adobe e doado para a fundação Apache
• Adobe mantém um build service na nuvem e pago para projetos privados

Por que aplicativos Híbridos?

• A interface é um web view (HTML e CSS) ao invés de XML.
• JavaScript é utilizado para interação e para executar o acesso à dispositivos de hardware.
• Acesso ao hardware é feito por código nativo que faz o bind da API nativa para JavaScript.

Vantagens

• Maior aproveitamento de código.
• Liberdade para utilizar diversas ferramentas e frameworks frontend: ember, angular, etc.
• Desenvolvimento acelerado.

Desvantagens

• Edge Cases: uma plataforma tem botão voltar, a outra não, etc.
• Menor desempenho em casos extremos: jogos, etc.
• Problemas de apps e não de web.
• Diversidade de opções pode ser um problema.

NATIVO VS. HÍBRIDO

Que ferramentas usar? 

?

?

?

?

Intel XDk

• Distribuição do Apache Cordova.
• Ambiente integrado de desenvolvimento mobile baseado em HTML5.
• União de vários projetos open source: editor Brackets, Apache Ripple,  Topcoat, etc.
• Build service na nuvem gratuito para qualquer projeto.

Intel XDK

• Excelentes ferramentas de debug, como o Intel App Preview no Google Play e o Apache Ripple.
• Oferece um bom ambiente para quem tem pouca intimidade com a plataforma

Demo

Obrigado!!!

• @kemelzaidan
• about.me/kemel
• kemelzaidan.com.br