연습 2.1: 포틀렛 응용프로그램을 표시할 새 포털 작성

시작하기 전에 연습 1.5: 경매 사이트 목록을 검색하고 목록 세부사항을 제공하는 포틀렛 추가를 완료하십시오.

이 연습에서는 지금까지 작성한 포틀렛을 포함할, 페이지가 있는 새 포털 응용프로그램을 작성합니다.

포털 프로젝트 작성

Auction 포털 프로젝트를 작성하려면 다음을 수행하십시오.

  1. 작업공간 메뉴에서 파일 > 새로 작성 > 포털 프로젝트를 선택하십시오.
  2. 새 포털 프로젝트 마법사의 초기 페이지에서 이름 필드에 AuctionPortal을 입력하십시오.
  3. WebSphere Portal 버전 기본값은 5.1입니다. 다음을 클릭하십시오.
  4. 사이트에 대한 기본 주제를 선택하십시오. 이 학습서의 목적에 따라 WebSphere 주제를 선택하십시오.
  5. WebSphere 주제와 연관되는 기본 스킨을 선택하십시오. 포털 사이트의 기본 스킨은 항상 기본 주제와 연관된다는 점에 유의하십시오. 이 학습서의 목적에 따라 아웃라인 스킨을 선택하십시오.

    두 가지 유형의 기본 스킨이 있습니다. 하나는 전체 포털 사이트용 스킨이고 다른 유형은 주제용 스킨입니다. 이 마법사에서는 선택한 기본 주제에 해당되는 기본 스킨만 지정합니다. (포털 사이트에 대해 단 하나의 스킨만 기본 스킨이 될 수 있습니다.) 일반적으로, 각 주제에는 기본 스킨이 정의되어 있으며 포털 사이트의 기본 스킨은 간혹 사용됩니다.

  6. 완료를 클릭하십시오. 웹 Perspective로 전환하도록 요청하는 프롬프트가 표시되면 확인을 클릭하십시오.

Portal Designer는 하나의 레이블과 하나의 하위 페이지가 있는, 기본 탐색 구조를 표시하는 프로젝트의 포털 구성 파일을 표시합니다.
포털 구성 파일
Portal Designer는 캐스케이딩 스타일시트와 함께 레이블, 페이지, 탐색 및 주제 및 스킨을 포함하여 다수의 익숙한 포털 요소와 작업할 수 있도록 특수화된 편집기를 제공하며, 이 편집기에서 포털 사이트의 룩앤필을 제어할 수 있습니다.

포틀렛 응용프로그램을 포함할 페이지 및 레이블 작성

사용자가 작성한 포틀렛의 포털 레이아웃 요소를 작성하려면 Portal Designer를 사용하십시오.

  1. 레이블1을 선택한 후 특성 보기 탭을 선택하십시오. 특성 보기에서 제목 탭을 클릭하고 레이블1경매로 변경하십시오. Enter를 누르십시오.
  2. 페이지1을 선택한 후 특성 보기 탭을 선택하십시오. 특성 보기에서 제목 탭을 클릭하고 페이지1등록으로 변경하십시오. Enter를 누르십시오.
  3. 페이지 컴포넌트를 팔레트의 포털 드로어에서 경매 레이블로 끌어오십시오. 그러면 등록 페이지 옆에 새 페이지가 추가됩니다. 이전 단계에서 수행한 것처럼 새 페이지의 제목을 목록으로 변경하십시오.

포털 페이지를 레이아웃하도록 행 및 열 추가

포털 페이지는 포털 사이트에 컨텐츠를 추가하기 위한 프레임워크를 제공합니다. 이미 이전 연습에서 정의한 포틀렛 양식에서 이 컨텐츠를 작성했습니다. 개별 페이지에 여러 포틀렛을 추가하려면 포틀렛을 논리 형태로 페이지에 배치할 수 있도록 하는 일부 행 및 열 조합으로 공간 레이아웃을 정의하면 됩니다.

기본적으로, 사용자가 작성하는 각 페이지에는 단일 열과 단일 행이 포함됩니다. 웹 응용프로그램의 "테이블"처럼 열 및 행을 추가하는 것은 간단한 프로세스입니다. (여기서, 테이블은 표준 포털 용어가 아닙니다. 이는 단지 알려주기 위한 목적으로 사용되었을 뿐입니다.) 두 개의 포틀렛을 목록 페이지에 추가할 것이므로, 목록 페이지 레이아웃에 다른 "셀"(이 경우 열)을 추가할 수 있습니다. 다음 두 방법 중 하나로 이를 수행할 수 있습니다.

어느 경우에서든지, ListingDetail 포틀렛을 나중에 삽입할 수 있도록 추가 열이 작성됩니다. 포털 구성은 다음과 같이 빈 열을 표시합니다.
포털 구성 파일

포털 페이지에 포틀렛 추가

이제 Auction 레이블 아래에는 레이아웃 요소가 있는 새 페이지가 있으므로, 다음과 같은 방법으로 이전 연습에서 작성한 포틀렛을 추가할 수 있습니다.

  1. 등록 페이지를 선택하십시오.
  2. 팔레트에서 등록 페이지의 열로 포틀렛 항목을 끌어 오십시오. 포틀렛 삽입 대화 상자의 옵션에서 User Admin 포틀렛을 선택하고 확인을 클릭하십시오.

    아웃라인 보기를 사용하여 동일 조치를 수행할 수도 있습니다. 아웃라인 보기에서 레이아웃 노드를 펼친 후 등록 노드를 펼치십시오. 열 아래에 UserAdmin 포틀렛 아이콘이 표시됩니다. 열을 선택하고 마우스 오른쪽 단추를 클릭하여 팝업 메뉴를 여십시오. 추가 포틀렛을 페이지에 추가하려면 케스케이드 메뉴가 있는지 조사하십시오.
    아웃라인 보기의 포틀렛

  3. 탐색 영역에서 목록을 클릭하여 목록 페이지를 선택하십시오. 이제 협업 목록 포틀렛을 목록 페이지에 추가할 준비가 되었습니다.
    1. 이전 단계에서 설명된 메소드 중 하나를 사용하여 ListingSearch 포틀렛을 목록 페이지의 첫 번째 열에 삽입하십시오.
    2. ListingSearch 포틀렛 오른쪽에 있는 열을 선택한 다음, ListingDetail 포틀렛을 삽입하십시오.
  4. 파일을 저장하십시오.

    갱신된 목록 페이지가 다음과 같이 표시됩니다.
    목록 페이지

포털 사이트가 거의 완료되었습니다. 뒤에 나오는 연습에서는 Portal Designer와 함께 작동되는 특수화된 편집기 중 일부를 사용하여 포털 사이트 룩앤필에 대해 사용자 정의하는 방법을 학습합니다.

이제 연습 2.2: 포털 사이트 사용자 정의를 시작할 수 있습니다.

피드백
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.