✒️SAP BTPFIORI / El framework de programación SAPUI5 Por Zaylene Gascon Landaeta
El framework de programación SAPUI5
Framework SAPUI5
Es un conjunto de librería de JavaScript para el desarrollo y diseño de aplicaciones de negocio SAP basadas en HTML5, también cumple el uso de los estándares de HTML5, CSS, JavaScript, se basa en otras herramientas como jQuery para su frontend y otras como OData, REST, JSON, Atom, Xml para la comunicación con el backend.
Imaginemos como el marco de una casa (esqueleto de un Framework). La estructura esta predeterminada y el trabajo del desarrollador es llenar los vacíos con sus códigos.
Es importante no olvidar que SAP Fiori son aplicaciones Web y que SAPUI5 está basado en HTML5 donde se consume en todos los dispositivos mediante un navegador.
Utilizaremos la herramienta BAS y también se utiliza diferentes entornos de desarrollo como Eclipse, Visual Studio o SAP Web IDE.
Las 5 funciones de SAP Fiori
· Aplicaciones SAPUI5 orientadas a roles: Son pensadas para usuarios que las utilizaran donde se muestran los datos que un determinado rol de negocio quiere ver y ninguno más, se dividen translaciones en pequeñas aplicaciones orientadas a las tareas concretas del rol que las va a utilizar.
· Aplicaciones SAPUI5 simple: Estas ofrecen una funcionabilidad de una forma sencilla y simple. Se sigue la regla 1-1-3 (1 usuario, 1 caso de uso y 3 pantallas como máximo) En caso de no poder reducirse se debe rediseñar o dividirla en varias aplicaciones SAPUI5.
· Aplicaciones SAPUI5 disponibles al instante: Se relacionan con las aplicaciones SAP Fiori UX enmarcadas en el enfoque RENEW de la estrategia de experiencia de usuario de SAP.
Si bien SAPUI5 no es el primer framework de interfaz, es sin duda el más utilizado para las nuevas aplicaciones y es considerado lo último para una nueva generación. Se le conocía con el nombre clave "Phoenix" donde el logo era en forma de pájaro.
Cabe destacar que SAPUI5 este hecho para interfaces de usuario ligeras y dirigido a desarrolladores.
Si no somos clientes de SAP, podemos crear aplicación utilizando SAPUI5
SAPUI5 se basa en jQuery y agrega bibliotecas adicionales de renderizado de navegador HTML5. El objetivo de jQuery es hacer que las páginas Web del producto SAP cumplan con los estándares de visualización.
SAP Fiori en un conjunto de aplicaciones comerciales utilizando la tecnología SAPUI5. Se comunica con su backend utilizando OData y actualmente SAP ofrece casi 200 aplicaciones Fiori (se requiere conocimiento de SAPUI5, HTML5, jQuery y OData.
Librerías de SAPUI5
Es un bloque de código que nos permite abordar soluciones específicas dentro de la aplicación que estemos desarrollando.
Características claves de SAPUI5
· Los controles
· La experiencia de usuario
· Aplicaciones robustas
· Responsive
· Navegadores que soportan SAPUI5
· Microsoft
· Mozilla
· Google Chorme
· Apple SAfari
· Modelos MVC
Los modelos MVC separa las tareas de una aplicacion en 3 elementos programables:
· EL modelo: Confirma y contiene la lógica de la aplicacion.
· La vista: Conforma la interface gráfica de la aplicacion IU y contiene todos los elementos que son visibles al usuario.
· características de las vistas
· Contiene la interfase de usuario
· Contiene varios controles
· Representa la parte visual de nuestra aplicacion y generalmente es declarativa en naturaleza.
· El Controlador: Conforma la capa intermedia entre la vista y los modelos.
Características del controlador:
· Mantiene la lógica de las aplicaciones maneja la interacción del usuario.
· La única aplicacion de Fiori que utiliza HTML es SP Fiori Lauchpad.
· El concepto Model Ciew Controller (MVC) se utiliza en SAPUI5 para separar la representación de la información en cuanto a la interacción del usuario.
· Los beneficios de MVC
· La reutilización, legibilidad del código y mayor velocidad de desarrollo debido al desarrollo paralelo son las ventajas de un patrón MVC.
Los tipos de modelos
· JavaScript Object Notation Model (JSON) está completamente disponible en el lado del cliente.
· Modelo XML: Al igual que el modelo JSON es del lado del cliente, aunque rara vez se utiliza porque la mayoría de los datos disponibles en el lado del cliente están en formato JSON.
· El Modelo OData: Representa los datos disponibles del servidor (es uno de los más utilizados) es compatible con la versión 2.0 de las especificaciones OData.
· Dos versiones son compatibles con OData V2:
· sap.ui.model.odata.ODataModel (es antigua y está en desuso)
· sap.ui.model.odata.v2.ODataModel (se recomienda usar esta ya que sus características son mejoradas)
· Se pueden realizar las siguientes operaciones:
· Operaciones de consulta.
· Operación de lectura.
· Operación de creación.
· Operación de actualización.
· Operación para borrar.
Archivo predeterminado para la internacionalización
¡18n.properties es el archivo predeterminado.
Tipos de vistas
· Estas vistas devuelven una jerarquía de controles SAPUI5 para representar un navegador.
· Vistas de tipo JavaScript: una vista JSusa el sufijo:".view.js" para el nombre del archivo.
· SAPUI5 proporciona dos métodos predeterminados:
· CreateContent() Este cea la interfaz de usuario para la vista.
· getControllerName() Se llama inicialmente una vez que se hay creado una instancia del controlador.
· Vistas del tipo XML
· Se crea con".view.xml" como sufijo de nombre de archivo.
· Visa del tipo HTML
· se define en un archivo que termina en ".view.html"
· JavaScript Object Notation Views (JSON)
· se define con un sufijo".view.json."
Los métodos del ciclo de vida de una vista
· El método onlnit()
El método se llama siempre que se crea una instancia de la vista, es decir que cuando todos sus controles son creados. Si la vista no se renderiza no se puede acceder al DOM
Se es necesario modificar la vista antes de que se muestre.
· El método onBeforeRendering()
· Es un método similar al método onlnit() pero se llama cada vez que se abre una vista.
· El método onAfterRendering()
· Este se activa cuando la vista ya está renderizada y el DOM está disponible.
Escanear / Compartir
Sobre el autor
Publicación académica de Zaylene Sarahi Gascon Landaeta, en su ámbito de estudios para la Carrera Consultor SAP BTP Fiori.
SAP Junior
Zaylene Sarahi Gascon Landaeta
Profesión: Estudiante - Argentina - Legajo: RC87F
✒️Autor de: 9 Publicaciones Académicas
🎓Cursando Actualmente: Carrera Consultor SAP BTP Fiori
Presentación:
Soy estudiante de tec.tecnologica de la información orientada al desarrollo web. me reconocen por ser una mujer resolutiva, amable, dedicada, responsable y atenta, con buenas relaciones interpesonales
Certificación Académica de Zaylene Gascon
Disponibilidad Laboral: FullTime 
