Exercício 2.1: Criando um Novo Portal para Exibir o Aplicativo de Portlet

Antes de começar, você deve concluir o Exercício 1.5: Incluir Portlets que Procuram Listagens do Site de Leilão e Fornecem Detalhes da Listagem.

Neste exercício, você criará um novo aplicativo de portal com páginas que conterão os portlets que foram criados até este ponto.

Criar o Projeto de Portal

Para criar o projeto do portal Auction, siga estas etapas:

  1. No menu do espaço de trabalho, selecione File (Arquivo) > New (Novo) > Portal Project (Projeto de Portal).
  2. Na página inicial do assistente Novo Projeto de Portal, digite AuctionPortal no campo Name (Nome).
  3. Observe que a Versão do WebSphere Portal está padronizada como 5.1. Clique em Next (Avançar).
  4. Selecione um tema padrão para o site. Para as finalidades deste tutorial, selecione o tema WebSphere.
  5. Selecione uma capa padrão associado ao tema do WebSphere. Observe que as capas padrão para um site de portal estão sempre associados a um tema padrão. Para as finalidades deste tutorial, selecione a capa Outline (Esboço).

    Há dois tipos de capa padrão. Um é para o site de portal geral e o outro é para um tema. Neste assistente, você está especificando apenas a capa padrão para o tema padrão selecionado. (Apenas uma capa pode ser a capa padrão para um site de portal.) Normalmente, cada tema possui uma capa padrão definido e a capa padrão para um site de portal é raramente utilizado.

  6. Clique em Finish (Concluir). Se for solicitado a você para comutar para a Perspectiva Web, clique em OK.

O Portal Designer exibe o arquivo de Configuração do Portal do projeto, que mostra a estrutura de navegação padrão com uma etiqueta e uma página-filha:
Arquivo de Configuração do Portal
O Portal Designer fornece editores especializados para trabalhar com diversos elementos familiares do portal, incluindo etiquetas, páginas, navegação, temas e capas, os quais juntamente com as folhas de estilo em cascata permitem que você controle a aparência e o comportamento de um site de portal.

Criar uma Etiqueta e Páginas para Conter os Aplicativos de Portlet

Utilize o Portal Designer para criar os elementos de layout do portal para os portlets que você criou:

  1. Selecione Label1 (Etiqueta1) e, em seguida, selecione a guia da visualização Propriedades. Clique na guia Title (Título) na visualização Propriedades e altere Label1 (Etiqueta1) para Leilão. Pressione Enter.
  2. Selecione Page1 (Página1) e, em seguida, selecione a guia da visualização Propriedades. Clique na guia Title (Título) na visualização Propriedades e altere Page1 para Registro. Pressione Enter.
  3. Arraste um componente Page (Página) da gaveta Portal da paleta da etiqueta Leilão. Isso incluirá uma nova página próxima à página Registro. Altere o título da nova página para Listagem, como você fez na etapa anterior.

Inclua Linhas e Colunas no Layout das Páginas do Portal

As páginas do portal fornecem uma estrutura para incluir conteúdo em seu site de portal. Você já criou esse conteúdo no formulário dos portlets definidos nos exercícios anteriores. Para incluir vários portlets em páginas individuais, você pode definir um layout espacial com alguma combinação de linhas e colunas que permitem colocar os portlets na página de uma forma lógica.

Por padrão, cada página criada inclui uma única coluna e uma única linha. Incluir colunas e linhas é um processo simples, exatamente como você faria para qualquer "tabela" em um aplicativo da Web. (Observe que a metáfora tabela não faz parte da terminologia padrão do portal--ela está sendo utilizada apenas para finalidades de instrução.) Como você incluirá dois portlets na página de listagem, poderá incluir uma outra "célula" no layout da página Listagem, neste caso, uma coluna. Isso pode ser feito de uma de duas maneiras:

Em qualquer um dos casos, a coluna adicional é criada para que o portlet ListingDetail possa ser inserido posteriormente. A Configuração do Portal exibe a coluna vazia:
Arquivo de Configuração do Portal

Incluir Portlets nas Páginas do Portal

Agora que há novas páginas com elementos de layout sob a etiqueta Leilão, você pode incluir os portlets que foram criados em exercícios anteriores da seguinte forma:

  1. Selecione a página Registro.
  2. Arraste um item Portlet da paleta para a coluna na página Registro. Selecione o portlet Admin de Usuários a partir das opções no diálogo Insert Portlet (Inserir Portlet) e clique em OK.

    Observe que também é possível executar a mesma ação utilizando a visualização Outline (Esboço). Na visualização Outline (Esboço), expanda o nó Layout e, em seguida, o nó Registro. Sob a Coluna, você verá o ícone do portlet UserAdmin. Selecione a coluna e clique com o botão direito do mouse para abrir o menu pop-up. Observe que existem menus em cascata para incluir portlets adicionais na página.
    Portlet na Visualização Esboço

  3. Selecione a página Listagem, clicando em Listagem na área de navegação. Agora você está pronto para incluir os portlets cooperativos de Listagem na página Listagem:
    1. Utilizando um dos métodos descritos na etapa anterior, insira o portlet ListingSearch na primeira coluna da página Listagem.
    2. Selecione a coluna à direita do portlet ListingSearch e insira o portlet ListingDetail.
  4. Salve o arquivo.

    A página Listagem atualizada deve ser semelhante a esta:
    Página Listagem

O site de portal está quase concluído. No exercício a seguir, você aprenderá a personalizar a aparência e o comportamento do site de portal utilizando alguns editores especializados que trabalham em conjunto com o Portal Designer.

Agora que você está pronto para começar o Exercício 2.2: Personalizando o Site de Portal.

Feedback
(C) Copyright IBM Corporation 2000, 2005. Todos os Direitos Reservados.