Visão Geral

Curso SAP UI5 and FIORI

SAP Fiori é um grupo de aplicativos que foi escrito recentemente pela SAP para lidar com funções SAP frequentemente usadas, como tarefas de autoatendimento, aprovações de fluxo de trabalho e pesquisas de informações. SAP Fiori fornece acesso simples em smartphones, desktops e tablets. É uma iniciativa impressionante da SAP fornecer uma interface de usuário mais rápida e responsiva. Ele emprega princípios de design de ponta para fornecer experiências simples e responsivas que são personalizadas e em diferentes dispositivos, de telefones celulares a tablets e desktops. Seu esforço é centrado em fornecer uma interface de usuário em vários dispositivos. Há muito potencial para o Fiori, pois ele resolve os principais problemas que os usuários SAP enfrentam hoje. Nosso treinamento se concentra em aprimorar suas habilidades em conceitos importantes de SAPUI5 e FIORI.

Objetivo

Após realizar este do curso SAPUI5 e Fiori, você será capaz de:

• Compreenda as arquiteturas de paisagem do sistema SAP Fiori e sua funcionalidade principal
• Todos os fundamentos, incluindo HTML5, CSS, JS, JQuery, DOM.
• MVC ponta a ponta para desenvolver aplicativos UI5 a partir do zero
• Desenvolvimento de ponta a ponta do aplicativo Fiori usando Eclipse e WebIDE
• Desenvolvimento de serviços OData utilizando NetWeaver Gateway
• Compreenda diferentes aspectos da tecnologia SAP UX
• Tome decisões informadas em um projeto UI5
• Saiba quais são as oportunidades que surgirão ao aprender a nova tecnologia UX
• Trabalhe como consultores profissionais SAPUI5
• Torne os aplicativos SAPUI5 existentes melhores com desenvolvimento responsivo e mais centrado em UX
• Compreender todos os conceitos relacionados ao desenvolvimento de aplicativos web SAPUI5 / Openui5

Publico Alvo

• Qualquer pessoa interessada em SAP Fiori e Design Thinking
• Consultores de solução
• Desenvolvedores de aplicativos
• Desenvolvedores de aplicativos móveis
• Designers UX
• Desenvolvedores da web

Pre-Requisitos

• Compreensão básica dos processos de negócios normalmente tratados pela SAP
• ABAP para criação Odata apenas
• Habilidades básicas de programação

Informações Gerais

• Carga horaria, 40h
• Se noturno este curso e ministrado de segunda-feira a sexta-feira das 19h às 23h, total de 10 noites,
• Se aos sábados este curso e ministrado das 09h às 18h, total de 4 sábados,
• Se in-company- este curso e ministrado de acordo com agenda de ambas as partes,

Formato de entrega:

• On-line ao vivo via Microsoft Teams, na presença de um instrutor/consultor SAP ativo no mercado e docente em sala de aula.
• Nota: não é curso gravado! O mesmo acontece em tempo real onde todos os participantes têm acesso ao instrutor em tempo real, e acesso aos LAB SAP para realizar todos os exercícios proposto pelo treinamento.

Materiais

Conteúdo Programatico

Basic Foundation for UI5

Unit 1: HTML

1. Creating our first web page
2. Line breaks, paragraphs and headers
3. Bold, italics and comments
4. Lists
5. Linking to another page
6. images
7. directory structures
8. New audio tag, New video tag
9. Table
10. Forms, Get/Post method, action

Unit 2: Cascade Style sheet

1. External style sheet
2. Font properties
3. CSS comments
4. Box model, padding, border, margin, padding
5. Classes
6. Div and Span
7. Working with colors
8. Background images
9. ID's, child selectors, pseudo classes
10. Styling links, styling lists
11. Rounded corners
12. Linear gradient
13. Float and clear
14. New tags for the layout

Unit 3: DOM

1. Document Object Model
2. Relating HTML Elements

Unit 4: Javascript

1. Introduction to JavaScript
2. Statements and Comments
3. Finding Errors
4. Variables, Data Types
5. Operators
6. Strings
7. Events
8. Functions, Functions with Parameters
9. Functional with Multiple Parameters
10. Variable scope
11. Arrays
12. Statements if, else, nesting if, Complex Conditions, switch
13. While loop, for loop
14. Objects, properties and methods
15. Referencing elements in JavaScript
16. Changing an image source
17. Forms, form values
18. Form validation text boxes, and passwords
19. Radio buttons, Check Boxes
20. Creating HTML Element
21. Modifying HTML Elements
22. Appending HTML Elements
23. Deleting HTML Elements
24. Regular Expressions
25. Object oriented Javascript
26. Prototype in Javascript
27. Javascript Literals
28. Javascript Objects, properties, and functions

Unit 5: jQuery

1. Selectors
2. Events
3. DOM Manipulation

AP UI5 Framework and Controls

Unit 1: SAPUI5

