Progressive web application screens

A Progressive Web Application (PWA) provides a modern, mobile-friendly interface that is similar to Smart IT but is also customizable and extensible like Mid Tier.

A Progressive Web Application can work with multiple types of clients—browser, Android, and iOS devices. PWAs are designed in such a way that the same view is used for browser and mobile clients, and it is responsive and is rendered according to the clients in which it is displayed. Using PWA, you can create applications that are flexible and provide a dynamic, modern user experience for your applications. 

Related topics

Comparison-between-Developer-Studio-and-BMC-Helix-Innovation-Studio-capabilities

Differences-between-Developer-Studio-features-available-for-Mid-Tier-and-Progressive-Web-Applications

Developing-Progressive-Web-Applications


Important

When you load the progressive views for the first time, depending on the fields on the form and resources on the client machine running the browser, there might be a delay while loading the form.

For example, on a 2 CPU 8 GB client machine, a typical Incident or Problem screen might take about 10-15 seconds more to load.

In Developer Studio, you can enable progressive views for an out-of-the-box (OOTB) form or for a custom form. 

image2021-2-18_11-11-57.png

Examples of Progressive Web Application screens

PWA provides  a modern, mobile-friendly UI that is similar to Smart IT but is also customizable and extensible like Mid Tier.
The following screenshot shows how an incident screen appears when progressive views are enabled:

Incident.png

The following screenshot shows how an incident screen appears
when progressive views are enabled on a mobile phone:

Incident-Mobile.png

The following screenshot shows how an incident screen
appears when progressive views are enabled on a tablet:

Incident-Tab.png

Learning about Progressive Web Application

Mid-Tier-architecture

Enabling Progressive Web Application screens

Enabling-Progressive-Views-for-forms-by-using-Centralized-Configuration-Settings

Creating a Progressive Web Application

Developing-Progressive-Web-Applications

Customization-best-practices-for-developing-PWA

Localizing Progressive Web Applications

Where to go from here

Enabling-Progressive-Views-for-forms-by-using-Centralized-Configuration-Settings

 

Tip: For faster searching, add an asterisk to the end of your partial query. Example: cert*