SlideShare a Scribd company logo
Progressive Web Apps
(PWA)
Muhamad Fahriza Novriansyah
Here’s the content of This Presentation :
1. Progressive Web Apps
2. Service Workers
3. Comparison Responsive Web, Native Apps, And PWA
4. Benefit Using PWA Technology
5. Framework in PWA
Contents of Presentation
Progressive Web Apps
Progressive Web Apps(PWA) is websites that can run applications such as native apps that use standard
responsive web design techniques . This PWA can improve the performance capabilities of a web by
resembling native applications. PWA uses the programming languages ​​HTML5, CSS, and Javascript and can
be used on all platforms.
Fig. 1. Example PWA Apps
Service Workers
In PWA there are Service Workers one of the cores of PWA. This service worker is usually used as a proxy and
OS container, together with the caching concept, so it can still be used in offline mode for web applications or
web apps. With this Service Worker resolve the problem of errors on the network or white screen that is
common in previous web technologies
Fig. 2. Service Workers as proxies
Comparison Responsive Web, Native
Apps, And PWA
Capabilities Responsive Website Native App Progressive App
Mobile Friendly Yes Yes Yes
Installable No Yes Yes
SEO-Indexed Yes No Yes
Offline Mode No Yes Yes
Push Notification No Yes Yes
GPS Enabled No Yes Yes
Table. 1. Comparison Responsive Web, Native Apps, And PWA
Benefit Using PWA Technology
Low Development
Costs
App Like Native Apps Fast Installation
Support All Platform No Updating Issues Offline Mode
No Dependence on
App Store
Enhanced Security Support SEO
Framework in PWA
Ionic Angular JS Vue Js React JS
- Free for web
pages
development
- Easy
Maintenance
- Large Plug in
Library
- Large Community
Support
- MVC Framework
- Presence of
IntelliSense and
Typescript
- Supported by Laravel
and Alibaba
- Fast rendering with
Virtual DOM
- Flexible to set up
with the help of
TypeScript and JSX
- Large
community
support
- An extensive
ecosystem
- Speedy
rendering with
Virtual-DOM.
1. Progressive Web Apps is websites that can run applications
such as native apps
2. PWA uses the programming languages ​​HTML5, CSS, and
Javascript and can be used on all platforms.
3. Benefit Using PWA are Low Development Cost, can be
Offline, Support SEO, Support All Platform, Etc.
4. There are many framework to make easier development
PWA such as Ionic, Angular JS, Vue Js, And React JS
Conclusion
[1] A. Luntovskyy, "Advanced software-technological approaches for mobile apps development," 2018 14th International Conference on Advanced
Trends in Radioelecrtronics, Telecommunications and Computer Engineering (TCSET), Slavske, 2018, pp. 113-118.
[2] L. E. Nugroho, A. G. H. Pratama, I. W. Mustika and R. Ferdiana, "Development of monitoring system for smart farming using Progressive Web
App," 2017 9th International Conference on Information Technology and Electrical Engineering (ICITEE), Phuket, 2017, pp. 1-5.
[3] S. Saltis, "What is a Progressive Web App? (And Do You Need One)," coredna, 26 November 2019. [Online]. Available:
https://www.coredna.com/blogs/progressive-web-app. [Accessed 12 January 2020].
[4] A. Syah, " Berkenalan dengan Progressive Web Apps (PWA)" Codepolitan, 11 November 2016. [Online]. Available:
https://www.codepolitan.com/berkenalan-dengan-progressive-web-apps-pwa-581e68e6520ae-1400. [Accessed 11 January 2019].
[5] Y. SHAPTUNOVA, "The Benefits of Progressive Web Apps (PWA) for Business," sam solutions, 28 May 2018. [Online]. Available: https://www.sam-
solutions.com/blog/the-benefits-of-progressive-web-apps-pwa-for-business/. [Accessed 12 January 2019].
[6] A. Mehta, "Top 6 Frameworks and Tools To Build Progressive Web Apps," appinventiv, 2019 July 31. [Online]. Available:
https://appinventiv.com/blog/top-pwa-development-frameworks/. [Accessed 12 January 2020].
Reference

More Related Content

What's hot

Progressive Web App
Progressive Web AppProgressive Web App
Progressive Web App
Subodh Garg
 
Pwa.pptx
Pwa.pptxPwa.pptx
Pwa.pptx
Harish Karthick
 
Progressive Web Applications
Progressive Web ApplicationsProgressive Web Applications
Progressive Web Applications
Bartek Igielski
 
