Online Examples WebApp Refactoring

[ighristov]

Benefit Hypothesis

The current Reporting Online Examples application does not demonstrate the Reporting capabilities in a clear and understandable way. The current example reports are designed with business scenarios in mind, but fail to showcase specific features or approaches.
This is unacceptable because the prospect clients do not have a clear overview on engine/viewer functionalities, and may be left with the impression that our product fits only set of scenarios.
We envision a world where the prospects will be able to see examples designed for showcasing both business needs and specific features.

Solution Scope

Redesign/Refactor the current layout of the web application, exposing three links on the main page:

• Web Designer - opens the page for designing a report and examine WRD functionalities.
• Feature Demos - opens a page that lists feature reports, not grouped by common business scenarios;
• Business Demos - opens a page that lists 'business' reports, showing how the product can meet the reporting needs of an organization.

Examples for Feature Demos: Choropleth, ListBound report, Repeatable Table Groups, Cross-section item
Examples for Business Demos: Invoice, SalesOrder details, Dashboard, Sales By Region

Acceptance criteria:

NOTE: the purpose of this story is to have a working functionality. We'll build upon in a subsequent story, involving UI/UX.

• Redesigned main page, having only the three links mentioned above - see the screenshot below as a reference.
• Created "Reports" page with 'Feature' and 'Business' example reports, displayed in a tree component, with the corresponding node "Feature" or "Business" expanded when navigating from the main page.
• When selected, every report in the tree view will display a detailed description explaining what the end user will see in this report. The content must be SEO- and LLM-optimized.

TBD:

• Overall design, including texts, descriptions, screenshots.
• Report contents for both Feature and Business categories.

Existing solutions

DPL demo

Related OKR

TBA

---

Next Steps

On Team Demo the following ideas were provided:

• Allow every example report to be opened in Web Report Designer. Consider using the preview mode of WRD for viewing examples.
• Add 'Download Report' button so the users will be able to download the report asset.

Aha! Link:

[ighristov]

Please add the report from https://github.com/telerik/reporting/issues/5879 to the 'feature reports'

[dnikolov-prg]

Created a pr - https://github.com/telerik/reporting-demos/pull/60