✒️SAP BTPFIORI / La adaptación de la IU a los diferentes dispositivos Por Claudia Monsalve Lopez

La adaptación de la IU a los diferentes dispositivos La adaptación de la IU a los diferentes dispositivos en SAP Fiori se basa en el diseño responsivo. El diseño responsivo es la capacidad de una aplicación web de funcionar correctamente en distintos dispositivos, anchos de pantalla, resoluciones y densidades de píxeles, sin necesidad de desarrollar versiones separadas. Esto significa que una misma aplicación puede ejecutarse en teléfono, tableta o computadora de escritorio ajustando automáticamente su distribución y comportamiento. En SAPUI5, además de adaptar el layout, también se puede ajustar el tamaño de los controles según el tipo de interacción,...

Acceder a esta publicación

La adaptación de la IU a los diferentes dispositivos 1. Introducción La adaptación de la Interfaz de Usuario (IU) en SAPUI5 busca garantizar que las aplicaciones funcionen correctamente en todo tipo de dispositivos —computadoras, tablets y teléfonos— ofreciendo una experiencia fluida, intuitiva y uniforme. SAP Fiori y SAPUI5 están diseñados con el principio "responsive by design", lo que significa que las aplicaciones ajustan automáticamente su presentación según el tamaño, orientación y capacidades del dispositivo, sin necesidad de desarrollar versiones separadas. 2. Concepto de diseño responsivo El diseño responsivo es la capacidad...

Acceder a esta publicación

La adaptacion de la IU a los diferentes dispositivos: significa diseñar y construir aplicaciones o páginas web de forma que se vean y funcionen correctamente en cualquier dispositivo: Se deben tener en cuenta los siguientes aspectos para que una app sea responsiva La disposicion: se refiere a cómo organizas los controles y elementos en la interfaz de usuario. Los medios responsivos: son técnicas y componentes que permiten que tu aplicación se adapte automáticamente al tamaño de la pantalla (PC, tablet, móvil). Las medias queries en CSS3: son una característica de CSS3 que permiten cambiar los estilos según el tamaño de la pantalla. Los controles responsivos...

Acceder a esta publicación

1. EL DISENO RESPONSIVO Hay 3 areas que debemos considerar para hacer una app responsiva La disponsicion: escalar o mover difernetes controles de iu los medio responsivos: escalar imagenes y videos / usar fuentes mas pequenas la media queries en CSS3: 2 LOS CONTROLES RESPONSIVOS EN SAPUI5 Para el desafio de mostrar tablas en pantallas movil, sapui5 tiene 2 estrategias La posibilidad de ocultar columnas: el area de Pop-in: ES UN AREA DENTRO DE LA PANTALLA QUE SE USA PARA MOSTRAR DATOS MENOS RELEVANTES. LAS PROPIEDADES minScreenWith y demandPopin en sap.m.Column determinan como una columna se comporta en varios tamanos de pantalla. demandPopin si es verdadero, la columna aparecera como valores secundarios, de lo contrario...

Acceder a esta publicación

SAP GUI 5 nos proporciona las herramientas y tecnologías para crear aplicaciones responsives para que podamos codificar una vez y ejecutarlas en varios dispositivos seguir el diseño responsivo puede ahorrar enormes costos en el desarrollo y mantenimiento del código de software de estas aplicaciones. Podemos probar las aplicaciones específicas del dispositivo de nuestra aplicación con las herramientas de desarrollo de nuestro navegador por ejemplo en Google Chrome se puede emular una tableta o un teléfono fácilmente y ver los efectos algunas opciones de respuesta de SAP GUI 5 solo se configuran inicialmente al cargar la aplicación por lo que es posible que debamos a cargar la página...

Acceder a esta publicación

El diseño Responsivo Se trata de la capacidad de las aplicaciones Web para funcionar sin problema en todos los dispositivos Hay tres áreas que debemos considerar para hacer una aplicación responsiva: La disposición Los medios responsirvos Las medias querés en ccs3 Uno de los aspectos más importantes de SAP FIORI nuestras aplicaciones deben desarrollarse, configurarse y mantenerse una sola vez para que todos los cambios sean efectivos en todos los dispositivos Además SAPUI5 nos permite ajustar el tamaño de los controles para que coincida con el tipo de Interaccion tales como un dispositivo táctil o un teclado o un mouse. Controles responsirvos en SAPUI5 Tablas...

Acceder a esta publicación

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. ...

Acceder a esta publicación