Introdução ao desenvolvimento de apps com Phonegap

404 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
404
No SlideShare
0
A partir de incorporações
0
Número de incorporações
85
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

×