Introdução ao desenvolvimento de apps com Phonegap
Transferir como PPTX, PDF0 gostou535 visualizações
O documento introduz o framework Phonegap para desenvolvimento de aplicativos híbridos, descrevendo o que é Phonegap, como instalá-lo, criar um projeto "Hello World", usar plugins e publicar aplicativos. É destacado que Phonegap permite construir apps multiplataforma usando HTML, CSS e JavaScript.
Introdução ao desenvolvimento de apps com Phonegap
- 1. Introdução ao desenvolvimento de apps mobile com phonegap
- 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. – 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. 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. • 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. O phonegap ajuda na construção de aplicativos híbridos...
- 7. O que é um app híbrido?
- 8. Linguagens nativas • Swift • Java for Android • C# Curva de aprendizado grande
- 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. Os três pilares do desenvolvimento híbrido
- 11. Instalação
- 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. Hello World phonegap create helloWorld Mais informações do comando: phonegap create help
- 14. Pluginspadrões O site http://plugins.cordova.io/#/ tem 1057 plugins registrados que podem ser usados livremente.
- 15. Permissões O que você precisa saber
- 16. Adicionar um plugin cordova plugin add org.apache.cordova.device Lista: http://plugins.cordova.io/
- 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. Exemplos
- 19. Acelerômetro Um acelerômetro nada mais é que um instrumento capaz de medir a aceleração sobre objetos.
- 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. Notifications São os recursos de notificação nativos do aparelho, como vibração, alertas sonoros e janelas modal.
- 22. Interface Como projetar apps com "cara" de nativo?
- 23. Alternativas • Frameworks • Ionic.js • Jquery Mobile • Steroids.js • "Na unha" • CSS3 • HTML5 (SVG, Canvas)
- 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. Fique atento webview Quanto mais atualizado o SO, melhor a webview. Quanto menos atualizado o SO, menos recursos na webview.
- 26. Quanto custa publicar? • Apple Store • $99 por ano • Google Play • $25 registro único • Windows phone store • $19 registro único
- 27. Mercado
- 30. 30
- 31. 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
- 35. Podemos ir além... Arduino App Phonegap Web app
- 36. Para saber mais • https://www.treinaweb.com.br/ • http://www.phonegaptutorial.com/ • https://www.youtube.com/channel/UCqQn92noBhY9 VKQy4xCHPsg