This document discusses HTML5 features and device APIs for mobile web development. It covers topics like installable web apps, local storage, indexedDB, device sensors, contacts, calendar, media capture, and messaging. Standards bodies like W3C and WAC are developing specifications for device APIs to access features like cameras, geolocation, contacts, and notifications from web apps in a cross-platform manner. PhoneGap and other tools aim to enable these capabilities across various mobile platforms.

1. After HTML5

2. Sweet lets hack!

3. YAY!!
I love the dentist!!

5. FUCK NO!

6. Device APIs
Making computers more aware.

7. @brianleroux
http://westcoastlogic.com
work at http://nitobi.com
sometimes on http://phonegap.com
web, mobile, mobile web geek

8. HTML5!!!

9. localStorage
indexedDB
CACHE MANIFEST
pushState
data-*
sockets?
Canvas
Video
geo
drag’n’drop
offline events
web workers
audio
new elements...

10. installable web apps

11. CACHE MANIFEST
localStorage
IndexedDB

12. installable web apps
- access via a bookmark / shortcut
- no browser chrome
- http://silentconversation.com/cod

14. Apple Extensions

15. widgets, perhaps

16. device apis?

18. why yes, that is capitalized

19. why yes, that is capitalized

20. BlackBerry webview

21. BlackBerry webview
// you can’t make this stuff up!

22. THIS IS WHY WE CAN’T
HAVE NICE THINGS

23. matters not

24. Network Info

25. Device APIs
sensors
data persistence
outs

26. Sensors
camera
magnometer
gps
gyroscope
accelerometer

27. Data
contacts
media
locations
...anything a sensor may log?

28. sensors are async events
data is sorta CRUD or REST
*perfect* for JS

29. Device Outputs
vibration
speakers
lights
screen(s)

31. traditionally
computers had screens, keyboards and mouse

32. what is a mobile device?
phones, no shit
tablets
perhaps laptops
cars move, eh

34. The nicest thing about
standards is that there are
so many of them to choose
from.
- Andy Tanenbaum

35. ‣ W3C
- DAP
- Geospatial
- Notification
- Widgets
‣ WAC

37. impl
Google Gears!
Nokia WRT
Vodaphone Widgets
BlackBerry
WebWorks
QtMobility
HP webOS
Samsung Bada
PhoneGap

38. DAP
aka W3C Device API Working Group
formed in 2009
clear influence from BONDI

39. DAP work to date
Contacts
Calendar
Media Capture
Messaging
Battery Status
Network Info
System Info
Permissions
Gallery
Device Interface
App Launcher
Tasks

40. API or App?
Contacts
Calendar
Media Capture
Messaging
Battery Status
Network Info
System Info
Permissions
Gallery
Device Interface
App Launcher
Tasks

41. Device

42. Contacts

43. Calendar

44. Media Capture
* http://docs.phonegap.com are not current here

45. Media Capture Cont.

46. Bonus: File API

47. Messaging
sms://
mms://
mailto://

49. Battery Status

50. Gallery

51. App Launcher

52. Security, like
correctness, is not an
add-on feature.
- Andy Tanenbaum

53. Permissions / Privacy
http://bit.ly/fQ574O & http://bit.ly/hsJSO3

54. WAC

55. WAC current work...
deviceapis
accelerometer
orientation
camera
devicestatus
filesystem
messaging
geolocation
personal information
contact
calendar
task
deviceinteration

56. deviceapis

57. accelerometer

58. just for contrast..

59. orientation

60. just for contrast...

61. camera

62. YOU GET THE IDEA

63. filesystem
geospatial
notifications
widgets

64. http://github.com/brianleroux/hi5

65. mobile dev

66. operating systems

67. sdks

68. devices

69. http://docs.phonegap.com
thx!