Saltar al contenido

Personalizar la interfaz de negocios UI

En los tutoriales anteriores, creó un objeto comercial personalizado con una estructura de datos simple y su durabilidad. Luego, generó una interfaz de usuario para este objeto comercial y la reveló como una aplicación Fiori Launchpad.

Debido a que las interfaces de usuario generadas solo enumeran todas las áreas de un nodo de objeto comercial, puede ser necesario adaptar la interfaz de usuario para mejorar la usabilidad del dispositivo.

Antes de que esté hecho Generación de interfaz y se muestra aquí Adaptación de interfaz así llamado Extensión en la aplicación características realizadas íntegramente dentro del sistema S / 4HANA. Son una funcionalidad clave para el usuario con posibilidades limitadas. La personalización de la interfaz de usuario afecta a todos los usuarios del sistema.

A cambio de la generación y adaptación de UI más poderosas Extensión de lado a lado vía Plataforma SAP Cloud se podría hacer para desarrollar la interfaz de usuario con todas las opciones de SAPUI5 (consulte el tutorial Crear interfaz de usuario personalizada para S / 4HANA Cloud).

Nuestro Ejemplo

Un ejemplo diferente mostrará tutoriales que cubren una amplia gama de aplicaciones personalizadas de administración de bonificaciones.

En la primera parte, el Gerente desea definir los objetos comerciales del “Plan de bonificación” para los empleados. Hay un plan de bonificación para guardar las reglas específicas de los empleados sobre el derecho a bonificaciones.

Información extra

  • Lanzamiento de SAP Cloud S / 4HANA (última actualización del tutorial): 1808

Paso 1: abre la interfaz de usuario para personalizar

Abre el Planes de bonificación aplicación en el grupo Fiori Launchpad Grado.

Prensa Vamos para obtener una lista de todos los planes de bonificación. Abierto vista detallada del plan de bonificación.

Vista detallada del Open Bonus Plan

Esta es la pantalla que se personalizará.

Vista detallada del Plan Bonus antes de la adaptación

Hecho

Inicie sesión para responder la pregunta

Paso 2: cambia al modo de adaptación

Abrir configuración de usuario por la acción del menú de la aplicación correspondiente

Abrir configuración de usuario

Abra el modo de ajuste tres Adaptar la interfaz de usuario.

Ir al modo de personalización de la interfaz de usuario

Hecho

Inicie sesión para responder la pregunta

Paso 3: crea un grupo de IU

Los elementos comestibles de la interfaz de usuario se pueden identificar encontrando un borde roto y el cursor del movimiento a medida que los recorren.

Elemento de interfaz de usuario comestible

Al hacer clic derecho sobre ellos, obtendrá opciones para personalizar la interfaz de usuario. Debido a que estas opciones dependen en parte del tipo, es posible que primero deba encontrar el elemento correcto para obtener la opción que necesita.

Flotar sobre el Información general área hasta que encuentre el borde roto y abra el menú contextual a través de Botón derecho del ratón.

Crear grupo de interfaz

Crear un grupo y llamándolo «Detalles de bonificación».

Hecho

Inicie sesión para responder la pregunta

Paso 4: mover elementos de la interfaz de usuario

Las áreas comestibles también se pueden arrastrar y soltar. Dibujar el campo Fecha de inicio de la validación.

Elemento de interfaz portátil

Adelante al grupo Bonus Data.

Golpea un elemento de IU dibujado

Repetir Arrastrar y soltar en el grupo de Datos de bonificación para los campos:

  • Fecha de caducidad de validez
  • Tamaño objetivo
  • Factor de asignación de bonificación bajo
  • Factor de asignación de bonificación alto
  • Porcentaje de bonificación bajo
  • Bonificación de alto porcentaje
  • Identidad del empleado
  • Nombre de empleado

Hecho

Inicie sesión para responder la pregunta

Paso 5: aplicar cambios en la interfaz de usuario

Publicación las adaptaciones de la interfaz de usuario.

Eventualmente solo necesitas La salida método adaptativo para trabajar con el nuevo diseño.

Hecho

Inicie sesión para responder la pregunta