IBM Rational Application Developer 버전 7.5 Portal Toolkit: Part 2. IBM WebSphere Portal 버전 6.1의 기능을 위한 Web 2.0 포털 개발 지원

문서 옵션 PDF - Fits A4 and Letter 45KB (10 pages) Get Adobe® Reader® JavaScript가 필요한 문서 옵션은 디스플레이되지 않습니다. 토론 영어원문  제안 및 의견 피드백

난이도 : 중급

Gaurav Bhattacharjee, Staff Software Engineer, IBM Corporation

원문 게재일 : 2009 년 5 월 19 일
번역 게재일 : 2009 년 6 월 16 일

IBM® WebSphere® Portal 버전 6.1에는 클라이언트측 집계, 친숙한 URL 및 정적 페이지 집계와 같은 새 기능이 추가되었습니다. WebSphere Portal V6.1은 Web 2.0 기반 테마를 포함한 새 테마를 제공합니다. IBM® Rational® Application Developer 버전 7.5는 이러한 새 기능에 대한 도구 지원을 제공합니다. 이 기사에서는 이러한 기능과 도구에 대해 설명합니다.

Rational Application Developer 및 WebSphere Portal

IBM® Rational® Application Developer 버전 7.5는 IBM® Rational® Software Delivery Platform의 일부이며 동일한 워크벤치에서 설계, 빌드, 테스트 및 전개와 같은 모든 작업을 수행할 수 있는 통합 환경을 제공하는 IDE(Integrated Development Environment)이다. 또한 포털 도구 구성 요소를 사용하여 포털 사이트 및 포틀릿 애플리케이션을 빠르고 쉽게 개발할 수 있다.

이 기사에서는 IBM® WebSphere® Portal 버전 6.1을 대상으로 하는 포털 사이트를 설계하는 데 도움이 되는 새 기능을 보여 준다. 이 기사에서는 다음과 같은 기능을 비롯하여 WebSphere Server에서 제공하는 새 테마에 대한 사용자 정의 및 편집 지원에 대해 설명한다.

• PortalWeb2 테마
  
  
• 친숙한 URL 기능 지원
  
  

이 기사에서는 마지막으로 Rational Application Developer에서 제공하는 SPA(Static Page Aggregation) 도구 지원에 대해 간략하게 설명한다.

위로

Web 2.0 테마 지원

Rational Application Developer에서는 포털 프로젝트의 구조, 설정 및 아티팩트를 편집할 수 있다. 포털 프로젝트는 XML 파일의 포털 구성을 PortalConfiguration 폴더에 저장하고 웹 아티팩트를 PortalContent 폴더에 저장한다. 시각적으로 Portal Configuration 편집기를 사용하여 XML 파일을 편집하고 Theme 편집기를 사용하여 웹 아티팩트를 편집할 수 있다. 이 기사에서는 WebSphere Portal에서 제공하는 Web 2.0 기반 테마인 PortalWeb2 테마 편집에 대해서도 설명한다.

Rational Application Developer의 포털 도구는 WebSphere Portal에서 제공하는 새 테마를 변환 및 편집하는 데 필요한 도구 지원을 제공한다. 이러한 테마를 기반으로 사용자의 고유한 테마를 작성할 수 있다. Portal 및 PortalWeb2는 포털 서버에서 제공하고 WebSphere 포털 도구에서 지원하는 두 가지 기본 테마이다.

테마 소개

이 기사에서 설명하는 기본 테마는 Portal 테마와 PortalWeb2 테마이다.

Portal 테마

PortalWeb2 테마

Portal 테마와 PortalWeb2 테마의 차이점

이 두 테마의 기본적인 차이점은 Portal 테마가 SSA(Server-Side Aggregation) 모드만을 지원한다는 것이다. 이 모드에서는 페이지에 대한 요청이 서버측에 수신되면 서버측에서 마크업이 생성되어 사용자에게 다시 전달된다. 반면 PortalWeb2 테마는 SSA와 CSA를 모두 지원한다.

