Uploaded May 2025 | Updated September 2026, 2 weeks ago
This UI5ers live episode focuses on efficient web application development using SAP Fiori elements and tools. First, we explore leveraging SAP Fiori elements to efficiently address web application requirements, emphasizing its benefits for building consistent, standardized apps with built-in enterprise features. We showcases tools like the Feature Showcase App and the Flexible Programming Model Explorer to demonstrate how developers can balance efficiency and flexibility, customizing SAP Fiori elements to meet project-specific needs. Next, we unveil enhancements to local previewing with the SAP Fiori tools Application Modeler, showcasing the shift from managing physical sandbox files to a middleware-driven approach using virtual endpoints. This feature improves local previewing for existing and newly generated applications, allowing developers to focus on core business logic rather than preview setup.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _
Video Chapters:
00:00 Welcome
01:11 SAP Fiori Elements Overview
04:23 Feature Showcase App Walkthrough
08:27Flexible Programming Model Explorer
16:30 Application Preview Capabilities in SAP Fiori Tools
34:01 Future Developments and Converter Options
35:45 Closing Remarks
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _
Resources:
SAP Fiori elements feature showcase app: github.com/SAP-samples/abap-platform-fiori-feature-showcase
Flexible Programming Model explorer: ui5.sap.com/test-resources/sap/fe/core/fpmExplorer/index.html#/overview/introduction
SAP Fiori Tools - Application Modeler VS Code Extension: marketplace.visualstudio.com/items?itemName=SAPSE.sap-ux-application-modeler-extension
Open UX tools repo: github.com/SAP/open-ux-tools
NPM Bundle of specific Open UX tools middlewares (e.g. fiori-tools-preview): npmjs.com/package/@sap/ux-ui5-tooling
preview middleware on npm: npmjs.com/package/@sap-ux/preview-middleware
Preview middleware demo: github.com/heimwege/cap-node-fe-ts-sample
CLI for SAP UX apps: npmjs.com/package/@sap-ux/create
convert command (simulate):
npx --yes @sap-ux/create@latest convert preview-config -s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
Music: klinik FX
This UI5ers live episode focuses on efficient web application development using SAP Fiori elements and tools. First, we explore leveraging SAP Fiori elements to efficiently address web application requirements, emphasizing its benefits for building consistent, standardized apps with built-in enterprise features. We showcases tools like the Feature Showcase App and the Flexible Programming Model Explorer to demonstrate how developers can balance efficiency and flexibility, customizing SAP Fiori elements to meet project-specific needs. Next, we unveil enhancements to local previewing with the SAP Fiori tools Application Modeler, showcasing the shift from managing physical sandbox files to a middleware-driven approach using virtual endpoints. This feature improves local previewing for existing and newly generated applications, allowing developers to focus on core business logic rather than preview setup.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _
Video Chapters:
00:00 Welcome
01:11 SAP Fiori Elements Overview
04:23 Feature Showcase App Walkthrough
08:27Flexible Programming Model Explorer
16:30 Application Preview Capabilities in SAP Fiori Tools
34:01 Future Developments and Converter Options
35:45 Closing Remarks
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _
Resources:
SAP Fiori elements feature showcase app: github.com/SAP-samples/abap-platform-fiori-feature-showcase
Flexible Programming Model explorer: ui5.sap.com/test-resources/sap/fe/core/fpmExplorer/index.html#/overview/introduction
SAP Fiori Tools - Application Modeler VS Code Extension: marketplace.visualstudio.com/items?itemName=SAPSE.sap-ux-application-modeler-extension
Open UX tools repo: github.com/SAP/open-ux-tools
NPM Bundle of specific Open UX tools middlewares (e.g. fiori-tools-preview): npmjs.com/package/@sap/ux-ui5-tooling
preview middleware on npm: npmjs.com/package/@sap-ux/preview-middleware
Preview middleware demo: github.com/heimwege/cap-node-fe-ts-sample
CLI for SAP UX apps: npmjs.com/package/@sap-ux/create
convert command (simulate):
npx --yes @sap-ux/create@latest convert preview-config -s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
Music: klinik FX
