Scribd
Upload
273 views

Sap Ui5

This document provides an overview of SAP UI5, oData services, SAP Fiori, and frontend web development technologies. It covers topics like SAP NetWeaver Gateway and oData, creating and consuming oData services, SAP UI5 controls and frameworks, developing SAP Fiori apps, and frontend technologies like HTML, CSS, and JavaScript.

Uploaded by

Probal Sil
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
273 views

Sap Ui5

This document provides an overview of SAP UI5, oData services, SAP Fiori, and frontend web development technologies. It covers topics like SAP NetWeaver Gateway and oData, creating and consuming oData services, SAP UI5 controls and frameworks, developing SAP Fiori apps, and frontend technologies like HTML, CSS, and JavaScript.

Uploaded by

Probal Sil
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 6

SAP UI5 , oData Services

SAP NetWeaver Gateway


SAP Fiori Training Course

SAP Netweaver Gateway - OData Services


Gateway Architecture Overview & Usage
Technical Components Involved
Introduction to REST, OData
OData advantages
Introduction to OData formats JSON and XML
Structure of an OData Service
Service Document, Service Metadata Document

OData in SAP Solutions


Transaction codes & Tools
EDM data types
SAP NetWeaver Gateway Toolset, Service Builder
Introduction to OData Service Creation
Behavior of Various Runtime Classes
Behavior of Various Standard Methods

Data Model
Entity Types
Entity Sets
Properties , Navigation Properties
Association ( Referential Constraints, Principal Entity, Dependent Entity )
Association Set( Principle Entity Set, Dependent Entity Set )
Cardinality
Mappings

HTTP Status codes, Common Messages and Common Errors


Debugging oData ABAP Services

Runtime Artifacts
Model Provider Base
Model Provider Extension
Data Provider Base
Data Provider Extension
Service Maintenance
Registration in Hub Systems ( ECC/CRM/SRM/SCM/BI )
Maintain
Error log
Gateway Client

With & Without Mapping in Odata Services


BAPI's with Mapping , Database Views with Mapping
BAPI's without Mapping
Multiple BAPI's with Single EntitySet

CRUD Operations in Odata Services


Create
Delete
Update
GetEntity ( Read )
GetEntitySet( Query )
Filtering and Projecting ($filter, ?search and $select)
Sorting ($orderby) , Counting ($count)
Client-Side Paging ($top, $skip, and $inlinecount)
Inlining ($expand) , Formatting ($format)

Function Imports in Odata Services


Single function import
Multiple function imports
Multiple parameters for function Import

File Handling in Odata Services


File Upload
File Download

MVC Architecture:
Models
Views
Controllers

Configuration and Maintenance of Gateway


SPRO related Configurations
SICF related Configurations

SAP UI5 ( User Interfaces 5 )


Introduction
Installation of SAPUI5 Plug-ins
Development Environment & Configuration Setup
Documentation Toolkit, API Reference & Help Links
Types of Models
Resource Model,
JSON Model,
XML Model,
OData Model

Bindings
One-way Binding, Two way Binding
Data binding
Model binding

Data Types
SAPUI5 Data Typing, User types
Integers, Floating-Point Numbers
String, Boolean ,Variable, Date and Time,

Types of Views
Html Views,
JavaScript Views,
Xml Views,
Json Views

Themes & CSS


Adapting CSS , Layout Adaption
SAP Theme Designer Tool

I18N Resource Model ,Multilingual Applications


Debugging SAP UI5 Apps

Types of SAP UI5 Controls


Simple Controls,
Complex Controls,
UX3 Controls,
Value Holders,
Layouts,
Dialogs

Various Libraries and Packages in SAP UI5/Fiori


sap.m , sap.ui.commons, sap.me, sap.viz, sap.ushell
sap.ui* ( layout, table, model, unified, etc.....),

SAP UI5 Screen Elements & Controls


Properties, Aggregations
Events, Methods
Application Header, Paginator, Text Field, Text Area, Link To Action
Image, Image Map, Horizontal Divider
Panel, Splitter, Checkbox, Radiobutton, DropDown
HTML, Progress Indicator, Slider, Range Slider
Roadmap, TabStrip, FormattedTextView
Date Picker, Date Range Scroller, Date Range Slider
Dialog Box, Message Box

Table Complex Screen Element


Table with various Screen Elements
Table with Formatter Functions
Row Repeater

Charts/Graphs
Bar, Column, Line, Area, Pie, Donut chart etc.

SAP UI5/FIORI Communication with SAP Backend & Non-SAP Backend


Via oData ABAP Service with CRUD operations
Via oData HANA Service
Via oData External Services

General Functionalities
Capturing values & Assigning values to Screen Elements
Enable-Disable screen elements
Visible-Invisible screen elements

Creating FORMs

Navigation between Views

Implementing code in VIEWs and CONTROLLERs Technique

UI5/FIORI Front End methods


BindElement, BindRows, BindItems,
Create, Update, Remove methods

File Handling

Deploying SAP UI5 apps to SAP ABAP UI5 repository


SAP FIORI
Introduction
Types of Fiori Apps
Architecture
SAP WEB IDE Tool
Configurations
Enhancements
End-to-End scenarios in Fiori
Import & Export of SAP Fiori Apps
XML Views
JS Controllers

Mobile Library Screen elements ( sap.m )


Label, Button, Input, Link, Image,
Text, Text Area, Check Box, Switch,
Slider, Rating Indicator, ProgressIndicator
Select, Radio button,
DateTimeInput, DatePicker,
Standard Tile, MessageToast, Panel, Carousel,
IconTabBar, IconTabFilter
Forms
Table, Table Column
Table with Various Screen Elements
Functions/Methods

Formatter Functions in Fiori

Debugging SAP Fiori Apps

Adapting CSS to SAP Fiori Apps

I18N & Resource Model in Fiori

Extension Projects & Extensions

Layout Editor for XML Views

Developing SAP Fiori Like Apps


Full Screen APP
Master-Detail App

Deploying SAP Fiori apps to SAP ABAP UI5 repository

Fiori Launch Pad Configuration

SAP Fiori Mobile Client

HTML5 ( Hyper Text Mark Up Language )


Creating Web page
Html Page Structure
Basic tags
Formatting tags
Forms and Input tags
Frames and Image tags
Audio , Video tags
Links, List tags
Table tags
Styles & Semantic Tags
Programming (Script) tag
Ordered List and UnOrdered List
HTTP Status Messages

CSS ( Cascading Style Sheet )


- CSS Properties
- Types of Style sheets( Internal, External, Inline )
- CSS comments
- Box model, padding, border, margin
- Classes
- Div and Span
- Working with colors- Background images
- ID's, child selectors, pseudo classes
- Styling links, styling lists
- Rounded corners
- Linear gradient ,Float and clear
- New Tags for the layout

Scripting
- Statements and Comments
- Finding Errors
- Variables, Scope of Variables, Data Types
- Operators
- Functions, Functions with Parameters
- Function with Multiple Parameters
- Statements if, else, nesting if, Complex Conditions, Switch
- Conditional Ternary Operator
- while loop, for loop
- Strings, String Methods
- Arrays, Array Methods
- Objects, Properties & Methods
- Referencing elements in Script

You might also like