Developing a Progressive Web Application
Progressive web applications (PWA) are applications that use common web technologies including HTML, CSS, and JavaScript. These applications are platform-independent and can be used across different devices such as desktops, tablets, and mobiles.
You can develop a PWA in
Developer Studio
. PWA technology provides you with the ability to create applications and additions to the BMC Helix ITSM applications that work across multiple platforms. For example, the same application runs on an iOS device or an Android device without you having to develop a separate client for each device.
Progressive web applications automatically fit the screen of the device they run on.
The following diagram shows the high-level process of developing applications with PWA technologies by using Developer Studio .
Topics related to developing PWA in Developer Studio
Read through the following topics to learn more about developing a progressive web application in Developer Studio .
| Action | Reference |
|---|---|
To know the basics of accessing and using Developer Studio | Accessing and navigating Developer Studio |
| Enable progressive views for forms | Enabling Progressive Views for forms from the Centralized Configuration |
| Mid Tier architecture for Progressive Web Applications | Mid Tier architecture |
| To understand the flow layout when designing a progressive web application | Flow panel holder |
| Know about different kinds of panel holders | Panel holder display types |
| To know best practices when developing a PWA | Customization best practices for developing PWA |
| To learn about the localization support for a progressive web application | Localizing a Progressive Web Application |
| To know how to use autocomplete for character fields in search menus | Creating search menus |
| To achieve better performance by setting the active links to run in parallel | Creating active links |
| To know the properties supported when developing a progressive view | Field properties |
| Creating filters and advanced filters in progressive views | |
To know the icons available in Developer Studio for PWA | |
| To create various types of selection lists | Creating drp-dowselection lists in PWA that allrow gresslctionive of muWeb tple opApplications |
| Creating dynamic multiple selection lists for pProgressive wWeb aApplications by using JSON data | |
| Add RTF fields | Adding RTF fields in Progressive Web Applications |
| Add a pause to a character field in a workflow | Adding a pause interval in a character field for a workflow in PWA |
| Create a survey | Creating a survey questionnaire |
| Manage attachments | Managing attachments in Progressive Web Applications by using a remote form |
| Add typeahead to mention users in the organization | Configuring the @mention component |
| Create a progress bar | Configuring the Progress bar widget in Progressive Web Applications |
| Add autocomplete to a field | Automatically completing menu entries |
| Adding images | Adding background images to fields and form views |
Automatically aligning fields in Developer Studio | Aligning fields |
Videos related to developing PWA in Developer Studio
You can watch the following videos to know more about developing progressive web applications:
| Video title | Description |
|---|---|
| Webinar: BMC Helix Progressive Web Apps Introduction & Best Practices | |
| Webinar: BMC Progressive Web Application (PWA) Development In Helix ITSM | |
| Overview of Progressive Web Applications | |
| Advancements in Developer Studio to support PWA | |
| Use cases for Progressive Web Applications. |
|
| Localizing a Progressive Web Application |
|
Panel holder display types, creating fixed panels and complex layouts with flow panels |
|
| |
| Configuring a progress bar widget |
|
| Managing attachments in PWA by using a remote form |
|
Troubleshooting PWA |
|
| Adding images to buttons and background images to fields and form views. |
This video (3:54) provides a summary of adding static or SVG images in Developer Studio for progressive views. |
| Creating dynamic selection lists for Progressive Web Applications by using JSON data |
|
| Creating a survey questionnaire | |
| Adding images in PWA | This video (3:54) provides a summary of adding static or SVG images in Developer Studio for progressive views: |
| Aligning fields | |
| Creating typeahead fields for PWA |
Comments
"Know about different kids of panel holders" should be "Know about different kinds of panel holders"
Thanks for pointing this out, Daniel. Correcting this.
Log in or register to comment.