Ejercicio 2.1: Crear un portal nuevo para visualizar la aplicación de portlet

Antes de empezar, debe realizar el Ejercicio 1.5: Añadir portlets que busquen en listados del sitio de subastas y proporcionen detalles del listado.

En este ejercicio creará una aplicación de portal nueva que contendrá los portlets que se hayan creado hasta este punto.

Crear el proyecto de portal

Para crear el proyecto de portal Auction, siga estos pasos:

  1. En el menú del área de trabajo, seleccione Archivo > Nuevo > Proyecto de portal.
  2. En la página inicial del asistente Proyecto de portal nuevo, teclee AuctionPortal en el campo Nombre.
  3. Tenga en cuenta que la versión de WebSphere Portal es 5.1 por omisión. Pulse Siguiente.
  4. Seleccione un tema predeterminado para el sitio. A efectos de esta guía de aprendizaje, seleccione el tema WebSphere.
  5. Seleccione una textura predeterminada asociada al tema de WebSphere. Tenga en cuenta que las texturas predeterminadas para un sitio de portal están siempre asociadas a un tema predeterminado. A efectos de esta guía de aprendizaje, seleccione la textura Outline.

    Hay dos tipos de textura predeterminada. Uno es el sitio del portal general y el otro es para un tema. En este asistente, está especificando solo la textura predeterminada para el tema predeterminado seleccionado. (Solo puede haber una textura predeterminada para un sitio de portal.) Normalmente, cada tema tiene una textura definida y la textura predeterminada para un sitio de portal se utiliza en raras ocasiones.

  6. Pulse Finalizar. Si se le pregunta si desea pasar a la perspectiva Web, pulse Aceptar.

Portal Designer visualiza el archivo Configuración de portal del proyecto que muestra la estructura de navegación predeterminada con una etiqueta y una página hijo:
Archivo de configuración de portal
Portal Designer proporciona editores especializados para trabajar con varios elementos de portal familiares, entre los que se incluyen etiquetas, páginas, navegación y temas y texturas, que conjuntamente con las hojas de estilo en cascada permiten controlar el aspecto de un sitio de portal.

Crear una etiqueta y páginas para albergar las aplicaciones de portlet

Utilice Portal Designer para cerrar los elementos de diseño de portal para los portlets que haya creado:

  1. Seleccione Label1 y después seleccione la pestaña de la vista Propiedades. Pulse la pestaña Título en la vista Propiedades y cambie Label1 por Auction. Pulse Intro.
  2. Seleccione Page1 y después seleccione la pestaña de la vista Propiedades. Pulse la pestaña Título en la vista Propiedades y cambie Page1 por Registration. Pulse Intro.
  3. Arrastre el componente Página de la bandeja Portal de la paleta y suéltelo en la etiqueta Auction. Esto añadirá una página nueva a la página Registration. Cambie el título de la página nueva por Listing tal como hizo en el paso anterior.

Añadir filas y columnas a páginas del portal de diseño

Las páginas de portal proporcionan una infraestructura para añadir contenido al sitio de portal. Ya ha creado este contenido en la forma de portlets definidos en ejercicios anteriores. Para poder añadir varios portlets a páginas individuales puede definir un diseño espacial con alguna combinación de filas y columnas que permita situar portlets en la página de forma lógica.

Por omisión, cada página creada incluye una sola columna y una sola fila. La adición de columnas y filas es un proceso tan simple como en el caso de cualquier "tabla" de una aplicación Web. (Tenga en cuenta que la metáfora tabla no forma parte de la terminología estándar de portal, solo se utiliza a efectos ilustrativos.) Puesto que añadirá dos portlets a la página del listado, puede añadir otra "celda" al diseño de la página del listado, en este caso una columna. Puede hacerlo de dos formas:

En ambos casos, se crea una columna adicional de forma que el portlet ListingDetail puede instalarse después. La Configuración de portal visualiza la columna vacía:
Archivo de configuración de portal

Añadir portlets a las páginas de portal

Ahora que ya hay páginas nuevas con elementos de diseño bajo la etiqueta Auction, puede añadir los portlets creados en ejercicios anteriores de la forma siguiente:

  1. Seleccione la página Registration.
  2. Arrastre un elemento Portlet de la paleta a la página Registration. Seleccione el portlet User Admin en las opciones del diálogo Insertar portlet y pulse Aceptar.

    Tenga en cuenta que también puede realizar la misma acción utilizando la vista Esquema. En la vista Esquema, expanda el nodo Diseño y después el nodo Registration. Bajo Column, verá el icono de portlet UserAdmin. Seleccione la columna y pulse el botón derecho para abrir el menú emergente. Observe que hay menús en cascada para añadir portlets adicionales a la página.
    Portlet en la vista Esquema

  3. Seleccione la página Listing pulsando Listing en el área de navegación. Ahora está listo para añadir los portlets de listado cooperativos a la página Listing:
    1. Utilizando uno de los métodos descritos en el paso anterior, inserte el portlet ListingSearch en la primera columna de la página Listing.
    2. Seleccione la columna a la derecha del portlet ListingSearch e inserte el portlet ListingDetail.
  4. Guarde el archivo.

    La página de listado actualizada debería tener el aspecto siguiente:
    Página de listado

El sitio de portal está casi completo. En el ejercicio siguiente, aprenderá a personalizar el aspecto del sitio de portal utilizando editores especializados que funcionan conjuntamente con Portal Designer.

Ahora está listo para iniciar el Ejercicio 2.2: Personalizar el sitio de portal.

Condiciones de uso | Comentarios
(C) Copyright IBM Corporation 2000, 2005. Reservados todos los derechos.