Exercice 2.1 : Création d'un portail pour l'affichage de l'application de portlet

Avant de commencer, vous devez terminer l'Exercice 1.5 : Ajout de portlets de recherche de listes de sites de ventes aux enchères et d'affichage des détails associés.

Dans cet exercice, vous allez créer une application de portail dotée de pages contenant les portlets créés à ce stade.

Création du projet de portail

Pour créer le projet de portail Vente aux enchères, procédez comme indiqué ci-après.

  1. Dans le menu de l'espace de travail, sélectionnez Fichier > Nouveau > Projet de portail.
  2. Sur la première page de l'assistant Nouveau projet de portail, saisissez AuctionPortal dans la zone Nom.
  3. La version WebSphere Portal est par défaut la version 5.1. Cliquez sur Suivant.
  4. Sélectionnez un thème par défaut pour le site. Dans le cadre de ce tutoriel, sélectionnez le thème WebSphere.
  5. Sélectionnez un encadrement par défaut associé au thème WebSphere. Les encadrements par défaut d'un site de portail sont toujours associés à un thème par défaut. Dans le cadre de ce tutoriel, sélectionnez l'encadrement Outline.

    Il existe deux types d'encadrement par défaut. L'un est destiné au site de portail global et l'autre à un thème. Cet assistant permet de spécifier uniquement l'encadrement par défaut du thème par défaut sélectionné (l'encadrement par défaut du site de portail ne peut être qu'un encadrement unique). Généralement, un encadrement est défini pour chaque thème et l'encadrement par défaut du site de portail est rarement employé.

  6. Cliquez sur Fin. Si vous êtes invité à passer à la perspective Web, cliquez sur OK.

Portal Designer affiche le fichier Configuration du portail du projet, qui indique la structure de navigation par défaut comportant un libellé et une page enfant :
Fichier Configuration du portail
Portal Designer fournit des éditeurs spécialisés permettant d'utiliser de nombreux éléments de portail, tels que les libellés, les pages, une navigation, les thèmes et les encadrements, ainsi que les feuilles de style en cascade, pour concevoir un site de portail.

Création d'un libellé et de pages destinés à contenir les applications de portlet

Utilisez Portal Designer pour créer les éléments de présentation du portail pour les portlets que vous avez créés, comme indiqué ci-après.

  1. Sélectionnez Label1, puis l'onglet de la vue Propriétés. Cliquez sur l'onglet Titre dans la vue Propriétés et remplacez Label1 par Vente aux enchères. Appuyez sur Entrée.
  2. Sélectionnez Page1, puis cliquez sur l'onglet de la vue Propriétés. Cliquez sur l'onglet Titre dans la vue Propriétés et remplacez Page1 par Enregistrement. Appuyez sur Entrée.
  3. Faites glisser un composant Page à partir du tiroir Portail de la palette vers le libellé Vente aux enchères. Une nouvelle page est alors ajoutée à côté de la page Enregistrement. Remplacez le titre de la page par Listes, comme indiqué à l'étape précédente.

Ajout de lignes et de colonnes dans les pages du portail de présentation

Les pages du portail constituent une structure permettant d'ajouter du contenu dans le site de portail. Vous avez déjà créé ce contenu sous la forme de portlets définis dans les exercices précédents. Pour ajouter plusieurs portlets à des pages individuelles, définissez un agencement spatial en combinant des lignes et des colonnes qui permettent de positionner les portlets sur la page de manière logique.

Par défaut, chaque page créée inclut une seule ligne et une seule colonne. L'ajout de lignes et de colonnes est un processus simple, similaire à l'ajout de lignes et de colonnes dans un "tableau" d'une application Web (la métaphore du tableau n'appartient pas à la terminologie de portail standard et n'est employée qu'à des fins pédagogiques). Puisque vous ajoutez deux portlets à la page de listes, vous pouvez ajouter une autre "cellule" à la disposition de la page Listes, dans ce cas, une colonne. Procédez de l'une des manières indiquées ci-après.

Dans les deux cas, la colonne supplémentaire est créée pour que le portlet puisse être inséré ultérieurement. La configuration du portail affiche la colonne vide :
Fichier Configuration du portail

Ajout de portlets aux pages du portail

Après avoir ajouté de nouvelles pages dotées d'éléments d'agencement sous le libellé Vente aux enchères, vous pouvez ajouter les portlets créés dans les exercices précédents, en procédant comme indiqué ci-après.

  1. Sélectionnez la page Enregistrement.
  2. Faites glisser un élément Portlet de la palette vers la colonne dans la page Enregistrement. Sélectionnez le portlet User Admin dans les options de la boîte de dialogue Insertion d'un portlet et cliquez sur OK.

    Vous pouvez également effectuer la même action dans la vue Structure (Outline). Dans cette vue, développez le noeud Agencement, puis le noeud Enregistrement. L'icône du portlet UserAdmin apparaît sous la Colonne. A l'aide du bouton droit de la souris, cliquez sur la colonne pour ouvrir le menu en incrustation. Des menus en cascade s'affichent pour permettre l'ajout de portlets supplémentaires dans la page.
    Portlet dans le vue Structure (Outline)

  3. Sélectionnez la page Liste en cliquant sur Liste dans la zone de navigation. Vous pouvez maintenant ajouter les portlets de liste coopératifs dans la page Liste, en procédant comme indiqué ci-après.
    1. En utilisant l'une des méthodes décrites à l'étape précédente, insérez le portlet ListingSearch dans la première colonne de la page Liste.
    2. Sélectionnez la colonne située à droite du portlet ListingSearch et insérez le portlet ListingDetail.
  4. Sauvegardez le fichier.

    La page Liste mise à jour se présente désormais comme suit :
    Page Liste

Le site de portail est presque terminé. Dans l'exercice qui suit, vous allez apprendre à personnaliser la présentation de ce site grâce aux éditeurs spécialisés qui fonctionnent avec Portal Designer.

A présent, vous êtes prêt à commencer l'Exercice 2.2 : Personnalisation du site de portail.

Retour d'informations
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.