SAPUI5: Crear una tabla (I, tabla con datos estáticos)

Uno de los elementos que más podemos usar en SAP UI5 para mostrar mucha información de forma tabulada es una tabla: Nos alinea el contenido y la podemos hacer responsive para que se adapte a las dimensiones del dispositivo.

Así que vamos a seguir una serie de pasos para ver como usar las tablas. Para ello voy a utilizar el elemento sap.m.Table, tabla específica para móviles, que es la que más nos va a convenir cuando queremos que la aplicación se use en cualquier tipo de dispositivo. Si fuésemos a necesitar una tabla más compleja para el ordenador de escritorio, usaríamos sap.ui.table.Table.

Este ejemplo lo haremos en tres artículos consecutivos:

• En el presente, crearemos una tabla con datos estáticos, es decir, que nunca van a cambiar. De esta manera aprenderemos los conceptos básicos.
• En el siguiente artículo, enlazaremos una tabla con un servicio oData, para ver como se genera el contenido de la tabla de forma dinámica.
• En el último artículo, haremos nuestra tabla adaptativa (responsive), para que la información que muestre dependa del dispositivo usado.

SAP Fiori: Adaptabilidad sí, ¿pero accesibilidad?

Siempre que se habla de Fiori y de sus aplicaciones SAP UI5, se resalta aquello de que son aplicaciones adaptables al dispositivo que se usa (aquello de responsive), así que lo vas a poder usar en el pc, la tablet o el móvil.

Pero, ¿tenemos claro si Fiori y las aplicaciones SAP UI5 pueden ser usados por cualquiera, sin estar pensando en compatibilidades con dispositivos? Aquí entra en juego otra variable de la que a lo mejor no se habla demasiado en las presentaciones tradicionales de Fiori: La accesibilidad.

Es importante destacar que de temas de accesibilidad no sé nada. Bueno, lo digo como si del resto supiese gran cosa... El caso es que lo he descubierto de rebote, porque hasta ahora no iba más allá de pensar que "existía un tema de escritorio de alto contraste para la gente con problemas visuales". La ignorancia, nuestra gran virtud :(.

Así que este post es únicamente una reflexión, ya que tras un tiempo desarrollando aplicaciones Web Dynpro ABAP y SAP UI5, es la primera vez que me encuentro con este tema. Sólo voy a hablar de curiosidades, de mi primer contacto y de algo que tengo que aprender y que, además, me interesa hacerlo.

Porque muchas veces, hasta que no te encuentras con la situación particular, no te das cuenta de que detrás de estos temas hay todo un gran mundo. Y yo era (y soy) un completo zoquete en este ámbito. Si digo alguna barbaridad, perdonadme, pues esto va dirigido a aquellos que estén tan pez como yo en esta materia y para que lo que sepan algo nos puedan guiar.

OData Provisioning: Configurar el Gateway en la nube

Hace un tiempo vimos las distintas ubicaciones en las que podíamos tener el Gateway. Una de las posibilidades era tener el Gateway en la nube, y eso lo conseguimos gracias a un servicio que nos proporciona el Cloud Platform: OData Provisioning (a partir de ahora, ODP, para no escribir tanto).

Venga, vamos a pelearnos un poco para ver cómo activamos este servicio. Lo básico, sólo conseguir que nos funcione.

Los pasos que vamos a tener que seguir son:

• Activar el servicio oData Provisioning en Cloud Platform.
• Crear las autorizaciones necesarias para poder administrarlo y usarlo.
• Activar el servicio IWBEP en el back-end.
• Crear un destination que apunte al componente IWBEP del back-end.
• Registrar los servicios oData que queramos utilizar en el ODP.
• Crear un destination que apunte al ODP.
• Crea la aplicación que usará dicho destination.
• Tomarnos unas cervezas para celebrarlo.

Cómo configurar el servicio oData de Northwind

En los post que hemos ido viendo, siempre creábamos un servicio oData en nuestro Back-End. Lo cual es normal, todo sea dicho, ya que estamos aprendiendo a hacer cosas tanto en el Front-End como en el Back-End.

¿Pero qué pasa si no tenemos acceso a un SAP en el que poder hacer nuestras prácticas o que simplemente le tenemos tirria al ABAP y sólo queremos aprender un poquinín de SAP UI5? En ese caso, podemos usar el servicio de Northwind.

Este servicio está disponible en la siguiente URL: https://services.odata.org/V2/Northwind/Northwind.svc/

Hay también una versión 3 y versión 4 de oData, pero para el Web IDE sólo podemos usar hasta la versión 2.