• Like
Phonegap
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

Phonegap

  • 2,100 views
Published

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
2,100
On SlideShare
0
From Embeds
0
Number of Embeds
5

Actions

Shares
Downloads
56
Comments
0
Likes
2

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. Phonegap
  • 2. About me codebroken.wordpress.com github.com/lucasbrigida @lucas_brigida
  • 3. User DevicesInterfaces para diferentes devices e OS
  • 4. Mobile World Youll need a Ninja Power...or many programmers and money
  • 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. 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. Mobilehttp://m.facebook.com Facebook (android) Browser (Web App) Native
  • 8. Real World Native WebCross-platform X ✔Linkable X ✔Discoverable ✔ XDevice APIs ✔ X
  • 9. Real World Native Web HybridCross-platform X ✔ ✔Linkable X ✔ ✔Discoverable ✔ X ✔Device APIs ✔ X ✔
  • 10. Who use? Alcatel-Lucent Zynga Microsoft Travelocity Vodafone Wikipedia Salesforce.com
  • 11. What isPhonegap?
  • 12. Paradise Bridge
  • 13. Paradise Bridge
  • 14. Work with PhonegapPhonegap App Build The Write Less, Do More
  • 15. HTML5 localStorageWeb SQL Sockets <audio> Cache Manifest <canvas> <video>
  • 16. DOM LibrariesJQueryZepto Dojo XUI
  • 17. Style Libraries JoSencha ery Jqu e bil LungoJS Mo JQtouch
  • 18. 5
  • 19. Game Libraries CraftyJSEaselJS GameJS LimeJS LimeJS
  • 20. Test LibrariesQUnit DominatorJS thumbsJs Jasmine
  • 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. 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. 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. Make your APIInterface SO Javascript Server-SideV8 Engine ECMA 5 NodeJS
  • 25. NodeJSApache vs. Nginx (Request)
  • 26. NodeJSApache vs. Nginx (Memory)
  • 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. NodeJS30 Gigabytes de RAM
  • 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. NodeJSArquitetura Vertical – On Demand Storage Memory Server A Baixa Complexidade Baixo Custo (Ociosidade) Baixo grau de dificuldade de manutenção
  • 31. NodeJS
  • 32. NodeJSRun command in Shell: curl http://npmjs.org/install.sh | sh
  • 33. NodeJSRun command in Shell: npm install express
  • 34. Making...Blog: www.codebroken.wordpress.com Twitter: @lucas_brigida Mail: lucasbrigida@gmail.com
  • 35. Thank You!Blog: www.codebroken.wordpress.com Twitter: @lucas_brigida Mail: lucasbrigida@gmail.com