SLIDE 1
MOBILE HTML5
Max Firtman @firt mobile+web developer
Oct, 10th, 2011 Aarhus, Denmark
Wednesday, October 12, 11mobile+web developer mobilexweb.com blog @firt
MOBILE HTML5 Max Firtman @firt mobile+web developer Wednesday, - - PowerPoint PPT Presentation
MOBILE HTML5 Max Firtman @firt mobile+web developer Wednesday, - - PowerPoint PPT Presentation
Oct, 10th, 2011 Aarhus, Denmark MOBILE HTML5 Max Firtman @firt mobile+web developer Wednesday, October 12, 11 who am I? mobile + web developer mobile x web.com blog @firt Wednesday, October 12, 11 where? Wednesday, October 12, 11 where?
SLIDE 2
SLIDE 3
where?
Wednesday, October 12, 11 SLIDE 4
buenos aires ~ argentina
where?
Wednesday, October 12, 11 SLIDE 5
buenos aires ~ argentina
where?
patagonia football meat & wine tango
Wednesday, October 12, 11 SLIDE 6
Image from my house
books
Wednesday, October 12, 11 SLIDE 7 Wednesday, October 12, 11
SLIDE 8
Using the Latest Today
Estelle Weyl & Maximiliano Firtman
Mobile HTML5
coming soon... also by @estellevw
Wednesday, October 12, 11 SLIDE 9 Wednesday, October 12, 11
SLIDE 10
native vs web
Wednesday, October 12, 11 SLIDE 11
WAIT!
Wednesday, October 12, 11 SLIDE 12
Are you sure?
Wednesday, October 12, 11 SLIDE 13
native code vs javascript
Wednesday, October 12, 11 SLIDE 14
browser vs installed apps & stores
Wednesday, October 12, 11 SLIDE 15
what is native?
Wednesday, October 12, 11 SLIDE 16
what is a webapp?
Wednesday, October 12, 11 SLIDE 17 Wednesday, October 12, 11
SLIDE 18
Are you sure?
Photo by Ricky David (Flickr)
Wednesday, October 12, 11 SLIDE 19
What is ?
Wednesday, October 12, 11 SLIDE 20
html5
Wednesday, October 12, 11 SLIDE 21
html5
- w3c standards (all in draft)
SLIDE 22
html5
- w3c standards (all in draft)
- some are other w3c standards
SLIDE 23
html5
- w3c standards (all in draft)
- some are other w3c standards
- de-facto standards
SLIDE 24
html5
- w3c standards (all in draft)
- some are other w3c standards
- de-facto standards
- w3c ex-standards
SLIDE 25
html5
- w3c standards (all in draft)
- some are other w3c standards
- de-facto standards
- w3c ex-standards
- everything “new” on the web
SLIDE 26
html version 5?
Wednesday, October 12, 11 SLIDE 27
why mobile html5?
Wednesday, October 12, 11 SLIDE 28
typeof html5 != boolean
Wednesday, October 12, 11 SLIDE 29
some features safe
Wednesday, October 12, 11 SLIDE 30
some features only on few platforms
Wednesday, October 12, 11 SLIDE 31
some features experimental
Wednesday, October 12, 11 SLIDE 32 Wednesday, October 12, 11
SLIDE 33
and what about capabilities today?
Wednesday, October 12, 11 SLIDE 34 Wednesday, October 12, 11
SLIDE 35
warning....
Wednesday, October 12, 11 SLIDE 36
new doctype
Wednesday, October 12, 11 SLIDE 37
new doctype
- <!DOCTYPE html>
SLIDE 38
new doctype
- <!DOCTYPE html>
- works on every mobile browser
SLIDE 39
new semantic tags
Wednesday, October 12, 11 SLIDE 40
new semantic tags
- section, article, header, footer, nav
SLIDE 41
new semantic tags
- section, article, header, footer, nav
- time, mark, ...
SLIDE 42
new semantic tags
- section, article, header, footer, nav
- time, mark, ...
- works on every mobile browser
SLIDE 43
new form controls
HTML5 2.2+ (b) 6.0+ (med) 5.0+ (adv) 9.0 (basic) 10+ (med)
Wednesday, October 12, 11 SLIDE 44
new form controls
- variable support
HTML5 2.2+ (b) 6.0+ (med) 5.0+ (adv) 9.0 (basic) 10+ (med)
Wednesday, October 12, 11 SLIDE 45
new form controls
- variable support
- basic=different virtual keyboard
HTML5 2.2+ (b) 6.0+ (med) 5.0+ (adv) 9.0 (basic) 10+ (med)
Wednesday, October 12, 11 SLIDE 46
new form controls
- variable support
- basic=different virtual keyboard
- medium=new date, number, range
HTML5 2.2+ (b) 6.0+ (med) 5.0+ (adv) 9.0 (basic) 10+ (med)
Wednesday, October 12, 11 SLIDE 47
new form controls
- variable support
- basic=different virtual keyboard
- medium=new date, number, range
- advanced=datalist
HTML5 2.2+ (b) 6.0+ (med) 5.0+ (adv) 9.0 (basic) 10+ (med)
Wednesday, October 12, 11 SLIDE 48
new form controls
- variable support
- basic=different virtual keyboard
- medium=new date, number, range
- advanced=datalist
- (some) allows validation and css3 pseudo-
classes
HTML5 2.2+ (b) 6.0+ (med) 5.0+ (adv) 9.0 (basic) 10+ (med)
Wednesday, October 12, 11 SLIDE 49
new form controls
Wednesday, October 12, 11 SLIDE 50
new form controls
- <input type=”
SLIDE 51
new form controls
- <input type=”
- date
SLIDE 52
new form controls
- <input type=”
- date
- range
SLIDE 53
new form controls
- <input type=”
- date
- range
- datetime
SLIDE 54
new form controls
- <input type=”
- date
- range
- datetime
SLIDE 55
new form controls
- <input type=”
- date
- range
- datetime
- url
SLIDE 56
new form controls
- <input type=”
- date
- range
- datetime
- url
- tel
SLIDE 57
new form controls
- <input type=”
- date
- range
- datetime
- url
- tel
- number
SLIDE 58
new form validation
HTML5 4.0+ 6.0+ 5.0+ 9.0 (basic) 10+
Wednesday, October 12, 11 SLIDE 59
new form validation
- by type
HTML5 4.0+ 6.0+ 5.0+ 9.0 (basic) 10+
Wednesday, October 12, 11 SLIDE 60
new form validation
- by type
- <input required>
HTML5 4.0+ 6.0+ 5.0+ 9.0 (basic) 10+
Wednesday, October 12, 11 SLIDE 61
new form validation
- by type
- <input required>
- :valid, :invalid, :required pseudo-classes
HTML5 4.0+ 6.0+ 5.0+ 9.0 (basic) 10+
Wednesday, October 12, 11 SLIDE 62
- ffline installation
HTML5 3.0+ 2.1+ 6.0+ Mobile 11+ 5.0+
Wednesday, October 12, 11 SLIDE 63
- ffline installation
- Install a package on the device
HTML5 3.0+ 2.1+ 6.0+ Mobile 11+ 5.0+
Wednesday, October 12, 11 SLIDE 64
- ffline installation
- Install a package on the device
- Complex to debug / reload
HTML5 3.0+ 2.1+ 6.0+ Mobile 11+ 5.0+
Wednesday, October 12, 11 SLIDE 65
- ffline installation
- Install a package on the device
- Complex to debug / reload
- Buggy on some platforms
HTML5 3.0+ 2.1+ 6.0+ Mobile 11+ 5.0+
Wednesday, October 12, 11 SLIDE 66
- ffline installation
- Install a package on the device
- Complex to debug / reload
- Buggy on some platforms
- online / offline events
HTML5 3.0+ 2.1+ 6.0+ Mobile 11+ 5.0+
Wednesday, October 12, 11 SLIDE 67
- ffline installation
- Install a package on the device
- Complex to debug / reload
- Buggy on some platforms
- online / offline events
- on iOS can be mixed with icons and full-
screen webapp metatags
HTML5 3.0+ 2.1+ 6.0+ Mobile 11+ 5.0+
Wednesday, October 12, 11 SLIDE 68
geolocation
Geolocation 2.0+ 2.0+ 6.0+ Mobile 11+ 5.0+ 9.0+
Wednesday, October 12, 11 SLIDE 69
geolocation
- GPS, A-GPS, Wi-Fi, cells
Geolocation 2.0+ 2.0+ 6.0+ Mobile 11+ 5.0+ 9.0+
Wednesday, October 12, 11 SLIDE 70
geolocation
- GPS, A-GPS, Wi-Fi, cells
- (some) force GPS “highAccuracy”
Geolocation 2.0+ 2.0+ 6.0+ Mobile 11+ 5.0+ 9.0+
Wednesday, October 12, 11 SLIDE 71
geolocation
- GPS, A-GPS, Wi-Fi, cells
- (some) force GPS “highAccuracy”
- (some) heading
Geolocation 2.0+ 2.0+ 6.0+ Mobile 11+ 5.0+ 9.0+
Wednesday, October 12, 11 SLIDE 72
geolocation
- GPS, A-GPS, Wi-Fi, cells
- (some) force GPS “highAccuracy”
- (some) heading
- once or movement
Geolocation 2.0+ 2.0+ 6.0+ Mobile 11+ 5.0+ 9.0+
Wednesday, October 12, 11 SLIDE 73
- ffline web storage
Web Storage 2.0+ 2.0+ 6.0+ Mobile 11+ 5.0+ 9.0+
Wednesday, October 12, 11 SLIDE 74
- ffline web storage
- persistent and session storage
Web Storage 2.0+ 2.0+ 6.0+ Mobile 11+ 5.0+ 9.0+
Wednesday, October 12, 11 SLIDE 75
- ffline web storage
- persistent and session storage
- key/value (strings)
Web Storage 2.0+ 2.0+ 6.0+ Mobile 11+ 5.0+ 9.0+
Wednesday, October 12, 11 SLIDE 76
- ffline web storage
- persistent and session storage
- key/value (strings)
- (some) allow object storage
Web Storage 2.0+ 2.0+ 6.0+ Mobile 11+ 5.0+ 9.0+
Wednesday, October 12, 11 SLIDE 77
- ffline web storage
- persistent and session storage
- key/value (strings)
- (some) allow object storage
- limit space, non-standard ~5Mb
Web Storage 2.0+ 2.0+ 6.0+ Mobile 11+ 5.0+ 9.0+
Wednesday, October 12, 11 SLIDE 78
- ffline web storage
- persistent and session storage
- key/value (strings)
- (some) allow object storage
- limit space, non-standard ~5Mb
- be careful with private browsing
Web Storage 2.0+ 2.0+ 6.0+ Mobile 11+ 5.0+ 9.0+
Wednesday, October 12, 11 SLIDE 79
- ffline sql storage
deprecated 2.2+ 2.0+ 6.0+ Mobile 11+
Wednesday, October 12, 11 SLIDE 80
- ffline sql storage
- persistent and session storage
deprecated 2.2+ 2.0+ 6.0+ Mobile 11+
Wednesday, October 12, 11 SLIDE 81
- ffline sql storage
- persistent and session storage
- key/value (strings)
deprecated 2.2+ 2.0+ 6.0+ Mobile 11+
Wednesday, October 12, 11 SLIDE 82
- ffline sql storage
- persistent and session storage
- key/value (strings)
- (some) allow object storage
deprecated 2.2+ 2.0+ 6.0+ Mobile 11+
Wednesday, October 12, 11 SLIDE 83
- ffline sql storage
- persistent and session storage
- key/value (strings)
- (some) allow object storage
- limit space, non-standard ~5Mb
deprecated 2.2+ 2.0+ 6.0+ Mobile 11+
Wednesday, October 12, 11 SLIDE 84
- ffline sql storage
- persistent and session storage
- key/value (strings)
- (some) allow object storage
- limit space, non-standard ~5Mb
- be careful with private browsing
deprecated 2.2+ 2.0+ 6.0+ Mobile 11+
Wednesday, October 12, 11 SLIDE 85
multimedia API
Web Storage 3.0+ 2.3+ 7.0+ Mobile 11+ 5.0+ 9.0+
Wednesday, October 12, 11 SLIDE 86
multimedia API
- audio and video tags
Web Storage 3.0+ 2.3+ 7.0+ Mobile 11+ 5.0+ 9.0+
Wednesday, October 12, 11 SLIDE 87
multimedia API
- audio and video tags
- javascript api & events
Web Storage 3.0+ 2.3+ 7.0+ Mobile 11+ 5.0+ 9.0+
Wednesday, October 12, 11 SLIDE 88
multimedia API
- audio and video tags
- javascript api & events
- codecs nightmare
Web Storage 3.0+ 2.3+ 7.0+ Mobile 11+ 5.0+ 9.0+
Wednesday, October 12, 11 SLIDE 89
2d drawing api (canvas)
HTML5 1.0+ 1.5+ 6.0+ Mob 10+ / Mini 5 4.0+ 9.0+
Wednesday, October 12, 11 SLIDE 90
2d drawing api (canvas)
- great support
HTML5 1.0+ 1.5+ 6.0+ Mob 10+ / Mini 5 4.0+ 9.0+
Wednesday, October 12, 11 SLIDE 91
2d drawing api (canvas)
- great support
- javascript-based drawing
HTML5 1.0+ 1.5+ 6.0+ Mob 10+ / Mini 5 4.0+ 9.0+
Wednesday, October 12, 11 SLIDE 92
2d drawing api (canvas)
- great support
- javascript-based drawing
- (some) allows data URI export
HTML5 1.0+ 1.5+ 6.0+ Mob 10+ / Mini 5 4.0+ 9.0+
Wednesday, October 12, 11 SLIDE 93
svg
SVG 2.2+ 3.0+ 4.7+ Mob 10+ / Mini 5 4.0+ 9.0+
Wednesday, October 12, 11 SLIDE 94
svg
- old standard
SVG 2.2+ 3.0+ 4.7+ Mob 10+ / Mini 5 4.0+ 9.0+
Wednesday, October 12, 11 SLIDE 95
svg
- old standard
- scalable vector graphics
SVG 2.2+ 3.0+ 4.7+ Mob 10+ / Mini 5 4.0+ 9.0+
Wednesday, October 12, 11 SLIDE 96
svg
- old standard
- scalable vector graphics
- (some) allows inline <svg> tag
SVG 2.2+ 3.0+ 4.7+ Mob 10+ / Mini 5 4.0+ 9.0+
Wednesday, October 12, 11 SLIDE 97
svg
- old standard
- scalable vector graphics
- (some) allows inline <svg> tag
- (some) allows svg as background
SVG 2.2+ 3.0+ 4.7+ Mob 10+ / Mini 5 4.0+ 9.0+
Wednesday, October 12, 11 SLIDE 98
svg
- old standard
- scalable vector graphics
- (some) allows inline <svg> tag
- (some) allows svg as background
- (some) allows svg as font
SVG 2.2+ 3.0+ 4.7+ Mob 10+ / Mini 5 4.0+ 9.0+
Wednesday, October 12, 11 SLIDE 99
motion sensors
DeviceOrientation 4.2+ 3.0+ 6.0+ (moz) 4.7+ (basic)
Wednesday, October 12, 11 SLIDE 100
motion sensors
- accelerometer / gyroscope / magnetometer
DeviceOrientation 4.2+ 3.0+ 6.0+ (moz) 4.7+ (basic)
Wednesday, October 12, 11 SLIDE 101
motion sensors
- accelerometer / gyroscope / magnetometer
- onorientationchange
DeviceOrientation 4.2+ 3.0+ 6.0+ (moz) 4.7+ (basic)
Wednesday, October 12, 11 SLIDE 102
motion sensors
- accelerometer / gyroscope / magnetometer
- onorientationchange
- window.orientation
DeviceOrientation 4.2+ 3.0+ 6.0+ (moz) 4.7+ (basic)
Wednesday, October 12, 11 SLIDE 103
motion sensors
- accelerometer / gyroscope / magnetometer
- onorientationchange
- window.orientation
- games, visual effects, pressure detection?
DeviceOrientation 4.2+ 3.0+ 6.0+ (moz) 4.7+ (basic)
Wednesday, October 12, 11 SLIDE 104
motion sensors
- accelerometer / gyroscope / magnetometer
- onorientationchange
- window.orientation
- games, visual effects, pressure detection?
mobilexweb.com/samples/ball.html mobilexweb.com/samples/pressure.html
DeviceOrientation 4.2+ 3.0+ 6.0+ (moz) 4.7+ (basic)
Wednesday, October 12, 11 SLIDE 105
touch events
Touch events 3.0+ 2.1+ 6.1+ 6.0+
Wednesday, October 12, 11 SLIDE 106
touch events
- iOS specification
Touch events 3.0+ 2.1+ 6.1+ 6.0+
Wednesday, October 12, 11 SLIDE 107
touch events
- iOS specification
- some differences between implementations
Touch events 3.0+ 2.1+ 6.1+ 6.0+
Wednesday, October 12, 11 SLIDE 108
touch events
- iOS specification
- some differences between implementations
- (some) multi-touch
Touch events 3.0+ 2.1+ 6.1+ 6.0+
Wednesday, October 12, 11 SLIDE 109
touch events
- iOS specification
- some differences between implementations
- (some) multi-touch
- touchstart, touchmove, touchend,
touchcancel
Touch events 3.0+ 2.1+ 6.1+ 6.0+
Wednesday, October 12, 11 SLIDE 110
touch events
- iOS specification
- some differences between implementations
- (some) multi-touch
- touchstart, touchmove, touchend,
touchcancel
- (some) touchenter, touchleave
Touch events 3.0+ 2.1+ 6.1+ 6.0+
Wednesday, October 12, 11 SLIDE 111
css3 basic
CSS 3 1.0+ 1.0+ 6.0+ 6.0+ 9.0+ 10+ Anna+
Wednesday, October 12, 11 SLIDE 112
css3 basic
- basic new styling
CSS 3 1.0+ 1.0+ 6.0+ 6.0+ 9.0+ 10+ Anna+
Wednesday, October 12, 11 SLIDE 113
css3 basic
- basic new styling
- rounded borders, opacity
CSS 3 1.0+ 1.0+ 6.0+ 6.0+ 9.0+ 10+ Anna+
Wednesday, October 12, 11 SLIDE 114
css3 basic
- basic new styling
- rounded borders, opacity
- (some) still requires prefix
CSS 3 1.0+ 1.0+ 6.0+ 6.0+ 9.0+ 10+ Anna+
Wednesday, October 12, 11 SLIDE 115
css3 basic
- basic new styling
- rounded borders, opacity
- (some) still requires prefix
- -webkit, -o, -moz, -ms
CSS 3 1.0+ 1.0+ 6.0+ 6.0+ 9.0+ 10+ Anna+
Wednesday, October 12, 11 SLIDE 116
css3 transforms
CSS 3 2.0+ 2.0+ 6.0+ 6.0+ 9.0+ 11+ Anna+
Wednesday, October 12, 11 SLIDE 117
css3 transforms
- basic 2d transforms
CSS 3 2.0+ 2.0+ 6.0+ 6.0+ 9.0+ 11+ Anna+
Wednesday, October 12, 11 SLIDE 118
css3 transforms
- basic 2d transforms
- -webkit, -o, -moz, -ms
CSS 3 2.0+ 2.0+ 6.0+ 6.0+ 9.0+ 11+ Anna+
Wednesday, October 12, 11 SLIDE 119
css3 transforms
- basic 2d transforms
- -webkit, -o, -moz, -ms
- rotate, scale, skew, translate
CSS 3 2.0+ 2.0+ 6.0+ 6.0+ 9.0+ 11+ Anna+
Wednesday, October 12, 11 SLIDE 120
css3 transforms
- basic 2d transforms
- -webkit, -o, -moz, -ms
- rotate, scale, skew, translate
- (some) matrix
CSS 3 2.0+ 2.0+ 6.0+ 6.0+ 9.0+ 11+ Anna+
Wednesday, October 12, 11 SLIDE 121
css3 transforms
- basic 2d transforms
- -webkit, -o, -moz, -ms
- rotate, scale, skew, translate
- (some) matrix
- (some) 3d transforms
CSS 3 2.0+ 2.0+ 6.0+ 6.0+ 9.0+ 11+ Anna+
Wednesday, October 12, 11 SLIDE 122
css3 transitions
CSS 3 2.0+ 2.0+ 6.0+ 6.0+ 10+ Anna+
Wednesday, October 12, 11 SLIDE 123
css3 transitions
- basic animations between 2 states
CSS 3 2.0+ 2.0+ 6.0+ 6.0+ 10+ Anna+
Wednesday, October 12, 11 SLIDE 124
css3 transitions
- basic animations between 2 states
- prefix
CSS 3 2.0+ 2.0+ 6.0+ 6.0+ 10+ Anna+
Wednesday, October 12, 11 SLIDE 125
css3 animations
CSS 3 2.2+ 2.0+ 6.0+ 6.0+ Anna+
Wednesday, October 12, 11 SLIDE 126
css3 animations
- keyframe animations
CSS 3 2.2+ 2.0+ 6.0+ 6.0+ Anna+
Wednesday, October 12, 11 SLIDE 127
css3 animations
- keyframe animations
- attribute prefix and keyframe prefix
CSS 3 2.2+ 2.0+ 6.0+ 6.0+ Anna+
Wednesday, October 12, 11 SLIDE 128
css3 animations
- keyframe animations
- attribute prefix and keyframe prefix
- duplication :S
CSS 3 2.2+ 2.0+ 6.0+ 6.0+ Anna+
Wednesday, October 12, 11 SLIDE 129
server-sent events
Server
- Sent events
4.1+ Mobile 11+ 6.0+
Wednesday, October 12, 11 SLIDE 130
server-sent events
- EventSource
Server
- Sent events
4.1+ Mobile 11+ 6.0+
Wednesday, October 12, 11 SLIDE 131
server-sent events
- EventSource
- reduce AJAX/Comet solutions
Server
- Sent events
4.1+ Mobile 11+ 6.0+
Wednesday, October 12, 11 SLIDE 132
server-sent events
- EventSource
- reduce AJAX/Comet solutions
- be careful with proxies/3g connections
Server
- Sent events
4.1+ Mobile 11+ 6.0+
Wednesday, October 12, 11 SLIDE 133
web sockets
web sockets 4.2+ Mobile 11+ 6.0+ 6.1+
Wednesday, October 12, 11 SLIDE 134
web sockets
- Evolution of bi-directional
communication
web sockets 4.2+ Mobile 11+ 6.0+ 6.1+
Wednesday, October 12, 11 SLIDE 135
web sockets
- Evolution of bi-directional
communication
- reduce AJAX/Comet solutions
web sockets 4.2+ Mobile 11+ 6.0+ 6.1+
Wednesday, October 12, 11 SLIDE 136
web sockets
- Evolution of bi-directional
communication
- reduce AJAX/Comet solutions
- be careful with proxies/3g connections
web sockets 4.2+ Mobile 11+ 6.0+ 6.1+
Wednesday, October 12, 11 SLIDE 137
web sockets
- Evolution of bi-directional
communication
- reduce AJAX/Comet solutions
- be careful with proxies/3g connections
- special server
web sockets 4.2+ Mobile 11+ 6.0+ 6.1+
Wednesday, October 12, 11 SLIDE 138
web sockets
- Evolution of bi-directional
communication
- reduce AJAX/Comet solutions
- be careful with proxies/3g connections
- special server
- standard changed months ago
web sockets 4.2+ Mobile 11+ 6.0+ 6.1+
Wednesday, October 12, 11 SLIDE 139
web workers
web workers Mobile 11+ 6.0+ 6.0+
Wednesday, October 12, 11 SLIDE 140
web workers
- threading in JavaScript
web workers Mobile 11+ 6.0+ 6.0+
Wednesday, October 12, 11 SLIDE 141
web workers
- threading in JavaScript
- important for performance
web workers Mobile 11+ 6.0+ 6.0+
Wednesday, October 12, 11 SLIDE 142
web workers
- threading in JavaScript
- important for performance
- worker without DOM manipulation
web workers Mobile 11+ 6.0+ 6.0+
Wednesday, October 12, 11 SLIDE 143
what is just starting...?
Wednesday, October 12, 11 SLIDE 144
apis starting to appear
Wednesday, October 12, 11 SLIDE 145
apis starting to appear
- XMLHttpRequest 2 - Android 3.0
SLIDE 146
apis starting to appear
- XMLHttpRequest 2 - Android 3.0
- Navigation Timing API - Internet Explorer 9.0
SLIDE 147
apis starting to appear
- XMLHttpRequest 2 - Android 3.0
- Navigation Timing API - Internet Explorer 9.0
- Notifications API - Firefox 6.0
SLIDE 148
apis starting to appear
- XMLHttpRequest 2 - Android 3.0
- Navigation Timing API - Internet Explorer 9.0
- Notifications API - Firefox 6.0
- Network Information API - Android 2.2+
SLIDE 149
apis starting to appear
- XMLHttpRequest 2 - Android 3.0
- Navigation Timing API - Internet Explorer 9.0
- Notifications API - Firefox 6.0
- Network Information API - Android 2.2+
- File API and FileReader API - Android 3.0
SLIDE 150
apis starting to appear
- XMLHttpRequest 2 - Android 3.0
- Navigation Timing API - Internet Explorer 9.0
- Notifications API - Firefox 6.0
- Network Information API - Android 2.2+
- File API and FileReader API - Android 3.0
- CORS (cross-domain AJAX) - Android 2.2+, iOS 3.2+
SLIDE 151
apis starting to appear
- XMLHttpRequest 2 - Android 3.0
- Navigation Timing API - Internet Explorer 9.0
- Notifications API - Firefox 6.0
- Network Information API - Android 2.2+
- File API and FileReader API - Android 3.0
- CORS (cross-domain AJAX) - Android 2.2+, iOS 3.2+
- Media Camera API - Android 3.0
SLIDE 152
apis starting to appear
- XMLHttpRequest 2 - Android 3.0
- Navigation Timing API - Internet Explorer 9.0
- Notifications API - Firefox 6.0
- Network Information API - Android 2.2+
- File API and FileReader API - Android 3.0
- CORS (cross-domain AJAX) - Android 2.2+, iOS 3.2+
- Media Camera API - Android 3.0
- IndexedDB - Firefox 6.0
SLIDE 153
and what to expect in the future?
Wednesday, October 12, 11 SLIDE 154
for next year...
Wednesday, October 12, 11 SLIDE 155
for next year...
- Augmented Reality on the web
SLIDE 156
for next year...
- Augmented Reality on the web
- Camera API
SLIDE 157
for next year...
- Augmented Reality on the web
- Camera API
- MathML
SLIDE 158
for next year...
- Augmented Reality on the web
- Camera API
- MathML
- Idle detection
SLIDE 159
for next year...
- Augmented Reality on the web
- Camera API
- MathML
- Idle detection
- Speech detection
SLIDE 160
for next year...
- Augmented Reality on the web
- Camera API
- MathML
- Idle detection
- Speech detection
- 3D Drawing API (aka WebGL)
SLIDE 161
for next year...
- Augmented Reality on the web
- Camera API
- MathML
- Idle detection
- Speech detection
- 3D Drawing API (aka WebGL)
- Native integration API
SLIDE 162
for next year...
- Augmented Reality on the web
- Camera API
- MathML
- Idle detection
- Speech detection
- 3D Drawing API (aka WebGL)
- Native integration API
- Contacts and Calendar API
SLIDE 163
for next year...
- Augmented Reality on the web
- Camera API
- MathML
- Idle detection
- Speech detection
- 3D Drawing API (aka WebGL)
- Native integration API
- Contacts and Calendar API
- Messaging API
SLIDE 164
for next year...
- Augmented Reality on the web
- Camera API
- MathML
- Idle detection
- Speech detection
- 3D Drawing API (aka WebGL)
- Native integration API
- Contacts and Calendar API
- Messaging API
- Orientation Lock
SLIDE 165
for next year...
- Augmented Reality on the web
- Camera API
- MathML
- Idle detection
- Speech detection
- 3D Drawing API (aka WebGL)
- Native integration API
- Contacts and Calendar API
- Messaging API
- Orientation Lock
- Debugging tools
SLIDE 166
working on these APIs...
Wednesday, October 12, 11 SLIDE 167
working on these APIs...
- W3C Device APIs Working Group
SLIDE 168
working on these APIs...
- W3C Device APIs Working Group
http://www.w3.org/2009/dap/
Wednesday, October 12, 11 SLIDE 169
working on these APIs...
- W3C Device APIs Working Group
http://www.w3.org/2009/dap/
- Mozilla WebAPI effort (3-6 months)
SLIDE 170
working on these APIs...
- W3C Device APIs Working Group
http://www.w3.org/2009/dap/
- Mozilla WebAPI effort (3-6 months)
https://wiki.mozilla.org/WebAPI
Wednesday, October 12, 11 SLIDE 171
working on these APIs...
- W3C Device APIs Working Group
http://www.w3.org/2009/dap/
- Mozilla WebAPI effort (3-6 months)
https://wiki.mozilla.org/WebAPI
- WAC
SLIDE 172
working on these APIs...
- W3C Device APIs Working Group
http://www.w3.org/2009/dap/
- Mozilla WebAPI effort (3-6 months)
https://wiki.mozilla.org/WebAPI
- WAC
http://www.wacapps.net/
Wednesday, October 12, 11 SLIDE 173
can i use apis today?
Wednesday, October 12, 11 SLIDE 174
can i use apis today?
- PhoneGap
SLIDE 175
can i use apis today?
- PhoneGap
http://www.phonegap.com
Wednesday, October 12, 11 SLIDE 176
can i use apis today?
- PhoneGap
http://www.phonegap.com
- BlackBerry WebWorks
SLIDE 177
can i use apis today?
- PhoneGap
http://www.phonegap.com
- BlackBerry WebWorks
http://us.blackberry.com/developers/browserdev/
Wednesday, October 12, 11 SLIDE 178
can i use apis today?
- PhoneGap
http://www.phonegap.com
- BlackBerry WebWorks
http://us.blackberry.com/developers/browserdev/
- Nokia webapps
SLIDE 179
can i use apis today?
- PhoneGap
http://www.phonegap.com
- BlackBerry WebWorks
http://us.blackberry.com/developers/browserdev/
- Nokia webapps
http://www.developer.nokia.com/Develop/Web/
Wednesday, October 12, 11 SLIDE 180
how to use features today
Wednesday, October 12, 11 SLIDE 181
progressive enhancement progressive enhancement
Wednesday, October 12, 11 SLIDE 182
you can reach a good experience
Pictures)from)freedigitalphotos.net)
thank you!
firt.mobi firtman@gmail.com twitter: @firt www.mobilexweb.com
Wednesday, October 12, 11