Esercizio 1.6: 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 portale con pagine che conterranno i portlet che sono stati creati fino a questo punto.[Note: Need screen captures for this section.]

Creazione del progetto portale

Per creare il progetto portale Asta, completare questa procedura: [Note: I wanted to show users the wizard options. Should I have them select a different theme/default skin?]

  1. Dal menu dello spazio di lavoro, selezionare File > Nuovo > Progetto.
  2. Nella procedura guidata Nuovo progetto, espandere la cartella Portale e selezionare Progetto portale. Quindi, fare clic su Avanti.
  3. Nella pagina iniziale della procedura Nuovo progetto portale, immettere AuctionPortal nel campo Nome e fare clic su Avanti.
  4. Selezionare un tema predefinito per il sito. Ai fini di questa esercitazione, selezionare il tema WebSphere.

    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.

  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.
  6. Fare clic su Fine. Se viene richiesto di passare alla prospettiva Web, fare clic su OK.

Portal Designer visualizza il file di configurazione del portale del progetto, che mostra la struttura di navigazione predefinita con un'etichetta e una pagina secondaria. 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 per il layout delle pagine di portale

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, è necessario 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.

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 pagina Registration. Selezionare il portlet User Admin dalle opzioni nella finestra 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.

  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.

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 1.7: Personalizzazione del sito portale.

Termini di utilizzo | Feedback
(C) Copyright IBM Corporation 2000, 2004. Tutti i diritti riservati.