SAPUI5. Entorno de desarrollo

En este post os voy a hablar del entorno de desarrollo para SAPUI5. Cuando queramos comenzar a construir nuestras propias aplicaciones con SAPUI5 deberemos utilizar Eclipse. Es una potente y completa plataforma de programación, desarrollo y compilación de elementos tan variados como sitios web, programas en C++ o aplicaciones Java. Es una herramienta de código abierto y multiplataforma.

Una vez hemos instalado la herramienta, existen multitud de plugin disponibles que aumentan la funcionalidad de la herramienta y nos permiten trabajar con un monton de tecnologias diferentes. Este es el punto en el que nos encontramos, para trabajar con SAPUI5 debemos instalarnos un plugin que nos de toda la funcionalidad necesaria. En el siguiente link os dejo un enlace donde encontrareis todas las instrucciones necesarias para instalarlo.

https://tools.hana.ondemand.com/#sapui5

 

 

Destacar que se recomienda tener instalada la versión de Eclipse Luna o Kepler (Son dos de las últimas versiones).

 

Evidentemente SAP poner a nuestra disposición el SAPUI5 SDK donde vamos a encontrar muchos recursos disponibles a nuestra disposición, como controles, demos, manuales, etc.

 

Como veis las herramientas que necesitamos para desarrollar con SAPUI5 están al alcance de nuestra mano. Solo queda animarse a desarrollar!!!



Como desarrollar apps con SAP Gateway para Microsot

SAP Gateway para Microsoft SP 03 es un  framework  que se puede utilizar para construir aplicaciones que consumen contenido de SAP utilizando las tecnologías de Microsoft que solemos utilizar habitualmente. Podemos extender todo el potencial que nos da SAP aprovechandonos de las principales plataformas de Microsoft, entre las que están Microsoft Azure, Office 365 y Office 2013. Por ejemplo, podriamos crear una aplicación de SharePoint que permite a los usuarios trabajar con el contenido de SAP a través de un portal SharePoint o con Office 365.

La verdad que solo he hechado un ojo al tema y me parece realmente interesante. He encontrado un
link donde nos dejan ejemplos e incluso podemos acceder al código de diferentes aplicaciones.

Tema interesante, si alguien tiene algo mas de info y la quiere compartir adelante.

SAP Fiori. Arquitectura

En este post voy a ampliar un poco la información sobre SAP Fiori. Comentare un poquito mas sobre la arquitectura de este paquete de aplicaciones, comentando algunas de sus características.

SAP Fiori se basa en 5 pilares como vemos en la siguiente imagen:

Arquitectura (Alto Nivel)

En la siguiente imagen os muestro una representación de la arquitectura de SAP Fiori a alto nivel:

 

Arquitectura (Bajo Nivel)

A bajo nivel, SAP Fiori, está compuesto por tres componentes principalmente:

• UI Apps: Las aplicaciones están basadas en SAPUI5.
   
• Interfaz OData y el modelo de datos: SAP Gateway actúa de enlace entre las Apps. y la lógica de negocio del Backend.
• Lógica de Negocio: Desarrollos estandar/a medida ABAP que son los encargados de enviar información o recibir información desde/hasta las UI Apps.

Seguridad SAP Fiori

Referente a la seguridad comentaros dos aspectos importantes sobre Conectividad y Autenticación.

• Conectividad
   
• Desde el Navegador al Gateway mediante HTTP o HTTPS.
• Desde el Gateway al Sistema Backend a través de una RFC.
   
• Autenticación
• SAML 2.0 Single Sign-On
• SAP Log-on Tickets (MYSAPSSO2)
• RSA SecureID
• Usuario / Contraseña Gateway
• SAP IDP

Pre-Requisitos

Os comento brevemente los requisitos necesarios para utilizar SAP Fiori:

• SAP ERP 6.0 SPS 15 o superior
• SAP NetWeaver Gateway 2.0 SPS 06
• Gateway Add-On IW_BEP 200 + SAP Notes 1799722, 1805831 (Required for SAP ERP systems using SAP NetWeaver 7.31 and below).
• SAP NetWeaver AS ABAP 7.00 SPS21 o superior+ SAP Notes: 1774246, 1799549, 1805986, 1754533, 1809628
• SAP SRM 7.0 SPS02 excepto para My Shopping Cart que se necesita SAP SRM 7.0 SPS11
• SAP NetWeaver UI Add-On
• Runtime
• UISAPUI5 100 SP04
• UI_INFRA 100 SP04
• Design Time
• UI2_700 100 SP04
• UI2_FND 100 SP04

SAP Fiori. Introducción

SAP Fiori es una nueva tecnología que aporta una colección de aplicaciones sencillas y de fácil uso basadas en la experiencia de los usuarios. El objetivo es mejorar las interfaces de usuario de los flujos más comunes de SAP, basadas en la tecnología UI5.

Una de las características más importantes de SAP Fiori es su Menú Principal (launchpad) personalizable y común para todas las aplicaciones.

Algunos de los beneficios que nos va a proporcionar SAP Fiori son:

• Renueva y mejora los procesos de negocio con mayor utilización por los empleados.
• Proporciona una experiencia sencilla y fácil de utilizar que aumenta la productividad.
• Desde cualquier sitio y cualquier dispositivo.
• Aumenta la eficiencia mediante la adopción de los procesos existentes y la aceleración de las transacciones.
• Le permite aprovechar sus inversiones existentes de SAP, proporcionando valor instantáneo para todos sus empleados.
• SAP Fiori tiene un tiempo de despliegue corto.

SAP Fiori Client

