Aplikasi Rich Internet HTML5 & CSS3 Developer Mozilla (Kelompok 3)
Slides - HTML5 Developer Conference
Transcript of Slides - HTML5 Developer Conference
I’m sorry…but
HTML5 mobile
games DO work.
Ludei is pronounced Lou-day
Joe Monastiero
President, Ludei
Heard This Lately?
“HTML5 sucks for
mobile app and game
development.”
Here’s What He Said…
“HTML5 Will
Remain A No
Go.”
Michael Schade,
Fishlabs MD
September 2012
And What He Said…
“5 to 10 Years
Away”
Nicollo de Masi,
CEO Glu
June 2012
And What He Said…
“Here’s Our
Source Code –
We Give Up”
Philipp Moeser,
CTO Wooga
after posting the source for
Pocket Island
And What This Guy Said...
“The Worst
Mistake We’ve
Ever Made”
Mark Zuckenberg,
Facebook CEO
September, 2012
So What Are They Really Saying?
“Graphics
Performance Sucks”
So What Are They Really Saying?
“Native APIs are
Broken or Missing.”
Multichannel Audio, Camera Access,
Bluetooth, Vibration, Orientation,
Contacts
So What Are They Really Saying?
“No Services”
Payments, Analytics, Push
Notifications, Ad Networks,
Multiplayer
So What Are They Really Saying?
“No Distribution Outlet”
“No App Store”
“No Way to Make
Money”
So What Are They Really Saying?
“No 3D”
So What Are They Really Saying?
“It’s Hard to Find
JavaScript and
HTML5 Developers”
Here’s What This Guy Says…
“Bull Crap!”
Unidentified HTML5
Advocate and Rockstar
What They Would Have Found Out
If They Had Asked This Guy…
“Graphics
Performance Sucks”
√ Problem Solved –
Canvas command,
SVG, Box2D is now
HW Accelerated
Emberwind Running at 40 fps
on Android Devices
100+ MBs
complex, rich
animated desktop
HTML5 game
adapted to mobile
in about 5-10
hours
What They Would Have Found Out
If They Had Asked This Guy…
“Native APIs are
Broken or Missing.”
√ Problem Solved –
Missing or broken
Native APIs mapped
to JavaScript
What They Would Have Found Out
If They Had Asked This Guy…
“No Services” Payments, Push, Analytics,
Ad and Social Networks
√ Problem Solved –
Write-Once JS APIs
offered for Cross-
Platform Services
What They Would Have Found Out
If They Had Asked This Guy…
“No Distribution Outlet”
“No App Store”
“No Way to Make Money”
√ Problem Solved –
Automated Cloud
Compilers Wrap HTML5
Projects into Native Apps
What They Would Have Found Out
If They Had Asked This Guy…
“No 3D”
Unfortunately, this is
true. HW makers, you
need to ship WebGL! (Should Change in 2013)
What They Would Have Found Out
If They Had Asked This Guy…
“It’s Hard to Find
JavaScript and
HTML5 Developers”
Really?
Here’s the
true story…
The Real Story
Vendor Platform Developers
Native Developers vs.
HTML5/JavaScript Developers
The Real Story
Vendor Platform Developers
Apple iOS 248,000 Google Android 225,000
Native Developers vs.
HTML5/JavaScript Developers
The Real Story
Vendor Platform Developers
Apple iOS 248,000 Google Android 225,000
Adobe Flash 2,000,000 HTML5 JavaScript 3,000,000
Native Developers vs.
HTML5/JavaScript Developers
The Real Story
Vendor Platform Developers
Apple iOS 248,000 Google Android 225,000
Adobe Flash 2,000,000 HTML5 JavaScript 3,000,000
Native Developers vs.
HTML5/JavaScript Developers
2,000,000 Flash / ActionScript Developers Looking for a Home
Gartner estimates 5,000,000 JavaScript developers by 2013 EOY
The Right Way To Do It
Cloud Compiled Native Wrapper
Virtual Machine
JSCore V8 Spider
Monkey
Canvas Acceleration
OpenGL WebGL
Multi-Channel Audio
Web Sockets
Geolocation Vibration
Orientation Camera Webview
iOS Android Chrome Facebook Amazon W8/WP8 Tizen Mozilla
or or
In-App Payments
Service Extensions
Push Notifications
Analytics, Live Updates
Native Ad Networks
Social APIs
A Few Small Companies
Supporting HTML5
Final Tips and Tricks
• Use Canvas, not DIVs please!
– A independent VM that accelerates Canvas let’s you
use the Webview for less time-sensitive DOM content
• Use SVG whenever possible
• Be intelligent about memory loading
• Beware of ineffective garbage collection mgmt.
• Don’t Give Away Your Source Code!
My Info
• Joe Monastiero, President Ludei Inc.
• @LudeiJoe
• LinkedIn.com/JMonastiero
• Table outside, cool demos, come and chat us up.