Progressive Web Application (PWA) screens

Overview of Progressive Web Application screens

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

By using PWA, you can create applications that are flexible and provide a dynamic, modern UX for your applications. 

To learn more about developing PWA screens, see the following topics in the BMC Helix Innovation Suite documentation:

• Progressive web application screens
• Developing Progressive Web Applications
  

Features of Progressive Web Applications

• Customization: High level of customizability means you can add forms, fields, and views that are specific to your business use cases.
• Responsive UI: Capable of displaying user interfaces on devices with varying screen size, resolution, and OS.
• Functionality and security: Consistent across all clients.
• Data-driven localization: Localized strings are extracted and used when the application is running.
• Installable: In the case of mobile devices, allows you to place useful applications on your home screen without the need of an application store.
• App-like: Uses an app shell that provides an app-like navigation and interactions on mobile clients.
• Linkable: Shareable by using a link. It does not require complex installations.

Benefits of Progressive Web Applications

• Faster application load time.
  PWA is designed along the lines of a Single Page Application (SPA), so all static content is loaded once in a browser, and you can navigate seamlessly without the whole browser page being refreshed.
• Flexibility for developing a dynamic user interface.
• Ease of customizing the application.
• Support for Section 508 compliance similar to that of Smart IT and Mid Tier.
• Support for localization. 
  You can localize all labels in a generic fashion without the need to create per-locale views. You can also retrieve locale-based data.
• Accessible with user credentials by the standard login functionality similar to that of Smart IT including RSSO integration.

Differences in Classic Smart IT and Progressive Web Application screens

The PWA screens are designed to look similar to that of Classic Smart IT, while incorporating a few strategic changes to enhance the user experience. You can see a comparison of the Classic Smart IT and the PWA screens in the following section: View the differences in the UI.

For a detailed comparison of changes between Classic Smart IT and PWA screens, see Differences-between-the-classic-Smart-IT-and-Progressive-Web-App-screens.

Where to go from here

Enabling the Progressive Web Application screens