✒️El framework de programación SAPUI5
El framework de programación SAPUI5
SapUI5 - framework que facilita el desarrollo de aplicaciones web del lado del cliente.
CARACTERISTICAS:
- orientadas a roles: mostrar diferentes conjuntos de funciones y datos dependiendo de la función o el rol de usuario.
- responsive: interfaz de usuario atractiva y , a su vez, sencilla e intuitiva, que ofrezca una experiencia de usuario optima.
- simples: regla 1-1-3 - 1 usuario, 1 caso de uso, 3 pantallas como maximo.
- coherentes: deben seguir un conjunto de pautas y estándares de diseño para garantizar que la interfaz de usuario de la aplicación sea uniforme, lógica y predecible en todos sus aspectos.
- Disponibles al instante: principio relacionado con las apps SAP FIORI UX
Librerias de SAPUI5
Librerias. bloques de codigo que nos perimete abordar soluciones especificas de la app en desarrollo.
Caracteristicas claves de SAPUI5:
- Controles: elementos que nos permiten crear la interfaz de usurario.
- experiencia de usaurio: hay un lenguaje de dinseño comun programado en estos controles y un concepto de interaccion de usuario comun.
- apps robustas: soporte para la internacionalizacion, traduccion, idiomas, extensibilidad, seguridad, accesibilidad.
- responsive: se adapta al tamaño de pantalla de diferentes dispositivos.
MODELO MVC
- Modelo: contiene la logica de la app. se conecta a la base de datos, realizar consultas y administrar lo que se conoce como logica de nogocios.
- Vista: conforma la interfaz grafica de la app UI y contiene todos los elementos graficos con los que el usuario puede interactuar.
- Controlador: conforma la capa intermedia entre la vista y los modelos. procesa los datos de los modelos y elegir la vista correspondiente en funciuon de los datos obtenidos.
Tipos de modelos
JavaScrpit Object Notation Model (JSON)
Se utiliza para pequeños conjuntos de datos y esta vinculados a los controles de sapui5
Modelo XML
formato de datos que se utiliza para almacenar y estructurar información y esta disponble del lado del cliente.
Modelo oData
uno de los modelos mas utilizados y representa los datos disponibles en el servidor
se pueden realizar varias consultas como:
- operaciones de consulta: para obtener mas de un registro (.read)
- operacioens de lectura: para obtener un unico registro (.read)
- operaciones de creacion: para crear un nuevo registro (.create)
- operacion de actualizacion: para actualizar un registro ya existente (.update)
- operaciones para borrar: para eliminar una entrada existente (.remove)
Modelo de recursos e internacionalizacion
cada app puede contar con muchos literales y que estos dependeran del idioma.
Tipos de Vistas:
- tipo de vista javascript(.view.js). sapui5 proporciona dos metodos predeterminados. createContent() este metodo crea la interfaz de usuario para la vista.
getControllerName() se llama inicialmente una vez se haya creado una instancia del controlador.
- tipo de vista XML(.view.xml). cada control tiene una etiqueta xml especificada.
- tipo de vista html. se define como .view.html.
- tipo de vista JSON(.view.json)
Metodo del ciclo de vida de una vista.
onInit(): se llama siempre que se crea una instancia de la vista, es decir, cuando todos sus controles son creados. pero la vista aun no se renderiza, por lo que no se puede acceder al DOM.
onBeforeRendering: se llama cada vez que se abre una vista.
onAfterRendering: el metodo se activa ciando la vista ya esta renderizada y el DOM esta disponible
 
 
 
Sobre el autor
Publicación académica de Gabriel Gavaz, en su ámbito de estudios para la Carrera Consultor en SAP Fiori.
Gabriel Gavaz
Profesión: Consultor Fiori - Argentina - Legajo: TV38R
✒️Autor de: 4 Publicaciones Académicas
🎓Egresado del módulo:
Certificación Académica de Gabriel Gavaz