IBM®
메인 컨텐츠로 가기
    Korea [국가변경]    이용약관
 
 
   
        제품    서비스 & 솔루션    고객지원 & 다운로드    회원 서비스    
메인 컨텐츠로 가기

한국 developerWorks  >  Rational  >

IBM Rational Application Developer 버전 7.5 Portal Toolkit: IBM Rational Application Developer V7.5 Portal Toolkit의 새로운 기능

developerWorks
문서 옵션

JavaScript가 필요한 문서 옵션은 디스플레이되지 않습니다.

영어원문

영어원문


제안 및 의견
피드백

난이도 : 초급

Gaurav Bhattacharjee, Staff Software Engineer, IBM Corporation
Mansi Gaba, System Software Engineer, IBM Corporation
Sohil Malhotra, System Software Engineer, IBM Corporation

원문 게재일 : 2009 년 5 월 12 일
번역 게재일 : 2009 년 6 월 02 일

5편의 기사로 구성된 시리즈의 첫 번째 기사인 이 기사에서는 IBM® Rational® Application Developer 버전 7.5 Portal Toolkit의 새 기능에 대해 설명합니다. 이 기사에서는 이전 버전 이후에 적용된 개선 사항에 대해서만 설명하므로 필수 사항은 아니더라도 Rational Application Developer V7.0에 대한 지식이 있으면 많은 도움을 받을 수 있습니다.

소개

IBM® Rational® Application Developer 버전 7.5는 엔드 투 엔드 소프트웨어 수명 주기 관리 도구이다. 이 단일 제품은 설계, 개발, 테스트 및 전개 등의 모든 기능을 제공한다. 동일한 오퍼링의 일부인 포털 도구는 IBM® WebSphere® Portal 버전 6.1 기능과 함께 사용할 수 있도록 개정되었다. 이 도구를 사용하면 성능 및 유용성의 향상을 기대할 수 있다.

이 기사에서는 Rational Application Developer V7.5 Portal Toolkit의 다음과 같은 새 기능을 WebSphere Portal V6.1과 함께 활용하는 방법에 대해 설명합니다.

  • 대상 런타임으로서의 WebSphere Portal V6.1: WebSphere Portal V6.1을 대상으로 하는 로컬 및 원격 서버 인스턴스를 구성한다.

  • JSR(Java™ Specification Request) 286 및 WSRP(Web Services for Remote Portlets) 2.0 지원: Java Portlet Specification 2.0 기반의 JSR 포틀릿을 작성한다. 이 기능은 Event 마법사 및 Portlet Deployment Descriptor 편집기를 통해 이벤트 및 공용 렌더링 매개변수에 대한 지원을 제공한다.

  • 클라이언트측 프로그래밍 모델 지원: 기본 포틀릿 프로젝트의 포틀릿 기본 설정을 검색한다.

  • 클라이언트측 Click-To-Action 지원: 클라이언트측 Click-To-Action(이하 C2A) 지원을 사용하여 포틀릿 간의 공동 작업을 수행할 수 있는 자동 코드 생성을 사용한다.

  • 사용자 태그 지원: Person 메뉴에 대한 자동 코드 생성을 사용하고 확장을 위한 Java 스크립트 조치를 작성하여 Person 메뉴를 확장한다.

  • 정적 페이지 집계: HTML 페이지를 새로 작성하거나 기존 HTML 페이지를 정적 페이지로 가져온다. 정적 페이지가 포함된 포털 프로젝트를 게시 또는 전개한다.

  • AJAX(Asynchronous JavaScript and XML) 프록시: 포틀릿 프로젝트를 위한 HTTP 프록시를 사용한다.

  • 친숙한 URL 지원: 포털 사이트 개발 도구 내에서 친숙한 URL을 포털 페이지에 할당한다.

  • 포털 테마 지원 향상: Web 2.0 포털 테마를 작성하고 편집한다. CSA(Client-Side Aggregation) 파일을 편집한다.

이러한 업데이트는 다양한 소프트웨어 개발 제품의 빠른 변화에 맞춰 사용자의 기술을 최신 상태로 유지할 수 있도록 지원한다.




위로


새로운 기능 살펴보기

이 기사에서는 장황한 설명을 배제하고 Rational Application Developer V7.5의 새 기능에 대해서만 설명한다. 참고자료 섹션에서 시험판을 다운로드할 수 있다.

서버 런타임 및 서버 유형

먼저, WebSphere Portal V6.1을 대상 런타임으로 고려한다. Rational Application Developer V7.5의 주요 새 기능 중 하나는 WebSphere Portal V6.1 지원을 위한 새 서버 런타임, 서버 유형 및 스텁을 추가하는 기능이다.