표 1에서는 SSA 기반 테마와 CSA 기반 테마의 주요 차이점을 보여 준다.

그림 1에서는 포털 프로젝트의 각 부분에 해당하는 파일을 보여 준다.

그림 1을 확대하려면 여기를 클릭한다.

참고: SSA와 CSA 모두 Default.jsp가 가장 중요한 파일이다. PortalWeb2 테마가 할당된 포털 페이지에 처음 액세스할 때 CSA 애그리게이터는 일반적인 SSA 테마와 마찬가지로 Default.jsp를 통해 초기화된다. 로드된 시작 페이지에는 페이지의 기본 HTML 구조만 들어 있다. 이 페이지에 있는 빈 자리 표시자는 CSA 애그리게이터가 테마 탐색 요소(예: 탐색 메뉴, 페이지 탭, 측면 탐색 트리 등)와 페이지 자체의 컨텐츠(예: 행, 열 및 포틀릿)를 채워야 하는 위치를 나타낸다.

Rational Application Developer에서 테마 작업하기

Rational Application Developer를 사용하여 사이트에 대한 작업을 수행하려면 먼저 포털 서버에서 포털 구성 및 리소스를 가져오거나 새 포털 프로젝트를 작성해야 한다. Rational 포털 도구는 작업 공간에서 포털 프로젝트를 작성하고 해당 서버에 있는 포털 구성 및 리소스를 현재 프로젝트로 복사하는 데 사용되는 Import Portal 마법사를 제공한다. 이 포털 도구는 작업 공간에서 새 포털 프로젝트를 작성할 수 있는 New Portal Project 마법사도 제공한다.
대부분의 경우에는 가져오기 작업부터 시작하지만 이 기사에서는 WebSphere Portal Server V6.1에 대한 지원을 제공하기 위해 추가된 새 기능을 보기 위해 New Portal Project 마법사를 사용한다. 그림 2에서는 New Portal Project 마법사의 시작 페이지를 보여 준다.

그림 2에서는 이 포털 프로젝트에 사용할 WebSphere Portal의 버전을 선택한다. Select the portal server version 드롭다운과 Target Runtime 목록에 WebSphere Portal v6.1 서버가 지정되어 있다. 마법사의 다음 페이지인 Select Theme 페이지(그림 3)에 앞에서 언급한 WebSphere Portal Server V6.1에서 제공하는 두 가지 기본 테마의 축소판 그림이 표시된다.

새 포털 프로젝트가 작성되면 Rational Application Developer에 변환된 포털 프로젝트(브라우저에서 실행할 때와 같은 모습)가 표시된다. 그림 4에서는 Rational Application Developer에서 새로 작성한 WebSphere Portal V6.1 프로젝트를 보여 준다(PortalWeb2 테마를 선택한 것으로 가정).

새 테마에는 개선된 편집 기능이 제공된다.

테마 편집하기

이 섹션에서는 SSA 및 CSA 기반 테마를 위해 제공되는 Rational Application Developer의 개선된 테마 편집 기능에 대해 설명한다.

기본 JSP 파일(Default.jsp) 편집하기

이 옵션은 Rational Application Developer에 있는 Portal Configuration 편집기의 팝업 메뉴로도 제공된다.

2. 그림 6과 같이 마우스 오른쪽 단추로 클릭하고 이 옵션을 선택한다.
   
   

이렇게 하면 그림 7과 같이 편집할 수 있는 형태로 Default.jsp가 열린다. 이제 요구 사항에 따라 Default.jsp를 편집 및 사용자 정의할 수 있다.

CSA XSL 파일 편집하기
XSL 편집기에서 CSA 파일도 편집할 수 있다.

1. CSA 파일을 편집하려면 Portal Configuration 편집기를 연다.
   
   
2. 그림 8과 같이 Edit 메뉴에서 Edit Theme XSL files을 선택한다. 이제 편집할 수 있는 CSA 기반 XSL 파일이 모두 나열된다.
   
   

