📘Diagram View

Analizando la estructura de un proyecto Index.html se usa para iniciar la aplicación y crear una instancia Bootstrap es el programa o script de arranque del SAPUI5 Espacio de Nombres Identificador unico para cada app FlexibleColumnLayout - sap.f.flexibleColumnLayout Hasta 3 columnas Responsive Archivos dentro de la app App.controller.js - Asociado a la vista de la app BaseController.js - Es el controlador genérico Marte.view.xml - Aplicación de detalles maestros Detail.view.xml - Vista detalle Master.controller.js - Vista maestra Formatter.js - Funciones de formato Detail.controller.js - Controlador vista detalle Component.js - Archivo que contiene la configuración (La...

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

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

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

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

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

Acceder a esta publicación

El frameword de programacion SAP UI5 UI5: Es un conjunto de liberarias java Scrip. Facilita el desarrollo de app web del lado del cliente. Basado en HTML5 que se puede consumir desde cualquier dispositivo. Las app cumplen con los 5 principios de SAPUI5 App SAPUI5 oriendas a roles: Las personas solo utilizan lo se le otorgo como permisos. App SAPUI5 responsive: Las app deben hacerse sencillas, faciles de utilizar u permitir que se utilice desde cualquier dispositivo. App SAPUI5 simples: Funcionalidad de manera sencilla, seguir la regla 1-1-3: 1 usuario, 1 caso de usuo, 3 plantillas como maximo. Sino se puede hacer con 3 plantillas se debera rediseñar. App SAPUI5 coherencia: Las app deben crearse utilizando elementos y...

Acceder a esta publicación

La configuracion del test unitario y las herramientas de debugging Prueba unitaria Run configuration Creo una nueva Ingreso los campos requerido Luego conectarse Iniciar la app Ver el archivo launch.json, este es dando clic derecho sonre la configuracion, opcion show in file Si se queire frenar la ejecutar hay que ir al debig y pararla Herramientas de desarrollo Google Chrome o devTools Si queremos inspeccionar algún elemento en la web Clic derecho sobre el elemento Inspeccionar Como abrir las herramientas de desarrollo Clic en los e botones del navegador Mas herramientas Herramientas del desarrollador Los paneles de las herramientas de desarrollo Elementos Consola Fuentes...

Acceder a esta publicación

ABAP Core Data Services Introducción y contexto de ABAP CDS Se explicó la programación ABAP orientada a bases de datos introducida en ABAP 7.4 y el paradigma code to data. Se mencionaron los objetos de desarrollo SAP HANA disponibles en Eclipse: procedimientos de base de datos, vistas de atributos, vistas analíticas y vistas de cálculo. Se detallaron desventajas de los objetos HANA en ABAP: falta de integración con el ciclo de vida ABAP, gestión de versiones, verificación de sintaxis y activación, imposibilidad de extensión y necesidad de usuarios/roles adicionales. Mejoras en ABAP 7.4: CDS (Core Data Services), nuevas características...

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