Sap Aba Fiori Ui5 1vr9

SAP ABA FIORI UI5

introduction: Introduction to SAP UI5 Introduction to SAP Netweaver Gateway Introduction to SAP Fiori Difference between UI5/Fiori, Webdynpro & other Web Technologies

ABAP Basics: SE11 ABAP Data dictionary SE37 Function Builder , BAPI/RFC. SE24 Class Builder ( OO Principles ) Visibility ( Public/Protected/Private ) Static/Instance Variables, Constants Static/Instance Methods, Method Parameters Inheritance, Abstract Methods, Abstract Classes, Casting Interfaces, Interface Methods Polymorphism, Method Overriding,

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 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 File

MVC Architecture: Models Views Controllers

Configuration and Maintenance of Gateway SPRO related Configurations SICF related Configurations

SAP UI5 ( 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, 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 , Splitter { Vertical, Horizontal } Checkbox, Radiobutton, DropDown HTML, Progress Indicator, Slider, Range Slider Roap, 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 ABAP Service with RFC/BOR Via oData HANA Service Via oData External Services

General Functionalities Capturing values & Asg 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, , 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 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