Taller: Carga Masiva de Datos a SAP HANA Cloud con SAPUI5, CAP y Claude
Formación intensiva con práctica guiada
Instructor: Jorge Briceño
Qué aprenderás
- Renderizado dinámico de datos en sap.m.Table
- Integración con Servicios OData V4 desplegados en SAP HANA Cloud.
- Auditoría de calidad de código UI5 con Claude.
- Configuración de Visual Studio Code como entorno de desarrollo para SAPUI5
- Lectura y parseo de archivos Excel en el frontend.
- Validación de datos a nivel Front-End y Back-End
- Procesamiento asíncrono y notificación de finalización en tiempo real
- Migración asistida de proyectos SAPUI5 de JavaScript a TypeScript.
Descripción del curso
En entornos SAP, la carga masiva de datos desde Excel sigue siendo un reto: procesos lentos, bloqueos en pantalla y errores que afectan la operación. En este taller aprenderás a construir una solución moderna y eficiente, donde el usuario carga, valida y envía información para ser procesada en segundo plano, sin interrupciones.
Desarrollarás un proyecto completo desde cero con SAPUI5 en Visual Studio Code, integrado con un backend en SAP Cloud Application Programming Model (CAP) sobre SAP HANA Cloud, consumiendo servicios OData v4. La aplicación permitirá cargar archivos Excel, visualizar grandes volúmenes de datos en tablas dinámicas, validarlos y ejecutar su procesamiento de forma asíncrona.
El taller incorpora un enfoque AI-First Development, trabajando con Claude AI como copiloto. Esto te permitirá generar código, aplicar buenas prácticas y optimizar tu desarrollo, incluso llevando tu proyecto de JavaScript a TypeScript de forma asistida.
No necesitas cuenta en SAP BTP: el entorno backend estará listo para que te enfoques en desarrollar e integrar.
Al finalizar, podrás crear aplicaciones SAPUI5 desde cero, conectarlas con servicios CAP y resolver escenarios reales de carga masiva de datos con un enfoque moderno y apoyado en inteligencia artificial.
Herramientas que usarás
Requisitos
- Conocimientos básicos de JavaScript, HTML y CSS.
- Familiaridad básica con SAPUI5/Fiori
Contenido del curso
Fundamentos básicos y entornos de desarrollo
- 1.1. Introducción al Desarrollo de UI5 con Claude
- 1.2. Instalación de Node, Git and Visual Studio Code
- 1.3. Extensiones – Visual Studio Code
- 1.4. Configuración de Visual Studio Code
- 1.5. Creación del Proyecto
- 1.6. Estructura de Proyecto
- 1.7. Instalación de Claude Code
- 1.8. Plugin UI5 – Claude
- 1.9. Funcionalidades del Plugin UI5
Carga de Datos de Forma Masiva
- 2.1. Componente de Carga
- 2.2. Librería SheetJs (xlsx)
- 2.3. Desarrollo de la vista principal
- 2.4. Módulo de modelado de datos
- 2.5. Módulo de captura de datos
- 2.6. Renderizado dinámico de datos
- 2.7. Formateador
- 2.8. Evaluación de la calidad del código
Validación de datos y procesamiento asíncrono
- 3.1. Estrategia de validación de datos
- 3.2. Configuración del ui5.yaml
- 3.3. Consumo del Servicio del OData V4
- 3.4. Envío y procesamiento de datos
- 3.5. Notificación de carga exitosa
- 3.6. Manejo de estados
- 3.7. Pruebas finales
- 3.8. Evaluación de la calidad del código
Migración de JavaScript a TypeScript
- 4.1. ¿Por qué migrar de JavaScript a TypeScript?
- 4.2. Configuración del entorno TypeScript
- 4.3. Migración asistida con Claude
- 4.4. Conversión de los controladores y formateadores
- 4.5. Auditoria final y mejores prácticas
Cronograma de Clases en Vivo
Martes y Jueves. Las sesiones quedan grabadas para verlas cuando quieras.
Tu instructor
Jorge Briceño
SAP Fiori | SAPUI5 | SAP BTP | SAP CAP | Fiori Elements
Ingeniero en Informática y Licenciado en Educación, especializado en desarrollo de aplicaciones en el ecosistema SAP. Trabaja con tecnologías como SAPUI5, SAP Fiori Elements, CAP y ABAP RESTful, así como en la administración de SAP Fiori en entornos Cloud y On-Premise, formando profesionales en la creación de aplicaciones empresariales modernas.
