✒️SAP Fiori La adaptación de la IU a los diferentes dispositivos

El diseño responsivo

Se trata de la capacidad de las aplicaciones web, para verse desde distintos dispositivos sin problemas.

Hay tres áreas que debemos considerar para hacer que una aplicación sea responsiva:

1. La disposición: se trata de tener una estrategia para escalar y mover los diferentes controles de IU para que se ajusten a los diferentes anchos de pantalla.
2. Los medios responsivos: Esta estrategia consiste en escalar las imágenes y videos para diferentes dispositivos
3. Las media queries en CSS3: nos permiten especificar diferentes CSS según las dimensiones de los dispositivos

De esta forma el usuario tiene una experiencia unica indistintamente del dispositivo que este utilizando.

SAPUI5 facilita el diseño resposivo al ofrecer una amplia gama de controles de interfaz d eusuario que se ajustan automáticamente a diferentes tamaños y resoluciones.

El beneficio de una web responsiva

La ventaja de contar con un diseño responsivo consiste en que las aplicaciones se ajustan a los diferentes tamaños de pantalla sin requerir esfuerzos adicionales.

La API Device

Esta API (sap.ui.Device) da información sobre los detalles del dispositivo que están realizando las solicitudes, como el sistema operativo su versión, navegador tamaño de la pantalla, orientación

La densidad de contenido

SAP Fiori responde y se ejecuta en todos los dispositivos. Esto significa que todos los estilos de interacción comunes deben ser compatibles: mouse y teclado, asi como mediante el tacto.

SAPUI5 proporciona factores de forma basados en la interacción táctil y no táctil

• Cozy: estos controles están optimizados para dispositivos táctiles
• Compact: Es un diseño de tamaño reducido, ideal para dispositivos operados por mouse
• Condensed: Este diseño se utiliza para tablet.