✒️La guía y las herramientas de diseño de SAP Fiori
La guía y las herramientas de diseño de SAP Fiori
Las guías de diseño de SAP Fiori actúan como el lenguaje de diseño de SAP Fiori y guían al desarrollador sobre cómo crear una aplicación SAP Fiori respetando los principios de diseño.
Los mensajes se dividen en las siguientes categorías:
- Error
- Advertencia
- Información
- Éxito
- Confirmación
En una aplicación SAPUI5 algunas de las formas son las siguientes:
- Mensaje de ventana emergente: el mensaje emergente utiliza el control sap.m.MessagePopover, es la forma preferida de mostrar mensajes al validar un formulario. Se puede mostrar automáticamente el lado del servidor de mensajes vinculando a un administrador de mensajes.
- Message Box: utiliza el control sap.m.MessageBox. Cuando hay errores que no están directamente relacionados con un campo de formulario, como un error genérico o un error técnico, podemos usar este tipo de mensaje. Interrumpe al usuario en su acción y el usuario debe explicitamente aceptar el mensaje de error, información o advertencia antes de continuar.
- Message Toast: utiliza el control sap.m.MessageToast Se puede utilizar para mostrar un mensaje breve de éxito. Debido a que desaparece automáticamente después de un tiempo especificado, el mensaje no es disruptivo y no requiere una acción explícita por parte del usuario.
- Message Page: utiliza el control sap.m.MessagePage. Brindan comentarios al usuario cuando una aplicación o lista está vacía o cuando se ha producido un error.
- Los elementos de SAP Fiori aceleran el desarrollo.
- Los elementos de SAP Fiori proporcionan un mantenimiento de aplicaciones escalable y administrado de forma centralizada.
- Los elementos de SAP Fiori garantizan la UX y la coherencia del disefto.
Los elementos de SAP Fiori cumplen los siguientes objetivos:
- Consistencia de diseño
- Actualización automatica de las aplicaciones según las últimas pautas de diseño
- Codificación de interfaz mínima o nula.
- Datos de backend proporcionados por un servicio OData
- Aplicaciones basadas en navegador
- Utilizar las plantillas compatibles
- Comportamiento y légica de la interfaz de usuario compatible con anotaciones y extensiones
- Aplicaciones online
5 plantillas q cubren el 80% de los escenarios de las aplicaciones de SAP:
- Informe de lista.- Los usuarios pueden ver y trabajar con un gran conjunto de elementos
- Descripción general.- Proporciona toda la información que un usuario necesita en una sola pagina segun el dominio o rol
Las tarjetas por lo general tienen tres areas de interacción:
- Area de encabezado: identifica 'a tarjeta y permite al usuario navegar a la informacion de la aplicación. Seleccionando la ceabecera lleva al usuario a la aplicacién con este fitro apicado.
- Area de contenido: contiene ta carga Util de informacion, tal como atributos, elementos de lista, una visualizacién "analtica" o un gráfico. Al seleccionar un elemento en una lista se desplazara a dicho elemento.
- Area de pie: muestra información secundaria, como por ejemplo un contador de cantidad de datos
- Lisa de trabajo.- muestra una coleccion de elementos q un usuario necesita
- Lista analítica (ALP).- ofrece una una forma unica de analizar datos paso a paso desde diferentes perspectivas, investigar una causa raíz a travéz del desglose y actuar sobre el contenido transaccional. Su objetivo es identificar areas interesantes dentro de conjunto de datos o instancias unicas
- Pagina de objeto.- Se usa para mostrar y categorizar toda la informacion relevante sobre un objeto.
- Pagina asistente (Wizard).- Usa un asistente para crear y editar objetos comerciales.
Layouts
- Pagina Dinámica (sap.f.DynamicPage)
- Pantalla completa,.- diseñado para aprovechar al máximo el ancho de la pantalla
- Columnas Flexibles.- Diseño de pantalla dividida
- Pagina dividida.- Para mostrar maestro - detalle
 
 
 
Sobre el autor
Publicación académica de Guifor Paul Plaza Aguirre, en su ámbito de estudios para la Carrera Consultor en SAP Fiori.
Guifor Paul Plaza Aguirre
Profesión: Ingeniero en Sistemas - Ecuador - Legajo: PW72G
✒️Autor de: 2 Publicaciones Académicas
🎓Egresado del módulo:
Disponibilidad Laboral: FullTime
Certificación Académica de Guifor Plaza