SAP UI5 & Fiori on S/4 HANA Training with IOT Concepts
Important Concepts of Training Program:| SAP UI5 & Fiori Advanced Training |
| 1. SAP UI5 Application Development |
| 2. SAP Fiori Launchpad Configuration and Administration |
| — Transactional,Fact Sheets and Analytical Application |
| — Enhancing SAP Fiori Standard Applications |
| 3. ODATA Services development & testing |
| 4. Advanced IOT Concepts of UI5 & Fiori on S/4 HANA 1809 |
| — SAP Hybrid Mobile App development |
| — SAP BUILD in SAP WEB IDE |
| — SAP Machine Learning for SAP UI5 |
| — SAP Conversational AI – Chat Bot, NLP… |
| — IOT Connecting Things |
| 9. Effiecient Techniques of SAP UI5 Debugging and Error Handling |
About UI5 & Fiori
UI5 is nothing but development tool kit for html 5. It contains lot of predefined JavaScript library to design new user interface. UI5 is mainly developed for SAP mobility which means Fiori. UI5 is a framework based on MVC pattern.By using this frame work developer can easily build web application. SAP Fiori is a new user experience (UX) for SAP software and applications. It provides a set of applications that are used in regular business functions like work approvals, financial apps,calculation apps and various self-service apps. …
SAP has developed Fiori Apps based on User interface UI5.
Unit 1: Introduction
- Introduction to SAP UI5,
- Introduction to SAP Fiori,
- Difference Between SAP UI5 & Fiori,
- Different libraries in UI5
Architecture of SAP UI5
- Overview on MVC model
Unit 2 : HTML5 & XML
- HTML Editors,
- HTML Elements,
- HTML Attributes,
- HTML Heading,
- HTML Styles,
- HTML DIV
XML
Unit 3: CSS
- CSS Syntax,
- CSS Colours,
- CSS Background,
- CSS Borders,
- CSS Margins
- CSS Padding,
- CSS Fonts,
- CSS Border,
- CSS Border Radius,
- CSS Media Query
Unit 4: JavaScript
- JS Syntax,
- JS Statement,
- JS Comments,
- JS Variables,
- JS Operators
- JS Arithmetic,
- JS Data Types,
- JS Functions,
- JS Objects,
- JS String
- JS Events,
- JS Numbers,
- JS Date,
- JS Loop For,
- JS Loop While
SAP UI5
UI5 is nothing but development tool kit for html 5. It contains lot of predefined JavaScript library to design new user interface. UI5 is mainly developed for SAP mobility which means Fiori. UI5 is a framework based on MVC pattern.By using this frame work developer can easily build web application
UI5 is SAP own user interface to develop web application.UI5 is now a days is getting popular to outside of SAP to build NON-SAP application also.UI5 uses web technologies like HTML, CSS and JavaScript. SAPUI5 is technology whereas Fiori is a methodology.SAPUI5 is Hybrid app (Because of HTML5).SAPUI5 Apps runs on multiple platforms with full capability as like native apps such us SMP.
Unit 5: Installation
- ECLIPSE Installation,
- WEB IDE Configuration
Unit 6 : First Application Creation
- Understanding of SAP Standard Project Structure
- Usage of auto generated files/folders,
- Use fullness of Formatter
- Use fullness of i18n folder,
- Use fullness of manifest.json and
- js file
Unit 7 : Introduction to View & Controllers
- Types of View,
- Creating a new view
- Understanding the Controller,
- Exercise on Creating a sample view and
- Implementing controller
- Concept of Fragment
Unit 8: Working with Responsive UI Elements
- Button,
- Text,
- Label,
- List,
- Input,
- Radio Button,
- Check Box
- Table,
- From,
- Grid
Unit 9 : 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 colour input field and
- error messages
SAP Fiori
Fiori is a new user experience for SAP software .To overcome the complexity of SAP traditional GUI ,New one has been developed which is Fiori.Fiori focus mainly on mobility. Fiori uses SAPUI5 for frontend and it uses odata to get back end data.Fiori is a design paradigm – not a methodology.The primary technology used for Fiori is SAPUI5. Without knowing SAPUI5 knowledge fiori customization is difficult. Fiori contains all the business process in the form of Role based.Currently more than 1000 roles are created based on business process.One code line for all screen sizes.
SAP back end contain Business logic and odata service.SAP front end which means Net weaver Gateway server contains SAPUI5 control libraries and App specific Fiori UX add-Ons.In SAP ECC 6 and Ehp7, we can create odata service by using SEGW Transaction.Fiori used across solutions such as SAP S/4HANA Fiori apps are Hybrid which means based on web technologies(SAPUI5) and will be connecting to SAP via SAP NW gateway.Fiori is a package which has collection of sapui5 apps
Unit10: Message Handling
- Various types of Messages in SAP UI5,
- Showing Error,
- SUCCESS,
- Warning
- Information Message,
- Exercise on Showing various messages in SPA UI5
Unit 11: Different Models
- JSON Model,
- OData Model,
- XML Model,
- Resource Model,
- Device Model
Unit 12 : Data Binding
- Understanding the Binding Concept,
- Types of Data Binding
Data Binding Exercise
- Binding the UI elements like:
- List,
- Table,
- Simple Form
- Binding the UI elements like:
Unit 13: Different Controls of UI5
- Panel,
- Tiles,
- Block Layout,
- Image Content,
- Icon Tab Bar
- Select (Dropdown) – (single column & two column Layout)
- Combo Box (single column & two column Layout)
Unit 14: Dialog Box
- Simple Dialog Box,
- Message Dialog Box,
- Select Dialog Box,
- Data binding in Select Dialog Box,
- Data Selection and Search in Select Dialog Box
Unit 15: Navigation between the Pages
- Routing & Navigation,
- Exercise on Navigation between the pages
- Passing single/double parameters to the different screens
Unit 16: ABAP BASICS
- ABAP Basics Session 1
- ABAP Basics Session 2
- ABAP Basics Session 3
- ABAP Basics Session 4
Prerequisite:
To attend training on course SAP UI5 and FIORI, no need to have any knowledge of SAP or SAP UI5 and FIORI. We will conduct the training by considering that students don’t have any knowledge of SAP or SAP UI5 and FIORI and we will starts from complete basics of SAP UI5 and FIORI to the expert and professional Level
Unit 17: NetWeaver Gateway
- Introduction
- Creating the OData services using CURD operation
- C – Create
- U – Update
- R – Read
- D – Delete
Unit 18 : Communicating with SAP backend system Using O Data Service from Fiori Application
- GET the data from SAP Backend
- POST the data from SAP Backend
Unit 19: SAP Charts/Graphs
- BAR Chart,
- Line,
- Column,
- Pie
Unit 20: Fiori
- Creating Fiori application,
- Launch Pad Configuration,
- Creating Tiles,
- Groups
- Creating Roles and assign the Catalogues & Groups to the Users
Unit 21: Fiori Standard Application Configuration
- Transactional App Configuration
- Analytical App Configuration
- Fact Sheet App Configuration
Why only we ?
With our Professional Level Industrial practical training on SAP UI5 and FIORI, participants will become experts and will be in a position to work in real time projects like a experienced professionals.
Our trainers are highly skilled real time experts who are having more then 10 to 15+ years of experience in SAP UI5 and FIORI who deliver the training in a real time project oriented manner which helps participants to get the Real Time Knowledge on SAP UI5 and FIORI with Pracitical exposure.
Certification:
C_FIORDEV_20 : SAP Certified Development Associate – SAP Fiori Application Developer
Unit 22: Creation of UI5 live project with some advanced concepts – TEST PROJECTS
- Test Projects
Unit 23: SAP BUILD
- Build end to end design without coding
- Connecting SAP Build in SAP WEB IDE
Unit 24: SAP Hybrid Mobile App development
- Cordova,
- plugins,
- build .apk file instantly
Unit 25: SAP Machine Learning Introduction
- SAP API Management HUB
- Calling of API from Fiori Application
- Hands On Machine Learning Application
Unit 26: SAP Conversational AI
- Build your own SAP Chat Bot
- NLP (Natural Language Processing), Skills, Entity, Intent
- Connecting the bot in Fiori Application, Slack Message Site
- Connecting the Bot through OData Service
Unit 27: IOT Connecting Things
- Connecting Device (Sensor: Raspberry pi) in IOT Cockpit
- Manage and control Data
FOLLOW US ON :
SAP ABAP on S/4 HANA Demo
Day(s)
:
Hour(s)
:
Minute(s)
:
Second(s)
Popular Courses
SAP ABAP ON S/4 HANA
SAP UI5 AND FIORI
SAP BW/4 HANA
SAP S/4 HANA SIMPLE LOGISTICS
SAP S/4 HANA SIMPLE FINANCE
SAP BASIS ADMINISTRATION