XPLATFORM HTML5는 HTML5 기반의 RIA 운영 및 개발환경을 제공하는 RIA 플랫폼입니다. XPLATFORM Runtime은 플러그인 기반의 자체 플랫폼을 가지고 구동되는 반면, XPLATFORM HTML5는 HTML 표준만을 이용하여 웹브라우저에서 실행이 됩니다. UX-Studio에 의한 개발환경은 XPLATFORM Runtime과 동일하지만, 실행환경은 다릅니다.

XPLATFORM HTML5도 XPLATFORM Runtime과 동일하게 XPLATFORM Language, 개발환경, 응용프로그램 실행 환경, 배포환경의 4가지 기술로 분류합니다.

2012년 2월 패치버전부터 Compile속도 개선을 위하여 Server Compile방식이 Local Compile방식으로 변경되었습니다.

XPLATFORM HTML5의 기술 구성 요소

XPLATFORM HTML5 응용프로그램 구현 및 적용을 위하여 4가지 기술을 알아야 합니다. 이 4가지 기술이 XPLATFORM Language, 개발환경, 응용프로그램 실행 환경, 배포환경입니다.

XPLATFORM Language

XPLATFORM Runtime 환경과 동일합니다. XPLATFORM Runtime의 XPLATFORM Language를 참조하십시오.

개발 환경

XPLATFORM은 WYSIWYG기반의 RAD 개발 툴인 UX-Studio를 제공합니다.

개발자는 UX-Studio를 사용하여 모든 응용프로그램들을 개발할 수 있습니다. 해당 응용 프로그램들은 XPLATFORM Language로 저장됩니다.

UX-Studio에 저장된 파일들은 XPLATFORM HTML5의 Compiler에 의해 웹브라우저에서 구동할 수 있는 HTML 파일들로 변환됩니다.

응용프로그램 실행 환경

UX-Studio로 개발한 프로그램들은 XPLATFORM HTML5 Compiler에 의해 HTML로 변환되고, 변환된 HTML은 웹브라우저 환경에서 실행됩니다. XPLATFORM HTML5의 실행 UI는 다양한 웹브라우저를 지원합니다. 주요 지원하는 브라우저는 Internet Explorer, Fire Fox, Safari, Chrome 등이 있습니다.

XPLATORM 응용프로그램은 Client에서 작동하지만, Data 처리를 위하여 Application Server를 사용합니다. 일반적으로 J2EE 기반의 Web Application Server를 많이 사용합니다. XPLATFORM은 Application Server용 API로 X-API모듈을 제공합니다.

배포환경

배포란 웹 응용프로그램 실행에 필요한 프로그램들을 클라이언트 환경(사용자 PC 또는 단말기)에 설치하는 작업을 뜻합니다. XPLATFORM HTML5의 실행환경은 웹브라우저이기 때문에 배포의 과정이 필요 없습니다. 엄밀히 말하면 웹브라우저가 배포의 기능을 수행하는 것입니다. 그러나, 클라이언트으로의 배포 과정은 필요 없지만, 웹브라우저가 접근하는 서버시스템으로의 배포 과정은 여전히 필요합니다. 배포의 대상은 UX-Studio로 개발한 프로그램이 컴파일 된 HTML 파일들과 웹프로그램 실행에 필요한 모듈(XPLATFORM HTML5 jar 파일 등)들이 됩니다.

서버로의 배포는 관리자에 의해 수작업으로 필요한 파일들을 복사합니다. 컴파일 된 HTML 파일들은 차후 관리자툴에서 자동 배포를 지원할 예정입니다.

XPLATFORM HTML5의 주요 구성

XPLATFORM HTML5 Framework의 주요 구성

XPLATFORM HTML5는 HTML5 Framework와 HTML5 Compiler로 구성되어 있습니다. HTML5 Framework는 웹브라우저 환경에서 UX-Studio로 개발된 웹 응용을 실행시키는 기능을 수행하며, HTML5 Engine외에 6개의 모듈로 구성되어 있습니다.

다음은 각각의 구성요소들의 주요기능을 설명한 것입니다.

구성요소	설명
HTML5 Engine	Page Framework의 공통 기능을 제공하고, 사용자 인터페이스, 데이터, 통신 등 화면 전반의 흐름을 제어
UI Core	사용자 인터페이스 컴포넌트의 기본 구조와 기능을 모듈화하여, 사용자에게 일관된 인터페이스를 제공할 수 있는 환경을 지원
XPLATFORM UI Components	화면 구성을 위한 다양한 사용자 인터페이스를 제공(기본 내장된 컴포넌트만으로도 풍부한 기능의 화면을 작성 가능)
Third-party Components Plug-in	상용 또는 오픈소스 등 외부 컴포넌트와의 연동을 지원하기 위한 구조를 제공
Data Manager	데이터의 저장, 변경등과 더불어 정렬, 필터링, 병합등의 데이터 처리를 수행. 또한, 고성능의 데이터 처리와 대용량의 데이터 처리를 지원
Data Binder	조회된 데이터를 사용자 인터페이스를 통해 출력하고, 사용자에 의해 변경된 것은 데이터에 반영하는 등의 데이터와 사용자 인터페이스간의 상호작용 수행
Communication Manager	데이터 조회 또는 저장을 위하여 서버와 통신을 수행하며, 다양한 형식의 데이터를 지원

XPLATFORM HTML5 Compiler의 주요 구성

XPLATFORM HTML5 Compiler은 UX-Studio에서 개발된 응용프로그램들을 웹브라우저에서 실행될 수 있도록 HTML 파일들로 컴파일을 수행합니다.

2012년 2월 패치버전부터 Compile속도 개선을 위하여 Server Compile방식이 Local Compile방식으로 변경되었습니다.

다음은 각각의 구성요소들의 주요기능을 설명한 것입니다.

구성요소	설명
Form Parser	UX-Studio로 작성된 Form XML을 분석하여, Component 객체로 구성하고, 계층화
Component Tree	Page를 구성하는 Component를 정의하고, 구성 요소들을 저장
WebPage Builder	Component Tree로 구성된 Page를 Web Browser 상에서 동작할 수 있도록 HTML, CSS 또는 JSP, JS로 변환
Template Engine	HTML, CSS 또는 JSP로의 변환을 Template을 이용하여 수행하며, 이를 통해 변환의 유연성을 제공