![](/cvo_files/imgs_sap_abap/logos/logo_cvo_academy_it.png)
✒️SAP Fiori La adaptación de la IU a los diferentes dispositivos
SAP Fiori La adaptación de la IU a los diferentes dispositivos
![SAP Fiori La adaptación de la IU a los diferentes dispositivos SAP Fiori La adaptación de la IU a los diferentes dispositivos](https://www.cvosoft.com/cvo_files/imgs_sap_abap/og-images/419.jpg)
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:
- 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.
- Los medios responsivos: Esta estrategia consiste en escalar las imágenes y videos para diferentes dispositivos
- 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.
 
 
 
Sobre el autor
Publicación académica de Miguel Enrique Tivamosa Rodriguez, en su ámbito de estudios para la Carrera Consultor en SAP Fiori.
Miguel Enrique Tivamosa Rodriguez
Panama - Legajo: WX65S
✒️Autor de: 12 Publicaciones Académicas
🎓Egresado del módulo:
Presentación:
Ayudo a las empresas en crear una cultura analítica y entender lo importante que hoy día es transformar la información en conocimiento. creo firmemente que la información hoy en día es un activo.
Certificación Académica de Miguel Tivamosa