after html5 mobilism 2011

69
After HTML5

Upload: brian-leroux

Post on 29-Jan-2018

7.681 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: After HTML5 Mobilism 2011

After HTML5

Page 2: After HTML5 Mobilism 2011

Sweet lets hack!

Page 3: After HTML5 Mobilism 2011

YAY!!

I love the dentist!!

Page 4: After HTML5 Mobilism 2011
Page 5: After HTML5 Mobilism 2011

FUCK NO!

Page 6: After HTML5 Mobilism 2011

Device APIs

Making computers more aware.

Page 7: After HTML5 Mobilism 2011

@brianlerouxhttp://westcoastlogic.com

work at http://nitobi.com

sometimes on http://phonegap.com

web, mobile, mobile web geek

Page 8: After HTML5 Mobilism 2011

HTML5!!!

Page 9: After HTML5 Mobilism 2011

localStorageindexedDBCACHE MANIFESTpushStatedata-*sockets?Canvas Videogeodrag’n’dropoffline eventsweb workersaudionew elements...

Page 10: After HTML5 Mobilism 2011

installable web apps

Page 11: After HTML5 Mobilism 2011

CACHE MANIFESTlocalStorageIndexedDB

Page 12: After HTML5 Mobilism 2011

installable web apps

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

Page 13: After HTML5 Mobilism 2011
Page 14: After HTML5 Mobilism 2011

Apple Extensions

Page 15: After HTML5 Mobilism 2011

widgets, perhaps

Page 16: After HTML5 Mobilism 2011

device apis?

Page 17: After HTML5 Mobilism 2011
Page 18: After HTML5 Mobilism 2011

why yes, that is capitalized

Page 19: After HTML5 Mobilism 2011

why yes, that is capitalized

Page 20: After HTML5 Mobilism 2011

BlackBerry webview

Page 21: After HTML5 Mobilism 2011

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

Page 22: After HTML5 Mobilism 2011

THIS IS WHY WE CAN’T HAVE NICE THINGS

Page 23: After HTML5 Mobilism 2011

matters not

Page 24: After HTML5 Mobilism 2011

Network Info

Page 25: After HTML5 Mobilism 2011

Device APIs

sensorsdata persistenceouts

Page 26: After HTML5 Mobilism 2011

Sensors

camera

magnometer

gps

gyroscope

accelerometer

Page 27: After HTML5 Mobilism 2011

Data

contactsmedia locations

...anything a sensor may log?

Page 28: After HTML5 Mobilism 2011

sensors are async events

data is sorta CRUD or REST

*perfect* for JS

Page 29: After HTML5 Mobilism 2011

vibrationspeakers

lightsscreen(s)

Device Outputs

Page 30: After HTML5 Mobilism 2011
Page 31: After HTML5 Mobilism 2011

traditionallycomputers had screens, keyboards and mouse

Page 32: After HTML5 Mobilism 2011

what is a mobile device?phones, no shit

tablets

perhaps laptops

cars move, eh

Page 33: After HTML5 Mobilism 2011
Page 34: After HTML5 Mobilism 2011

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

- Andy Tanenbaum

Page 35: After HTML5 Mobilism 2011

‣ W3C

-DAP

-Geospatial

-Notification

-Widgets

‣ WAC

Page 36: After HTML5 Mobilism 2011
Page 37: After HTML5 Mobilism 2011

implGoogle Gears!

Nokia WRTVodaphone Widgets

BlackBerry WebWorksQtMobilityHP webOS

Samsung BadaPhoneGap

Page 38: After HTML5 Mobilism 2011

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

DAP

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

Page 39: After HTML5 Mobilism 2011

DAP work to dateContactsCalendarMedia CaptureMessagingBattery StatusNetwork InfoSystem InfoPermissionsGalleryDevice InterfaceApp LauncherTasks

Page 40: After HTML5 Mobilism 2011

API or App?ContactsCalendarMedia CaptureMessagingBattery StatusNetwork InfoSystem InfoPermissionsGalleryDevice InterfaceApp LauncherTasks

Page 41: After HTML5 Mobilism 2011

Device

Page 42: After HTML5 Mobilism 2011

Contacts

Page 43: After HTML5 Mobilism 2011

Calendar

Page 44: After HTML5 Mobilism 2011

Media Capture

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

Page 45: After HTML5 Mobilism 2011

Media Capture Cont.

Page 46: After HTML5 Mobilism 2011

Bonus: File API

Page 47: After HTML5 Mobilism 2011

Messaging

sms://mms://mailto://

Page 48: After HTML5 Mobilism 2011
Page 49: After HTML5 Mobilism 2011

Battery Status

Page 50: After HTML5 Mobilism 2011

Gallery

Page 51: After HTML5 Mobilism 2011

App Launcher

Page 52: After HTML5 Mobilism 2011

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

- Andy Tanenbaum

Page 53: After HTML5 Mobilism 2011

Permissions / Privacy

http://bit.ly/fQ574O & http://bit.ly/hsJSO3

Page 54: After HTML5 Mobilism 2011

WAC

Page 55: After HTML5 Mobilism 2011

WAC current work...

deviceapis accelerometerorientationcameradevicestatusfilesystemmessaginggeolocationpersonal informationcontactcalendartaskdeviceinteration

Page 56: After HTML5 Mobilism 2011

deviceapis

Page 57: After HTML5 Mobilism 2011

accelerometer

Page 58: After HTML5 Mobilism 2011

just for contrast..

Page 59: After HTML5 Mobilism 2011

orientation

Page 60: After HTML5 Mobilism 2011

just for contrast...

Page 61: After HTML5 Mobilism 2011

camera

Page 62: After HTML5 Mobilism 2011

YOU GET THE IDEA

Page 63: After HTML5 Mobilism 2011

filesystemgeospatial

notificationswidgets

Page 64: After HTML5 Mobilism 2011

http://github.com/brianleroux/hi5

Page 65: After HTML5 Mobilism 2011

mobile dev

Page 66: After HTML5 Mobilism 2011

operating systems

Page 67: After HTML5 Mobilism 2011

sdks

Page 68: After HTML5 Mobilism 2011

devices

Page 69: After HTML5 Mobilism 2011

thx!

http://docs.phonegap.com