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 Mobile
www.bkitclub.net/barcamp 1

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. 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 supports
www.bkitclub.net/barcamp 3

4. HTML5 PhoneGap NaCl
HTML 5
ON MOBILE
www.bkitclub.net/barcamp 4

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 SLOW
www.bkitclub.net/barcamp 5

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 Orientation
www.bkitclub.net/barcamp 6

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 WAIT
www.bkitclub.net/barcamp 7

8. HTML5 PhoneGap NaCl
PhoneGap FRAMEWORK
www.bkitclub.net/barcamp 8

9. HTML5 PhoneGap NaCl
HOW PHONEGAP WORK ? July 24th, 2011
`
www.bkitclub.net/barcamp
www.bkitclub.net/barcamp 9

10. HTML5 PhoneGap NaCl
PHONEGAP CAN July 24th, 2011
`
www.bkitclub.net/barcamp
www.bkitclub.net/barcamp 10

11. HTML5 PhoneGap NaCl
www.bkitclub.net/barcamp

12. HTML5 PhoneGap NaCl
DEMO July 24th, 2011
`
www.bkitclub.net/barcamp/2011/web-trends
www.bkitclub.net/barcamp
www.bkitclub.net/barcamp 12

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 ANYWHERE
www.bkitclub.net/barcamp 13

14. HTML5 PhoneGap NaCl
NATIVE CLIENT
www.bkitclub.net/barcamp 14

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.4
www.bkitclub.net/barcamp 15

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 codec
www.bkitclub.net/barcamp 16

17. HTML5 PhoneGap NaCl
IMPLEMENTATION July 24th, 2011
`
www.bkitclub.net/barcamp 17

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. HTML5 PhoneGap NaCl
DEMO July 24th, 2011
`
www.bkitclub.net/barcamp/2011/web-trends
www.bkitclub.net/barcamp 19

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 WAIT
www.bkitclub.net/barcamp 20

21. HTML5 PhoneGap NaCl
NEW TRENDS of
WEB TECHNOLOGY ON MOBILE
www.bkitclub.net/barcamp 21

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 supports
www.bkitclub.net/barcamp 22

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 FACEBOOK
www.bkitclub.net/barcamp 23