O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.
Progressive Web App(PWA)
Web Evolution
Vivek Madurai OrangeScape
Agenda
➢ Web Evolution from 1.0 to 2.0
➢ Path to Web 3.0
➢ Intro on Web 2.5
➢ Why PWA
➢ What’s PWA
Web 1.0 - Only Read
Web 2.0 - Read and Write
Web 2.0 Examples
Web 3.0 - Read, Write and Execute(AI, Mobility ….)
➢ What if computers can understand meaning behind information
➢ What if...
Web 2.5 - Current Evolution
➢ What we are currently seeing now (2010 - 2020)
➢ Cloud platform service providers
➢ Web appl...
Mobile Plays a Major Role in Web 2.5
Why Progressive Web App
Mobile Web vs Native App
We spend more time in top 3 or 5 apps like Gmail, Facebook, Whatsapp, Maps etc.,
We rarely spend time in browsing apps via...
Today’s Mobile Web
User Acquisition Cost
What’s Wrong with Mobile Web
➢ Apps reliability due to slow mobile network
➢ User experience like smoothness, animation
➢ ...
What’s Wrong in Native App
➢ High cost in building and delivering
➢ Difficult to share information
➢ Reach via Search Engi...
What’s PWA
➢ Combines the best of the web and best of the apps
➢ Reliable and load quickly as native web app, but delivere...
How PWA works
➢ App Shell Architecture (Loads instantly)
➢ Https (Security)
➢ Service Worker (Caching)
➢ Web App Manifest
...
Case Studies
https://developers.google.com/web/showcase/
Popular Companies With PWA
Web 4.0 - Ultra intelligent Personal Agent
➢ Good morning, You're flying to Delhi today
➢ Take a raincoat, it's raining in...
Thank you for your time
http://vivekmadurai.com
@vivekmadurai
Progressive Web App - PWA
Progressive Web App - PWA
Progressive Web App - PWA
Progressive Web App - PWA
Progressive Web App - PWA
Progressive Web App - PWA
Próximos SlideShares
Carregando em…5
×

Progressive Web App - PWA

119 visualizações

Publicada em

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

Publicada em: Celular
  • Seja o primeiro a comentar

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 https://developers.google.com/web/showcase/
  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 http://vivekmadurai.com @vivekmadurai

×