A short Jump Start to mobile development using Adobe Phonegap and Adobe Phonegap Build to ship apps for multiple platforms.

1. Adobe Phonegap
Jump Start

2. Seja bem vindo(a)!
Somos um grupo voluntário e independente de
desenvolvedores de software, com o intuito de
disseminar conhecimento e fortalecer a
comunidade local
fb.com/devrioclaro
devrioclaro@gmail.com

3. www.mappase.com.br

4. www.novatec.com.br
• Livro para sorteio no dia do evento!
• 25% de desconto - “DevRioClaro25” (válido até 10/06/2014)

5. www.altabooks.com.br
• Livro para sorteio no dia do evento!

6. www.casadocodigo.com.br
• 2 e-Books para sorteio no dia do evento!
• 15% desconto - “DevRioClaro” (valido até 31/05/2014)

7. www.lcm.com.br
• 2 e-Books para sorteio no dia do evento!
• Desconto de 40% livro impresso e 10% eBook - “V00031” (válido até ...)

8. Murilo Beltrame
• Marketing - FACINTER
• Especialista Microsoft (MCTSWeb Development/Data Access)
• Entusiasta JavaScript
• Motociclista
• Futuro marido

9. Agenda
• Mobile development
• Phonegap
• Environment
• Workflow
• Demos

10. MobileDevelopment = []

11. MobileDevelopment[Panorama]
0
500000
1000000
1500000
2000000
2500000
2012 2013 2014
Vendas globais (em milhares)
PC Ultramobile Tablet Smartphone
Gartner, Worldwide Device Shipments, October, 2013

12. MobileDevelopment[Panorama]
Vendas 2º Sem. 2013 Participação de Mercado 2º Sem. 2013
Android 187.4 mi 79.3%
iOS 31.2 mi 13.2%
Windows Phone 8.7 mi 3.7%
Outros (BB, Symbian, ... ) 3.8%
IDC,Worldwide Mobile PhoneTracker, August 7, 2013

13. MobileDevelopment[Ambiente]
Android
(JAVA)
• Eclipse
• Android SDK
• Java SDK
WP (C#)
• Windows 8
Pro
• WP SDK
• Visual Studio
2013
iOS
(Objective C)
• OS X
• XCode

14. MobileDevelopment[Desenvolvedor]
C#
Objective C
Java

15. MobileDevelopment[Desenvolvedor(es)]
C# ObjectiveC Java

16. MobileDevelopment[Desenvolvedor]
+ =$$$

17. MobileDevelopment[Desenvolvedor]
+ =$$$

18. Phonegap = []

19. Phonegap[Eles_dizem]
PhoneGap é um framework gratuito e de código aberto que lhe permite a
criação de aplicativos móveis utilizando APIsWeb padronizadas para múltiplas
plataformas.

20. Phonegap[O_Murilo_diz]
Um jeito de criar um único código HTML, CSS and JS e entregar para múltiplas
plataformas

21. Magic?

22. Phonegap[Por_dentro]
• Plugins!
• Plugins são um monte de código especializado para cada plataforma com interface
para o JavaScript
• As estruturas dos plugins são padronizadas
• Os códigos dos plugins são especializados por plataforma
• Um monte de plugins (https://build.phonegap.com/plugins)
• Você pode fazer o seu!

23. Phonegap[Nada _muito_mágico]
Sua aplicação web é embutida em projetos de código especializado por
plataforma. Desse modo, você precisa ter os ambientes de desenvolvimento
de cada plataforma para compilar seu código.

24. MobileDevelopment[Idéia]
Web

25. Phonegap[Dor_de_cabeça]

26. Phonegap[Sem_dor_de_cabeça]
Adobe Phonegap Build – é um serviço que compila seu código na núvem da Adobe
http://build.phonegap.com

27. “
”
Phonegap Build significa: não é necessário manter
ambiente para cada plataforma.
Amazed Padawan

28. Environment = []

29. Environment[Início]
http://nodejs.org/download/

30. Environment[Você_vai_querer_usar]
http://git-scm.com/downloads

31. Environment[CLI]
npm install –g cordova

32. Workflow = []

33. Workflow[Inicio]
cordova create [nome_do_diretorio] [id_unico_do_app] [nome_do_app]
cordova create hello br.com.murilobeltrame.hellocordova HelloCordova

34. “
”
Tenha certeza que seu config.xml está dentro da
pasta www
Experienced Padawan

35. Workflow[Git]
Vá para a pasta do aplicativo:
git init
git add .
git commit –am “adding to source control”
git remote add origin [repo_url]
git push –u origin master

36. Workflow[Plugins]
No config.xml
xmlns:gap=http://phonegap.com/ns/1.0
<gap:plugin name=“” version=“” />
Temos documentação!
https://build.phonegap.com/plugins

37. “
”
Use o DTD fornecido pelo Phonegap ao invés de o
fornecido pelaApache.Você será mais feliz com ele.
Experienced Padawan

38. Workflow[Manutenção]
git commit –am “descrição da mudança feita”
git push

39. Demo
My first app

40. Demo
CordovaPlayground
Fork me on github : http://goo.gl/CJvw4f

41. Thanks
murilobeltrame.com.br
@murilobeltrame
fb.com/murilobeltrame
br.linkedin.com/in/murilobeltrame