Introduction of Progressive Web App
Introduction of Progressive Web AppIntroduction of Progressive Web App
Introduction of Progressive Web App
Sankalp Khandelwal
 
Progressive web app
Progressive web appProgressive web app
Progressive web app
Deepak Upadhyay
 
Progressive Web-App (PWA)
Progressive Web-App (PWA)Progressive Web-App (PWA)
Progressive Web-App (PWA)
NexThoughts Technologies
 
Progressive Web App
Progressive Web AppProgressive Web App
Progressive Web App
SaleemMalik52
 
PWA - Progressive Web App
PWA - Progressive Web AppPWA - Progressive Web App
PWA - Progressive Web App
Robert Robinson
 
Progressive Web Apps / GDG DevFest - Season 2016
Progressive Web Apps / GDG DevFest - Season 2016Progressive Web Apps / GDG DevFest - Season 2016
Progressive Web Apps / GDG DevFest - Season 2016
Abdelrahman Omran
 
Progressive web apps
Progressive web appsProgressive web apps
Progressive web apps
Akshay Sharma
 
Build progressive web apps with Angular
Build progressive web apps with AngularBuild progressive web apps with Angular
Build progressive web apps with Angular
Simona Cotin
 
PWA
PWAPWA
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
Nitheesh T Ganesh
 
Angular PWA
Angular PWAAngular PWA
Angular PWA
Vinci Rufus
 
Progressive Web Apps and React
Progressive Web Apps and ReactProgressive Web Apps and React
Progressive Web Apps and React
Mike Melusky
 
Progressive Web APP ( PWA )
Progressive Web APP ( PWA ) Progressive Web APP ( PWA )
Progressive Web APP ( PWA )
Bijaya Oli
 
Progressive Web Apps are here!
Progressive Web Apps are here!Progressive Web Apps are here!
Progressive Web Apps are here!
Antonio Peric-Mazar
 
Next.js vs React | what to choose for frontend development_
Next.js vs React | what to choose for frontend development_Next.js vs React | what to choose for frontend development_
Next.js vs React | what to choose for frontend development_
ForceBolt
 
Full Stack Web Development
Full Stack Web DevelopmentFull Stack Web Development
Full Stack Web Development
SWAGATHCHOWDARY1
 
Progressive Web Apps (PWAs): Why you want one & how to optimize them #Applaus...
Progressive Web Apps (PWAs): Why you want one & how to optimize them #Applaus...Progressive Web Apps (PWAs): Why you want one & how to optimize them #Applaus...
Progressive Web Apps (PWAs): Why you want one & how to optimize them #Applaus...
Aleyda Solís
 

What's hot (20)

Progressive Web App
Progressive Web AppProgressive Web App
Progressive Web App
 
Pwa.pptx
Pwa.pptxPwa.pptx
Pwa.pptx
 
Progressive Web Applications
Progressive Web ApplicationsProgressive Web Applications
Progressive Web Applications
 
Introduction of Progressive Web App
Introduction of Progressive Web AppIntroduction of Progressive Web App
Introduction of Progressive Web App
 
Progressive web app
Progressive web appProgressive web app
Progressive web app
 
Progressive Web-App (PWA)
Progressive Web-App (PWA)Progressive Web-App (PWA)
Progressive Web-App (PWA)
 
Progressive Web App
Progressive Web AppProgressive Web App
Progressive Web App
 
PWA - Progressive Web App
PWA - Progressive Web AppPWA - Progressive Web App
PWA - Progressive Web App
 
Progressive Web Apps / GDG DevFest - Season 2016
Progressive Web Apps / GDG DevFest - Season 2016Progressive Web Apps / GDG DevFest - Season 2016
Progressive Web Apps / GDG DevFest - Season 2016
 
Progressive web apps
Progressive web appsProgressive web apps
Progressive web apps
 
Build progressive web apps with Angular
Build progressive web apps with AngularBuild progressive web apps with Angular
Build progressive web apps with Angular
 
PWA
PWAPWA
PWA
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
 
Angular PWA
Angular PWAAngular PWA
Angular PWA
 
Progressive Web Apps and React
Progressive Web Apps and ReactProgressive Web Apps and React
Progressive Web Apps and React
 
Progressive Web APP ( PWA )
Progressive Web APP ( PWA ) Progressive Web APP ( PWA )
Progressive Web APP ( PWA )
 
