📘Javascript

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

Acceder a esta publicación

La reutilizacion de codigo Modulo: en la division del codigo de las app en partes mas pequeñas. Nombre Definicion Dependencias La carga de un modulo en el contralador Sincrono: Las instrucciones se ejecutan una después de la otra, El programa espera a que una tarea termine antes de continuar con la siguiente. Asincrona: El programa lanza una tarea y sigue con la siguiente, sin esperar a que termine. Útil para tareas lentas como acceder a una API, leer archivos, cargar servicios OData en SAPUI5, etc. Sentencias para una carga asincrona sap.ui.define: definicion de un modulo JavaScript. sap.ui.requiere: cargar módulos JavaScript de manera asíncrona, es decir, bajo demanda y sin bloquear...

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

Creacion de un nuevo proyecto multitarget (MTA) Multi-Target Application (MTA): es un tipo de estructura utilizada en SAP Business Technology Platform (BTP) para desarrollar, empaquetar y desplegar aplicaciones complejas que incluyen múltiples componentes. Se compone de varias partes o modulos, creadas en diferentes modulos y desplegadas en diferentes entornos, con un unico ciclo de vida. Esta compuesto de: Recursos y tipos de recursos Dependencias entre modulos y recursos. Parametros de configuracion tecnica Parametros como variables de entorno Creacion de un proyecto MTA usando standalone approuter Abrir en SAP buesiness aplication Studio (BAS) Instancias y subscripciones SAP BAS Iniciar el espacio...

Acceder a esta publicación

El formulario y el envio de datos al backend Formulario: es un contenedor de elementos los formularios: sap.ui.layout.from.Form API los formulario simples: sap.ui.layout.from.SimpleForm API Controles ResponsiveGridLayout: se utiliza para renderizar FormContainers: es un bloque o sección dentro de un SimpleForm o un Form que se usa para agrupar campos relacionados en un formulario. FormElement: es un bloque básico dentro de un formulario (Form o FormContainer). Se usa para definir: Una etiqueta (label) Uno o varios campos de entrada (fields) Las validaciones con HTML5 y JavaScript: son técnicas para verificar que los datos ingresados por el usuario...

Acceder a esta publicación

Historia de las interfaces de usuario en SAP SAP GUI con 300.000 pantallas. SAP Screen personas solución para obtener transacciones existentes y transformar las obsoletas pantallas de SAP GUI en Fiori UX. Beneficios de SAP Screen personas Simplifica la toma de decisiones Simplifica los procesos comerciales Simplifica el uso de SAP Resumen SAP Fiori no es un lenguaje de programación, son reglas de diseños basadas en tecnología HTML5, CCS y JavaScript SAP Screen Personas es una capa de visualización que está por encima de dynpros para mejorar la usabilidad SAP S74HANA llaman a aplicaciones de Fiori y otras que parecen ser Fiori, lo que en realidad lleva es Screen personas Se puede acceder...

Acceder a esta publicación

Las funciones mas utilizadas en SAPUI5 sap.ui.getCore(): se usa para acceder al núcleo central del framework SAPUI5, es decir, al objeto que representa el UI5 Core. Este núcleo maneja cosas fundamentales como: El modelo central (modelo de datos) Los controles UI La configuración global La inicialización de la aplicación El manejo de eventos this.getView().byld(id): en SAPUI5 se usa para obtener una referencia directa a un control (por ejemplo, un botón, input, tabla, etc.) que está definido en la vista actual (XML o JS). sap.ui.getCore().applyChanges():...

Acceder a esta publicación

Tareas de un Consultor SAP Fiori Descubrir las necesidades de la app Diseñar prototipos y validar con el usuario Desarrollar la app Realizar los test y poner en productivo la app Perfil Técnico Conocer sobre diseño y mapeo de servicios Odata Configuración de catálogo, tiles y ajuste de roles en SAP FLP Herramientas de desarrolla SAP BAS Desarrollar Apps SAP Fiori (Transacciones, Analíticas y Overviews) Dentro de SAPUI5 HTML5 CCS3 JavaScript Metodología del Trabajo de SAP Fiori Diseñar pensando Espacio de problema y espacio de solución Equipos multidiciplinarios ...

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

Perfil del consultor SAP Fiori Tareas Descubrir las necesidades de la app Diseñar prototipos y validar con el usuario Desarrollar la app Realizar pruebas y sacar a producción Perfil Conocer sobre los servicios oData Conocer sobre los catalogos, grupos, tiles, roles Conocer las herramientas de desarrollo Desarrollo de app Conocer el framewor SAPUI5 HTML5 CCS3 JavaScript Metodologias Diseñar pensando: Entender a fondo al usuario y generar soluciones innovadoras a partir de sus necesidades reales. Equipos multidisciplinarios Taller de pensamiento de diseño Espacios creativos y colaborativos Espacio...

Acceder a esta publicación