그림 1에서는 Define a New Server 대화 상자를 보여 준다.


그림 1. New Server 마법사(WebSphere Portal 6.1 서버)
탐색기 보기의 서버 유형 목록


그림 2에서는 New Server Runtime Environment 대화 상자를 보여 준다.


그림 2. 새 서버 런타임 환경 정의하기
탐색기 보기의 런타임 환경 유형 목록


Rational Application Developer V7.5에서는 WebSphere Portal 6.1 런타임을 대상으로 하는 포틀릿 또는 포털 프로젝트를 작성한 다음 WebSphere Portal 6.1 서버에 게시 또는 전개할 수 있다.

JSR 286 및 WSRP 2.0 지원

Rational Application Developer V7.5에서는 새롭게 발표된 JSR 286 스펙 기반의 Java Portlet Specification 2.0에 대한 지원이 추가되었으며 이 스펙에는 필터, 이벤트, 공용 렌더링 매개변수 등과 같은 새 기능이 있다. 결과적으로 PDD(Portlet Deployment Descriptor)용 XSD에 새 요소가 추가되었다. 그림 3에서 보여 주는 Rational Application Developer V7.5의 PDD 편집기에서는 portlet.xml이라는 포틀릿 프로젝트에 대한 전개 디스크립터를 매우 간편하고 친숙한 방법으로 편집할 수 있다. 따라서 XSD의 변경으로 인해 PDD가 변경되면서 이러한 새 필드를 편집할 수 있는 인터페이스가 새롭게 추가되었다.


그림 3. JSR 286 포틀릿용 PDD
선택한 Overview 탭에서 다른 항목으로 탐색

그림 3을 확대하려면 클릭한다.



PDD의 새 Event 탭(그림 4 참조)에서는 이벤트를 추가할 수 있다. JSR 286 포틀릿에 대한 이벤트의 특성을 사용자 정의할 수 있다.


그림 4. JSR 286의 Event
Event Definitions(왼쪽)과 Details 및 Aliases(오른쪽)

확대하려면 클릭한다.



또한 PDD의 새 Render Parameter 탭(그림 5 참조)에서는 새 렌더링 매개변수를 추가할 수 있다. 해당 특성을 사용자 정의할 수도 있다.


그림 5. JSR 286 포틀릿의 Public Render Parameters
매개변수(왼쪽)와 세부 사항(오른쪽)

확대하려면 클릭한다.



PDD의 새 Filters 탭(그림 6 참조)에서는 필터를 추가하고 해당 필터의 JSR 286 포틀릿에 대한 특성을 사용자 정의할 수 있다.


그림 6. JSR 286 포틀릿의 Filters 탭
필터 목록(왼쪽)과 세부 사항(오른쪽)

확대하려면 클릭한다.



또한 WSRP 2.0 지원이 Rational Application Developer V7.5에 추가되었다.

클라이언트측 Click-To-Action 지원

현재 Websphere Portal 6.0 포틀릿 구현에서는 모든 작업을 서버측에서 수행해야 한다. 이는 곧 각 작업에 대한 요청이 서버에 제출된다는 것을 의미한다. 예를 들어, 포틀릿 창 상태를 minimize 또는 maximize로 변경하게 되면 서버로 요청이 제출되고 전체 페이지가 새로 고쳐진다. 그런 다음 해당 포틀릿이 최대화 또는 최소화된 상태로 표시된다. 일반적으로 이러한 유형의 작업에서는 서버와의 통신을 위해 왕복 지연 시간이 반복적으로 발생한다.

서버와의 통신으로 인해 발생하는 왕복 지연 시간을 줄이기 위해 WebSphere Portal V6.1에서는 클라이언트측 프로그래밍 모델이 도입되었다. 이는 포틀릿 최대화 또는 최소화와 같은 작업이 클라이언트측에서 수행되기 때문에 서버와의 통신으로 인해 발생하는 왕복 지연 시간이 발생하지 않는다는 의미이다.

이 목적을 달성하기 위해 Rational Application Developer V7.5의 Portlet 도구에서는 WebSphere Portal V6.1을 위한 필수 클라이언트측 프로그래밍 지원을 제공한다.

새 포틀릿 프로젝트를 작성할 때 그림 7과 같은 Web 2.0 Portlet Feature 지원을 추가할 수 있다.


그림 7. New Portlet Project 마법사의 Advanced Settings
선택되어 있는 Client Side Capabilities 상자


Page Designer의 Palette 보기에서 Insert Taglib 대화 상자를 사용하여 Portlet JSP에 portlet-client-model 사용자 정의 태그를 삽입한다(Listing 1 참조).