Progressive Web Apps are here!
Progressive Web Apps are here!Progressive Web Apps are here!
Progressive Web Apps are here!
 
Next.js vs React | what to choose for frontend development_
Next.js vs React | what to choose for frontend development_Next.js vs React | what to choose for frontend development_
Next.js vs React | what to choose for frontend development_
 
Full Stack Web Development
Full Stack Web DevelopmentFull Stack Web Development
Full Stack Web Development
 
Progressive Web Apps (PWAs): Why you want one & how to optimize them #Applaus...
Progressive Web Apps (PWAs): Why you want one & how to optimize them #Applaus...Progressive Web Apps (PWAs): Why you want one & how to optimize them #Applaus...
Progressive Web Apps (PWAs): Why you want one & how to optimize them #Applaus...
 

Similar to Progressive Web Apps(PWA)

Progressive Web Apps –The Future of Apps
Progressive Web Apps –The Future of Apps   Progressive Web Apps –The Future of Apps
Progressive Web Apps –The Future of Apps
Ashish Saxena
 
Progressive Web Apps (PWAs) - Transforming the Future of Full-Stack Developme...
Progressive Web Apps (PWAs) - Transforming the Future of Full-Stack Developme...Progressive Web Apps (PWAs) - Transforming the Future of Full-Stack Developme...
Progressive Web Apps (PWAs) - Transforming the Future of Full-Stack Developme...
mohitreal1995
 
Elevating Business_ Java Technologies In Web App.pdf
Elevating Business_ Java Technologies In Web App.pdfElevating Business_ Java Technologies In Web App.pdf
Elevating Business_ Java Technologies In Web App.pdf
Lucas Lagone
 
IRJET- Cross-Platform Supported E-Learning Mobile Application
IRJET- Cross-Platform Supported E-Learning Mobile ApplicationIRJET- Cross-Platform Supported E-Learning Mobile Application
IRJET- Cross-Platform Supported E-Learning Mobile Application
IRJET Journal
 
What Are The Top 5 Progressive Web App Development Frameworks For 2023
What Are The Top 5 Progressive Web App Development Frameworks For 2023What Are The Top 5 Progressive Web App Development Frameworks For 2023
What Are The Top 5 Progressive Web App Development Frameworks For 2023
CalvinLee106
 
IRJET-Garbage Monitoring and Management using Internet of things
IRJET-Garbage Monitoring and Management using Internet of thingsIRJET-Garbage Monitoring and Management using Internet of things
IRJET-Garbage Monitoring and Management using Internet of things
IRJET Journal
 
SEMINAR (pwa).pptx
SEMINAR (pwa).pptxSEMINAR (pwa).pptx
SEMINAR (pwa).pptx
BasitMir10
 
Introduction to Web Frameworks
Introduction to Web FrameworksIntroduction to Web Frameworks
Introduction to Web Frameworks
Sarika Jadhav
 
Full Stack Development
Full Stack DevelopmentFull Stack Development
The Ultimate Guide to Modern Web App Development.ppt
The Ultimate Guide to Modern Web App Development.pptThe Ultimate Guide to Modern Web App Development.ppt
The Ultimate Guide to Modern Web App Development.ppt
Asad Majeed
 
Top 10 Best PWA Development Tools and Technologies to Use.pdf
Top 10 Best PWA Development Tools and Technologies to Use.pdfTop 10 Best PWA Development Tools and Technologies to Use.pdf
Top 10 Best PWA Development Tools and Technologies to Use.pdf
Groovy Web
 
Full Stack Web Development: Vision, Challenges and Future Scope
Full Stack Web Development: Vision, Challenges and Future ScopeFull Stack Web Development: Vision, Challenges and Future Scope
Full Stack Web Development: Vision, Challenges and Future Scope
IRJET Journal
 
Top 10 Frameworks Programmers Should Learn in 2020
Top 10 Frameworks Programmers Should Learn in 2020Top 10 Frameworks Programmers Should Learn in 2020
Top 10 Frameworks Programmers Should Learn in 2020
NexSoftsys
 
IP PROJECT E-GOVERNMENTAL HELPLINE
IP PROJECT E-GOVERNMENTAL HELPLINEIP PROJECT E-GOVERNMENTAL HELPLINE
IP PROJECT E-GOVERNMENTAL HELPLINE
Mathesh T
 
Build Innovative Web Applications with Full Stack Development Know -123.pdf
Build Innovative Web Applications with Full Stack Development Know -123.pdfBuild Innovative Web Applications with Full Stack Development Know -123.pdf
Build Innovative Web Applications with Full Stack Development Know -123.pdf
Uncodemy
 
