ポータル・プロジェクトのサンプルを作成するには、以下のステップを実行します。
- 「ポータル・プロジェクト」ウィザードを使用して、新規ポータル・プロジェクトを作成する。
- 「Portal Designer」を開く。
- プロパティー・ビュー (「タイトル」ページ) を使用して、デフォルトで作成されているラベルおよびページのタイトルを変更する。「Label1」を「コール・センター」に変更し、「Page1」は「トラブル・チケット」に変更します。
- ポータル・パレットを使用して「トラブル・チケット」ページにルート列を挿入する。
- ポータル・パレットを使用して「トラブル・チケット」ページの既存の行の上に新規行を挿入する。
- ポータル・パレットを使用して、ページの下の行にある既存の列の右に新規列を挿入する。
- ポータル・プロジェクト・サンプルで使用する 3 つのポートレットを「トラブル・チケット」ページ・レイアウトに挿入する。最初に、ポートレットをサンプル素材集の Faces ポートレット・サンプルからインポートしておく必要があります。サンプルの JSR 168 API バージョンをインポートしてください。ポータル・パレットを使用してそのポートレットを追加します。
- カスタマー・リスト・ポートレットを上段の行に挿入する。
- トラブル・チケット・リスト・ポートレットを下段の行の左列に挿入する。
- トラブル・チケットの詳細ポートレットを下段の行の右列に挿入する。
- オプションで、ポータル・エレメントのルック・アンド・フィールを変更する。例えば、以下のようにします。
- プロパティー・ビューを使用して、現行の WebSphere のテーマを「金融」テーマに変更する。
- プロパティー・ビューを使用して、デフォルトのアウトライン・スキンをアルバム・スキンに変更する。
- CSS Designer を使用して、「金融」テーマのフォントおよび色を変更する。CSS Designer は、「スタイルの編集」メニューから開くことができます。
- Page Designer を使用して、左上隅の「金融」テーマにロゴ・イメージを追加する。Page Designer は、「テーマの編集」メニューから開くことができます。
- 新規ラベルを「コール・センター」ラベルの子として追加し、タイトルを変更する。
- 新規ページを「コール・センター」ラベルの子として追加し、タイトルを変更する。
|