WK Webster Prototype 5

Step-by-Step Tutorial: Transforming a Legacy Application Interface with Microsoft's WK Webster Prototype 5

1. Introduction to the Prototype

• Watch the demo video titled "WK Webster Prototype 5" from the Macrosoft Inc. channel on YouTube.
• The prototype showcases the transformation of a legacy application interface to a modern look and feel using Microsoft's WK Webster Prototype 5.

2. User Interface Design

• The upcoming browser-based application, Inception, boasts a seamless and coherent user experience.
• The user interface leverages Cutting Edge UI Frameworks such as Angular, Bootstrap, and Material Controls to ensure a modern and responsive application.

3. Main Menu Style

• The main menu style adheres to industry standards for business applications and has been developed in alignment with foundation principles.

4. Legacy Screen Transformation

• The Legacy screen in VFP for open cases has been transformed into a modern look and feel.
• The open cases screen displays a list of cases with columns curated to mirror those in the VFP application.

5. Modern Grid Features

• The modern grid offers pre-built features that enhance functionality, such as sorting and filtering.
• Users can arrange records in ascending or descending order by clicking the up or down arrow icon next to any column.

6. Dynamic Loading and Pagination

• Records load dynamically as users scroll down, providing a seamless and responsive experience.
• Pagination options are available for structured data presentation.

7. Filtering and Searching

• Filters can be applied to any column within the grid, tailored to the data type of each column.
• Users can conduct straightforward searches by entering text or numbers into the search bar.
• Advanced search options using 'and' and 'or' conditions are available for more specific filtering.

8. Versatile Search Options

• Text type columns offer search options like contains, not contains, equals, starts with, blank, and more.
• Numeric columns provide options like equals, not equal, less than, greater than, and less than or equals.
• Users can define specific numeric ranges for search criteria.

9. Claim Screen Design

• Accessing a claim is straightforward with the new claim screen design.
• The screen incorporates elements from the Legacy design for a familiar user experience.
• Material controls are used for a clean and organized presentation of data.

10. User Experience Optimization

• Controls are intuitively positioned in familiar locations for ease of use.
• Inputting dates and selecting multiple choices are simplified in the new application.
• The prototype offers a clear glimpse of the anticipated appearance of your migrated application.

11. Conclusion

• The Microsoft team is confident that the WK Webster Prototype 5 provides a modern and efficient user interface design.
• Thank you for watching the demo video and exploring the features of the prototype.

By following these steps, you can understand the key features and transformations showcased in Microsoft's WK Webster Prototype 5 for a seamless and modern user experience.