PWA ( Progressive Web Apps ) - Sai Kiran Kasireddy
PWA ( Progressive Web Apps ) - Sai Kiran KasireddyPWA ( Progressive Web Apps ) - Sai Kiran Kasireddy
PWA ( Progressive Web Apps ) - Sai Kiran Kasireddy
Sai Kiran Kasireddy
 
www-valuecoders-com-blog-technology-and-apps-how-to-choose-right-web-developm...
www-valuecoders-com-blog-technology-and-apps-how-to-choose-right-web-developm...www-valuecoders-com-blog-technology-and-apps-how-to-choose-right-web-developm...
www-valuecoders-com-blog-technology-and-apps-how-to-choose-right-web-developm...
JamesEddie2
 
Top 5 backend frameworks for web development in.pptx
Top 5 backend frameworks for web development in.pptxTop 5 backend frameworks for web development in.pptx
Top 5 backend frameworks for web development in.pptx
SilverClouding Consultancy Pvt Ltd
 
Top 10 PWA Frameworks in 2020
Top 10 PWA Frameworks in 2020Top 10 PWA Frameworks in 2020
Top 10 PWA Frameworks in 2020
Devathon
 
How to use Java in Web Application Development?
How to use Java in Web Application Development?How to use Java in Web Application Development?
How to use Java in Web Application Development?
Inexture Solutions
 

Similar to Progressive Web Apps(PWA) (20)

Progressive Web Apps –The Future of Apps
Progressive Web Apps –The Future of Apps   Progressive Web Apps –The Future of Apps
Progressive Web Apps –The Future of Apps
 
Progressive Web Apps (PWAs) - Transforming the Future of Full-Stack Developme...
Progressive Web Apps (PWAs) - Transforming the Future of Full-Stack Developme...Progressive Web Apps (PWAs) - Transforming the Future of Full-Stack Developme...
Progressive Web Apps (PWAs) - Transforming the Future of Full-Stack Developme...
 
Elevating Business_ Java Technologies In Web App.pdf
Elevating Business_ Java Technologies In Web App.pdfElevating Business_ Java Technologies In Web App.pdf
Elevating Business_ Java Technologies In Web App.pdf
 
IRJET- Cross-Platform Supported E-Learning Mobile Application
IRJET- Cross-Platform Supported E-Learning Mobile ApplicationIRJET- Cross-Platform Supported E-Learning Mobile Application
IRJET- Cross-Platform Supported E-Learning Mobile Application
 
What Are The Top 5 Progressive Web App Development Frameworks For 2023
What Are The Top 5 Progressive Web App Development Frameworks For 2023What Are The Top 5 Progressive Web App Development Frameworks For 2023
What Are The Top 5 Progressive Web App Development Frameworks For 2023
 
IRJET-Garbage Monitoring and Management using Internet of things
IRJET-Garbage Monitoring and Management using Internet of thingsIRJET-Garbage Monitoring and Management using Internet of things
IRJET-Garbage Monitoring and Management using Internet of things
 
SEMINAR (pwa).pptx
SEMINAR (pwa).pptxSEMINAR (pwa).pptx
SEMINAR (pwa).pptx
 
Introduction to Web Frameworks
Introduction to Web FrameworksIntroduction to Web Frameworks
Introduction to Web Frameworks
 
Full Stack Development
Full Stack DevelopmentFull Stack Development
Full Stack Development
 
The Ultimate Guide to Modern Web App Development.ppt
The Ultimate Guide to Modern Web App Development.pptThe Ultimate Guide to Modern Web App Development.ppt
The Ultimate Guide to Modern Web App Development.ppt
 
Top 10 Best PWA Development Tools and Technologies to Use.pdf
Top 10 Best PWA Development Tools and Technologies to Use.pdfTop 10 Best PWA Development Tools and Technologies to Use.pdf
Top 10 Best PWA Development Tools and Technologies to Use.pdf
 
Full Stack Web Development: Vision, Challenges and Future Scope
Full Stack Web Development: Vision, Challenges and Future ScopeFull Stack Web Development: Vision, Challenges and Future Scope
Full Stack Web Development: Vision, Challenges and Future Scope
 
Top 10 Frameworks Programmers Should Learn in 2020
Top 10 Frameworks Programmers Should Learn in 2020Top 10 Frameworks Programmers Should Learn in 2020
Top 10 Frameworks Programmers Should Learn in 2020
 