1. Installing SAPUI5
2. SAPUI5 Tools
3. Versioning of SAPUI5
4. Upgrading jQuery for SAPUI5
5. Documentation

Before you Start

1. Naming Conventions for Control and Application Development
2. Browser and Platform Matrixes
3. Compatibility Rules
4. Experimental Flag
5. Security Information for SAPUI5
6. Getting Started with SAPUI5
7. Create Your First SAPUI5 Application
8. Create Your First Mobile SAPUI5 Application
9. Develop Your First Application using SAPUI5 Tools
10. Testing SAPUI5 Applications
    

Concepts

1. Model View Controller (MVC)
2. Resource Handling
3. Libraries
4. SAPUI5 Components
5. Fragments
   

Application Best Practice

1. Preparing
2. Building
   

Application Best Practice

1. Preparing
2. Building
   

Initializing and Loading SAPUI5

1. Bootstrapping: Loading and Initializing SAPUI5 in HTML Pages
2. Initialization Process
3. Configuration of the SAPUI5 Runtime

Models and Data Binding

1. Data Binding: Getting Started
2. Models and Data Binding in Applications
3. Binding Types
4. Using the Data Binding Type System
5. Calculated Fields for Data Binding
6. Using Data Binding for Data Export
7. Property Metadata Binding
   

Building the UI

1. Instantiating Views
2. Implementing XML Views
3. Handling Events in JSON Views
4. Typed Views and Controllers
5. File Names and Locations (View and Controller)
6. View Cloning
7. Support for Unique IDs
8. Fragments
9. HTML Templating in SAPUI5
10. Navigation
11. Working with Controls in SAPUI5
12. Declarative Support
    

Structuring SAPUI5 Applications

1. Modularization and Resource Handling
2. SAPUI5 Components
   

Translating SAPUI5 Applications

1. Identifying the Language Code / Locale
2. Resource Bundles
3. Use of Localized Texts in Applications
4. Support Translation
   

Component.js

1. Example: Component Configuration
2. Controller Extension
3. Controller Replacement
4. I18n Resource Text Customization
5. Limitations
6. Caveats Regarding Stability Across Application Upgrades
7. Supportability
   

Building Mobile Applications with SAPUI5

1. Handling Navigation and Lifecycle Events
2. Adapting to Platform and Form Factors
3. Working with Lists and Tables
4. Triggering Phone, SMS and E-Mail
5. Scrolling in SAPUI5 Mobile
6. Running SAPUI5 Mobile Apps in Hybrid Web Containers
7. Using Images in Mobile Applications
8. Message Handling
9. Mobile Events
10. Performance Behavior
    

Troubleshooting

1. Debugging
2. Logging and Tracing
3. Troubleshooting: Common Issues
4. Browser Debugging for ABAP Developers
5. SAPUI5 Diagnostics
6. SAPUI5 Mobile Diagnostics
   

Testing in SAPUI5

1. Developing Content for SAPUI5
2. Development Conventions and Guidelines
   

WEB-IDE

1. Create a new SAPUI5 application
2. Development process overview
3. Development environment overview
4. Building SAP Fiori-like UIs with SAPUI5
5. Deploy to SAPUI5 ABAP Repository
   

SAP Fiori Introduction and App Development

Unit 1: SAP Fiori

1. Master Detail view in SAPUI5 Mobile
2. Master Detail view in SAPUI5 Desktop
3. Routing in Components
4. sap.m.Table
5. sap.m.app API
6. sap.m.List API
7. sap.m.Icontabbar API
8. Fragments
   

Object Oriented Programming in ABAP

Unit 1: Object Oriented Programming in ABAP

1. What is Object and class?
2. Why to define a class?
3. Components of class
4. Attributes - Instance, static, constant
5. Methods- instance, static
6. Role of Attributes & Methods in OOPs programming
7. Defining class in class builder
8. Accessing Attributes in a method
9. Instantiation of object in report program
10. Visibility - Public, Private, Protected
11. Method parameters - importing, exporting, changing, returning
12. Relationship between objects
13. Association
14. Aggregation
15. Composition
16. Realization
17. Generalization
18. Interface
19. Abstract class
20. Type casting
21. Widening Casting
22. Narrow Casting
    

SAP Netweaver Gateway Using OData Service

Unit 1: SAP Netweaver Gateway

1. Introduction NetWeaver Gateway
2. NetWeaver Gateway Usage
3. Gateway Architecture overview
4. Technical Components Involved
5. Introduction to REST
6. Introduction to OData
7. OData advantages
8. Introduction to OData formats JSON and XML
9. Overview of Structure of an OData Service
10. Overview of Service Document
11. Overview of Service Metadata Document
    

OData Operations

Unit 1: OData Operations

1. Create
2. Read
3. Update
4. Delete
5. OData Query Options
6. Filtering and Projecting ($filter and $select)
7. Sorting ($orderby)
8. Client-Side Paging ($top, $skip, and $inlinecount)
9. Counting ($count)
10. Inlining ($expand)
11. Formatting ($format)