Workshops Nuevas Tecnología SAP          HANDS-ON

(SW1) Fundamentos de SAP Fiori User Experience, SAPUI5 y oDATA

WORKSHOP INTENSIVO Y "HANDS-ON", Remoto o Presencial(*),  Instructor 100% en tiempo real.

Duración Próx. fechas Inscripción
15 hs.

ver calendario

 inscribirse

 (*) No todas las fechas están habilitadas para participantes presenciales


El objetivo de este Workshop es lograr una sólida comprensión de FIORI y el framework SAPUI5, y un primer acercamiento “hands-on” a la construcción de aplicaciones bajo este paradigma. El workshop se desarrolla integrando la exposición de conceptos con la ejercitación concreta, y la exploración 360º grados de tecnologías y escenarios de UI de SAP: Fiori Apps, Launchpad, WebIDE, Cloud Platform, Fiori Elements, SAP Gateway, REST oData, SAP Build, etc.  Está orientado a desarrolladores ABAP, consultores funcionales, o técnicos, líderes de proyecto y diseñadores con background en el mundo SAP.

NOTA: El entorno de desarrollo que usaremos para la ejercitación es el SAP Cloud Platform, accediendo a datos de servidores “on-premise” (Teknoda) y ES5 (Cloud Gateway Server de SAP). A tal efecto, durante el curso se asignará un usuario Trial (Neo) para cada alumno. Asimismo, se instruirá a cada participante para que genere su propio usuario Trial en Cloud Foundry que luego seguirá operativo para revisar/continuar las prácticas, aun finalizado el curso, tanto para remotos como para locales.
IMPORTANTE: Acompañando el reciente anuncio de SAP, partir de Agosto hemos agregado al temario un overview de Business Application Studio en Cloud Foundry como alternativa de desarrollo. 

Estrategia SAP UX y conceptos básicos 

UX vs. UI, y por qué es importante. Estrategia UX SAP, roadmap. De SAPGUI a Fiori. Tecnologías UI de SAP, comparación. clients, herramientas de desarrollo y middleware. Nuevo Vs. "Re-nuevo" (Renew) y Enablement Tools. Concepto de Web Application. Fiori Apps Vs. transacciones. Fiori Apps Vs Web Apps Vs. SAPUI5 Apps.
Fiori Apps Vs Fiori “like” Apps. Exploración "hands-on" de SAP Fiori Application Library y la importancia de la misma. Fiori en S4/HANA Vs Business Suite. Aplicaciones Fiori Vs."fiorizadas". Exploración de Fiori en ERP y S4/HANA. Fiori como paradigma de UX,  y cómo se materializa en software.  Fiori “Design Guidelines”, exploración. Entendiendo los UI elements. 
 

SAP Cloud Platform

Iaas Vs. Paas Vs. Saas. Cloud. Foundry vs. Neo. Concepto de servicio. Ingreso a SAP Cloud Platform Cockpit. Creación de un usuario “P” (Public) para posterior desarrollo de una aplicación. Habilitar e iniciar WebIDE. Registración en el SAP Gateway Demo Server.



SAPUi5 - WebIDE (Primera parte)

Conceptos básicos del desarrollo Web: Lenguajes de marcado, HTML5, CSS3 y XML. Concepto Lightweight vs. Heavyweight, Full Web Stack.
SAPUI5 como framework. Bootstrapping. SAPUI5 SDK. SAP Development Tools download y SAPUI5 API Reference. Web Dynpro Vs. SAPUI5. SAP WebIDE como entorno de desarrollo SAPUI5. Acceso a SCP y servicios. Workspace de WebIDE. Concepto de Template, relación con Fiori Design Guidelines.
Creación de una aplicación tipo Worklist a partir de un Template. Concepto de Data Source & Binding.  Deployment. Ciclo de vida de una aplicación SAPUI5. 
Construcción de una aplicación web sencilla “Hola Mundo”, con y sin bootstrapping. Análisis del File System de una aplicación Web, vista, controles etc. Arquitectura Modelo-Vista-Controlador. Prueba y – Fiori. Revisión del código SAPUi5. 


Landscapes Fiori y SAP Cloud Connector

ABAP Front-end Server y sus componentes (FES).  Gateway embebido Vs. Central Hub. Escenarios híbridos. Escenario Cloud – On premise (Cloud Connector). Fiori Cloud. Alta de usuarios de los alumnos en el Cloud Connector. Descripción y funcionalidad  SAP Cloud Connector. Concepto de "Destination" en SCP. Configuración de varios “destinations” en el Cloud Platform.


SAP Gateway y oDATA.

El estándar REST oDATA. SAP Gateway. ¿Qué posibilita? ¿Qué se define? Transacción SEGW. Formas de exponer servicios oDATA. Mapped Data Source Vs. Referenced Data Source. oDATA basados en código ABAP Vs oDATA desde CDS.
Cómo acceder a los Servicios oData. SEGW, Gateway Client. Recorrido y análisis de un servicio basado en RFC. Sintaxis de URI´s. Exploración  de servicios oDATA a través de URI´s. Registración y publicación de un servicio.
 

SAPUI5 - WebIDE (Segunda Parte)

Construcción de aplicaciones SAPUI5 like Fiori usando “templates”. Construcción de una aplicación “Master Detail” consumiendo una entidad de datos de un Backend SAP on-premise. Deployment en la nube. Acceso desde un dispositivo móvil. Análisis del File System, Manifest.json, I18N, etc.
Construcción de una Web App tipo Worklist accediendo a un backend Cloud. Customización de una Web App. WebIDE Layout Editor. Variaciones: agregado de columnas, cambio de textos. Deployment en SAP Cloud Vs. Deployment On-premise
 

SAP Fiori Launchpad

SAP Fiori Launchpad. Mosaicos, catálogos, grupos y roles. Servicio SCP Portal y Fiori Launchpad Cockpit. Tiles dinámicos y estáticos.
Incorporación a un Launchpad de las aplicaciones like Fiori creadas anteriormente.


Fiori Elements con Annotations

Los principios del diseño SAP Fiori:  Floorplans & Layouts más comunes. Tipos de Aplicaciones Fiori. Fiori Elements. Concepto de Annotations, locales, remotas, utilidad. Creación de un App con Fiori Elements. Agregado al Launchpad.
Posibilidades de Extensión / Adaptación y Variants de una Fiori App.
Evolución del ABAP Programming Model y su relación con Fiori.

Agregado especial desde Agosto 2020

Overview de Business Application Studio en Cloud Foundry, desarrollo de Fiori Apps en ese entorno. 

 

Copyright 2018 - Teknoda S.A.

 

Lea en SAP Tips. . .

Conceptos en breve: Ubicando Fiori y SAPUI5 en el universo de las Web Apps

Una Web App es cualquier aplicación cliente-servidor que ejecuta su porción “front-end” bajo el gobierno de un navegador. Las Web Apps, en general, utilizan una combinación de código HTML, CSS y Javascript , y se entienden vía HTTP con el “Back-end” o “Server-side”.

SAPUI5 (o UI5) es un framework de desarrollo para la porción “cliente” de una web app. Se materializa como un conjunto de librerías Javascript/HTML5 y CSS3 que conforman una potente y variada base de programación, basada en el concepto Model-View-Controller. Una Web application se considera SAPUI5 cuando, cuando se apoya en este framework, lo que implica un “bootstrapping” (carga inicial) del las librerías “core” que lo componen.

 

fiori vs sapui5 vs web

 

Copyright © 2021 Teknoda Tech Portal & Training. Todos los derechos reservados.
Joomla! es software libre, liberado bajo la GNU General Public License.