Listing 1. portlet-client-model 태그 추가하기
<%@tablib uri="http://www.ibm.com/xmlns/prod/websphere/portal/v6.1/portlet-client-model"
      prefix="portlet-client-model" %>

또한 그림 8과 같이 기존 포틀릿 프로젝트에서 Web 2.0 기능 지원을 새 웹 페이지에 추가할 수 있다(그림 8 참조).


그림 8. 웹 페이지에 대한 클라이언트측 특성 추가하기
선택되어 있는 Portlet JSP(왼쪽)와 세부 사항(오른쪽)


C2A는 포틀릿 간 상호 작용을 위해 포틀릿에서 정보를 공유할 때 사용하는 기능 중 하나이다. 소스 포틀릿의 아이콘에서 C2A 이벤트를 실행할 수 있다. 이 아이콘을 클릭하면 조치를 수행할 수 있는 대상 목록을 보여 주는 메뉴가 표시된다. 사용자가 특정 대상을 선택하면 특성 브로커가 해당 포틀릿 조치의 양식으로 된 데이터를 대상에 전달한다. 그림 9와 같이 Palette에서 다양한 C2A 특성을 사용할 수 있다.


그림 9. C2A 특성
펼쳐진 Palette에 표시된 Portlet 메뉴 항목


현재까지 C2A 기술은 IBM Portlet API에서만 사용할 수 있다. IBM WebSphere Portal에서는 클라이언트측에서 C2A 기능을 사용하는 의미 태그 기법을 사용한다. 이 기능은 IBM 및 JSR 포틀릿에서 사용할 수 있다. 이 기능 스펙의 목적은 의미 태그 C2A 기법을 지원하기 위해 Rational Application Developer Portlet 도구에 추가되는 변경 사항 및 새 기능을 나열하는 것이다. 이 새로운 C2A 기능은 대상 서버가 WebSphere Portal 6.1일 때만 사용할 수 있다.

사용자 태그 지원

Person 메뉴 팝업의 PersonTag는 원래 서버측 JSP 태그로 구현되었다. 하지만 AJAX 클라이언트(CPP 등)를 지원하기 위해 클라이언트에서 호출할 수 있는 JavaScript API가 Person Tag에 필요하게 되었다. 이는 일반적인 사용자 태그가 현재까지는 JavaScript 코드에서 호출할 수 없는 서버측 구성 요소이기 때문이다.

Rational Application Developer 7.5는 기본적으로 동일한 기능을 제공하지만 브라우저의 JavaScript를 통해서는 작동하지 않는 사용자 태그를 위한 지원을 제공한다.

그림 10과 같이 Portlet 팔레트에 Person Menu라는 새 항목이 추가되었다. 이 항목을 Portlet JSP로 끌어서 놓으면 Person 대화 상자가 실행된다.


그림 10. Portlet 팔레트에서 Person Menu Extension 추가하기
Portlet 아래의 Person Link, Menu 및 Menu Extension


그림 11과 같이 Insert Person Menu 대화 상자에서 사용자 메뉴 속성을 지정할 수 있다.


그림 11. 이름 및 이메일 주소 입력하기
카드 속성


이제 팔레트에서 Person Menu Extension을 끌어서 놓은 후 그림 12와 같이 세부 사항을 지정하여 Person Menu에 확장을 추가할 수 있다.


그림 12. Action Details, ShowIf 및 Action 지정하기
JavaScript에 대한 필드


정적 페이지 집계

Rational Application Developer V7.5에서는 WebSphere Portal V6.1을 위해 정적 페이지 집계에 대한 지원이 추가되었다. 정적 페이지 집계는 포털 페이지에 정적 HTML 레이아웃을 사용할 수 있도록 지원하는 기능이다. 즉, 일반적인 HTML 페이지를 정적 포털 페이지로 작성할 수 있다. 따라서 웹 디자이너는 DreamWeaver와 같은 표준 웹 저작 도구를 사용하여 포털 페이지를 편집할 수 있다. 이러한 정적 페이지는 포틀릿에 대한 참조를 포함할 수 있다.

AJAX 프록시

AJAX 기반 웹 애플리케이션에서는 HTML 컨텐츠를 생성한 서버가 아닌 다른 서버로 AJAX 요청을 보내야 하는 경우가 있다. 기본적으로 요청은 현재 문서를 생성한 서버로만 보내야 한다. AJAX 기반 포틀릿 애플리케이션의 경우에는 포틀릿이 WebSphere Portal 서버에서 생성된다. 하지만 일부 AJAX 애플리케이션에서는 외부 서버의 피드를 로드하려고 시도하기도 한다. Rational Application Developer 7.5는 AJAX 프록시를 위한 도구 지원을 제공한다.

