Skip to main content

Module 33: Capstone Projects (SAPUI5)

Capstone projects demonstrate your ability to apply SAPUI5 concepts in real enterprise scenarios.
These projects combine UI5, OData, RAP, performance tuning, and full-stack integration.

Each project is interview-ready and portfolio-worthy.


Project 1: Freestyle UI5 CRUD Application


Objective

Build a freestyle SAPUI5 application implementing complete CRUD functionality.


Key Features

  • XML Views with MVC
  • OData V2 Model
  • Create / Read / Update / Delete
  • Dialog fragments
  • Client-side validation
  • Error handling

Technical Concepts Used

  • Two-way binding
  • submitChanges()
  • sap.m.Table with growing
  • ValueState & MessageBox
Skills Demonstrated

MVC discipline, CRUD flow, validation patterns


Project 2: OData-Driven Master–Detail Application


Objective

Develop a responsive master–detail application consuming OData services.


Key Features

  • Master list → Detail page
  • Routing via manifest.json
  • Navigation with parameters
  • Context binding
  • Lazy-loaded views

Technical Concepts Used

  • Element binding
  • $filter, $select, $expand
  • sap.m.List / sap.m.Table
  • Device responsiveness
Skills Demonstrated

Navigation architecture, OData optimization, responsive UI


Project 3: Fiori Elements Application with RAP


Objective

Build a metadata-driven Fiori Elements app using RAP backend.


Key Features

  • List Report & Object Page
  • CDS UI annotations
  • RAP managed behavior
  • Draft handling
  • Actions & validations

Technical Concepts Used

  • OData V4
  • RAP behavior definitions
  • Side effects
  • CDS-based authorization
Skills Demonstrated

Clean Core compliance, RAP + UI5 integration


Project 4: Performance Optimization Project


Objective

Analyze and optimize a slow SAPUI5 application.


Tasks

  • Identify performance bottlenecks
  • Reduce OData payload
  • Optimize bindings
  • Improve table performance
  • Apply lazy loading

Tools & Techniques

  • Chrome DevTools
  • UI5 Support Assistant
  • Network tracing
  • Binding refactoring
Skills Demonstrated

Performance diagnosis, real production troubleshooting


Project 5: Full-Stack ABAP + UI5 Application


Objective

Deliver a complete end-to-end enterprise application.


Architecture

SAPUI5 / Fiori Elements

OData (SEGW or RAP)

ABAP / CDS / AMDP

HANA / Database

Key Features

  • UI5 frontend
  • RAP or SEGW backend
  • Authorization checks
  • Logging & error handling
  • Transport & deployment

Technical Concepts Used

  • ABAP CDS
  • RAP / OData
  • UI5 integration
  • CTS / CI-CD basics
Skills Demonstrated

Full-stack ownership, enterprise architecture


Capstone Evaluation Criteria

AreaImportance
Architecture & DesignHigh
PerformanceHigh
Clean CodeMedium
UX & Fiori ComplianceMedium
Error HandlingHigh

Interview Positioning

How to Present
  • Explain design decisions

  • Highlight performance improvements

  • Mention RAP & Clean Core

  • Show end-to-end responsibility