Una interfaz de usuario responsiva es aquella que se adapta automáticamente al tamaño y tipo de dispositivo donde se muestra: computadora, tablet o celular.
El contenido cambia de forma inteligente (no solo se achica), para que siempre sea fácil de usar y de leer.
Características clave de una UI responsiva:
✅ Diseño flexible
Los elementos se reorganizan según el espacio disponible.
✅ Adaptación automática
Cambia la distribución (columnas, menús, botones) según el tamaño de pantalla.
✅ Compatible con diferentes dispositivos
Funciona bien en laptops, tablets, teléfonos y monitores grandes.
✅ Mejor experiencia de usuario (UX)
No necesitas hacer zoom o deslizar horizontalmente.
Ejemplo en SAP Fiori:
Las aplicaciones Fiori son responsivas por diseño.
Por ejemplo, la app “Mi hoja de tiempos” se ve diferente en:
🖥️ Una computadora: muestra varias columnas, menús completos.
📱 Un celular: los campos se apilan verticalmente, el menú se oculta bajo un ícono.
¿Por qué es importante?
Permite trabajar desde cualquier lugar y dispositivo.
Mejora la accesibilidad y la productividad.
Reduce el trabajo de tener que crear versiones separadas para móvil y escritorio.
La mayoría de interfaces responsivas usan HTML5, CSS3 y frameworks como SAPUI5 (el que usa SAP Fiori) para lograr ese comportamiento adaptable.
✒️+Comunidad Académica CVOSOFT
Para continuar aprendiendo, le invitamos a conocer las últimas 10 Publicaciones Académicas sobre el tema "Responsivas" creadas y compartidas abiertamente por nuestros alumnos.
SAP Master
Como trabajar con código asincrono en SAPIU5: significa que una operación no se ejecuta inmediatamente, sino que se hace en segundo plano y el resto del código sigue ejecutándose sin esperar a que termine. Es decir, no bloquea la aplicación mientras espera una respuesta. Sincronas y bloqueantes Sincronas y no bloqueantes Asincronas y no bloqueantes El metodo JavaScript: es una función que pertenece a un objeto. Es como una acción que ese objeto puede realizar Los patrones asincronos: Permiten ejecutar código sin bloquear la aplicación mientras esperamos una respuesta. Las promesas: es un valor que puede estar disponible ahora, en el futuro o nunca. Esta maneja varios...
*** CVOSOFT - Nuestros Alumnos - Nuestro Mayor Orgullo como Academia ***
SAP Senior
Framework SAPUI5 En un framework de programación para el desarrollo de apps web del cliente que cumplen principios de experiencia al usuario de SAP. "El framework es la estructura predeterminada y el trabajo del desarrollador es llenar los vacíos con su código". 5 Principios de SAP Fiori (Características de SAPUI5) Orientada a roles Responsive Simples Coherentes Disponible al instante Beneficios Tiene gran cantidad de controles que se usan para crear interfaz de usuario rápidamente y conectarla a un servicio de backend Para cualquier dispositivo Permite crear apps consumiendo fuentes de datos diversas de forma transparente al usuario Las librerías - Bloques...
Técnico electrónico con experiencia en sistemas, ti y telecomunicaciones, administración de servidores/centrales telefónicas, sitios web/crm/ecommerce. orientado a la optimización y automatización.
*** CVOSOFT - Nuestros Alumnos - Nuestro Mayor Orgullo como Academia ***
SAP SemiSenior
El framework de programación SAPUI5 1. ¿Qué es SAPUI5? SAPUI5 (SAP User Interface for HTML5) es el framework de programación de SAP para crear aplicaciones web modernas. Basado en estándares abiertos: HTML5, CSS3 y JavaScript. Optimizado para el desarrollo de aplicaciones SAP Fiori. Permite crear interfaces de usuario responsivas, coherentes y adaptables en múltiples dispositivos. 2. Origen y propósito Nace para unificar el desarrollo de aplicaciones con una interfaz estándar y amigable. Facilita la construcción de apps centradas en el usuario, con diseño consistente a nivel SAP. ...
Analista con experiencia en sap, contabilidad, inventarios y costos. manejo de cierres, balances, reportes y mejoras de procesos administrativos.
*** CVOSOFT - Nuestros Alumnos - Nuestro Mayor Orgullo como Academia ***
SAP SemiSenior
¿Qué es SAP Fiori? SAP Fiori es un conjunto de diseños, tecnologías y aplicaciones que SAP creó para ofrecer una experiencia de usuario (UX) moderna, intuitiva y responsiva, en todos sus sistemas (como SAP S/4HANA, SAP ECC, etc.). Es la cara amigable de SAP para el usuario final. Fiori NO es solo "una tecnología", es: Elemento Descripción Diseño/UI Un conjunto de principios y guías para crear apps simples, limpias y centradas en tareas Aplicaciones Fiori ...
*** CVOSOFT - Nuestros Alumnos - Nuestro Mayor Orgullo como Academia ***
SAP Junior
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,...
*** CVOSOFT - Nuestros Alumnos - Nuestro Mayor Orgullo como Academia ***
SAP Master
Estructura del proyecto SAP Fiori Namespace: Ubicacion de la carpeta raiz del proyecto Archivo index.html: se usa para iniciar la app Bootstrap: es un framework de diseño web de código abierto, desarrollado inicialmente por Twitter, que permite crear interfaces de usuario (UI) modernas, responsivas y consistentes de manera rápida, usando HTML, CSS y JavaScript predefinidos. Partes App HTML5/SAPUI5 Enrutador de app autenticacion, tokens y rutas Construccion para el despliegue del proyecto, autenticacion y rutas Diseño de columna flexible Flexible Column Layout: es un patrón de diseño de SAP Fiori que permite mostrar una, dos o tres columnas de manera adaptable según...
*** CVOSOFT - Nuestros Alumnos - Nuestro Mayor Orgullo como Academia ***
SAP SemiSenior
1. ¿Qué es SAP Fiori? SAP Fiori es un diseño de experiencia de usuario (UX) desarrollado por SAP que transforma la manera en que los usuarios interactúan con el sistema. No es un módulo en sí, sino un conjunto de aplicaciones y principios de diseño que permiten una interfaz moderna, intuitiva y centrada en la tarea. Fiori reemplaza la antigua interfaz SAP GUI (gris, técnica y compleja) con una experiencia más limpia, accesible y parecida a la de una app moderna. 1.1 ¿Cómo se accede a SAP Fiori? SAP Fiori se accede a través de un navegador web, sin necesidad de instalar programas. El punto de entrada es el SAP Fiori Launchpad, una página de inicio desde...
Creado y Compartido por:Santiago Horton / Disponibilidad Laboral: FullTime
*** CVOSOFT - Nuestros Alumnos - Nuestro Mayor Orgullo como Academia ***
SAP SemiSenior
La aplicación móvil 1. Introducción En esta lección aprenderás cómo acceder y utilizar las aplicaciones SAP Fiori desde dispositivos móviles, comprendiendo las diferentes formas en que los usuarios pueden interactuar con el SAP Launchpad y las apps SAPUI5 desde teléfonos y tablets. El objetivo es lograr una experiencia fluida, responsiva y segura, permitiendo que los usuarios puedan ejecutar sus tareas de negocio desde cualquier lugar. SAP ofrece distintas opciones para acceder a las aplicaciones móviles, ya sea mediante el navegador web móvil, la app SAP Mobile Start, o soluciones personalizadas integradas con el Launchpad Service o Fiori Launchpad On-Premise. 2. Acceso...
Analista con experiencia en sap, contabilidad, inventarios y costos. manejo de cierres, balances, reportes y mejoras de procesos administrativos.
*** CVOSOFT - Nuestros Alumnos - Nuestro Mayor Orgullo como Academia ***
SAP SemiSenior
SAP Fiori - Conceptos, Configuración y Biblioteca Fecha: 29/12/25 | Unidad 2 Lección 4 1. Tipos de Aplicaciones SAP Fiori Visión General Todas las aplicaciones SAP Fiori utilizan las tecnologías SAPUI5 y SAP Gateway. Los tres tipos de aplicaciones utilizan una diferencia en función del uso de tecnologías adicionales. Tipo Transaccional Analítica Hoja Informativa (Fact Sheet) Enfoque Acceso basado en tareas. Perspectivas. Buscar y explorar. Función Acceso a tareas como cambiar, crear o procesos completos. Navegación...
Profesional sap basis con experiencia en administración de sistemas, upgrades y performance. enfocado en optimizar entornos, garantizar disponibilidad y liderar proyectos tecnológicos.
👉Bueno, estos fueron los últimos artículos de más de 99.000 publicaciones académicas abiertas, libres y gratuitas compartidas con la comunidad, para acceder a ellas le dejamos el enlace a CVOPEN ACADEMY.