Introdução ao
desenvolvimento de apps
mobile com phonegap
Diogo Machado
• 4 anos na São Camilo como
desenvolvedor web;
• Formado pelo IFES;
• Já participei de mais de 20
projetos d...
– phonegap.com
“PhoneGap is a free and open source framework
that allows you to create mobile apps using
standardized web ...
Criou Phonegap iOS Camp - São Francisco
Compra a Nitobi, e junto vem o Phonegap
Adobe doa o código fonte para a fundação
Q...
• Apache foundation
• Comunidade
• Código fonte
• Plugins
• APIs
• Ponte p/ nativo
• Adobe
• Phonegap dev app
• Phonegap b...
O phonegap ajuda na construção de
aplicativos híbridos...
O que é um
app híbrido?
Linguagens nativas
• Swift
• Java for Android
• C#
Curva de aprendizado
grande
• Curva de aprendizagem alta
• Dificuldade de encontrar
especialistas
• Particularidades de cada SO
• Curva de aprendizage...
Os três pilares do desenvolvimento híbrido
Instalação
Instalação
sudo npm install -g phonegap
http://phonegap.com/install/
A Adobe está trabalhando em
um projeto chamado PhoneG...
Hello World
phonegap create helloWorld
Mais informações do comando: phonegap create help
Pluginspadrões
O site http://plugins.cordova.io/#/ tem 1057 plugins registrados que
podem ser usados livremente.
Permissões
O que você precisa saber
Adicionar um plugin
cordova plugin add org.apache.cordova.device
Lista: http://plugins.cordova.io/
Arquivo config.xml
<gap:plugin name="org.apache.cordova.dialogs" />
Cada plugin que você adiciona você deve adicionar
sua ...
Exemplos
Acelerômetro
Um acelerômetro nada mais é que um
instrumento capaz de medir a aceleração
sobre objetos.
Network
Captura informações da rede do aparelho,
sendo capaz de definir se o usuário está
online, qual tipo de rede, etc.
...
Notifications
São os recursos de notificação nativos do
aparelho, como vibração, alertas sonoros e
janelas modal.
Interface
Como projetar apps com "cara" de nativo?
Alternativas
• Frameworks
• Ionic.js
• Jquery Mobile
• Steroids.js
• "Na unha"
• CSS3
• HTML5 (SVG, Canvas)
Ambientes possíveis
• Eclipse com SDK + Emulação na sua máquina
• Xcode + Emulação na sua máquina
• XDK da Intel
• Editor ...
Fique atento
webview
Quanto mais atualizado o
SO, melhor a webview.
Quanto menos atualizado o
SO, menos recursos na
webvie...
Quanto custa publicar?
• Apple Store
• $99 por ano
• Google Play
• $25 registro único
• Windows phone store
• $19 registro...
Mercado
30
Tipos de projetos
• Não indicados
• Jogos em 3D (evoluindo...)
• Aplicativos em background
• Widgets (ainda não é possível...
Registro de ponto
https://goo.gl/C1UFiF
Corticóide Conversor
https://goo.gl/yEOgg2
Podemos ir além...
Arduino App Phonegap Web app
Para saber mais
• https://www.treinaweb.com.br/
• http://www.phonegaptutorial.com/
• https://www.youtube.com/channel/UCqQn...
Obrigado :)
www.diogomachado.com
Introdução ao desenvolvimento de apps com Phonegap
Introdução ao desenvolvimento de apps com Phonegap
Introdução ao desenvolvimento de apps com Phonegap
Próximos SlideShares
Carregando em…5
×

Introdução ao desenvolvimento de apps com Phonegap

383 visualizações

Publicada em

