zerq

RIA ( Rich Internet Application, 리치 인터넷 에플리케이션 )

RIA ( Rich Internet Application, 이하 RIA )란 기존의 웹 어플리케이션 기술이 가진 평면적인 표현과 순차적인 프로세스를 다이나믹한 사용자 인터페이스와 데이터 베이스의 연동을 통해 저렴한 비용으로 하나의 인터페이스에서 모든 프로세스가 처리 가능 하도록 해주는 기술을 말한다.

이 용어는 현재 Adobe와 통합된 Macromedia의 2003년 백서에서 처음 사용된 용어로 특정 제푸을 뜻하는 것이 아니라 풍부한 GUI ( Graphic User interface ) 를 제공하는 애플리케이션을 정의하는 단어이다. 이후에 Flash 기반 어플리케이션과 솔루션에 RIA라는 개념으로 광범위하게 사용되었으며 현재는 기존 웹 애플리케이션보다 풍부하고 향상된 유저 인터페이스를 제공하는 웹 애플리케이션을 지칭하는데 범용적으로 사용되고 있다.


차세대 애플리케이션의 이동, RIA

과거 메인 프레임이 주를 이루던 시대, 메인 프레임에서 구축된 애플리케이션은 모든 데이터 처리가 중앙 서버에서 이루어지고 사용자는 터미널에서 까만 화면에 커서가 깜빡이는 화면을 볼 뿐이었다. 이후 클라이언트/서버 방식이 보편화 되면서 윈도우와 같은 운영 체계 상에서 GUI 를 사용하게 되었다. 그러나 이 같은 방식은 클라이언트 프로그램 배포에 엄청난 시간과 비용이 소모되기 때문에 웹 기반 애플리케이션으로 다시 이동하게 된다.

웹 애플리케이션은 클라이언트로 브라우저만 있으면 실행 가능하므로 기존 방식에 비해 접근성이 크게 향상되었으나 UI 부분에서 취약하다는 점이 약점을 가지고 있다. 이 때문에 배포의 효율성을 유지하면서 풍부한 GUI를 제공하기 위한 리치 인터넷 애플리케이션 ( RIA ) 혹은 X-인터넷 기술이 각광받고 있다. 이는 기존의 웹 애플리케이션의 표현 한계를 극복하기 위한 개념으로 풍부한 UI를 지향한다는 점에서 근본적으로 RIA와 X-인터넷의 개념은 같다. 그러나 X-인터넷은 차트나 그리드 위주인데 반해, 웹 2.0의 RIA 개념이 접목된 솔루션에서는 다양한 멀티미디어를 활용해 더욱 직관적이고 풍부한 UI를 구현할 수 있다. 웹 2.0 시대를 이끌어갈 핵심 키워드로 RIA가 주목받는 이유이다.


중요성이 증가하는 RIA

RIA는 기존 HTML 보다 역동적인 화면 연출이 가능할 뿐 아니라 다단계 페이지가 아닌 원 페이지에서 모든 정보 제공이 가능해 사용자 편의성 중심의 새로운 웹 기술이다. 웹 애플리케이션에 대한 사용자의 요구와 기대는 기술 발전 속도보다 앞서 나아가 기존 기술 역량을 넘어서고 있기 떄문에 앞으로는 RIA 구현의 중요성이 점차 증가할 것으로 예상된다. 이러한 RIA를 구현하는 데는 초기 개념에서부터 가장 오래 사용되어온 Adobe에서 출시한 두 가지 소프트웨어가 필요하다. 그것은 바로 Flash와 Flex이다. 이미 Flash의 기능과 기술은 개발자들을 통해 많이 알려져 있으므로 Flex의 기능에 대해 알아보겠다.


Adobe Flex

