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:
Watch the following webinar (01:03:00) to learn about progressive views:
Video contents
Agenda | |
Overview | |
Solution architecture | |
Enable Progressive Views | |
What's Changed - Smart IT and Progressive Views | |
Customization with Progressive Views | |
Progressive Views ticket types | |
Mid Tier and Progressive Views rendering, customization best practices | |
Benefits | |
Troubleshooting | |
References and summary |
Features of Progressive Web Applications
Progressive Web Application contain the following features in BMC Helix ITSM:
- Customization—Capable of adding customized forms, fields, and views that are specific to your business use cases.
- Persistent column view—Capable of retaining your choice of column views across tables.
- Responsive UI—Capable of displaying user interfaces on devices with varying screen sizes, resolutions, and OS.
- Functionality and security— Capable of keeping consistent functionality and security across all clients.
- Data-driven localization—Capable of extracting localized strings for utilization when the application is running.
- Installable—In the case of mobile devices, capable of placing useful applications on your home screen without the need for an application store.
- App-like—Capable of providing an app-like navigation and interactions on mobile clients by using an app shell.
- Linkable—Capable of sharing by using a link without requiring 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.
Persistent table views for smarter service management
Progressive Web Application (PWA) screens in BMC Helix ITSM support persistent table customizations. You can resize, reorder, hide, and unhide columns in tables according to your preferences. Your column settings are retained across sessions, improving efficiency and reducing repetitive manual adjustments.
If the table toolbar is enabled by your administrator, you can perform the following actions from the Preferences menu:
- Select the columns to be shown or hidden based on relevance
- Reset your column customizations and revert to the default table view
For more details about configuring table columns in Developer Studio, see Field properties, Process commands, and Creating list view tables with customizable columns (Insert IS target link).
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.
View the differences in the UI
Work order screens
The following table displays the Smart IT and PWA screens for work order:
Smart ITwork order screen | PWA work order screen |
|---|---|
|
|
Incident screens
The following table displays the Smart IT and PWA screens for creating an incident:
Smart ITincident screen | PWA incident screen |
|---|---|
|
|
Asset screens
The following table displays the Smart IT and PWA screens for asset information:
Smart ITasset screen | PWA asset screen |
|---|---|
|
|
Outage screens
The following table displays the Smart IT and PWA screens for outage:
Smart IToutage screen | PWA outage screen |
|---|---|
|
|
People profile screens
The following table displays the Smart IT and PWA screens for People profile:
Smart ITPeople profile screen | PWA People profile screen |
|---|---|
|
|
Broadcast screens
The following table displays the Smart IT and PWA screens for creating a broadcast:
Smart ITbroadcast screen | PWA broadcast screen |
|---|---|
|
|
Problem investigation screens
The following table displays the Smart IT and PWA screens for problem investigations:
Smart ITproblem investigations screen | PWA problem investigations screen |
|---|---|
|
|
Known error screens
The following table displays the Smart IT and PWA screens for known errors:
Smart ITknown error screen | PWA known error screen |
|---|---|
|
|
Task screens
The following table displays the Smart IT and PWA screens for adding tasks:
Smart ITtasks screen | PWA tasks screen |
|---|---|
Add tasks from scratch
| Add tasks from scratch
|
Add tasks from template
| Add tasks from template
|
Change request screens
The following table displays the Smart IT and PWA screens for change request:
Smart ITchange request screen | PWA change request screen |
|---|---|
|
|
Release request screens
The following table displays the Smart IT and PWA screens for a release request:
Smart ITrelease request screen | PWA release request screen |
|---|---|
|
|
Where to go from here