Hands-On
Cordova / PhoneGap
Giordano Bruno
v0.3 - MMXVI
Café Digital
www.cafedigitaljf.com.br
Facebook & Instagram:
CafeDigitalJF
Google Developers Group de Juiz de Fora
www.emjuizdefora.com/gdgjf
Facebook: GoogleDevelopersGroupJuizDeFora
Aplicações híbridas
- base em linguagem nativa
- Webview (navegador)
- código padrão WEB
(HTML + CSS + JavaScript)
Vision Mobile
Junho / 2015
8.000 desenvolvedores
185.000 aplicativos da
Google Play Store
Windows 98: Active Desktop
Windows 2000
Windows XP (2001)
Compiladores HTML ~ 2006
- página = programa
- Webexe
- html2exe
Nokia WRT (Web RunTime) ~ 2008
- código em HTML+CSS+JS
- ícone em formato PNG
- configurações em XML
- …
- ...
- num arqui...
PhoneGap (2008)
- criado pela empresa canadense Nitobi
- Em 2011, a empresa foi adquirida pela
Adobe e o código-fonte doad...
Apache Cordova
- Container de aplicações híbridas
- serve de base para o Phonegap, Visual
Studio e diversos SDK’s.
- ‘Cord...
Plataformas
Android
Bada
Blackberry
iOS
Symbian
Tizen
WebOS
Windows Phone
Windows 8
API´s Disponíveis
Acelerômetro
Câmera
Bússola
Contatos
Arquivos
Geolocalização
Mídia
Rede
Notificações
(alertas, sons,
vib...
Análise SWOT:
Strengths
Weaknessess
Oportunities
Threats
Forças
Fraquezas
Oportunidades
Ameaças
Forças (Strengths):
- B.O.D.A - Build Once Deploy All (construa
uma vez e distribua para todos);
- Baixo custo de desenvol...
Fraquezas (Weaknessess)
- Demora na implementação de novos
recursos (dependem da comunidade)
- limitado a webview (não ser...
Oportunidades (Oportunities)
- Compatibilidade com as mudanças do
mercado, independente do dispositivo.
- Programadores in...
Ameaças (Threats)
- Possível atraso na adaptação às mudanças
e atualizações dos Sistemas Operacionais
- experiência do usu...
Instalação e Preparação
Node.js
Cordova
Git, Plugman, etc
Compilador
Emulador
IDE
(dependem da
plataforma)
Criando um App:
cordova create pasta [id] [nome do app]
cria a pasta e os arquivos de base
cd pasta
entra na pasta do proj...
Qual(s) plataforma(s)?
cordova platform add PLATAFORMA
adiciona os arquivos específicos da plataforma
(browser, android, i...
Plugins?
cordova plugin add URL
baixa os arquivos do plugin e adiciona ao
projeto
Tá com pressa?
cordova run [plataforma]
verifica, compila e executa o app no emulador
ou no celular (ou browser)
Referências úteis
cordova.apache.org - Documentação principal e plugins
www.ngcordova.com - coleção de plugins otimizados ...
Próximos SlideShares
Carregando em…5
×

Hands-on Cordova / Phonegap - GDG JF

230 visualizações

Publicada em

Apresentação sobre a evolução de aplicações híbridas com HTML e desenvolvimento com Cordova (vulgo 'PhoneGap').

Versão para apresentação no Google Developers Group de Juiz de Fora (GDGJF), em 19/01/2016.

Publicada em: Software
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
230
No SlideShare
0
A partir de incorporações
0
Número de incorporações
4
Ações
Compartilhamentos
0
Downloads
12
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Hands-on Cordova / Phonegap - GDG JF

  1. 1. Hands-On Cordova / PhoneGap Giordano Bruno v0.3 - MMXVI
  2. 2. Café Digital www.cafedigitaljf.com.br Facebook & Instagram: CafeDigitalJF
  3. 3. Google Developers Group de Juiz de Fora www.emjuizdefora.com/gdgjf Facebook: GoogleDevelopersGroupJuizDeFora
  4. 4. Aplicações híbridas - base em linguagem nativa - Webview (navegador) - código padrão WEB (HTML + CSS + JavaScript)
  5. 5. Vision Mobile Junho / 2015 8.000 desenvolvedores 185.000 aplicativos da Google Play Store
  6. 6. Windows 98: Active Desktop
  7. 7. Windows 2000
  8. 8. Windows XP (2001)
  9. 9. Compiladores HTML ~ 2006 - página = programa - Webexe - html2exe
  10. 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. 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. 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. 13. Plataformas Android Bada Blackberry iOS Symbian Tizen WebOS Windows Phone Windows 8
  14. 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. 15. Análise SWOT: Strengths Weaknessess Oportunities Threats Forças Fraquezas Oportunidades Ameaças
  16. 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. 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. 18. Oportunidades (Oportunities) - Compatibilidade com as mudanças do mercado, independente do dispositivo. - Programadores iniciantes - Pequenas empresas - Startups - Prototipação
  19. 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. 20. Instalação e Preparação Node.js Cordova Git, Plugman, etc Compilador Emulador IDE (dependem da plataforma)
  21. 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. 22. Qual(s) plataforma(s)? cordova platform add PLATAFORMA adiciona os arquivos específicos da plataforma (browser, android, iso, etc)
  23. 23. Plugins? cordova plugin add URL baixa os arquivos do plugin e adiciona ao projeto
  24. 24. Tá com pressa? cordova run [plataforma] verifica, compila e executa o app no emulador ou no celular (ou browser)
  25. 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...

×