Recientemente leí una brillante publicación en un blog de
showkath.naseem
llamada
SAPUI5 vs SAP Fiori Elements (FE)
y me recordó que aún hoy hay personas que no tienen total claridad sobre la diferencia entre Fiori, UI5 y Fiori Elements. Para ayudar a aclarar el tema en 2020, he resumido los siguientes puntos en un breve video.
SAP Fiori:
-
Es un conjunto de principios de diseño (o lenguaje de diseño) de SAP que ayuda a los desarrolladores a planificar y construir aplicaciones UI5 de acuerdo con la estrategia de experiencia de usuario de SAP. (
https://experience.sap.com/fiori/
)
-
La versión más reciente es Fiori 3 e incluye pautas para aplicaciones desarrolladas en Android, iOS y la web.
-
Las aplicaciones que siguen el lenguaje de diseño de Fiori pueden construirse utilizando una combinación de UI5 y Fiori Elements.
SAP UI5:
-
Es un marco de desarrollo que un desarrollador utilizaría para
construir realmente
una aplicación de front-end que sigue las pautas de diseño de Fiori.
-
Las aplicaciones UI5 se construyen utilizando HTML5, JS, XML, OData y JSON.
-
Basado en el patrón de diseño Modelo, Vista, Controlador (MVC)
-
Se construye un modelo OData, normalmente un servicio SAP Gateway o CDS
-
Que se muestra al usuario en una vista, preferiblemente construida con XML
-
Y el usuario interactúa con ese modelo a través de un controlador, escrito en JS.
-
Al planificar una aplicación UI5, es una buena práctica utilizar la documentación de diseño de Fiori para construir la mejor aplicación posible. (por ejemplo, al construir una tabla analítica simple -
https://experience.sap.com/fiori-design-web/analytical-table-alv/
)
SAP Fiori Elements:
-
Es una especie de híbrido entre Fiori y UI5.
-
Se pueden utilizar directamente en tu código UI5 para ayudarte a mantener las pautas de diseño de Fiori. (
https://sapui5.hana.ondemand.com/#/api/sap.f
)
-
Otro gran ejemplo es que puedes construir una vista CDS y, a través de anotaciones y metadatos, puedes generar automáticamente código UI5 utilizando el Framework de Fiori Elements.
Creo que la mayor confusión, especialmente entre la mayoría de los funcionales y reclutadores, es que Fiori es la palabra clave. Creo que una mejor descripción es que Fiori es parte de un contexto más amplio de herramientas y patrones de diseño que conforman la interfaz de usuario y experiencia de usuario general de SAP.
Si tienes una idea diferente o crees que me he saltado algo, por favor házmelo saber en los comentarios.
¡Gracias por leer!