Phonegap

2,513 views
2,515 views

Published on

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,513
On SlideShare
0
From Embeds
0
Number of Embeds
1,584
Actions
Shares
0
Downloads
61
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Phonegap

  1. 1. Phonegap
  2. 2. About me codebroken.wordpress.com github.com/lucasbrigida @lucas_brigida
  3. 3. User DevicesInterfaces para diferentes devices e OS
  4. 4. Mobile World Youll need a Ninja Power...or many programmers and money
  5. 5. Mobile UniverseOperating Systems Languages IOS Objective C Android Java ‘Harmony’ / C++ BlackBerry Java J2ME WebOS HTML, CSS and JS Windows Phone 7 .NET bs Bada C++
  6. 6. Smartphones (Brasil)Um dos mercados mais promissores em arrecadação monetária através de app móveis 2012 (expected) 2011 Vendas(smartphone) 2010 0 2 4 6 8 10 12 14 16 millionsVia IDC(http://www.idclatin.com/news.asp?ctr=bra&id_release=2213)
  7. 7. Mobilehttp://m.facebook.com Facebook (android) Browser (Web App) Native
  8. 8. Real World Native WebCross-platform X ✔Linkable X ✔Discoverable ✔ XDevice APIs ✔ X
  9. 9. Real World Native Web HybridCross-platform X ✔ ✔Linkable X ✔ ✔Discoverable ✔ X ✔Device APIs ✔ X ✔
  10. 10. Who use? Alcatel-Lucent Zynga Microsoft Travelocity Vodafone Wikipedia Salesforce.com
  11. 11. What isPhonegap?
  12. 12. Paradise Bridge
  13. 13. Paradise Bridge
  14. 14. Work with PhonegapPhonegap App Build The Write Less, Do More
  15. 15. HTML5 localStorageWeb SQL Sockets <audio> Cache Manifest <canvas> <video>
  16. 16. DOM LibrariesJQueryZepto Dojo XUI
  17. 17. Style Libraries JoSencha ery Jqu e bil LungoJS Mo JQtouch
  18. 18. 5
  19. 19. Game Libraries CraftyJSEaselJS GameJS LimeJS LimeJS
  20. 20. Test LibrariesQUnit DominatorJS thumbsJs Jasmine
  21. 21. Javascript→ Javascript vai muito além do que você imagina.→ Javascript é orientado a eventos. ¹→ Noção de callbacks.→ Noção de closure.→ Javascript é assíncrono.→ Operações lógicas são absurdas as vezes. (0.1+0.2 != 0.3) HTML5 + JAVASCRIPT+CSS3+CANVAS === STATE OF THE ART WEB¹ Exemplo do garçom.
  22. 22. rd 3 APIs→ Integração do (produto, serviço) com plataformas de terceiros. Ex: Facebook, Twitter.→ Consumo de serviço de terceiros para o seu produto. Ex: Processamento de Imagens (Detectação de rostos) - “face.com”→ Noção de OAuth.
  23. 23. Demo – Twitter Search API$.getJSON("http://search.twitter.com/search.json?callback=?&q=wewebconf", function (data) { $(".tweet").remove(); $(".alert").hide(); for(i in data.results){ var tweet = data.results[i]; console.log(tweet); var img = tweet.profile_image_url; var text = tweet.text; var user = tweet.from_user; var model=<li class="tweet"><a href="#tweet-dialog" data-rel="dialog" data-transition="none"onclick="setTweetDialog(this);"><img src=+img+ height="79"/><h3>+user+</h3><p>+text+</p></a></li>; $("#trends-list").append(model); } $("#trends-list").listview(refresh); $("#trends-list li").css(visibility,visible);}); * Using Jquery and Jquery Mobile
  24. 24. Make your APIInterface SO Javascript Server-SideV8 Engine ECMA 5 NodeJS
  25. 25. NodeJSApache vs. Nginx (Request)
  26. 26. NodeJSApache vs. Nginx (Memory)
  27. 27. NodeJS“Aplicações com grandes acessos, chegam a receber mais de 30 mil requisições por segundo.”“No Apache para cada requisição é criada uma thread (Alocado 1MB na RAM).” Quantos megabytes necessito para atender meus usuários?
  28. 28. NodeJS30 Gigabytes de RAM
  29. 29. NodeJSArquitetura Horizontal Sentido da Escalabilidade Server A Server B Server C Server D Alta Complexidade Alto Custo (Ociosidade) Alto grau de dificuldade de manutenção
  30. 30. NodeJSArquitetura Vertical – On Demand Storage Memory Server A Baixa Complexidade Baixo Custo (Ociosidade) Baixo grau de dificuldade de manutenção
  31. 31. NodeJS
  32. 32. NodeJSRun command in Shell: curl http://npmjs.org/install.sh | sh
  33. 33. NodeJSRun command in Shell: npm install express
  34. 34. Making...Blog: www.codebroken.wordpress.com Twitter: @lucas_brigida Mail: lucasbrigida@gmail.com
  35. 35. Thank You!Blog: www.codebroken.wordpress.com Twitter: @lucas_brigida Mail: lucasbrigida@gmail.com

×