✒️SAP BTPFIORI / El framework de programación SAPUI5 Por Nilson Parra Martinez
El framework de programación SAPUI5
- El framework SAPUI5
El framework SAPUI5 es un conjunto de librerías JavaScript que se utiliza para desarrollar aplicaciones de negocio basadas en HTML5 en el entorno SAP. Permite crear interfaces de usuario atractivas y responsivas, cumpliendo los principios de experiencia de usuario de SAP Fiori. Utiliza estándares como HTML5, CSS y JavaScript, así como herramientas adicionales como jQuery y OData para la comunicación con el backend. SAPUI5 se basa en el modelo-vista-controlador (MVC) y está diseñado para facilitar el desarrollo de aplicaciones web del lado del cliente. Ofrece beneficios como la compatibilidad con múltiples dispositivos y sistemas operativos, la reutilización de librerías y una experiencia de usuario consistente. Además, se integra con SAP Gateway y otras fuentes de datos para crear aplicaciones que consuman diversos recursos de manera transparente. Para desarrollar aplicaciones Fiori, es necesario tener conocimientos en SAPUI5, HTML5, jQuery y OData.
- Las librerías de SAPUI5
Las librerías de SAPUI5 son bloques de código que permiten abordar soluciones específicas en el desarrollo de aplicaciones web. Estas librerías facilitan tareas como la subida de archivos, validación de formularios y restricción de acceso a usuarios no registrados. SAPUI5 ofrece características clave como un amplio conjunto de controles (botones, campos de entrada, tablas, visualización 3D), una experiencia de usuario coherente, aplicaciones robustas con soporte para internacionalización, traducción, seguridad y accesibilidad, y capacidades de respuesta para adaptarse a diferentes tamaños de pantalla y tipos de interacción del usuario. SAPUI5 requiere una versión mínima de navegadores compatibles con HTML5 y JavaScript para comprender todos los elementos de codificación utilizados.
- El modelo MVC
El modelo MVC es un patrón de diseño que separa una aplicación en tres componentes principales: Modelo, Vista y Controlador.
El Modelo se encarga de la lógica de la aplicación y la conexión con la base de datos. Contiene los datos y la lógica empresarial, tanto en el backend como en el cliente.
La Vista se encarga de la interfaz gráfica de la aplicación y muestra los datos al usuario. Define la apariencia de los datos y no se comunica directamente con el Modelo.
El Controlador actúa como intermediario entre la Vista y el Modelo. Procesa los datos recibidos del Modelo y elige la Vista correspondiente. Maneja la interacción del usuario y actualiza tanto la Vista como el Modelo.
El uso del MVC proporciona beneficios como la modularidad, permitiendo un desarrollo y mantenimiento más sencillo del código. También facilita el desarrollo paralelo de los componentes, lo que aumenta la velocidad de desarrollo. Además, permite la reutilización del código y mejora la legibilidad del mismo.
En resumen, el patrón MVC separa las tareas de una aplicación en tres componentes, facilitando el desarrollo, la reutilización y el mantenimiento del código. Proporciona una estructura clara y modular para el desarrollo de aplicaciones web.
- Los tipos de modelos
En el texto se mencionan diferentes tipos de modelos en SAPUI5, que son utilizados para representar diferentes fuentes de datos en una aplicación. Los tipos de modelos mencionados son: Modelo JSON: Representa datos en formato JSON y se utiliza en el lado del cliente. Es adecuado para pequeños conjuntos de datos y se utiliza comúnmente para propiedades del dispositivo. Modelo XML: Similar al modelo JSON, también se utiliza en el lado del cliente y es adecuado para pequeños conjuntos de datos completamente disponibles en el cliente. Sin embargo, su uso es menos común que el modelo JSON. Modelo OData: Es uno de los modelos más utilizados y representa los datos disponibles en el servidor. Este modelo es compatible con la versión 2.0 de las especificaciones de OData. Permite realizar operaciones de filtrado y ordenamiento en los datos, tanto en el lado del cliente como en el servidor. Hay dos versiones compatibles con OData V2, siendo recomendado el uso de sap.ui.model.odata.v2.ODataModel en nuevas aplicaciones. Además de los modelos de datos, también se mencionan dos tipos adicionales de modelos: Modelos de recursos e internacionalización: Estos modelos se utilizan para almacenar literales de texto que dependen del idioma y se utilizan en la aplicación. Permiten la traducción de los literales de texto en diferentes idiomas y simplifican el trabajo de internacionalización. En resumen, SAPUI5 proporciona diferentes tipos de modelos, como JSON, XML y OData, para representar diferentes fuentes de datos en una aplicación. También se utilizan modelos de recursos e internacionalización para gestionar los literales de texto en diferentes idiomas.
- Los tipos de vistas
En resumen, el texto habla sobre los diferentes tipos de vistas en SAPUI5 y los métodos asociados al ciclo de vida de una vista. Los tipos de vistas incluyen JavaScript, XML, HTML y JSON. Cada tipo tiene su propia forma de crear y representar la vista. Los métodos del ciclo de vida de una vista son: onInit(), que se llama cuando se crea una instancia de la vista; onBeforeRendering(), que se llama cada vez que se abre la vista; y onAfterRendering(), que se llama después de que la vista se haya renderizado. Estos métodos permiten realizar acciones específicas en diferentes etapas del ciclo de vida de la vista.
Escanear / Compartir
Sobre el autor
Publicación académica de Nilson Parra Martinez, en su ámbito de estudios para la Carrera Consultor SAP BTP Fiori.
SAP Senior
Nilson Parra Martinez
Profesión: Ingeniero de Sistemas - Colombia - Legajo: GB17T
✒️Autor de: 26 Publicaciones Académicas
🎓Egresado del módulo:
Disponibilidad Laboral: PartTime
