SAP UI5 and FIORI Training institute in Hyderabad
Fiori is collection of Business Apps from SAP that can run on mobile, tablet and desktop. These apps are developed using Design Thinking methodology and follow specific design Guidelines.
However, SAP Fiori is an umbrella term used for the User Experience(UX) strategy SAP has come up with. It has to do with the front end / UI development. This strategy has various technologies under it like SAPUI5, Fiori Launch pad, Theme Designer etc.
SAPUI5 is a HTML5 library package from SAP. SAPUI5 uses JQuery library as its core library and many other SAP specific libraries . This is used to develop fiori apps.
SAP Ui5/oData/Fiori Overview:
What is SAPUI5?
Previous technologies before SAPUI5.
Disadvantages of previous technologies.
Advantages of Sapui5 and how it overcomes the disadvantages of previous technologies.
Architecture of SAP UI5 (MVC).
Understanding each layer of MVC model.
Landscape of SAPUI5 Fiori applications.
Clear understanding on End to End Data flow in SAPUi5/Fiori apps.
What is SAP Fiori
Difference between Ui5 and Fiori Applications.
Introduction to SAP WEBIDE and Hana cloud platform
Overview of SAP Cloud platform
Advantages of SAP WEBIDE
Creating an Account in HANA cloud.
Accessing the WEBIDE from Hana cloud platform.
Creating a Sample project using WEBIDE
Detail explanation on each file and folder in the project
Initial flow of execution in SAPUI5 Application
Creating the Project
Understanding index.html,bootstrap,shell, Component.js and manifest.json files in depth.
Understanding the Base view and View container.
Detail explanation on Routing
Creating Two views for the navigation
Configuring the Routes and Targets for the views in manifest.json
Navigate from one page to other using URL Pattern
Navigation from one view to other view using buttons.
Exercise on Creating a sample views and understanding the complete flow with navigation between the pages.
Introduction to View & Controllers
Creating a view
Understanding the view’s Controller
Understanding the Controller’s Hook methods
Exercise on Creating a sample view and Implementing controller methods
Basis UI elements in SAPUI5
Working with different properties of basic UI elements like Text, Label, Input, Button etc.
Clear explanation on various properties and their purpose as per real time projects.
Dynamically changing UI element properties.
Changing the UI element behavior at runtime
Exercise for enable disable input fields at runtime
Exercise for show hide UI elements at runtime.
Exercise for setting dynamic text etc.
Introduction to Different Layouts
What is a Layout
Various Layouts in SAP UI5
Working with Simple form layout , Matrix layout , Grid Layouts
Working with HBOX, VBOX, Flexbox
Working with Panel , Icon tab bar
Working with Object Header
Displaying the form using 2 column and 4 columns design.
Exercise on Creating a Form Using various layouts
Validating the User Input
Types of Validation
Exercise on Mandatory data validation
Exercise on valid data validation (like.. email, phone number , pin code)
Exercise on Showing red color input field and error messages.
Various types of Messages in SAP UI5
Showing ERROR, SUCCESS, WARNING Messages
Exercise on Showing various messages in SPA UI5
Different Kinds of Models
Working with all Models and understand when to use which model.
Understanding the Binding Concept
Various types of Binding
Exercise on Binding the UI elements with bothJSON and ODataModels
Passing data from one view to other
Different ways of passing data from one view to other
Passing the data using json Model
Passing data using Model + binding concept
Passing data using Router with parameter
Passing data using element binding concept
Exercise on Passing data from one view to other in all these ways
Playing with Complex UI Elements with JSON DATA
Overview on different Categories of UI elements like (simple, value holders , complex , layouts, dialog etc ..)
Working with drop downs, combo box, multi combo box
Working with radio buttons, check box and value help (F4 help)
Working with Tables and List UI elements
Practical Exercise on all these UI elements
Working with Popup Dialogs and Fragments
Introduction to Fragments for reusable scenarios
Using Fragments for Popup dialogs using dialog UI element
Implementing F4 help functionality using Fragments
Exercise on PopupDialogs
HANA Cloud Connector(HCC) for front end to back end connectivity
Installing HANA cloud connector to connect WEBIDE to SAP gateway system
Configuration of HCC to point to gateway system
Creating Hana cloud platform destination
Establishing connection from WEBIDE to SAP Gateway system.
Working with ODATA Model
Creating ODATA Model to connect to ODATA service created in the back end
Consuming ODATA service to get the real back end data and perform CRUD operations from SAPUI5 Application .
Repeating all the UI elements with real back end data using ODATA Model like dropdown, combobox, multicombobox, radiobuttons, List , Table etc.
Property binding, Aggregation binding and Element binding using ODATA Model
Implementing F4 help functionality using real back end data using ODATA Model
Exercise on all these concepts practically with real time examples.
File Upload download Functionality
Uploading the file using File uploader UI element from sapui5
Downloading the file using ODATA service.
Developing Graphs / Charts
Practical exercise on all the charts
Internationalization in SAPUI5/Fiori
Creating i18n folder
Maintaining property bundles for various languages
Binding the text values using the i18n resource model
Creating a separate property for to maintain text of each language
Making the application to support for multiple languages
SAP UI5 end to end Project (With complete real time standards)
Creating a SAPUI5 application
Creating 4 views for performing CRUD operations
Navigation between the views
Reading the back-end data into the Table in SAPUI5
Implementing all CRUD operations in the project
Deploying the application to Gateway server.
Configuring this application to fiori launch pad.
SAP ODATA Couse Content
Introduction to ODATA and gateway system
SAP Gate way system and its architecture
Components installed in the gateway system to support ODATA
Two types of architectures Central HUB and Embedded and its pros & cons
Gateway service builder to develop ODATA service
Creating a project in SEGW t code
Creating a custom table in the back end (SE11)
Creating Entity types, Entity sets and Associations
DPC &MPC classes and their methods
Generating runtime artifacts DPC MPC classes
Registering the service in Gateway system.
Opening the ODATA service in the browser.
Implementing logic for CRUD operations
Understanding the DPC and MPC classes and their methods
Implementing logic for Create, update, delete, query, and read operations
Performing various filters on query operation.
Gateway client to test ODATA services
Intro to gateway client
Testing all the CRUD operations using gateway client.
Testing various query options
Associations and navigations
Creating Association between the entities.
Creating navigation property to read the line item data of a corresponding header item.
Implementing the logic for header and line item scenario
Create Deep Insert on entities
Implementing the logic for Create deep insert
Defining the structure for header and internal table for line items
Implanting logic for reading both header and line item at a time and storing it in the table.
Implementing the logic for file upload in create stream method of DPC_EXT class
Implementing the logic for file downloadin get stream method of DPC_EXT class
Configuration and Maintenance of Gateway
SPRO related configurations
SICF related configurations
SAP FIORI Course Content
Introduction to SAP Fiori
What is SAP fiori application
Difference between SAPui5 application and SAP Fiori Application
Overview on SAP fiori design guidelines
Introduction to custom fiori application and standard fiori application.
Developing an end to end Custom Fiori application
Introduction to Fiori templates
Using Fiori Master Detail template to develop the Master detail Fiori application for making decision orieneted apps like approve/reject
Using Fiori master Detail CRUD template to develop a Fiori application for all CRUD operations
Using Fiori Worklist Template to develop a Worklist related application.
Introduction to custom fiori application and standard fiori application.
Extending a Standard Fiori Application
Creating Extension project for a standard fiori Application using SAP WEBIDE
Using View Modification to hide or show an element
Using View Extension to extend the UI
Using View replacement to replace the original code and inject our custom logic
Controller Extension to extend the functionality
Controller Replacement to replace the original code and inject our custom logic
SAP FIORI BASIS
Introduction to SAP Fiori and Architecture
Central HUB architecture
Fiori Launch Pad Configuration
What is Fiori launch pad?
Creating RFC b/w gateway and backend
Creating trusted connection
Creating Trusted RFC
Creating system aliases using SPRO
Enabling standard UI5 services by going to SICF
Adding standard ODATA services using maint_service
Adding the standard USER and ADMIN roles using PFCG
Standard fiori apps configuration
Intro to Fiori Apps Library
Adding the application specific standard odata services using MAINT_SERVICE
Activating the application specific UI5 service using SICF
Adding the Authorizations using PFCG
Custom to SAPUI5/SAP Fioriapps configuration in Launchpad
Create LPD_CUST role
Creating the semantic object
Creating Catalog, Tile and group
Creating a PFCG role and adding the catalog and group and assigning it to user .
Creating a Custom theme using theme builder and applying to launch pad
Changing the logo, back ground colors as per the client requirements.
How to solve the cache issues
General issues and resolutions.
Duration:45hrs (1hr per day)–Monday - Saturday
Note: The best part of our training is, we develop two end to end projects with complete real time standards, one for SAPUI5, another for SAP Custom Fiori development and Standard Fiori Extension also.
Best feedback we got: After attending your training, we can able to work on Realtime projects easily .
from Oasis students
Looking forward to meet you …