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.

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

32. Registro de ponto
https://goo.gl/C1UFiF

33. Corticóide Conversor
https://goo.gl/yEOgg2

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

37. Obrigado :)
www.diogomachado.com