New trends of web technology on mobile: HTML5, PhoneGap & NaCl - Barcamp Saigon July 2011
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
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
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
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