Aplicación nativa ya desarrollada por SAP para las plataformas más demandadas iOS y Android. Dicha aplicación es gratuita y de rápida configuración.

Os dejo un video promocional de SAP Fiori donde podeis ver un poco mejor algunas de las facilidades que nos puede aportar.

 

 

Tambien os dejo una video con una demo de SAP Fiori:

 

 



 



SAPUI5. Arquitectura

En este post vamos a comentar la arquitectura de SAPUI5, como funciona por dentro esta nueva herramienta que nos proporciona SAP.

• Las aplicación SAPUI5 se ejecutan en un browser o en un componente browser
• La página de inicio de una aplicación SAPUI5 es una página HTML (por ejemplo: index.html)
• SAPUI5 usa el concepto Modelo-Vista-Controlador para las pantallas y la lógica de la aplicación
• Las aplicaciones SAPUI5 están formadas por:
• Las librerías estándar de SAPUI5
• Ficheros de configuración (Javascript, XML, CSS…)

 

Las aplicaciones SAPUI5 pueden ser desplegadas en una gran variedad de servers:

• SAP HANA Cloud
• SAP NW ABAP Server
• SAP NW Java Server
• Otros servidores de aplicaciones Java
• Otros servidores web

Ahora voy a describir dos escenarios de ejemplo:

• SAPUI5 en Portal accediendo a servicios ECC publicados en Gateway

Desarrollo

1. Desarrollo DCs SAPUI5
2. Desarrollo Servicio GW Project

 

Ejecución

1. Inicio sesión contra SAP NW Portal
2. Acceso a iView APP SAPUI5
3. El navegador descarga recursos HTML+JS aplicación
4. APP SAPUI5 consume oDATA/REST GW Services con SSO
5. GW accede a BAPIs de negocio en sistema ABAP con SSO

• SAPUI5 en Stack ABAP accediendo a servicios ECC publicados en Gateway

Desarrollo

1. Desarrollo SAPUI5 Project
2. Desarrollo Servicio GW Project

Ejecución

1. Acceso a URL APP SAPUI5
2. Inicio sesión contra stack ABAP.
3. El navegador descarga recursos HTML+JS aplicación
4. APP SAPUI5 consume oDATA/REST GW Services
5. GW accede a BAPIs de negocio en sistema ABAP

SAPUI5. Construcciones de aplicaciones enriquecidas basadas en HTML5

En este post os voy a hablar de SAPUI5. Una nueva tecnología que SAP pone a nuestra disposición.
SAPUI5 es un framework de trabajo para la construcción de frontend . En tiempo de ejecución toda la lógica de vista es llevada a cabo por la parte cliente (desktop, mobile, tablet) en HTML5.

Su principal objetivo es diseñar una UIs ligeras. Sus principales características son:

• Uso de estándares HTML5, CSS3, JavaScript.
• Uso y/o extensión de software Opensource jQuery, QUnit, jQueryUI, jQuery Mobile, cubiq, Zynga Scroller, LESS, DataJS, D3, JSZip, Google-Caja JS HTML Sanitizer, MobiScroll, SinonJS, URI.js, Flexis.js.
• Entre cliente y servidor sólo viajan datos de negocio mediante los estándares de comunicación OData, REST, jSON, Atom, XML.
• Entorno de desarrollo sobre Netweaver Developer Studio 7.3, 7.4. Consiste en un plugin de Eclipse.
• Modelo vista controllador – MVC. Define una serie de clases JavaScript genéricas para ello.

SAPUI5 es la apuesta de SAP como nueva interfaz de usuario. Es incluída en SAP Netweaver Portal 7.3 SP9, SAP Netweaver 7.4 Stacks ABAP / JAVA , SAP Business by Design, SAP HANA XS SP5/SP6, SAP Sybase 2.2.1

Beneficios

Como beneficios de esta nueva tecnología podemos destacar los siguientes:

• Platform – Independent. Desktop, Mobile o Tablet. Look and Feel nativo en cada dispositivo.
• Browser – Independent. Optimizado para diferentes navegadores.
• Deployment Options. NW ABAP, NW JAVA, NW Cloud, servidor WAS Java, servidor WEB.
• Uso de estándares y opensource. HTML5, CSS, JavaScript, jSON, REST, XML, Atom, jQuery, jQueryMobile, etc.
• Curva de aprendizaje. Los recursos necesarios para su uso sólo deben conocer el desarrollo web (sin Java / ABAP).
• Ágil y usable. Parte servidora sólo para servir recursos y datos de negocio. Es muy ágil y ligera con una buena User eXperience.
• Rica en componentes. Dispone de una gran variedad de componentes gráficos y además se permite la extensión de los mismos.
• Personalizable. Existe una variedad de temas o la posibilidad de crear temas propios.
• La nueva apuesta UI de SAP. Existen diferentes productos de SAP basados en esta tecnología o bien la ofrecen como complemento.
• Sin coste adicional. El uso de la suite de productos SAP Netweaver en stacks ABAP, JAVA o Cloud permite su uso sin cargo adicional.

Pasamos de un entorno rígido...

...a un entorno agradable y usable

SAPUI5 dispone de una extensa galería de componentes configurables y extensibles. Os dejo el link para que podais acceder. Podeis encontrar muchisima información y ejcutar diferentes demos que estan disponibles. Es una buena forma de poder "tocar" esta nueva tecnología.

https://sapui5.netweaver.ondemand.com/sdk/#content/Controls/index.html

 

 

 

 

En el siguiente post hablaremos sobre la arquitectura y el entorno de desarrollo.