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 Integrations - Connecting to Microsoft Azure Sql Server

In this article, I will show you how to set up your own Microsoft Azure SQL Server Database and then how to integrate this SQL Server database in Outsystems. Create a free Microsoft Azure Account. https://portal.azure.com. Microsoft Azure is a cloud computing service for building, deploying and testing application through Microsoft managed data centers (similar to Amazon’s AWS services) Microsoft provides free accounts with free credit of $200 to spend in the first year of new account. I am using this feature to create a Microsoft Azure SQL Server database in the cloud and will show how easy it is to connect this Azure AQL Server from Outsystems. Click on Add button to add a Azure SQL Database Fill in the details and click on Create button. Your deployment will take few seconds to few min to create. Look for the status in the table. It will change to Created automatically without refreshing the screen and finally when your screen says deployment is compl...

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.