편집하려는 XSL 파일을 선택할 수 있다.

3. 예를 들어 mainMenu.xsl을 선택하면 그림 9와 같이 XSL 편집기에 XSL 파일이 열린다.
   
   

이후 섹션에서는 위쪽 탐색 및 측면 탐색에 대한 테마 파일을 나열하는 데 사용되는 Rational Application Developer 포털 도구의 지원에 대해 설명한다.

위쪽 탐색 아티팩트 편집하기

4. 이제 topNav.jspf를 클릭한다. 그러면 그림 11과 같이 Page Designer에 topNav.jspf 파일이 편집할 수 있는 상태로 열린다. 표 1에서 설명한 대로 이 파일은 SSA 지원 테마의 위쪽 탐색 영역에 해당한다. 이제 .jspf 파일을 편집할 수 있다.
   
   

5. 마찬가지로 그림 10에서 topNavRender.xsl을 선택하여 해당하는 위쪽 탐색 XSL 파일을 편집할 수 있다. 그러면 XSL 편집기에 XSL 파일이 열린다. 표 1에서 설명한 대로 이 파일은 CSA 지원 테마의 위쪽 탐색 영역에 해당한다. 이제 요구 사항에 따라 XSL 파일을 편집할 수 있다.
   
   

측면 탐색 아티팩트 편집하기

3. 그림 13과 같이 MyChildPage를 마우스 오른쪽 단추로 클릭하고 Edit Side Navigation을 선택한다.
   
   

4. 이제 sideNav.jspf를 클릭한다. 그러면 Page Designer에 sideNav.jspf 파일이 편집할 수 있는 상태로 열린다. 표 1에서 설명한 대로 이 파일은 SSA 지원 테마의 측면 탐색 영역에 해당한다. 이제 .jspf 파일을 편집할 수 있다.
   
   

5. 마찬가지로 CSA 기반 테마에 대한 측면 탐색에 대한 sideNavRender.xsl을 마우스 오른쪽 단추로 클릭한다. 그러면 XSL 편집기에 sideNavRender.xsl 파일이 편집할 수 있는 상태로 열린다. 표 1에서 설명한 대로 이 파일은 CSA 지원 테마의 측면 탐색 영역에 해당한다. 이제 요구 사항에 따라 XSL 파일을 편집할 수 있다.
   
   

포틀릿 변환 영역 파일 편집하기

이제 편집할 파일을 선택할 수 있다.

2. Home.jsp(SSA 지원 테마의 경우) 또는 mainContentRenderLayout.xsl(CSA 지원 테마의 경우)을 선택한다.
   
   

포틀릿 스킨 파일 편집하기

5. 나열된 파일 중 하나를 선택하여 해당 편집기에서 파일을 열고 편집한다. 표 1에서 설명한 대로 Control.jsp 파일은 SSA 지원 테마에 해당하고 IBM.xsl 파일은 CSA 지원 테마를 위한 IBM 스킨의 XSLT 파일이다.
   
   

지금까지 Rational Application Developer 포털 도구에서 제공하는 향상된 테마 편집 및 변환 지원에 대해 살펴보았다.

위로

친숙한 URL 도구 지원

친숙한 URL은 WebSphere Portal Server V6.1의 새 기능으로 포털 페이지에 대한 URL 맵핑을 제공하는 데 사용된다. URL을 작성할 때 사람이 읽을 수 있는 형식으로 URL 이름을 정의할 수 있다. 이러한 이름은 쉽게 기억할 수 있고 사용자에게 더욱 친숙하다. 이 기능을 통해 사용자는 전체 포털 URL을 브라우저의 주소 표시줄에 입력하여 특정 페이지로 이동할 수 있다.

Rational 포털 도구는 포털 페이지를 설계할 때 친숙한 URL을 제공할 수 있는 매우 강력한 기능을 제공한다.

이 섹션에서는 Portal Configuration 편집기에서 이 작업을 수행하는 방법에 대해 설명한다.

