An intro web evolution and roles of PWA in mobile computing.

1. Progressive Web App(PWA)
Web Evolution
Vivek Madurai OrangeScape

2. Agenda
➢ Web Evolution from 1.0 to 2.0
➢ Path to Web 3.0
➢ Intro on Web 2.5
➢ Why PWA
➢ What’s PWA

3. Web 1.0 - Only Read

4. Web 2.0 - Read and Write

5. Web 2.0 Examples

7. Web 3.0 - Read, Write and Execute(AI, Mobility ….)
➢ What if computers can understand meaning behind information
➢ What if they can learn “what we are interested in”
➢ Then they can help us find what we want
➢ This is also called Semantic web(Web 3.0)
It can recognise People, Place, Events, Companies, Product, Movies etc.,
Can it understand the relationship between things? Yes
Apple’s Siri, Google’s Cloud API, Knowledge Engine etc.,

8. Web 2.5 - Current Evolution
➢ What we are currently seeing now (2010 - 2020)
➢ Cloud platform service providers
➢ Web applications can connect on any device, anytime and anywhere
➢ Mobile Web, Native Apps and PWA

9. Mobile Plays a Major Role in Web 2.5

10. Why Progressive Web App
Mobile Web vs Native App

11. We spend more time in top 3 or 5 apps like Gmail, Facebook, Whatsapp, Maps etc.,
We rarely spend time in browsing apps via mobile browsers
80% of our time is spend only in these top 3 apps, other apps are struggling to reach us

12. Today’s Mobile Web

13. User Acquisition Cost

14. What’s Wrong with Mobile Web
➢ Apps reliability due to slow mobile network
➢ User experience like smoothness, animation
➢ Offline access
➢ Low in engagement(no Icon, push notification)

15. What’s Wrong in Native App
➢ High cost in building and delivering
➢ Difficult to share information
➢ Reach via Search Engine is not possible
➢ Acquisition cost is high

21. What’s PWA
➢ Combines the best of the web and best of the apps
➢ Reliable and load quickly as native web app, but delivered through the web
➢ They roll and animate smoothly, they can engage users via push notification
➢ They are integrated as part of mobile home screen
➢ Mainly no install is required
➢ Reach more users by SEO

22. How PWA works
➢ App Shell Architecture (Loads instantly)
➢ Https (Security)
➢ Service Worker (Caching)
➢ Web App Manifest
➢ Push Notification

23. Case Studies
https://developers.google.com/web/showcase/

24. Popular Companies With PWA

25. Web 4.0 - Ultra intelligent Personal Agent
➢ Good morning, You're flying to Delhi today
➢ Take a raincoat, it's raining in Delhi
➢ By the way, that fight you were taking, it’s already been canceled. Don't worry
about it
➢ I have already booked a new one for the same time

26. Thank you for your time
http://vivekmadurai.com
@vivekmadurai