O documento resume o conceito e desenvolvimento de aplicações híbridas usando Cordova/PhoneGap, descrevendo suas vantagens como construir uma vez e distribuir em múltiplas plataformas, baixo custo de desenvolvimento e manutenção, e comunidade aberta. Também discute suas limitações como depender da webview e não poder expandir funcionalidades para wearables. Explica o processo de instalação, criação e publicação de um aplicativo híbrido.

1. Hands-On
Cordova / PhoneGap
Giordano Bruno
v0.3 - MMXVI

2. Café Digital
www.cafedigitaljf.com.br
Facebook & Instagram:
CafeDigitalJF

3. Google Developers Group de Juiz de Fora
www.emjuizdefora.com/gdgjf
Facebook: GoogleDevelopersGroupJuizDeFora

4. Aplicações híbridas
- base em linguagem nativa
- Webview (navegador)
- código padrão WEB
(HTML + CSS + JavaScript)

5. Vision Mobile
Junho / 2015
8.000 desenvolvedores
185.000 aplicativos da
Google Play Store

6. Windows 98: Active Desktop

7. Windows 2000

8. Windows XP (2001)

9. Compiladores HTML ~ 2006
- página = programa
- Webexe
- html2exe

10. Nokia WRT (Web RunTime) ~ 2008
- código em HTML+CSS+JS
- ícone em formato PNG
- configurações em XML
- …
- ...
- num arquivo .zip renomeado
para .wgz

11. PhoneGap (2008)
- criado pela empresa canadense Nitobi
- Em 2011, a empresa foi adquirida pela
Adobe e o código-fonte doado para a
Apache Software Foundation

12. Apache Cordova
- Container de aplicações híbridas
- serve de base para o Phonegap, Visual
Studio e diversos SDK’s.
- ‘Cordova’ era o nome da rua onde ficava o
escritório da Nitobi

13. Plataformas
Android
Bada
Blackberry
iOS
Symbian
Tizen
WebOS
Windows Phone
Windows 8

14. API´s Disponíveis
Acelerômetro
Câmera
Bússola
Contatos
Arquivos
Geolocalização
Mídia
Rede
Notificações
(alertas, sons,
vibração)
...

15. Análise SWOT:
Strengths
Weaknessess
Oportunities
Threats
Forças
Fraquezas
Oportunidades
Ameaças

16. Forças (Strengths):
- B.O.D.A - Build Once Deploy All (construa
uma vez e distribua para todos);
- Baixo custo de desenvolvimento e
manutenção;
- Aproveitamento de aplicações / bibliotecas
pré-existentes
- Comunidade Open-Source;

17. Fraquezas (Weaknessess)
- Demora na implementação de novos
recursos (dependem da comunidade)
- limitado a webview (não serve pra widgets e
wearables)
- Requerimentos específicos para algumas
plataformas

18. Oportunidades (Oportunities)
- Compatibilidade com as mudanças do
mercado, independente do dispositivo.
- Programadores iniciantes
- Pequenas empresas
- Startups
- Prototipação

19. Ameaças (Threats)
- Possível atraso na adaptação às mudanças
e atualizações dos Sistemas Operacionais
- experiência do usuário variável
- não é possível expandir funcionalidades
como widgets e wearables

20. Instalação e Preparação
Node.js
Cordova
Git, Plugman, etc
Compilador
Emulador
IDE
(dependem da
plataforma)

21. Criando um App:
cordova create pasta [id] [nome do app]
cria a pasta e os arquivos de base
cd pasta
entra na pasta do projeto

22. Qual(s) plataforma(s)?
cordova platform add PLATAFORMA
adiciona os arquivos específicos da plataforma
(browser, android, iso, etc)

23. Plugins?
cordova plugin add URL
baixa os arquivos do plugin e adiciona ao
projeto

24. Tá com pressa?
cordova run [plataforma]
verifica, compila e executa o app no emulador
ou no celular (ou browser)

25. Referências úteis
cordova.apache.org - Documentação principal e plugins
www.ngcordova.com - coleção de plugins otimizados para Angular
www.coenraets.org - tutorial e referências
www.visionmobile.com/product/cross-platform-tools-2015/ - insights do
relatório das ferramentas de desenvolvimento híbrido
e claro: Stack Overflow, Youtube, Google...