1. Project Explorer로 이동하여 앞에서 작성한 포털 프로젝트를 펼친다.
   
   
2. Portal Configuration을 연다.
   
   
3. 그림 16과 같이 Outline 보기를 열고 Home을 선택한다.
   
   

4. @@@이제 마우스 오른쪽 단추를 클릭하고 Properties를 선택하여 Properties 보기를 연다. 그런 다음 Label 탭을 선택한다.@@@ 이 Label 탭에는 그림 17과 같이 현재 레이블에 대한 친숙한 URL을 지정할 수 있는 Friendly URL name 필드가 있다.
   
   

그림 17을 확대하려면 여기를 클릭한다.

이 필드에 입력하는 이름은 Page1 및 Web 2.0 페이지와 같은 페이지의 상위 요소인 Home 레이블에 대한 이름이다. 친숙한 URL 이름을 가진 페이지에 액세스하려면 상위 요소에 대한 Friendly URL name을 입력해야 한다.

5. 친숙한 URL 이름(이 예제의 경우, MyHome)을 입력한다.
   
   

6. 그런 다음 그림 19와 같이 Content Root의 Home 아래에 있는 Page1을 클릭한다.
   
   

7. 마우스 오른쪽 단추를 클릭하고 Properties를 선택하여 Properties 보기를 연다. 그런 다음 Page 탭을 선택한다. 이 Page 탭에는 그림 20과 같이 현재 페이지에 대한 친숙한 URL(이 예제의 경우, MyPage)을 지정할 수 있는 Friendly URL name 필드가 있다.
   
   

그림 21에서는 브라우저에서 실행 중인 페이지에 대해 제공된 위의 친숙한 URL을 보여 준다.

위로

정적 페이지 집계 도구 지원

SPA(Static Page Aggregation)는 WebSphere Portal Server V6.1의 새 기능 중 하나이며 정적 HTML 파일을 포털 페이지로 사용하는 데 필요한 기능을 제공한다.

정적 컨텐츠 페이지를 사용하면 다음과 같은 장점을 얻을 수 있다.

• 웹 디자이너의 경우 표준 웹 저작 도구를 사용하여 포털 페이지를 작성할 수 있다. 이러한 도구는 HTML 편집기이거나 간단한 텍스트 편집기일 수도 있다. HTML을 작성할 경우에는 JSP를 몰라도 된다.
  
  
• 포털 레이아웃 모델을 사용할 때보다 쉽게 페이지의 레이아웃을 제어할 수 있다.
  
  
• 페이지에 포틀릿을 동적 요소로 포함할 수 있으며 컨테이너를 포틀릿에 대한 자리 표시자로 포함할 수 있다.
  
  
• 기존 정적 페이지의 포틀릿 사용자 정의를 유지한 상태로 수정된 HTML 파일을 업로드하여 해당 페이지를 업데이트할 수 있다.
  
  

정적 페이지는 포털에서 다음 두 가지 방법으로 변환할 수 있다.

• 전체 브라우저 영역을 제어하는 독립 실행형 웹 페이지
  
  
• 포털 컨텐츠 영역의 일부(이 경우에는 포털이 배너 및 탐색 영역을 계속 제어한다.)
  
  

Rational 포털 도구는 SPA에 필요한 도구 지원을 제공한다. 이 지원을 통해 포털에 대한 정적 HTML 페이지를 작성, 업데이트 및 관리할 수 있다. 전체 SPA 도구 지원에 대해서는 다른 기사에서 설명하며 이 기사에서는 간략한 개요만 설명한다.

1. SPA 페이지를 작성하려면 그림 22와 같이 Page1 또는 Web 2.0을 마우스 오른쪽 단추로 클릭하고 Insert Static Page > As Child를 선택한다.
   
   

이제 그림 23과 같은 정적 페이지 작성 대화 상자가 실행된다.

2. File name 필드에 HTML 파일 이름을 지정한다.
   
   

