최근 사용자간 상호작용을 중시하는 Web 2.0 기술 트랜드에 맞추어 주목받고 있는 RIA, Ajax, X-internet 등의 클라이언트 확장 기술을 통해 웹 응용의 범위가 넓어지고 있다. 풍부한 사용자 인터페이스 및 접근성, 편의성, 기능성, 개발 및 유지보수 생산성을 만족시키기 위해 기존 웹 UI의 한계를 뛰어넘는 다양한 웹 UI 솔루션들이 경쟁하고 있다.
Anyframe Web 은 다양한 UI 솔루션을 쉽게 연동할 수 있는 구조를 제공하며 이미 현장에서 많이 요구되는 UI 제품에 대한 공통화된 통합 기능을 제공한다.

특징

웹 어플리케이션을 구축할 때 UI 요소는 사용자에게 직접적으로 보여지는 부분으로 유려한 사용자 인터페이스와 Grid, Tab, Tree 등 사용자 상호 작용성이 높은 컴포넌트에 대한 활용성은 중요하다. 이러한 기능의 경우 기존의 단순 HTML/JSP 환경으로는 구현이 어렵기 때문에 개선된 UI 구현 기술이 필요한 경우가 많다. 국내의 경우, 특히 대규모 기업 어플리케이션을 구축할 때 상용 X-internet 제품과의 연동 지원에 대한 요구가 많으며 Anyframe Web 은 이러한 요구 사항에 부합하도록 웹 UI 솔루션과의 연동 모듈을 지원하고 있다.

• 사용자 인터페이스의 편의성, 기능성에 대한 요구
• 이미 보유/선정된 UI 솔루션과의 연계 요구 - X-internet
• 기 작성/운용중인 UI 모듈과 코드 수정없이 쉽계 연동될 수 있는 구조 - X-internet
• 공통화/표준화 하여 개발 생산성 극대화
• 비즈니스 서비스의 재사용 요구 vs. 특정 UI 솔루션에 특화된 요구(재사용은 고려치 않고 단순하고 성능 지연없이 직접처리 가능한 서버 구조)

구성 요소

Anyframe Web과 통합되어 쉽게 사용할 수 있도록 현재 제공되고 있는 X-internet 연동 모듈은 다음과 같다. 여기서 X-internet 제품(MiPlatform)은 상용 제품이므로 구매하여 사용해야 한다.

X-internet 연계

• MiPlatform(3.2) : 국내 TOBESOFT사 제품으로 WISYWIG 개발툴 지원이 강력하며 별도의 엔진을 통한 독자적 스크립트를 처리할 수 있다.

주요 기능

X-Internet 연계

• MiPlatform UI 연계용 공통 템플릿 클래스(DefaultMIActionSupport 등) 및 VO/Map, List 등 일반 Java 객체 <-> MiPlatform Dataset, VariableList 과의 Data 변환 공통 Util 제공
• MiPlatform 의 UI 컴포넌트(Grid 등)와 직접 바인딩되는 MiPlatform 제공 객체(Dataset,Variable) 로 직접 처리 가능한 MIPSQLService 기반의 조회/CUD 처리- Template 가이드의 MiPlatform 활용 참조

위의 예와 같이 SI 프로젝트에서 많이 쓰이는 X-internet 제품의 경우 개발자 작성 영역을 최소화한 공통 연동 모듈과 템플릿을 제공하고 있다.
또한 Anyframe 은 표준 기술에 기반하여 확장에 유연한 구조를 제공하고 있기 때문에 이미 연동 모듈을 제공하고 있는 위 UI 솔루션 외에도 쉽게 연계가 가능하며, 어떤 UI 기술과도 유연하게 통합되어 전체적인 어플리케이션을 쉽고 빠르게 구축할 수 있도록 앞으로도 계속 확장될 것이다.

웹 환경의 UI 개발과 관련된 다양한 용어와 개념들이 존재한다. 여기서는 대표적인 웹 UI 개발 솔루션에 대해 간략히 각 용어를 정리하고 어떤 특징을 가지는지 알아본다.

• X-internet : 2000년 Forrester Research 사 에서 처음 사용한 용어로 빠른 속도, 화려한 사용자 인터페이스 등 C/S (클라이언트-서버) 환경의 장점을 포용하면서 웹 기반의 배포 및 운영 관리의 장점을 살린 차세대 인터넷 어플리케이션 환경을 의미함. 주로 브라우저의 기능 외에 별도의 Viewer(Player)를 이용해 C/S 프로그램과 같은 사용자 친화적 UI를 제공하며 사용자 편의성과 생산성을 높이고 있음. 기업 내부 어플리케이션의 UI 솔루션으로 많이 사용됨. 국내에서 많이 사용되는 대표적인 제품으로는 MiPlatform, Gauce, TrustForm, SynergyFrame 등이 있음.
• RIA : 기존 HTML 보다 역동적이고 interactive한 웹페이지를 제공하는 신개념의 웹페이지 제작 기술. 2001년 Macromedia 사가 Flash MX 툴을 출시하며 사용한 용어로 다이나믹하고 편리한 고객 중심의 웹 환경을 제공하는데 중점을 두고 있음. 쇼핑몰 등 대고객 서비스 영역의 UI 솔루션으로 많이 사용됨. 대표적인 제품으로는 Adobe 사의 Flex 가 있음.
• Ajax : Ajax (Asynchronous JavaScript and XML) 란 interactive한 웹 어플리케이션을 개발하기 위한 관련 웹개발 기술의 묶음으로 비동기적으로 서버와 작은 양의 데이터 교환을 통해 전체 페이지가 아닌 대상 영역만을 reload 할 수 있게 하여 응답성과 상호 작용성을 증가시키는 것이 가장 주요한 특징임. 동적 화면 표현 및 표시 정보와 상호 작용위한 DOM, CSS, XHTML 기술, 서버와 비동기적 데이터 교환 및 조작을 위한 XML, XMLHttpRequest (XML/XSLT 외에도 일반 텍스트, JSON, JSON-RPC 이용 가능) 기술 등 표준 기술을 사용하고 있기 때문에 대부분의 브라우저나 플랫폼에 호환되게 사용할 수 있는 장점이 있음. 스크립트 위주의 프로그래밍으로 개발 및 테스트가 어렵고 개방되 있으므로 보안상 취약점 등의 이슈가 존재함. 이를 보완하고 지원하기 위한 다양한 Ajax 기반 통합 상용 제품 및 오픈 소스 Toolkit/Framework 가 존재함.

Ajax 와 X-internet은 서로 대립하는 위치에서 경쟁하고 있는 UI 구현 기술로 볼 수 있다. 표준 기술이나 프로토콜에 대한 정의없이 특정 기업이나 기술, 플랫폼에 종속될 우려가 있는 X-internet 보다 Ajax 기반 기술이 점차로 더 활성화되리라 보여지지만 현재 시점의 국내 UI 플랫폼 환경은 대규모 기업환경에서 빠르고 화려하며 상업성에 기반한 Vendor Support 능력에 앞선 X-internet 제품들이 강세를 보이고 있다.