New trends of web technology on mobile: HTML5, PhoneGap & NaCl - Barcamp Saigon July 2011

3,880 views

Published on

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

  • Be the first to like this

No Downloads
Views
Total views
3,880
On SlideShare
0
From Embeds
0
Number of Embeds
59
Actions
Shares
0
Downloads
75
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

New trends of web technology on mobile: HTML5, PhoneGap & NaCl - Barcamp Saigon July 2011

  1. 1. HCMC. University of Technology NEW TRENDS of July 24th, 2011 WEB TECHNOLOGY ON MOBILE Nguyễn Mậu Quang Vũ Nguyễn Văn Lợi BKIT Web BKIT Mobilewww.bkitclub.net/barcamp 1
  2. 2. HTML5 PhoneGap NaCl PROBLEMS July 24th, 2011 `  HTML5 & JavaScript become new trends of web application  JavaScript: 5th popular language (langpop.com)  Fragmentation in Mobile Platforms  Can code once, run anywhere ?  JavaScript’s performance is very slow  Can play BIG game on web browser ?  Combine SAFE & PORTABLE of Web with FAST of C ?www.bkitclub.net/barcamp 2
  3. 3. HTML5 PhoneGap NaCl NEW TRENDS July 24th, 2011 ` Trends Main idea Characteristics State Portable HTML run in Working HTML5 Slow Mobile Browser Not fully supported Access device Local PhoneGap HTML embedded in Slow Close Beta framework Native App Access device Portable First: Feb 2011, beta Native Native Code FAST as C Only Google Chrome Client embedded in HTML Lack features supportswww.bkitclub.net/barcamp 3
  4. 4. HTML5 PhoneGap NaCl HTML 5 ON MOBILEwww.bkitclub.net/barcamp 4
  5. 5. HTML5 PhoneGap NaCl HTML5 – NEW WEB APP TREND July 24th, 2011 `  More and more developers use HTML5 & JavaScript  HTML5 with new strong features  Can play real-time games, video, 3D and more.  Strong as desktop / native applications.  Access device features as native applications  … but not fully supported.  JavaScript  Script, dynamic, OOP, functional, garbage collection …  Tools from community  SAFE & PORTABLE  But SLOWwww.bkitclub.net/barcamp 5
  6. 6. HTML5 PhoneGap NaCl SUPPORTED FEATURES July 24th, 2011 ` Features IE 9 Chrome 12 FF 6 beta Android 2.2 iOS 5 History Canvas Video & Audio Web Worker LocalStorage Offline Geolocation Capture API Messaging API Device Orientationwww.bkitclub.net/barcamp 6
  7. 7. HTML5 PhoneGap NaCl CONCLUSION July 24th, 2011 `  Still in working  We have to wait in many years  Become new trends of web applications  Compared with native mobile applications ?  Visit: www.bkitclub.net/barcamp/2011/web-trends/test-features.html WE WAITwww.bkitclub.net/barcamp 7
  8. 8. HTML5 PhoneGap NaCl PhoneGap FRAMEWORKwww.bkitclub.net/barcamp 8
  9. 9. HTML5 PhoneGap NaCl HOW PHONEGAP WORK ? July 24th, 2011 `www.bkitclub.net/barcamp www.bkitclub.net/barcamp 9
  10. 10. HTML5 PhoneGap NaCl PHONEGAP CAN July 24th, 2011 `www.bkitclub.net/barcamp www.bkitclub.net/barcamp 10
  11. 11. HTML5 PhoneGap NaClwww.bkitclub.net/barcamp
  12. 12. HTML5 PhoneGap NaCl DEMO July 24th, 2011 ` www.bkitclub.net/barcamp/2011/web-trendswww.bkitclub.net/barcamp www.bkitclub.net/barcamp 12
  13. 13. HTML5 PhoneGap NaCl CONCLUSION July 24th, 2011 `  Creative  Still in beta test  Use web developer favorite languages: HTML & JavaScript  Build Service  Free & Open Source WRITE ONCE – RUN ANYWHEREwww.bkitclub.net/barcamp 13
  14. 14. HTML5 PhoneGap NaCl NATIVE CLIENTwww.bkitclub.net/barcamp 14
  15. 15. HTML5 PhoneGap NaCl INTRODUCE July 24th, 2011 `  JavaScript’s performance is very slow  Can play BIG game on web browser ?  Combine SAFE & PORTABLE of Web with FAST of C ?  Run Native code in Web Application  FAST as 95% Desktop app  5% for sandbox checking  State  2008: Research by Google  Feb 2011: First release  July 2011: Version 0.4www.bkitclub.net/barcamp 15
  16. 16. HTML5 PhoneGap NaCl WHY ? July 24th, 2011 `  Reuse code  Move Desktop app to Web App easily  FAST as 95% Desktop app  Write web app in many languages  C, C++, C#, Python …  SAFE and PORTABLE  Sandbox  Games & Multimedia  Decode media codecwww.bkitclub.net/barcamp 16
  17. 17. HTML5 PhoneGap NaCl IMPLEMENTATION July 24th, 2011 `www.bkitclub.net/barcamp 17
  18. 18. HTML5 PhoneGap NaCl CODE July 24th, 2011 `  Files  .nmf : Native Client Manifest  .nexe: Native Client Executable  .html, .js HTML Pepper API <embed src="foo.nmf" void HandleMessage type="application/x-nacl" /> (const pp::Var& var_message) { JavaScript PostMessage(var_reply); helloModule.postMessage }; (sample message);www.bkitclub.net/barcamp 18
  19. 19. HTML5 PhoneGap NaCl DEMO July 24th, 2011 ` www.bkitclub.net/barcamp/2011/web-trendswww.bkitclub.net/barcamp 19
  20. 20. HTML5 PhoneGap NaCl CONCLUSION July 24th, 2011 `  Creative & Fun  Combine SAFE & PORTABLE of Web App with FAST of C !  Lack Features  Still in development  But Microsoft, Mozilla, Opera do NOT like NaCl  Security ?  ChromeOS & Web Store ?  Or Android ? WE WAITwww.bkitclub.net/barcamp 20
  21. 21. HTML5 PhoneGap NaCl NEW TRENDS of WEB TECHNOLOGY ON MOBILEwww.bkitclub.net/barcamp 21
  22. 22. HTML5 PhoneGap NaCl NEW TRENDS July 24th, 2011 ` Trends Main idea Characteristics State Portable HTML run in Working HTML5 Slow Mobile Browser Not fully supported Access device Local PhoneGap HTML embedded in Slow Close Beta framework Native App Access device Portable First: Feb 2011, beta Native Native Code FAST as C Only Google Chrome Client embedded in HTML Lack features supportswww.bkitclub.net/barcamp 22
  23. 23. HCMC. University of Technology THANKS FOR YOUR ATTENTION Q&A Nguyễn Mậu Quang Vũ Nguyễn Văn Lợi BKIT Web BKIT Mobile nguyenmauquangvu@gmail.com vanloi999@gmail.com or connect me on FACEBOOKwww.bkitclub.net/barcamp 23

×