Jump Start Adobe Phonegap @ DevRioClaro

444 views
326 views

Published on

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
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
444
On SlideShare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
11
Comments
0
Likes
3
Embeds 0
No embeds

No notes for 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

×