Introdução ao desenvolvimento de apps com Phonegap.

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
383
No SlideShare
0
A partir de incorporações
0
Número de incorporações
74
Ações
Compartilhamentos
0
Downloads
12
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Introdução ao desenvolvimento de apps com Phonegap

  1. 1. Introdução ao desenvolvimento de apps mobile com phonegap
  2. 2. Diogo Machado • 4 anos na São Camilo como desenvolvedor web; • Formado pelo IFES; • Já participei de mais de 20 projetos de software; • Destaque na revista Galileu em 2011 pelo projeto Educação na nuvem; • Empreendedor;
  3. 3. – phonegap.com “PhoneGap is a free and open source framework that allows you to create mobile apps using standardized web APIs for the platforms you care about.”
  4. 4. Criou Phonegap iOS Camp - São Francisco Compra a Nitobi, e junto vem o Phonegap Adobe doa o código fonte para a fundação Quando a nitobi registrou o Phonegap, registraram o nome como sendo da nitobi, por isso não doaram o nome Phonegap, e por tanto a fundação passa a chamar de Cordova. *
  5. 5. • Apache foundation • Comunidade • Código fonte • Plugins • APIs • Ponte p/ nativo • Adobe • Phonegap dev app • Phonegap build • Phonegap Enterprise Phonegap e Cordova são a mesma coisa, com algumas diferenças:
  6. 6. O phonegap ajuda na construção de aplicativos híbridos...
  7. 7. O que é um app híbrido?
  8. 8. Linguagens nativas • Swift • Java for Android • C# Curva de aprendizado grande
  9. 9. • Curva de aprendizagem alta • Dificuldade de encontrar especialistas • Particularidades de cada SO • Curva de aprendizagem melhor que nativo • Lançamento multiplataforma • Facilidade de montar uma equipe Nativo vs híbrido
  10. 10. Os três pilares do desenvolvimento híbrido
  11. 11. Instalação
  12. 12. Instalação sudo npm install -g phonegap http://phonegap.com/install/ A Adobe está trabalhando em um projeto chamado PhoneGap Desktop App no qual será possível usar uma interface para criar seus projetos.
  13. 13. Hello World phonegap create helloWorld Mais informações do comando: phonegap create help
  14. 14. Pluginspadrões O site http://plugins.cordova.io/#/ tem 1057 plugins registrados que podem ser usados livremente.
  15. 15. Permissões O que você precisa saber
  16. 16. Adicionar um plugin cordova plugin add org.apache.cordova.device Lista: http://plugins.cordova.io/
  17. 17. Arquivo config.xml <gap:plugin name="org.apache.cordova.dialogs" /> Cada plugin que você adiciona você deve adicionar sua linha de permissão no arquivo config.xml, esse arquivo também é responsável pela configuração de icones e preferencias do sistema operacional.*
  18. 18. Exemplos
  19. 19. Acelerômetro Um acelerômetro nada mais é que um instrumento capaz de medir a aceleração sobre objetos.
  20. 20. Network Captura informações da rede do aparelho, sendo capaz de definir se o usuário está online, qual tipo de rede, etc. https://goo.gl/rdOjzz
  21. 21. Notifications São os recursos de notificação nativos do aparelho, como vibração, alertas sonoros e janelas modal.
  22. 22. Interface Como projetar apps com "cara" de nativo?
  23. 23. Alternativas • Frameworks • Ionic.js • Jquery Mobile • Steroids.js • "Na unha" • CSS3 • HTML5 (SVG, Canvas)
  24. 24. Ambientes possíveis • Eclipse com SDK + Emulação na sua máquina • Xcode + Emulação na sua máquina • XDK da Intel • Editor de texto + Phonegap App • Editor de texto + Phonegap Build • Editor de texto + Ripple
  25. 25. Fique atento webview Quanto mais atualizado o SO, melhor a webview. Quanto menos atualizado o SO, menos recursos na webview.
  26. 26. Quanto custa publicar? • Apple Store • $99 por ano • Google Play • $25 registro único • Windows phone store • $19 registro único
  27. 27. Mercado
  28. 28. 30
  29. 29. Tipos de projetos • Não indicados • Jogos em 3D (evoluindo...) • Aplicativos em background • Widgets (ainda não é possível) • Indicados • Apps administrativos • Apps para se comunicar com APIs • Redes sociais
  30. 30. Registro de ponto https://goo.gl/C1UFiF
  31. 31. Corticóide Conversor https://goo.gl/yEOgg2
  32. 32. Podemos ir além... Arduino App Phonegap Web app
  33. 33. Para saber mais • https://www.treinaweb.com.br/ • http://www.phonegaptutorial.com/ • https://www.youtube.com/channel/UCqQn92noBhY9 VKQy4xCHPsg
  34. 34. Obrigado :) www.diogomachado.com

×