IP PROJECT E-GOVERNMENTAL HELPLINE
IP PROJECT E-GOVERNMENTAL HELPLINEIP PROJECT E-GOVERNMENTAL HELPLINE
IP PROJECT E-GOVERNMENTAL HELPLINE
 
Build Innovative Web Applications with Full Stack Development Know -123.pdf
Build Innovative Web Applications with Full Stack Development Know -123.pdfBuild Innovative Web Applications with Full Stack Development Know -123.pdf
Build Innovative Web Applications with Full Stack Development Know -123.pdf
 
PWA ( Progressive Web Apps ) - Sai Kiran Kasireddy
PWA ( Progressive Web Apps ) - Sai Kiran KasireddyPWA ( Progressive Web Apps ) - Sai Kiran Kasireddy
PWA ( Progressive Web Apps ) - Sai Kiran Kasireddy
 
www-valuecoders-com-blog-technology-and-apps-how-to-choose-right-web-developm...
www-valuecoders-com-blog-technology-and-apps-how-to-choose-right-web-developm...www-valuecoders-com-blog-technology-and-apps-how-to-choose-right-web-developm...
www-valuecoders-com-blog-technology-and-apps-how-to-choose-right-web-developm...
 
Top 5 backend frameworks for web development in.pptx
Top 5 backend frameworks for web development in.pptxTop 5 backend frameworks for web development in.pptx
Top 5 backend frameworks for web development in.pptx
 
Top 10 PWA Frameworks in 2020
Top 10 PWA Frameworks in 2020Top 10 PWA Frameworks in 2020
Top 10 PWA Frameworks in 2020
 
How to use Java in Web Application Development?
How to use Java in Web Application Development?How to use Java in Web Application Development?
How to use Java in Web Application Development?
 

Recently uploaded

Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*
Frank van Harmelen
 
Knowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and backKnowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and back
Elena Simperl
 
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
Product School
 
FIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdfFIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance
 
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdfFIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance
 
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 previewState of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
Prayukth K V
 
The Future of Platform Engineering
The Future of Platform EngineeringThe Future of Platform Engineering
The Future of Platform Engineering
Jemma Hussein Allen
 
When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...
Elena Simperl
 
How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...
Product School
 
UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4
DianaGray10
 
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMsTo Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
Paul Groth
 
Leading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdfLeading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdf
OnBoard
 
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
DanBrown980551
 
PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)
Ralf Eggert
 
JMeter webinar - integration with InfluxDB and Grafana
JMeter webinar - integration with InfluxDB and GrafanaJMeter webinar - integration with InfluxDB and Grafana
JMeter webinar - integration with InfluxDB and Grafana
RTTS
 
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdfSmart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
91mobiles
 
Search and Society: Reimagining Information Access for Radical Futures
Search and Society: Reimagining Information Access for Radical FuturesSearch and Society: Reimagining Information Access for Radical Futures
Search and Society: Reimagining Information Access for Radical Futures
Bhaskar Mitra
 
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
UiPathCommunity
 
"Impact of front-end architecture on development cost", Viktor Turskyi
"Impact of front-end architecture on development cost", Viktor Turskyi"Impact of front-end architecture on development cost", Viktor Turskyi
"Impact of front-end architecture on development cost", Viktor Turskyi
Fwdays
 
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Ramesh Iyer
 

Recently uploaded (20)

Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*
 
Knowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and backKnowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and back
 
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
 
FIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdfFIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdf
 
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdfFIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
 
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 previewState of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
 
The Future of Platform Engineering
The Future of Platform EngineeringThe Future of Platform Engineering
The Future of Platform Engineering
 
When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...
 
How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...
 
UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4
 
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMsTo Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
 
Leading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdfLeading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdf
 
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
 
PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)
 
JMeter webinar - integration with InfluxDB and Grafana
JMeter webinar - integration with InfluxDB and GrafanaJMeter webinar - integration with InfluxDB and Grafana
JMeter webinar - integration with InfluxDB and Grafana
 
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdfSmart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
 
Search and Society: Reimagining Information Access for Radical Futures
Search and Society: Reimagining Information Access for Radical FuturesSearch and Society: Reimagining Information Access for Radical Futures
Search and Society: Reimagining Information Access for Radical Futures
 
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
 
