Download to read offline
Uploaded byJohannes Brodwall
The new new mobile web
The document discusses the advantages of mobile web applications, emphasizing that certain functionalities, such as offline support and push notifications, can enhance user experience. It presents five key areas where web apps excel, including app-y-ness, sensors, offline capabilities, camera access, and push notifications. Additionally, it highlights the challenges associated with transitioning from native to web apps.
More Related Content
More from Johannes Brodwall
![[DevFest Strasbourg 2025] - NodeJs Can do that !!](https://cdn.slidesharecdn.com/ss_thumbnails/devfeststrasbourg2025-nodejscandothat-251127142731-da65b6fd-thumbnail.jpg?width=640&height=640&fit=bounds)
![[BDD 2025 - Mobile Development] Mobile Engineer and Software Engineer: Are we...](https://cdn.slidesharecdn.com/ss_thumbnails/md-mobileengineerandsoftwareengineerarewestillrelevantsidiqpermana-251127010650-55224ef1-thumbnail.jpg?width=640&height=640&fit=bounds)
![[BDD 2025 - Artificial Intelligence] Building AI Systems That Users (and Comp...](https://cdn.slidesharecdn.com/ss_thumbnails/ai-buildingaisystemsthatusersandcompanieslove-251124030845-038f7732-thumbnail.jpg?width=640&height=640&fit=bounds)
The new new mobile web
- 1. THE NEW (NEW)MOBILE WEB Johannes Brodwall
- 2.
- 4. “You need anative app if…”
- 5.
- 6.
- 8.
- 9.
- 20. Could you dothis in pure web app?
- 21.
- 22. Five things youactually can do well on the web
- 23. 1. App-y-ness 2. Sensors 3.Offline 4. Camera 5. Push notifications
- 24. But first: Mobile webdebugging
- 27. Appy-ness Add to HomeScreen Icons and standalone mode Toolbar Card style
- 38.
- 42. Offline • Appcache • IndexedDb •Server-sent events • (Backend)
- 57.
- 58.
- 65.
- 80.
- 81.
- 82. “You need anative app if…”
- 83.
Editor's Notes
- #44 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
- #67 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
- #80 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