Adobe Phonegap
Jump Start
Seja bem vindo(a)!
Somos um grupo voluntário e independente de
desenvolvedores de software, com o intuito de
disseminar co...
www.mappase.com.br
www.novatec.com.br
• Livro para sorteio no dia do evento!
• 25% de desconto - “DevRioClaro25” (válido até 10/06/2014)
www.altabooks.com.br
• Livro para sorteio no dia do evento!
www.casadocodigo.com.br
• 2 e-Books para sorteio no dia do evento!
• 15% desconto - “DevRioClaro” (valido até 31/05/2014)
www.lcm.com.br
• 2 e-Books para sorteio no dia do evento!
• Desconto de 40% livro impresso e 10% eBook - “V00031” (válido ...
Murilo Beltrame
• Marketing - FACINTER
• Especialista Microsoft (MCTSWeb Development/Data Access)
• Entusiasta JavaScript
...
Agenda
• Mobile development
• Phonegap
• Environment
• Workflow
• Demos
MobileDevelopment = []
MobileDevelopment[Panorama]
0
500000
1000000
1500000
2000000
2500000
2012 2013 2014
Vendas globais (em milhares)
PC Ultram...
MobileDevelopment[Panorama]
Vendas 2º Sem. 2013 Participação de Mercado 2º Sem. 2013
Android 187.4 mi 79.3%
iOS 31.2 mi 13...
MobileDevelopment[Ambiente]
Android
(JAVA)
• Eclipse
• Android SDK
• Java SDK
WP (C#)
• Windows 8
Pro
• WP SDK
• Visual St...
MobileDevelopment[Desenvolvedor]
C#
Objective C
Java
MobileDevelopment[Desenvolvedor(es)]
C# ObjectiveC Java
MobileDevelopment[Desenvolvedor]
+ =$$$
MobileDevelopment[Desenvolvedor]
+ =$$$
Phonegap = []
Phonegap[Eles_dizem]
PhoneGap é um framework gratuito e de código aberto que lhe permite a
criação de aplicativos móveis u...
Phonegap[O_Murilo_diz]
Um jeito de criar um único código HTML, CSS and JS e entregar para múltiplas
plataformas
Magic?
Phonegap[Por_dentro]
• Plugins!
• Plugins são um monte de código especializado para cada plataforma com interface
para o J...
Phonegap[Nada _muito_mágico]
Sua aplicação web é embutida em projetos de código especializado por
plataforma. Desse modo, ...
MobileDevelopment[Idéia]
Web
Phonegap[Dor_de_cabeça]
Phonegap[Sem_dor_de_cabeça]
Adobe Phonegap Build – é um serviço que compila seu código na núvem da Adobe
http://build.phon...
“
”
Phonegap Build significa: não é necessário manter
ambiente para cada plataforma.
Amazed Padawan
Environment = []
Environment[Início]
http://nodejs.org/download/
Environment[Você_vai_querer_usar]
http://git-scm.com/downloads
Environment[CLI]
npm install –g cordova
Workflow = []
Workflow[Inicio]
cordova create [nome_do_diretorio] [id_unico_do_app] [nome_do_app]
cordova create hello br.com.murilobelt...
“
”
Tenha certeza que seu config.xml está dentro da
pasta www
Experienced Padawan
Workflow[Git]
Vá para a pasta do aplicativo:
git init
git add .
git commit –am “adding to source control”
git remote add o...
Workflow[Plugins]
No config.xml
xmlns:gap=http://phonegap.com/ns/1.0
<gap:plugin name=“” version=“” />
Temos documentação!...
“
”
Use o DTD fornecido pelo Phonegap ao invés de o
fornecido pelaApache.Você será mais feliz com ele.
Experienced Padawan
Workflow[Manutenção]
git commit –am “descrição da mudança feita”
git push
Demo
My first app
Demo
CordovaPlayground
Fork me on github : http://goo.gl/CJvw4f
Thanks
murilobeltrame.com.br
@murilobeltrame
fb.com/murilobeltrame
br.linkedin.com/in/murilobeltrame
Próximos SlideShares
Carregando em…5
×

Jump Start Adobe Phonegap @ DevRioClaro

520 visualizações

Publicada em

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

Publicada em: Tecnologia
0 comentários
3 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
520
No SlideShare
0
A partir de incorporações
0
Número de incorporações
9
Ações
Compartilhamentos
0
Downloads
11
Comentários
0
Gostaram
3
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Jump Start Adobe Phonegap @ DevRioClaro

  1. 1. Adobe Phonegap Jump Start
  2. 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. 3. www.mappase.com.br
  4. 4. www.novatec.com.br • Livro para sorteio no dia do evento! • 25% de desconto - “DevRioClaro25” (válido até 10/06/2014)
  5. 5. www.altabooks.com.br • Livro para sorteio no dia do evento!
  6. 6. www.casadocodigo.com.br • 2 e-Books para sorteio no dia do evento! • 15% desconto - “DevRioClaro” (valido até 31/05/2014)
  7. 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. 8. Murilo Beltrame • Marketing - FACINTER • Especialista Microsoft (MCTSWeb Development/Data Access) • Entusiasta JavaScript • Motociclista • Futuro marido
  9. 9. Agenda • Mobile development • Phonegap • Environment • Workflow • Demos
  10. 10. MobileDevelopment = []
  11. 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. 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. 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. 14. MobileDevelopment[Desenvolvedor] C# Objective C Java
  15. 15. MobileDevelopment[Desenvolvedor(es)] C# ObjectiveC Java
  16. 16. MobileDevelopment[Desenvolvedor] + =$$$
  17. 17. MobileDevelopment[Desenvolvedor] + =$$$
  18. 18. Phonegap = []
  19. 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. 20. Phonegap[O_Murilo_diz] Um jeito de criar um único código HTML, CSS and JS e entregar para múltiplas plataformas
  21. 21. Magic?
  22. 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. 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. 24. MobileDevelopment[Idéia] Web
  25. 25. Phonegap[Dor_de_cabeça]
  26. 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. 27. “ ” Phonegap Build significa: não é necessário manter ambiente para cada plataforma. Amazed Padawan
  28. 28. Environment = []
  29. 29. Environment[Início] http://nodejs.org/download/
  30. 30. Environment[Você_vai_querer_usar] http://git-scm.com/downloads
  31. 31. Environment[CLI] npm install –g cordova
  32. 32. Workflow = []
  33. 33. Workflow[Inicio] cordova create [nome_do_diretorio] [id_unico_do_app] [nome_do_app] cordova create hello br.com.murilobeltrame.hellocordova HelloCordova
  34. 34. “ ” Tenha certeza que seu config.xml está dentro da pasta www Experienced Padawan
  35. 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. 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. 37. “ ” Use o DTD fornecido pelo Phonegap ao invés de o fornecido pelaApache.Você será mais feliz com ele. Experienced Padawan
  38. 38. Workflow[Manutenção] git commit –am “descrição da mudança feita” git push
  39. 39. Demo My first app
  40. 40. Demo CordovaPlayground Fork me on github : http://goo.gl/CJvw4f
  41. 41. Thanks murilobeltrame.com.br @murilobeltrame fb.com/murilobeltrame br.linkedin.com/in/murilobeltrame

×