Skip to main content

What are Progressive Web Applications


This article will help you to answer following questions :

What are Progressive Web Applications ?
How are they different from Mobile and Web Applications ?
What are the advantages of building Progressive Web Applications ?


What are Progressive Web Applications?

The concept of Progressive Web Applications was first introduced by Google in 2015. The applications built using this technology utilizes the best of both worlds from Mobile and Web Applications.

Mobile applications are those applications which are particularly designed keeping mobile phones and their sizes in mind so that the look and feel of these applications are best to view in mobile phones. Similarly Web applications are designed in such a way that the look and feel is best to view the applications in bigger screen devices like laptops and desktops.

Now comes a newer version called Progressive Web applications which can be viewed in different devices using the same application code.

How are they different from Mobile and Web Applications ?

Mobile applications come in different flavors like IOS and Android depending on where the application is finally intended to be installed. Generally you will have to develop the application code for different types of targeted devices. Although there are certain tools like Outsystems where you can just develop your mobile application code once and can be distributed to either IOS or Android. And once you have distributed the code into Google Play Store or Apple App Store, users have to download and install the applications in their mobile device. As some experts say, applications loses around 20% of its users just between downloading an app and using the app for the first time.
Here comes the beauty of the Progressive Web Apps (PWA). 

You do not need to download and install a PWA. Users can just add an app on their home screen without actually downloading and installing it and still be able to perform all the functions like any other mobile app.


What are the advantages of building Progressive Web Applications ?

  • PWA does not need to be downloaded from Google Play Store or Apple App Store to be installed on your mobile device. They can just be added to your home screen when accessing through a browser.
  • Does not take up space on your mobile device. These are light weight apps on your device.
  • PWA can still get push notifications as in any other mobile apps
  • PWA are best suited for offline applications too.
  • Since PWA are basically web applications they are designed to work on any browser without any issues.

In my next article, I will show you how easy is to build PWA in outsystems and how you can be on the frontline in tech industry.

Comments

Popular posts from this blog

Outsystems Tips and Tricks : Adding iFrame in Reactive Web App

In Outsystems Version 11+, there is no iFrame widget available when you are building Reactive Web Applications. So in case you want to add an iFrame HTML tag or for that matter any other HTML element, you could do so by creating a generic web block and pass HTML in to it by doing as follows.

Consuming Workday WSDL into Outsystems

WSDL (Web Service Description Language) is an XML format for describing network services as a set of endpoints operating on messages containing either document-oriented or procedure-oriented information. The operations and messages are described abstractly, and then bound to a concrete network protocol and message format to define an endpoint . Generally consuming a WSDL (Webservice Description Language) in Outsystems is an easy task but it might get trickier when the WSDL has unsupported use cases built into it. This article will help to understand the difficulties associated with such unsupported use case and attempts to provide a solution. Here is the list of unsupported SOAP use cases from Outystems: https://success.outsystems.com/Documentation/11/Extensibility_and_Integration/SOAP/Consuming_SOAP_Web_Services/Unsupporte d_SOAP_Use_Cases#list-attribute-in-a-single-list-attribute Workday WSDL: The following link provides the WWS (Workday Web Services) API Documentation f...

How to take Full Page Screenshot using Google Developer Tools in Chrome Browser

Click on 3 vertical dots on the top right hand side of the browser. Click on 3 vertical dots again in the Developer Tools Menu and choose "Run Command" option or use keyboard combination ctrl+Shift+P. If you do not see Developer Tools you might have to go to chrome settings and enable this option in your chrome browser. Now type "Capture Full Page Screenshot" in the command bar. Thats it. You should now see the whole page you are viewing will be downloaded automatically in your PC as a PNG file.