Crear un portal freestyle con SAP Cloud Platform (I): Página inicial

Cuando pensamos en el Portal de SAP, siempre nos va a venir a la mente el Fiori Launchpad, que podemos montar en nuestro propio servidor on-premise, o utilizar el servicio de Portal de SAP Cloud Platform, como vimos en la serie de post que comienza con el post Configurar SAP CP Portal para Fiori.

Pero si queremos ofrecer algo más que un montón de tiles con aplicaciones, por ejemplo, para mostrar novedades, noticias, páginas informativas... lo que cualquier otro sitio web, vaya, entonces el Fiori Launchpad se nos va a quedar corto.

Podríamos pensar en usar otro servidor web y enlazarlo luego con nuestro Fiori Launchpad. Pero si ya disponemos de cuenta en SAP CP, no nos va a hacer falta, podemos crear un sitio web, darle el formato que queramos y, si luego nos interesa, incluso añadirle un acceso a las aplicaciones de SAP mediante el correspondiente Fiori Launchpad. Eso es lo que vamos a aprender a hacer trasteando durante los siguientes artículos, a crear un sitio freestyle:

• En el artículo actual, veremos cómo crear una página inicial y darle forma.
• En el siguiente post, editaremos el contenido web del sitio: Textos, imágenes, listas de noticias.
• En el último post, aprenderemos a crear menús, añadir un acceso a aplicaciones SAPUI5 que hayamos creado e incluso a un Fiori Launchpad.

Y al final conseguiremos algo tal que así:

Integrar OpenUI5 en nuestro blog (y V): Página principal de Blogger responsive

Hasta ahora, hemos ido añadiendo controles OpenUI5 en nuestro blog de Blogger, pero no hemos dejado muy bonita la página principal: Un tile debajo de otro, todo amontonado, que ni es responsive ni nada, y eso siempre resulta interesante, ¿no?

Eso es lo que vamos a hacer ahora: La página principal, que nos mostraba el listado de artículos mediante tiles, va a ser responsive, de tal manera que, dependiendo del tamaño de la ventana, mostrará más o menos tiles en cada línea.

Para eso, tenemos que investigar los siguientes puntos:

• Cómo añadir un Grid de OpenUI5 en la página principal.
• Cómo cambiar el ancho mínimo y máximo de Blogger, ya que por defecto nos fuerza a un ancho fijo.

Y así, nuestra página principal ya será responsive.

El resultado se puede ver en https://jgctest3.blogspot.com/

Integrar OpenUI5 en nuestro blog (IV): Página principal sólo con tiles

Habíamos creado nuestra página inicial de Blogger para mostrar los artículos como Tiles, pero de momento no nos había quedado muy bonito. Es como si quisiésemos hacer una web élfica y sólo hubiésemos conseguido crear una web orca, todo aún muy feo. Los tiles aparecían tanto en la entrada principal como en cada artículo, y ni siquiera podíamos navegar con ellos. Así que vamos a cambiar esa funcionalidad. Para ello, nuestros objetivos son:

• Al pulsar un tile, se navegará al artículo correspondiente.
• En la página principal sólo se verán los tiles.
• En cada artículo, no se verán los tiles.

Para obtener algo como lo siguiente:

Y diréis, "oye, que todavía queda feo". Pues sí, ¿pero a que no tanto como antes? Poquito a poco vamos mejorando.