"Impact of front-end architecture on development cost", Viktor Turskyi
"Impact of front-end architecture on development cost", Viktor Turskyi"Impact of front-end architecture on development cost", Viktor Turskyi
"Impact of front-end architecture on development cost", Viktor Turskyi
 
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
 

Progressive Web Apps(PWA)

  • 2. Here’s the content of This Presentation : 1. Progressive Web Apps 2. Service Workers 3. Comparison Responsive Web, Native Apps, And PWA 4. Benefit Using PWA Technology 5. Framework in PWA Contents of Presentation
  • 3. Progressive Web Apps Progressive Web Apps(PWA) is websites that can run applications such as native apps that use standard responsive web design techniques . This PWA can improve the performance capabilities of a web by resembling native applications. PWA uses the programming languages ​​HTML5, CSS, and Javascript and can be used on all platforms. Fig. 1. Example PWA Apps
  • 4. Service Workers In PWA there are Service Workers one of the cores of PWA. This service worker is usually used as a proxy and OS container, together with the caching concept, so it can still be used in offline mode for web applications or web apps. With this Service Worker resolve the problem of errors on the network or white screen that is common in previous web technologies Fig. 2. Service Workers as proxies
  • 5. Comparison Responsive Web, Native Apps, And PWA Capabilities Responsive Website Native App Progressive App Mobile Friendly Yes Yes Yes Installable No Yes Yes SEO-Indexed Yes No Yes Offline Mode No Yes Yes Push Notification No Yes Yes GPS Enabled No Yes Yes Table. 1. Comparison Responsive Web, Native Apps, And PWA
  • 6. Benefit Using PWA Technology Low Development Costs App Like Native Apps Fast Installation Support All Platform No Updating Issues Offline Mode No Dependence on App Store Enhanced Security Support SEO
  • 7. Framework in PWA Ionic Angular JS Vue Js React JS - Free for web pages development - Easy Maintenance - Large Plug in Library - Large Community Support - MVC Framework - Presence of IntelliSense and Typescript - Supported by Laravel and Alibaba - Fast rendering with Virtual DOM - Flexible to set up with the help of TypeScript and JSX - Large community support - An extensive ecosystem - Speedy rendering with Virtual-DOM.
  • 8. 1. Progressive Web Apps is websites that can run applications such as native apps 2. PWA uses the programming languages ​​HTML5, CSS, and Javascript and can be used on all platforms. 3. Benefit Using PWA are Low Development Cost, can be Offline, Support SEO, Support All Platform, Etc. 4. There are many framework to make easier development PWA such as Ionic, Angular JS, Vue Js, And React JS Conclusion
  • 9. [1] A. Luntovskyy, "Advanced software-technological approaches for mobile apps development," 2018 14th International Conference on Advanced Trends in Radioelecrtronics, Telecommunications and Computer Engineering (TCSET), Slavske, 2018, pp. 113-118. [2] L. E. Nugroho, A. G. H. Pratama, I. W. Mustika and R. Ferdiana, "Development of monitoring system for smart farming using Progressive Web App," 2017 9th International Conference on Information Technology and Electrical Engineering (ICITEE), Phuket, 2017, pp. 1-5. [3] S. Saltis, "What is a Progressive Web App? (And Do You Need One)," coredna, 26 November 2019. [Online]. Available: https://www.coredna.com/blogs/progressive-web-app. [Accessed 12 January 2020]. [4] A. Syah, " Berkenalan dengan Progressive Web Apps (PWA)" Codepolitan, 11 November 2016. [Online]. Available: https://www.codepolitan.com/berkenalan-dengan-progressive-web-apps-pwa-581e68e6520ae-1400. [Accessed 11 January 2019]. [5] Y. SHAPTUNOVA, "The Benefits of Progressive Web Apps (PWA) for Business," sam solutions, 28 May 2018. [Online]. Available: https://www.sam- solutions.com/blog/the-benefits-of-progressive-web-apps-pwa-for-business/. [Accessed 12 January 2019]. [6] A. Mehta, "Top 6 Frameworks and Tools To Build Progressive Web Apps," appinventiv, 2019 July 31. [Online]. Available: https://appinventiv.com/blog/top-pwa-development-frameworks/. [Accessed 12 January 2020]. Reference

Editor's Notes

  1. So this is the content of my final presentation, there's 2 things,this is about what i’ve done for this internship, and what i learn from this intern.
  2. For real information i get that for official and other website, and for keyword i get that from review website and the tools keyword like google ads and google trends. So this content have maximum character for good design , i simply check character with the tools from letter count website.