📘SAP Fiori Elements

Selector Alummnos / Empresas

Definición de SAP Fiori Elements

SAP Fiori Elements es un framework de desarrollo que permite crear aplicaciones SAP Fiori de forma rápida, estandarizada y sin necesidad de programar toda la interfaz desde cero, utilizando plantillas prediseñadas basadas en las mejores prácticas de SAP.


¿Qué es SAP Fiori Elements?

Es una tecnología que genera automáticamente aplicaciones SAP Fiori a partir de anotaciones (metadatos) en el backend, especialmente en OData services.
Estas anotaciones definen cómo se comporta y se visualiza la aplicación: qué campos mostrar, cómo ordenar, filtros, botones, navegación, etc.


¿Para qué sirve?

  • Crear aplicaciones empresariales consistentes y modernas sin tener que escribir toda la lógica de frontend.

  • Ahorrar tiempo de desarrollo.

  • Asegurar la experiencia de usuario SAP Fiori estándar.


Tipos de plantillas que ofrece SAP Fiori Elements:

Plantilla Descripción
List Report Lista de registros con filtros, orden y navegación a detalles. Ideal para consultar y administrar datos.
Object Page Vista detallada de un objeto de negocio con secciones, pestañas, y vínculos.
Overview Page Página tipo “dashboard” que resume KPIs y tarjetas con información clave.
Analytical List Page Mezcla reportes analíticos con tablas y filtros interactivos.
Worklist Lista de tareas pendientes, con acciones rápidas (por ejemplo, para aprobaciones).

¿Qué necesitas para usarlo?

  • Backend con OData v2 (preferiblemente con CDS views y anotaciones).

  • SAP Fiori Elements framework (en SAP BTP o en SAP S/4HANA).

  • Editor como SAP Business Application Studio o SAP Web IDE.

  • Anotaciones CDS o anotaciones XML que describen cómo debe comportarse la interfaz.


Ventajas de SAP Fiori Elements:

  • Desarrollo más rápido que SAPUI5 puro.

  • Interfaz moderna, adaptable y coherente con el diseño Fiori.

  • Reducción de errores de interfaz.

  • Ideal para empresas que quieren escalar rápidamente su portafolio de apps.

  • Compatible con responsive design (PC, tablet, móvil).


Limitaciones:

  • Menor flexibilidad visual comparado con apps totalmente personalizadas en SAPUI5.

  • Algunas lógicas complejas o diseños muy específicos no pueden implementarse solo con Fiori Elements (ahí se usa SAPUI5 freestyle).


Ejemplo de uso:

Una empresa quiere mostrar una lista de facturas con filtros y detalles.
Con SAP Fiori Elements + CDS + anotaciones, puede generar una List Report + Object Page sin escribir código JavaScript ni HTML, manteniendo la experiencia Fiori estándar.

 

 

 

 

✒️+Comunidad Académica CVOSOFT

Para continuar aprendiendo, le invitamos a conocer las últimas 10 Publicaciones Académicas sobre el tema "SAP Fiori Elements" creadas y compartidas abiertamente por nuestros alumnos.

SAP Master

Comparto algunas URL https://developers.sap.com/tutorial-navigator.html https://www.sap.com/design-system/fiori-design-web/?external https://www.youtube.com/watch?v=ZrNv5No2IaY&t=12795s https://www.youtube.com/watch?v=mmSB85rWQ3w&t=381s https://www.youtube.com/playlist?list=PL6aK0ufxLukIS5kqHty3E--fnfHxHaGjQ He realizado cada uno de los ejercicios propuestos en el curso, siguiendo las instrucciones paso a paso. Adicionalmente, me apoyé en el uso de herramientas como ChatGPT para aclarar dudas, profundizar conceptos y resolver casos prácticos relacionados con SAP Fiori, SAPUI5 y Fiori Elements. Esta combinación me permitió avanzar en el desarrollo de las prácticas, incluso en...

Acceder a esta publicación

Creado y Compartido por: Claudia Bibiana Monsalve Lopez

*** CVOSOFT - Nuestros Alumnos - Nuestro Mayor Orgullo como Academia ***

SAP Senior

