Your SlideShare is downloading. ×
Jump Start Adobe Phonegap @ DevRioClaro
Jump Start Adobe Phonegap @ DevRioClaro
Jump Start Adobe Phonegap @ DevRioClaro
Jump Start Adobe Phonegap @ DevRioClaro
Jump Start Adobe Phonegap @ DevRioClaro
Jump Start Adobe Phonegap @ DevRioClaro
Jump Start Adobe Phonegap @ DevRioClaro
Jump Start Adobe Phonegap @ DevRioClaro
Jump Start Adobe Phonegap @ DevRioClaro
Jump Start Adobe Phonegap @ DevRioClaro
Jump Start Adobe Phonegap @ DevRioClaro
Jump Start Adobe Phonegap @ DevRioClaro
Jump Start Adobe Phonegap @ DevRioClaro
Jump Start Adobe Phonegap @ DevRioClaro
Jump Start Adobe Phonegap @ DevRioClaro
Jump Start Adobe Phonegap @ DevRioClaro
Jump Start Adobe Phonegap @ DevRioClaro
Jump Start Adobe Phonegap @ DevRioClaro
Jump Start Adobe Phonegap @ DevRioClaro
Jump Start Adobe Phonegap @ DevRioClaro
Jump Start Adobe Phonegap @ DevRioClaro
Jump Start Adobe Phonegap @ DevRioClaro
Jump Start Adobe Phonegap @ DevRioClaro
Jump Start Adobe Phonegap @ DevRioClaro
Jump Start Adobe Phonegap @ DevRioClaro
Jump Start Adobe Phonegap @ DevRioClaro
Jump Start Adobe Phonegap @ DevRioClaro
Jump Start Adobe Phonegap @ DevRioClaro
Jump Start Adobe Phonegap @ DevRioClaro
Jump Start Adobe Phonegap @ DevRioClaro
Jump Start Adobe Phonegap @ DevRioClaro
Jump Start Adobe Phonegap @ DevRioClaro
Jump Start Adobe Phonegap @ DevRioClaro
Jump Start Adobe Phonegap @ DevRioClaro
Jump Start Adobe Phonegap @ DevRioClaro
Jump Start Adobe Phonegap @ DevRioClaro
Jump Start Adobe Phonegap @ DevRioClaro
Jump Start Adobe Phonegap @ DevRioClaro
Jump Start Adobe Phonegap @ DevRioClaro
Jump Start Adobe Phonegap @ DevRioClaro
Jump Start Adobe Phonegap @ DevRioClaro
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Jump Start Adobe Phonegap @ DevRioClaro

201

Published on

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

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

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
201
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
9
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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

×