Adobe의 ' Flex 2 ' 는 웹 2.0을 구현하기 위한 솔루션 중 최적의 솔루션으로 주목 받고 있다. Flex 2는 벡터 그래픽과 리치 미디어 등을 활용해 기존 웹과는 차별화 되는 프레젠테이션 단에서의 화려한 화면 구성을 가능하게 한다. 특히, 웹 2.0이 강조하는 풍부하고 직관적인 사용자 인터페이스를 구현할 수 있다. Flex 2는 비주얼 레이아웃 및 차트 기능이 강화된 ' Flex Builder 2 ', 무료로 제공되는 개발자 도구인 ' Flex 2 SDK ',  'Flex Data Service 2 ' , ' Flex Charting 2 ' 등으로 구성되어 있다. Flex 2 SDK 는 자바의 JDK 롸 유사한 개발자 툴로 Flex 프레임웍과 컴파일러 등으로 구성된 Flex 개발의 기본 툴이며 누구나 웹에서 다운받아 에디터에서 직접 MXML 코드를 작성해 실제로 개발할 수 있다. ( Flex SDK 2.0 다운로드 http://labs.adobe.com ). Flex Builder2는 Flex 개발 툴이고 이클립스 기반의 위지웍 방식이므로 직접 코드를 작성하는 것보다 훨씬 편하고 생산성 있게 개발이 가능하다. Flex Data Service 2 는 Flex 1.5 까지 Flex 프레젠테이션 서버라고 불리던 것에 메시지 서비스 ( JMS )를 추가해 서버와 클라이언트 ( Flex 애플리캐이션 ) 가 데이터 통신을 지원하는 서버 기술이다. Flex Charting 2 는 1.5 버전까지 제공되는 Flex 차트 컴포넌트의 확장 버전이다. 이전 버전에서는 서버 및 개발 도구가 통합되어 제공되어 소규모 기업이나 개인 개발자가 활용하기에 부담이 컸으나 Flex 2 버전부터는 필요 솔루션만 따로 구입할 수 있어 Flex 개발을 위한 문턱이 대폭 낮아졌다.


Adobe Flex 장점

Flex는 우선 Flash 기반 기술이기 때문에 플랫폼과 브라우저에 관계없이 구동이 가능하다. 최근 운영체제와 브라우저에 관계없이 구동이 가능하다. 최근 운영체제와 브라우저가 점점 다양화되며 모든 운영체제와 모든 브라우저에서 동일하게 표시되고 작동하는 애플리케이션을 개발하는 것은 상당히 어려운 일이나, Flex를 활용하면 크로스 플랫폼에서 가능한 애플리케이션을 개발할 수 있다. 또한 웹, 컴퓨터, 휴대폰이나 개인용 디바이스에서도 활용이 가능하며 Flash에서 가능한 모든 효과를 구현할 수 있고 데이터 및 코드 중심 접근법으로 Flash 보다 유지 보수나 개발 생산성이 뛰어나다.

Flex가 가지는 또 다른 강점은 확장성이 매우 뛰어나다는 점이다. 새로운 UI 컴포넌트가 필요하거나 기존 컴포넌트에서 일부분 UI를 변경해야 할 때, 최근 일부 개발된 RIA 솔루션은 개발자나 디자이너가 직접 컴포넌트를 확장할 수 없어 따로 솔루션 벤더에게 컴포넌트 개발/수정을 요청해야 하지만 Flex는 UI 컴포넌트의 액션스크립트 클래스를 제공하고 있고 이 소스가 오픈되어 있어 새로운 UI 컴포넌트를 개발자가 직접 구현할 수 있으며 MXML 태그로 컴포넌트를 정의해 재사용할 수 있다. Flex는 프레임워크의 모든 API 를 제공하고 있다. 또한 Flex Buiklder른 전 세계에서 가장 영향력이 큰 개발툴인 이클립스 ( Eclipse ) 기반이므로 기존 이클립스의 장점 및 안정적인 플랫폼을 갖추고 있으며 기존 이클립스 개발자가 쉽게 적응할 수 있다.

** RIA를 한마디로 표현한다면 ' 한 페이지에 구현 가능한 웹 애플리케이션 ' 이라고 할 수 있다. 사용자들이 온라인에서 물건을 구매하거나 티켓을 예매할 때 많은 페이지 이동을 필요로 했지만 이제 사용자는 한 페이지 안에서 모든 기능을 이용할 수 있게 되었다. 자신이 하고자 하는 모든 것을 한 페이지 안에서 모두 할 수 있다는 것이 바로 RIA의 강점이자 매력이다.

현재 RIA ( Rich Internet Application ) 기술은 Adobd의 기존 Flash와 새로운 Flex를 이용한 방법이 가장 대중적인 방법이라고 할 수 있다. 이러한 두가지 방식으로 구현된 RIA 애플리케이션은 이미 외국의 경우 2002년부터 개발 구축됐다. 당시 구축된 Flash RIA 시스템이 아직도 사용중인 곳이 있는데 바로 브로드무어 ( BroadMoor, www.broadmoor.com ) 호펠의 원 스크린 예약 시스템이다. 이 사이트의 예약 시스템은 RIA가 적용된 첫 번째 사례였으며 2002년 TravleClick( www.travelclick.net ) 에 의해 제작되었다. 브로드무어 사이트의 예약 시스템은 플래시와 콜드퓨전으로 만들어졌으며 이 시스템은 기존의 복잡했던 예매 페이지를 플래시의 화려한 그래픽 사용자 인터페이스를 이용해 사용자가 페이지 이동 없이 한 페이지로 구현한 것이었다. 이것은 그 당시까지의 여러 페이지를 거쳐 시스템을 구현하던 웹 사용자 인터페이스의 새로운 획을 긋는 커다란 사건이었다. 그 이후 해가 바뀌면서 수많은 RIA가 적용된 사이트들이 개발 되었다. 더불어 Flex를 이용해 구축된 RIA 사이트들도 등장하기 시작했다. 또한 Flex와 Flash가 병행되기 시작했으며 RIA가 적용되는 분야 또한 넓어지고 있다. 현재 외국은 RIA 시스템은 온라인 커스터마이징 툴과 데이터 서비스 툴로 사용하고 있다.

예를 들어 미국의 할레이 데이비슨 사이트의 경우 사용자가 모터사이클을 고른 뒤 자신이 필요로 하는 옵션을 직접 선택해 장착해서 모터 사이클이 어떻게 변할지 미리 볼 수 도 있다.
할리데이비슨 ( www.harley-davidson.com )  사용자가 직접 액세서리 등을 선택해 추가하거나 교체해 볼 수 있다.

셔윈-윌리엄스 ( www.sherwin-williams.com.com ) 셔먼 윌리엄스는 페인트 회사로 사용자가 자신이 바꿀 거실, 주방등을 선택해 RIA 환경에서 다양한 색상을 선택해 적용해 볼수있는 환경을 제공한다.

Home Locater ( www.asfusion.com/apps/homelocator ) 직관적인 부동산 검색 애플리케이션이다. 사용자들은 지도를 클릭하는 것으로 간단하게 검색할 수 있으며 가격, 침실 수 그리고 다른 주요 사항 별로 필터링이 가능하다.

현재 국내에서는 2005년부터 극장의 티켓 예매 프로세스와 일부 쇼핑몰 등 선도 기업들을 중심으로 RIA 가 채택되어 개발되고 있다. 작년에 이어 올해도 온라인 쇼핑몰과 자동차 업체를 중심으로 많은 기업들이 RIA 를 채택할 움직임을 보이고 있다.


국내 RIA 프로젝트

* 태평양 아모레의 RIA ( Flex )
* 인터파크 RIA 영화예매 시스템
* etv & 엠플 ( www.cjmall.com/etv & www.MPLE.com ) 의 구매 시스템

CJ 시스템즈의 좋은 콘서트 ( 2006 ) : 공연 RIA 예매 시스템 구축 - 실제 공연 브로셔를 보듯이 책장을 넘기는 애니메이션을 통해 사용자가 원하는 공연을 선택하고 해당 공연장의 좌석 선택까지 완벽하게 구현

디자인그룹 인터내셔널 ( 2006 ) - 디자인그룹 웹 사이트 리뉴얼 : PHP로 제작된 관리자 페이지에서 등록된 데이터를 XML 형태로 전송 받아 Flash에서 유동적으로 표현되도록 구현

한글과 컴퓨터 ( 2006 ) - 크래팟, 스타일록 라이브러리 페이지 구축 : 선택한 장르에 해당되는 스타일록 데이터를 XML 형태로 전송 받아 마우스 휠을 이용한 회전 내비게이션 형태로 구현

CJ시스템즈 ( 2006 ) 프리머스 시네마 플래시 예매 시스템 리뉴얼 : 사용자가 원하는 영화와 날짜, 시간, 좌석 등을 선택할 때마다 서버와 XML 형태로 된 데이터를 연동하여 예매 프로세스가 진행되도록 구현함

삼성카드 ( 2006 ) 삼성카드 중도상환 RIA : 카드사 최초로 Flash로 구현된 중도상환 결제 시스템이며 서버와의 데이터 연동은 XML을 이용해서 구현.

CJ 시스템즈 ( 2006 ) : CGV 현장 발권시스템 키오스크 좌석 모듈 제작 : 온라인이 아닌 오프라인의 키오스크용 영화 예매 좌석 선택 플래시 모듈로 실제 데이터 연동은 온라인 예매 시스템과 동일한 형태로 구현됨.

SK커뮤니케이션즈 ( 2005 ) NATE.com Cizle 예매 시스템 개발 [ RIA & Application Design ] : 영화 먼저, 극장 먼저, 날짜 먼저, 당일 영화까지 총 네가지 선택 방식에 따라 예매진행 방식이 변동되도록 구현된 예매 시스템으로 데이터 연동은 XML 형태로 제작

CJ시스템즈 ( 2006 ) CGV 사이트 예매 시스템 리뉴얼 : 웹 사이트의 어느 페이지에서든지 쉽게 접근할 수있는 레이어 형태로 제작된 최초의 예매 시스템으로 실제 영화관의 좌석을 사용자가 직접 선택할 수 있는 좌석 선택 예매 시스템도 최초로 구현

이렇게 RIA 는 웹과 함께 데스크탑까지 확장을 하고 있으며 머지않아 웹 제작의 일반 기술로 채용될 것으로 보인다. 웹 애플리케이션에 대한 사용자의 요구와 기대는 현재 개발되는 기술 발전 속도보다 더 빠르게 증가하는 것 또한 RIA의 활용을 부추기는 요소로 작용하고 있다.

마케팅에는 캐즘 ( Chasm ) 현상이라는 것이 있는데 혁신성을 중시하는 소비자가 중심이 되는 초기 시장과 실용성을 중시하는 소비자가 중심이 되는 주류 시장 사이에 일시적으로 수요가 정체하거나 후퇴하는 단절 현상을 말한다. 이는 일반 사용자들의 고정 관념으로 인해 혁신적인 기술이 빠르게 확산되지 못하는 것을 의미한다. 이러한 현상처럼 Adobe의 Flash와 Flex로 대변되던 RIA의 환경이 다소 주춤하고 있는 사이 RIA를 구현할 수 있는 많은 기술들이 속속 등장하고 있다. AJAX / DHTML이 자바스크립트와 XML 기술을 이용해 웹 2.0에서 많은 주목을 받고 있으며 현재 많은 업체에 의해 AJAX 를 쉽게 개발할 수 있도록 툴 킷들이 공개되고 있다.

또한 마이크로소프트의 WPF 는 차세대 벡터 방식의 그래픽 환경으로 WPF/E를 활용해 RIA를 구현할 수 있다. 여기에 엑티브엑스, 자바애플릿 기술을 들이 약진하고 있다. 더불어 전세계 온라인 검색의 최강자로 군림하고 있는 구글이 에이작스 ( AJAX ) 를 활용하면서 빠른 속도로 Ajax 기술이 전파되고 있다. 이러한 모든 것이 RIA ( Rich Internet Application ) 이며 때문에 RIA 를 처음 도입한 Adobe의 영향력이 위협받고 있다. 하지만 사용자에게 중요한 것은 웹이 되었던 데스크탑이 되었던 모든 어플리케이션에 RIA가 활용될 것이란 사실이다.

RIA 는 사용자에게는 사용에 있어서의 편리함이며 기업에게는 수익이 보장되어야 한다. 방식이야 어찌되었든 개발자들은 다양한 툴을 이용해 개발을 할 것이다. 이제 얼마 지나지 않아 우리는 쇼핑몰을 이용하면서 자신과 동일한 모습을 한 캐릭터에게 직접 옷을 입혀본 뒤 제품 구매를 구매하고, 자신이 차량에 직접 탑승한 모습을 보고 물건을 구매하게 될 것이다. 이제 여러분이 상상하는 세상이 이제 웹에서 펼쳐 질것이다. 이러한 서비스의 중심이 RIA가 있는 것이다.