SAP Fiori es lo que se denomina experiencia de usuario (UX) para SAP UX (Experiencia de usuario) es la manera en que un usuario interactúa con la interfaz. Tener una buena experiencia de usuario es importante para el negocio, ya que impacta directamente en la operatividad del usuario, haciendo que sea más eficiente. UI (Interfaz del usuario) se refiere al medio a través del cual un usuario interactúa con un dispositivo, software o sistema digital. Incluye todos los elementos visuales y de control como pantallas, iconos, botones, colores, fuentes y el diseño general que permiten al usuario navegar, ingresar datos y manipular el sistema de forma efectiva. Etapas de Fiori Fiori 1.0 - 2013 Fiori 2.0...

Acceder a esta publicación

Creado y Compartido por: Roman Leandro Garrido Lagos / Disponibilidad Laboral: FullTime + Carta Presentación

*** CVOSOFT - Nuestros Alumnos - Nuestro Mayor Orgullo como Academia ***

SAP Master

El fiori Launchpad on premise Transaccion: /UI2/FPL: sirve para iniciar el SAP Fiori Launchpad desde el GUI. URL: https://sap/bc/ui2/flp: es la entrada principal al SAP Fiori Launchpad desde un navegador web. La personalizacion del FLP: es la interfaz web central desde donde los usuarios acceden a sus aplicaciones Fiori, SAP GUI, Web Dynpro, etc. App finder: es una funcionalidad del SAP Fiori Launchpad (FLP) que permite a los usuarios buscar, explorar y añadir aplicaciones (tiles) a su página de inicio (Home Page). La version del sistema y las apps de SAP Fiori: es un concepto clave para entender qué funcionalidades Fiori tienes disponibles en tu sistema SAP S/4HANA y si estás usando versiones modernas o antiguas....

Acceder a esta publicación

Creado y Compartido por: Claudia Bibiana Monsalve Lopez

*** CVOSOFT - Nuestros Alumnos - Nuestro Mayor Orgullo como Academia ***

SAP SemiSenior

SAP Fiori Es un conjunto de aplicaciones de SAP que ofrece una experiencia de usuario moderna y simplificada para las funciones empresariales más comunes. Las aplicaciones Fiori siguen el concepto de app, similar a lo que utilizamos en los smartphones en el sentido que cada una de ellas es muy simple y está dedicada a una función especifica. Fiori presenta un concepto completamente nuevo de experiencia de usuario. Sus caracteristicas: Experiencia adecuada al rol laboral del usuario. Experiencia simple. Experiencia coherente: es la misma para pc, smartphones. Experiencia agradable: con un diseño estudiado y optimizado para personas. Experiencia adaptativa: se adapta a su dispositivo a su tamaño...

Acceder a esta publicación

Creado y Compartido por: Sergio Alejandro Suarez / Disponibilidad Laboral: FullTime + Carta Presentación

*** CVOSOFT - Nuestros Alumnos - Nuestro Mayor Orgullo como Academia ***

SAP SemiSenior

La guía y las herramientas de diseño de SAP Fiori Guía de diseño de SAP Fiori SAP Fiori no es solo una tecnología, también es una metodología de diseño centrada en el usuario. La guía oficial de diseño está disponible en https://experience.sap.com/fiori-design-web/ Esta guía establece reglas sobre navegación, colores, botones, estilos, tipografía, etc. El objetivo es que todas las apps mantengan una experiencia uniforme y coherente. Las pautas son útiles tanto para desarrolladores como para diseñadores funcionales y de UX. Tipos de mensajes...

Acceder a esta publicación

Creado y Compartido por: Jose Rodrigo Baz Suarez / Disponibilidad Laboral: FullTime + Carta Presentación

*** CVOSOFT - Nuestros Alumnos - Nuestro Mayor Orgullo como Academia ***

SAP Master

Consumir un servicio Odata de SAP en SAPUI5 Para poder consumir un servicio Odata debemos tener creado el destino en el SAP BTP, sistema donde esta el servicio que queremos consumir Destino en SAP BTP es una configuración que permite conectar tu aplicación en la nube con un sistema externo (por ejemplo, SAP Gateway, ES5, S/4HANA, API REST). Contiene: URL del sistema externo Método de autenticación (Básico, OAuth, etc.) Datos de conexión y propiedades adicionales Creacion de un proyecto SAP Fiori que consuma el servicio Odata en ES5: la creación de un proyecto SAP Fiori que consuma un servicio OData en ES5 consiste en: Configurar un destino...

