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, entrez AuctionPortal dans la zone Nom, puis cliquez sur Suivant.
  3. Sélectionnez un thème par défaut pour le site. Dans le cadre de ce tutoriel, sélectionnez le thème WebSphere.
  4. 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 concerne la globalité du site de portail, tandis que l'autre ne s'applique qu'à un thème. Dans cet assistant, vous ne définissez que l'encadrement par défaut du thème par défaut sélectionné (seul un encadrement peut être considéré comme l'encadrement par défaut d'un site de portail). Généralement, chaque thème est associé à un encadrement par défaut et l'encadrement par défaut du site de portail est rarement utilisé.

  5. Cliquez sur Fin. Si vous êtes invité à accéder à 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 feuille de style en cascade, pour concevoir un site de portail.

Création d'un libellé et de pages incluant 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 cliquez sur 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 nouvelle page par Liste, comme précédemment.

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 colonne et une ligne. Le processus d'ajout de colonnes et de lignes est simple et similaire à l'ajout d'un "tableau" dans 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). Etant donné que vous allez ajouter deux portlets dans la page de listes, vous pouvez ajouter une autre "cellule" dans l'agencement de la page, 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 dans les pages de 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 apprendrez à personnaliser sa présentation à l'aide d'éditeurs spécialisés utilisés conjointement avec Portal Designer.

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

Conditions d'utilisation | Commentaires
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.