Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Progressive Web App - PWA


Published on

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

Published in: Mobile
  • Be the first to comment

Progressive Web App - PWA

  1. 1. Progressive Web App(PWA) Web Evolution Vivek Madurai OrangeScape
  2. 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. 3. Web 1.0 - Only Read
  4. 4. Web 2.0 - Read and Write
  5. 5. Web 2.0 Examples
  6. 6. 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.,
  7. 7. 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
  8. 8. Mobile Plays a Major Role in Web 2.5
  9. 9. Why Progressive Web App Mobile Web vs Native App
  10. 10. 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
  11. 11. Today’s Mobile Web
  12. 12. User Acquisition Cost
  13. 13. 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)
  14. 14. 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
  15. 15. 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
  16. 16. How PWA works ➢ App Shell Architecture (Loads instantly) ➢ Https (Security) ➢ Service Worker (Caching) ➢ Web App Manifest ➢ Push Notification
  17. 17. Case Studies
  18. 18. Popular Companies With PWA
  19. 19. 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
  20. 20. Thank you for your time @vivekmadurai