이 대화 상자에서 주목할 만한 기능은 Create using existing ZIP or HTML page 선택란이다. 이미 작성된 HTML 파일을 WebSphere Portal에서 정적 HTML 파일로 사용하려는 경우 이 옵션을 사용할 수 있다. 이때 필요한 작업은 HTML 파일이 포함된 유효한 HTML 파일 또는 .zip 파일을 제공하는 것뿐이다. 이 선택란을 선택하지 않으면 기본 HTML 폼이 포함된 새 HTML 파일이 작업 공간에 생성된다.

3. Finish를 클릭하여 HTML 파일을 Page Designer에 편집할 수 있는 상태로 연다. 이제 HTML 페이지의 HTML 구조를 변경하는 등의 추가 작업을 수행할 수 있다.
   
   

이 HTML 페이지에 포틀릿을 추가하는 기능 또한 중요한 기능이다. Rational 포털 도구도 포틀릿을 추가하는 데 필요한 지원을 제공한다.

앞에서 설명한 대로 이에 대한 자세한 설명은 이 기사의 범위에 포함되지 않으며 별도의 기사에서 다룬다.

위로

살펴본 내용

이 기사에서는 SPA, 친숙한 URL 및 Web 2.0 테마와 같은 WebSphere Portal V6.1의 새 기능을 위해 Rational Application Developer V7.5에서 제공하는 포털 도구 지원을 살펴보았다. 이 기사의 정보는 WebSphere Portal에서 제공하는 새 기능을 활용하여 포털 사이트를 빠르고 효율적으로 개발하는 데 도움이 될 것이다.

참고자료

• IBM WebSphere Portal 버전 6.1 Information Center에서 계획, 설치, 구성, 관리, 개발 및 문제점 해결에 대한 정보를 볼 수 있다.
  
  
• developerWorks의 Rational 소프트웨어 영역에서 Rational Software Delivery Platform 제품과 관련된 기술 자료와 베스트 프랙티스를 볼 수 있다.
  
  
• Rational Application Developer Version 7.5 Information Center에서 자세한 정보를 살펴볼 수 있다.
  
  
• 1주일 동안의 developerWorks 튜토리얼, 기사, 다운로드, 커뮤니티 활동, 웹 캐스트, 이벤트 등에 대한 소식을 전하는 IBM developerWorks 뉴스레터를 구독하자.
  
  
• developerWorks Rational 영역 뉴스레터를 구독하여 developerWorks Rational 컨텐츠를 받아볼 수 있다. 격주로 제공되는 이 뉴스레터는 Rational Software Delivery Platform과 관련된 최신 기술 리소스 및 베스트 프랙티스에 대한 업데이트를 담고 있다.
  
  
• 효과적인 소프트웨어 개발에 필요한 개념에 대한 기사를 제공하는 Rational Edge 뉴스레터를 구독하자.
  
  
• 기술 서점에서 다양한 기술 주제와 관련된 서적을 살펴보자.
  
  

• IBM Rational 시험판 소프트웨어를 다운로드하자.
  
  

• 포럼에 참여하기.
  
  
• developerWorks 커뮤니티에서 제공하는 포럼, 블로그, 팟캐스트, wiki 등에 참여하자.

필자소개

		Gaurav Bhattacharjee는 인도의 델리에 있는 IBM India Software Labs 소속의 Staff Software Engineer이다. WebSphere Portal Lotus Collaboration Software 그룹의 Rational Application Developer Portal Tooling 팀 소속으로 활동하고 있다.

기사에 대한 평가

보다 나은 서비스를 제공하기 위함이오니 잠시 짬을 내어 이 양식을 제출하여 주십시오. 귀하께서 원하시는 정보를 얻었습니까? 예 아니오 잘 모르겠음   이 페이지 개선을 위한 의견을 주십시오:   이 정보가 얼마나 유용했습니까? (1 = 전혀 도움이 되지 않음, 5 = 매우 유용함) 1 2 3 4 5

이 문서 북마킹 하기 mar.gar.in naver eolin del.icio.us