Cruso SAP UI5 and FIORI

  • Web UX Design Era Digital

Cruso SAP UI5 and FIORI

40 horas
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
Inglês | Português
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)

TENHO INTERESSE

Cursos Relacionados

Curso Adobe Captivate Foundation

16 horas

Curso Adobe Captivate Advanced

16 horas

Curso Algoritmos Visual Foundation

16 horas

Curso Web Performance and Optimisation

Curso Web Performance and Optimisation

Curso Adobe Animate Foundation

16 horas

Curso PHP Developer Foundation

32 horas