The new new mobile web

83
THE NEW (NEW) MOBILE WEB Johannes Brodwall

Transcript of The new new mobile web

Page 1: The new new mobile web

THE NEW (NEW) MOBILE WEBJohannes Brodwall

Page 2: The new new mobile web

Intro

Page 3: The new new mobile web
Page 4: The new new mobile web

“You need a native app if…”

Page 5: The new new mobile web

Installable

Native feel

Camera

LocationVibration

Accerellometer

Offline

Notifications

Sounds

Page 6: The new new mobile web

Showcase

Page 7: The new new mobile web
Page 8: The new new mobile web

8

Page 9: The new new mobile web

9

Page 10: The new new mobile web
Page 11: The new new mobile web
Page 12: The new new mobile web
Page 13: The new new mobile web
Page 14: The new new mobile web
Page 15: The new new mobile web
Page 16: The new new mobile web
Page 17: The new new mobile web
Page 18: The new new mobile web
Page 19: The new new mobile web
Page 20: The new new mobile web

Could you do this in pure web app?

Page 21: The new new mobile web

https://openright-mobile.herokuapp.com

/

Write once,test everywhere

Page 22: The new new mobile web

Five things you actually can do well on the web

Page 23: The new new mobile web

1. App-y-ness2. Sensors3. Offline

4. Camera5. Push notifications

Page 24: The new new mobile web

But first:Mobile web debugging

Page 25: The new new mobile web
Page 26: The new new mobile web
Page 27: The new new mobile web

Appy-nessAdd to Home Screen

Icons and standalone mode

Toolbar

Card style

Page 28: The new new mobile web
Page 29: The new new mobile web
Page 30: The new new mobile web
Page 31: The new new mobile web
Page 32: The new new mobile web
Page 33: The new new mobile web
Page 34: The new new mobile web
Page 35: The new new mobile web
Page 36: The new new mobile web
Page 37: The new new mobile web
Page 38: The new new mobile web

Sensors/actuatorsLocation

AccerelometerSound

Vibration

Page 39: The new new mobile web
Page 40: The new new mobile web
Page 41: The new new mobile web
Page 42: The new new mobile web

Offline• Appcache

• IndexedDb

• Server-sent events

• (Backend)

Page 43: The new new mobile web
Page 44: The new new mobile web
Page 45: The new new mobile web
Page 46: The new new mobile web
Page 47: The new new mobile web
Page 48: The new new mobile web
Page 49: The new new mobile web
Page 50: The new new mobile web
Page 51: The new new mobile web
Page 52: The new new mobile web
Page 53: The new new mobile web
Page 54: The new new mobile web
Page 55: The new new mobile web
Page 56: The new new mobile web
Page 57: The new new mobile web

Camera

Page 58: The new new mobile web

58

Page 59: The new new mobile web
Page 60: The new new mobile web
Page 61: The new new mobile web
Page 62: The new new mobile web
Page 63: The new new mobile web
Page 64: The new new mobile web
Page 65: The new new mobile web

Push notifications

Page 66: The new new mobile web
Page 67: The new new mobile web
Page 68: The new new mobile web
Page 69: The new new mobile web
Page 70: The new new mobile web
Page 71: The new new mobile web
Page 72: The new new mobile web
Page 73: The new new mobile web
Page 74: The new new mobile web
Page 75: The new new mobile web
Page 76: The new new mobile web
Page 77: The new new mobile web
Page 78: The new new mobile web
Page 79: The new new mobile web
Page 80: The new new mobile web

Some challenges

Page 81: The new new mobile web

Is this cool?

Page 82: The new new mobile web

“You need a native app if…”

Page 83: The new new mobile web

TAKK FOR [email protected]

http://johannesbrodwall.com

http://smidigalliansen.no

http://twitter.com/jhannes