Joule is SAP's AI co-pilot that truly understands your business. Joule also helps you writing freestyle SAPUI5 code in SAP Build Code. Ask Joule by typing code-related requests, in natural language, into Joule's chat window. For example, you could ask Joule to insert a control to a view, add an event handler to a controller, introduce a full new view with routing and much more. You don't need to have the respective file open in the editor, you just need to make sure that your request is sufficiently clear. Requested changes may span across several files. For example, you could ask Joule to define a new model in the manifest.json and use the model in a control in the view.
Each file for which Joule suggests changes, will appear in a code block within Joule's chat window. On top of each code block you'll see options to
- 'Copy', to copy the code to your clipboard for further usage, and
- 'Accept', to open the respective file and add the code directly at the correct place.
Joule, your SAPUI5 assistant can handle both, any freestyle SAPUI5 application as well as custom pages following the SAP Fiori flexible programming model.
Joule is not only useful for writing code, it also helps you to understand the existing code or to find issues with it. You may ask questions about entire files, or you can select a block of code and then ask a question specifically about the selected code snippet. Beyond this, the implementation is not restricted to specific scenarios. Go ahead, explore, and try to find the limits…
Just note that Joule, like any other GenAI tool, may not always deliver 100% correct results. It is always a good practice to closely review the generated code. Still, Joule, your SAPUI5 assistant, will make you a more efficient SAPUI5 developer.
How to use Joule for freestyle SAPUI5
- Launch SAP Business Application Studio in SAP Build Code.
- Open a project containing freestyle SAPUI5 code and open a *.view.xml or *.controller.js / *.controller.ts file.
- Launch Joule from the activity bar on the left and start asking Joule.
A first guide is available via the 'Guide Center' in the activity bar on the left: Open the guide 'Generative AI-Powered Development' -> SAP Fiori UI -> SAP Fiori Elements Custom Page and Freestyle SAPUI5. Read more details:
- SAP Managed Tags:
