Esercizio 2.1: Creazione di un nuovo portale per visualizzare l'applicazione portlet

Prima di iniziare, è necessario completare l'Esercizio 1.5: Aggiunta di portlet che ricercano elementi del sito asta e forniscono dettagli sugli elementi.

In questo esercizio verrà creata una nuova applicazione che conterrà i portlet che sono stati creati fino a questo punto.

Creazione del progetto portale

Per creare il progetto del portale Auction, completare la seguente procedura:

  1. Dal menu dello spazio di lavoro, selezionare File > Nuovo > Progetto portale.
  2. Nella pagina iniziale della procedura guidata Nuovo progetto portale, immettere AuctionPortal nel campo Nome.
  3. Tenere presente che per impostazione predefinita la versione di WebSphere Portal è 5.1. Fare clic su Avanti.
  4. Selezionare un tema predefinito per il sito. Ai fini di questa esercitazione, selezionare il tema WebSphere.
  5. Selezionare l'interfaccia predefinita associata al tema WebSphere. Notare che le interfacce predefinite per un sito portale sono sempre associate a un tema predefinito. Ai fini di questa esercitazione, selezionare l'interfaccia Struttura.

    Ci sono due tipi di interfaccia predefinita. Una è quella per il sito portale globale e l'altra è per un tema. In questa procedura guidata verrà specificata solo l'interfaccia predefinita per il tema predefinito selezionato. Per ogni sito portale può esserci solo un'interfaccia predefinita. Di solito, per ogni tema viene definita un'interfaccia predefinita e l'interfaccia predefinita per un sito portale viene utilizzata raramente.

  6. Fare clic su Fine. Se viene richiesto di passare alla prospettiva Web, fare clic su OK.

Portal Designer visualizza il file di configurazione portale del progetto, che mostra la struttura di navigazione predefinita con un'etichetta e una pagina secondaria:
File di configurazione del portale
Portal Designer fornisce editor speciali per utilizzare numerosi elementi di portale noti, tra cui etichette, pagine, struttura di navigazione, temi e interfacce, insieme ai fogli stile CSS che consentono di controllare l'aspetto di un sito portale.

Creazione di un'etichetta e di pagine per contenere le applicazioni portlet

Utilizzare Portal Designer per creare gli elementi di layout del portale per i portlet che sono stati creati:

  1. Selezionare Label1, quindi selezionare la scheda della vista Proprietà. Fare clic sulla scheda Titolo nella vista Proprietà e modificare Label1 in Auction. Premere Invio.
  2. Selezionare Page1, quindi selezionare la scheda della vista Proprietà. Fare clic sulla scheda Titolo nella vista Proprietà e modificare Page1 in Registration. Premere Invio.
  3. Trascinare un componente Pagina dal cassetto Portale della tavolozza sull'etichetta Auction. In tal modo, una nuova pagina verrà aggiunta alla pagina Registration. Modificare il titolo della nuova pagina in Listing, completando la stessa procedura del passaggio precedente.

Aggiunta di righe e colonne alle pagine del portale di layout

Le pagine di portale forniscono un framework per aggiungere contenuto al sito del portale. Questo contenuto è stato già creato sotto forma dei portlet definiti negli esercizi precedenti. Per aggiungere più portlet alle singole pagine, è possibile definire un layout spaziale con combinazioni di righe e colonne che consentono di inserire portlet nella pagina in maniera logica.

Per impostazione predefinita, ogni pagina che viene creata contiene una colonna e una riga. Si tratta di un processo semplice per aggiungere colonne e righe allo stesso modo di una "tabella" in un'applicazione Web. Notare che la metafora tabella non fa parte della terminologia del portale standard, viene utilizzata solo a scopo illustrativo. Dal momento che verranno aggiunti due portlet alla pagina listing, è possibile aggiungere un'altra "cella" al layout della pagina Listing, in questo caso, una colonna. È possibile eseguire questa operazione in due modi diversi:

In entrambi i casi, viene creata un'altra colonna, in modo da poter inserire successivamente il portlet ListingDetail. Il file di configurazione del portale visualizza la colonna vuota:
File di configurazione del portale

Aggiunta dei portlet alle pagine del portale

Ora ci sono nuove pagine con gli elementi di layout sotto l'etichetta Auction, è possibile aggiungere portlet che sono stati creati nei precedenti esercizi nel modo seguente:

  1. Selezionare la pagina Registration.
  2. Trascinare un elemento Portlet dalla tavolozza alla colonna nella pagina Registration. Selezionare il portlet User Admin dalle opzioni nella finestra di dialogo Inserimento portlet e fare clic su OK.

    È anche possibile eseguire la stessa azione utilizzando la vista Struttura. Nella vista Struttura, espandere il nodo Layout, quindi il nodo Registration. Sotto la Colonna, sarà possibile notare l'icona del portlet UserAdmin. Selezionare la colonna e fare clic con il tasto destro del mouse per aprire il menu a comparsa. Notare la presenza di altri menu a cascata per aggiungere ulteriori portlet alla pagina.
    Portlet nella vista Struttura

  3. Selezionare la pagina Listing, facendo clic su Listing nell'area di navigazione. A questo punto è possibile aggiungere i portlet Listing cooperativi alla pagina Listing:
    1. Utilizzando uno dei metodi descritti nel precedente passaggio, inserire il portlet ListingSearch nella prima colonna della pagina Listing.
    2. Selezionare la colonna alla destra del portlet ListingSearch e inserire il portlet ListingDetail.
  4. Salvare il file.

    La pagina Listing aggiornata dovrebbe essere simile a quello riportato di seguito:
    Pagina Listing

Il sito portale è quasi completo: nell'esercizio successivo verrà descritto come personalizzarne l'aspetto utilizzando alcuni degli editor speciali che funzionano insieme a Portal Designer.

A questo punto, è possibile iniziare l'Esercizio 2.2: Personalizzazione del sito portale.

Feedback
(C) Copyright IBM Corporation 2000, 2005. Tutti i diritti riservati.