Rational Application Developer V7.5에서는 그림 13과 같이 Project Facet 마법사를 사용하여 포틀릿 프로젝트를 작성할 때 사용할 AJAX 프록시 패싯을 선택할 수 있다.


그림 13. 해당 프로젝트에 사용할 패싯 선택하기
목록(왼쪽)과 Details 및 Runtimes 탭(오른쪽)


그림 14와 같이 AJAX Proxy Configuration Editor에서는 원격 도메인의 URL에 맵핑되는 경로를 지정할 수 있다.


그림 14. 프록시 규칙 목록
편집기의 Design 탭

확대하려면 클릭한다.



친숙한 URL 지원

Rational Application Developer 7.5에 새롭게 추가된 기능 중 하나인 친숙한 WebSphere Portal 6.1 URL은 WebSphere Portal URL에 사람이 읽을 수 있는 식별자를 사용하여 선택된 포털 페이지를 노출하는 기능을 제공한다. 따라서 사용자가 브라우저 주소 표시줄에 표시된 WebSphere Portal URL을 수동으로 수정할 수 있다. 결과적으로 사용자는 브라우저 주소 표시줄에 전체 포털 URL을 입력하여 다른 포털 페이지로 이동할 수 있다. 이는 다양한 탐색 가능 상태를 거치지 않고 특정 페이지로 이동할 수 있음을 의미한다.

포털 테마 지원 향상

Web 2.0 테마에는 CSA(Client-Side Aggregation) 및 SSA(Server-Side Aggregation)라는 두 가지 렌더링 모드가 있다. CSA는 서버와의 통신 없이 많은 조치를 수행할 수 있는 다이렉트 사용자 인터페이스를 사용하므로 대화 형식의 작업을 빠르게 처리할 수 있다. 또한 페이지 깜박임을 방지할 수 있으며 서버에서 가져온 XML이 브라우저측에서 렌더링된다.

WebSphere Portal V6.1 테마 지원을 위해 포털 프로젝트의 다음과 같은 기능이 추가 또는 향상되었다.

  • 포털 프로젝트의 초기 레이아웃

  • 포털 프로젝트에 있는 Page Properties 보기의 Parameter 탭

  • CSA 모드에서 테마 코드를 편집하는 기능


그림 15. Portal Configuration 보기
Place portlet here라는 텍스트가 표시된 필드


그림 16에서는 Portal Configuration에 있는 Properties 보기의 Parameters 탭을 보여 준다. 이 보기에서는 포털 페이지에 연결할 수 있는 새 매개변수(키 및 값 쌍)를 추가할 수 있다.


그림 16. 페이지 Properties 탭의 Parameters 옵션
Properties 탭 보기


그림 17에서는 XSL 편집기에서 편집하기 위해 CSA 테마 파일을 여는 Portal Designer 메뉴의 옵션을 보여 주며, 그림 18에서는 XSL 편집기에 열려 있는 실제 테마 파일을 보여 준다.


그림 17. Edit Theme XSL Files 옵션
메뉴 선택 항목



그림 18. XSL 편집기에 열려 있는 CSA 테마 xsl 파일
XSL 코드를 보여 주는 화면 캡처





위로


후속 기사 소개

5편의 기사로 구성된 이 시리즈의 후속 기사에서는 Web 2.0 포털 개발, IBM WebSphere Application Server V6.1의 기능, 포틀릿 프로그래밍 및 정적 페이지 집계를 위한 Rational Application Developer 지원에 대해 설명한다.



필자소개

author photo

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


author photos

Mansi Gaba는 인도의 델리에 있는 IBM India Software Labs 소속의 System Software Engineer이다. WebSphere Portal Lotus Collaboration Software 그룹의 Rational Application Developer Portal Tooling 팀 소속으로 활동하고 있다. JSF 포틀릿을 위한 포털 서버 도구 구성 요소 및 브리지 지원 업무를 맡고 있다.


author photo

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




기사에 대한 평가


보다 나은 서비스를 제공하기 위함이오니 잠시 짬을 내어 이 양식을 제출하여 주십시오.



 


 


 


이 문서 북마킹 하기

mar.gar.in mar.gar.in naver naver eolin eolin del.icio.us del.icio.us



developerWorks 콘텐트를 다른 사이트에 전재하기:
developerWorks 콘텐트에 대한 저작권은 IBM에 있습니다. IBM의 서면 허가나 원본 저자의 허락이 없이는 전재를 금합니다. 저희 콘텐트를 전재하시려면 IBM developerWorks 담당자 에게 문의하십시오.
    IBM 소개 개인정보 보호정책 문의