The new new mobile web
•Download as PPTX, PDF•
0 likes•563 views
Five favorite features of native apps that you might not realize you can do on a web application. Supporting slides for my presentation at JavaBin June 11, 2015.
Recommended
More Related Content
What's hot
What's hot (20)
Similar to The new new mobile web
Similar to The new new mobile web (20)
More from Johannes Brodwall
More from Johannes Brodwall (20)
Recently uploaded
Recently uploaded (20)
The new new mobile web
- 1. THE NEW (NEW) MOBILE WEB Johannes Brodwall
- 2. Intro
- 4. “You need a native app if…”
- 6. Showcase
- 8. 8
- 9. 9
- 20. Could you do this in pure web app?
- 22. Five things you actually can do well on the web
- 23. 1. App-y-ness 2. Sensors 3. Offline 4. Camera 5. Push notifications
- 24. But first: Mobile web debugging
- 27. Appy-ness Add to Home Screen Icons and standalone mode Toolbar Card style
- 42. Offline • Appcache • IndexedDb • Server-sent events • (Backend)
- 57. Camera
- 58. 58
- 80. Some challenges
- 81. Is this cool?
- 82. “You need a native app if…”
Editor's Notes
- box "Client" participant webpage participant IndexedDb participant EventSource end box box "Server" participant MessageServlet end box webpage -> EventSource: GET /messages EventSource -> MessageServlet: GET /messages [text/event-source] MessageServlet -> EventSource: Last message was at 5 PM EventSource -> webpage: event streamStarting webpage -> IndexedDb: Find last message webpage <-- IndexedDb: Last message was at 4:34 PM webpage -> MessageServlet: GET /messages startingAt 4:34 PM until 5 PM webpage -> IndexedDb: Store messages webpage -> webpage: show all messages in IndexedDb ... [-> MessageServlet: POST /message MessageServlet -> EventSource: event message webpage <- EventSource: event message webpage -> IndexedDb: store message webpage -> webpage: prepend message to chat
- actor User box "Client" participant webpage participant serviceworker participant browser end box box "Server" participant MessageServlet participant SubscriptionServlet end box participant "Google Cloud Messaging" as GCM webpage -> serviceworker: start webpage -> browser: subscribe browser -> GCM: subscribe webpage <-- browser: subscription webpage -> SubscriptionServlet: subscription ... [-> MessageServlet: New message MessageServlet -> SubscriptionServlet: notify subscribers SubscriptionServlet -> GCM: POST /gcm/send GCM -> serviceworker: event push serviceworker -> browser: showNotification browser -> User: Show notification icon User -> serviceworker: event notificationclick serviceworker -> browser: openWindow /mobile/#chats
- actor User box "Client" participant webpage participant serviceworker participant browser end box box "Server" participant MessageServlet participant SubscriptionServlet end box participant "Google Cloud Messaging" as GCM webpage -> serviceworker: start webpage -> browser: subscribe browser -> GCM: subscribe webpage <-- browser: subscription webpage -> SubscriptionServlet: subscription ... [-> MessageServlet: New message MessageServlet -> SubscriptionServlet: notify subscribers SubscriptionServlet -> GCM: POST /gcm/send GCM -> serviceworker: event push serviceworker -> browser: showNotification browser -> User: Show notification icon User -> serviceworker: event notificationclick serviceworker -> browser: openWindow /mobile/#chats