• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
New trends of web technology on mobile: HTML5, PhoneGap & NaCl - Barcamp Saigon July 2011
 

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

on

  • 3,625 views

 

Statistics

Views

Total Views
3,625
Views on SlideShare
3,570
Embed Views
55

Actions

Likes
0
Downloads
68
Comments
0

3 Embeds 55

http://www.bkitclub.net 35
http://bkitclub.net 16
http://localhost 4

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

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

    • 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
    • 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
    • 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
    • HTML5 PhoneGap NaCl HTML 5 ON MOBILEwww.bkitclub.net/barcamp 4
    • 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
    • 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
    • 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
    • HTML5 PhoneGap NaCl PhoneGap FRAMEWORKwww.bkitclub.net/barcamp 8
    • HTML5 PhoneGap NaCl HOW PHONEGAP WORK ? July 24th, 2011 `www.bkitclub.net/barcamp www.bkitclub.net/barcamp 9
    • HTML5 PhoneGap NaCl PHONEGAP CAN July 24th, 2011 `www.bkitclub.net/barcamp www.bkitclub.net/barcamp 10
    • HTML5 PhoneGap NaClwww.bkitclub.net/barcamp
    • HTML5 PhoneGap NaCl DEMO July 24th, 2011 ` www.bkitclub.net/barcamp/2011/web-trendswww.bkitclub.net/barcamp www.bkitclub.net/barcamp 12
    • 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
    • HTML5 PhoneGap NaCl NATIVE CLIENTwww.bkitclub.net/barcamp 14
    • 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
    • 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
    • HTML5 PhoneGap NaCl IMPLEMENTATION July 24th, 2011 `www.bkitclub.net/barcamp 17
    • 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
    • HTML5 PhoneGap NaCl DEMO July 24th, 2011 ` www.bkitclub.net/barcamp/2011/web-trendswww.bkitclub.net/barcamp 19
    • 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
    • HTML5 PhoneGap NaCl NEW TRENDS of WEB TECHNOLOGY ON MOBILEwww.bkitclub.net/barcamp 21
    • 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
    • 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