📘Properties Variants

SAPUI5 Un framework de programación desarrollado por SAP que consiste en un conjunto de librerías JavaScript para el diseño y desarrollo de aplicaciones de negocio basada en HTML5. Está orientado al desarrollo de aplicaciones web del lado del cliente y facilita la creación de interfaces modernas, dinámicas y consistente, alineadas con los principios de experiencia de usuario definido por SAP. Las aplicaciones creadas con SAPUI5 cumplen los cincos principios de SAP Fiori. Son aplicaciones orientadas a roles, ya que muestran solo la información relevante según el perfil del usuario. Además, son responsive, lo que significa que se adaptan a distintos dispositivos como computadoras,...

Acceder a esta publicación

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

Acceder a esta publicación

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

Acceder a esta publicación

Analizando la estructura del proyecto SAP Fiori Al analizar la estructura de un proyecto SAP Fiori, lo primero que se debe definir es el espacio de nombres (namespace). El namespace identifica la ubicación de la carpeta raíz del proyecto y se utiliza como referencia para los controladores, vistas, modelos y demás archivos de la aplicación. Funciona como una descripción única del proyecto y evita conflictos entre componentes. La aplicación se inicia desde el archivo index.html, que es el punto de entrada. Este archivo se encarga de cargar SAPUI5 e instanciar el componente principal, definido en Component.js. El archivo Component.js es el núcleo de la aplicación, ya que inicializa...

Acceder a esta publicación

Principios básicos de ABAP en Eclipse Eclipse utiliza "perspectivas" para organizar el entorno de desarrollo según las necesidades del programador. Para trabajar con ABAP, se debe abrir la perspectiva ABAP a través del menú Window > Perspective > Open Perspective > Other. Es posible trabajar con múltiples ventanas en paralelo, pero cada ventana solo muestra una perspectiva a la vez. Las "vistas" (por ejemplo, Problems View, Properties View) muestran diferentes aspectos relacionados con el desarrollo y solo pueden abrirse una vez por ventana. Los "editores" permiten editar objetos de desarrollo, pueden abrirse varias veces y ubicarse...

Acceder a esta publicación

La creación de controles personalizados en SAPUI5 1. Introducción SAPUI5 permite desarrollar controles personalizados (custom controls) cuando los controles estándar no satisfacen completamente las necesidades de la aplicación. Estos controles se crean extendiendo las clases base del framework, lo que ofrece una gran flexibilidad para adaptar la interfaz a los requerimientos del negocio sin perder compatibilidad con Fiori. El objetivo principal de los controles personalizados es reutilizar comportamientos y diseños específicos dentro de una o varias aplicaciones. 2. Concepto de control personalizado Un control en SAPUI5 es un objeto de la clase base sap.ui.core.Control o alguna de sus subclases (por...

Acceder a esta publicación

Analizando la estructura del proyecto SAP Fiori 1. Creación de un proyecto SAP Fiori (ejemplo práctico) Se puede crear un proyecto tipo SAP Fiori Freestyle con plantilla Master-Detail. Integrado con un servicio OData (ej. GWSAMPLE_BASIC en ES5). Proyecto definido como Multitarget (MTA) y usando Managed Approuter. Configuración de entidades de datos en el binding (ej. SalesOrderSet). 2. Estructura de carpetas y archivos principales Carpeta webapp/: contiene el núcleo de la aplicación. index.html: punto de entrada de la aplicación, inicializa SAPUI5. manifest.json: archivo central de configuración (modelos, rutas,...

Acceder a esta publicación

Los controles de una aplicación SAPUI5 1. Concepto general En SAPUI5, los controles son los componentes visuales reutilizables que constituyen la base de la interfaz de usuario. Cada elemento visible en una aplicación —botones, listas, tablas, formularios, etiquetas, paneles o cuadros de diálogo— es un control. Los controles permiten construir la capa visual de las aplicaciones Fiori mediante estructuras predefinidas que garantizan consistencia, usabilidad y una apariencia uniforme acorde con las guías de diseño de SAP. Los controles SAPUI5 están organizados en librerías según su función y tipo de aplicación. Estas librerías incluyen desde elementos simples...

Acceder a esta publicación

Los conceptos de enlace de datos en SAPUI5 1. Introducción El enlace de datos o data binding es uno de los conceptos fundamentales en el desarrollo con SAPUI5. Permite conectar los modelos de datos con los controles de la interfaz de usuario (UI), de modo que cualquier cambio en los datos se refleje automáticamente en la vista y viceversa. Gracias al data binding, SAPUI5 ofrece un desarrollo más rápido, dinámico y coherente, eliminando la necesidad de manipular manualmente los valores entre la capa lógica y la capa visual. 2. Concepto general de data binding El data binding consiste en establecer una relación entre una fuente de datos (modelo) y un destino (control o propiedad del control)....

Acceder a esta publicación

La utilización de los controles en la UI 1. Introducción En SAPUI5, la utilización de los controles en la interfaz de usuario representa uno de los pilares fundamentales del diseño y la construcción de aplicaciones SAP Fiori. Cada control cumple una función específica dentro de la UI y debe ser implementado siguiendo las guías de diseño Fiori para garantizar uniformidad, usabilidad y coherencia visual. El desarrollador o consultor Fiori debe conocer los diferentes tipos de controles disponibles y aplicar buenas prácticas para mantener una interfaz limpia, intuitiva y adaptable a distintos dispositivos. 2. Clasificación de los controles según su función...

Acceder a esta publicación