Acceder a esta publicación

Creado y Compartido por: Claudia Bibiana Monsalve Lopez

*** CVOSOFT - Nuestros Alumnos - Nuestro Mayor Orgullo como Academia ***

SAP SemiSenior

¿Qué es SAP Fiori? SAP Fiori es un conjunto de diseños, tecnologías y aplicaciones que SAP creó para ofrecer una experiencia de usuario (UX) moderna, intuitiva y responsiva, en todos sus sistemas (como SAP S/4HANA, SAP ECC, etc.). Es la cara amigable de SAP para el usuario final. Fiori NO es solo "una tecnología", es: Elemento Descripción Diseño/UI Un conjunto de principios y guías para crear apps simples, limpias y centradas en tareas Aplicaciones Fiori ...

Acceder a esta publicación

Creado y Compartido por: Exequiel Eduardo Acevedo / Disponibilidad Laboral: FullTime

*** CVOSOFT - Nuestros Alumnos - Nuestro Mayor Orgullo como Academia ***

SAP Master

Role Maintenance (PFCG) SAP Fiori Launchpad Designer (FLPD) SAP Fiori Launchpad Content Manager (FLPCM) SAP Fiori Launchpad Application Manager (FLPAM) Manage Launchpad Spaces Transacción ABAP clásica para el mantenimiento de roles (disponible desde hace décadas). Aplicación independiente SAPUI5 para crear y modificar grupos, catalogos técnicos y de negocio. Transacción ABAP para gestionar catálogos de negocio. Transacción ABAP para gestionar catálogos técnicos. Aplicación Fiori para gestionar espacios (Spaces). Manage Launchpad Pages Desde SAP_UI 7.40 Desde SAP_UI 7.53 Desde SAP_UI 7.55 Desde SAP_UI 7.55 Desde SAP_UI 7.55 Aplicación Fiori para gestionar páginas...

Acceder a esta publicación

Creado y Compartido por: Oscar Orlando Ruiz Cano

*** CVOSOFT - Nuestros Alumnos - Nuestro Mayor Orgullo como Academia ***

SAP Senior

Tareas de un Consultor SAP Fiori Descubrir las necesidades de la app Diseñar prototipos y validar con el usuario Desarrollar la app Realizar los test y poner en productivo la app Perfil Técnico Conocer sobre diseño y mapeo de servicios Odata Configuración de catálogo, tiles y ajuste de roles en SAP FLP Herramientas de desarrolla SAP BAS Desarrollar Apps SAP Fiori (Transacciones, Analíticas y Overviews) Dentro de SAPUI5 HTML5 CCS3 JavaScript Metodología del Trabajo de SAP Fiori Diseñar pensando Espacio de problema y espacio de solución Equipos multidiciplinarios ...

Acceder a esta publicación

Creado y Compartido por: Roman Leandro Garrido Lagos / Disponibilidad Laboral: FullTime + Carta Presentación

*** CVOSOFT - Nuestros Alumnos - Nuestro Mayor Orgullo como Academia ***

SAP Senior

Historia de las interfaces de usuario en SAP SAP GUI con 300.000 pantallas. SAP Screen personas solución para obtener transacciones existentes y transformar las obsoletas pantallas de SAP GUI en Fiori UX. Beneficios de SAP Screen personas Simplifica la toma de decisiones Simplifica los procesos comerciales Simplifica el uso de SAP Resumen SAP Fiori no es un lenguaje de programación, son reglas de diseños basadas en tecnología HTML5, CCS y JavaScript SAP Screen Personas es una capa de visualización que está por encima de dynpros para mejorar la usabilidad SAP S74HANA llaman a aplicaciones de Fiori y otras que parecen ser Fiori, lo que en realidad lleva es Screen personas Se puede acceder...

Acceder a esta publicación

Creado y Compartido por: Roman Leandro Garrido Lagos / Disponibilidad Laboral: FullTime + Carta Presentación


👉Bueno, estos fueron los últimos artículos de más de 99.000 publicaciones académicas abiertas, libres y gratuitas compartidas con la comunidad, para acceder a ellas le dejamos el enlace a CVOPEN ACADEMY.