XPLATFORM HTML5 is a RIA platform that provides operation of HTML5 based RIA and development environment. While XPLATFORM Runtime is run with its own platform, XPLATFORM HTML5 is run on web browsers only using HTML standard. The development environment of using UX-Studio is the same, but the execution environment is different.
Like XPLATFORM Runtime, XPLATFORM HTML5 is also divided into four technologies of XPLATFORM language, development environment, running environment for application program, and distribution environment.
Composition of XPLATFORM Technology
You need to know four technologies to realize and apply XPLATFORM HTML5 application program. These four technologies are XPLATFORM Language, development environment, running environment for application program, and distribution environment.
XPLATFORM Language
It is the same as XPLATFORM runtime environment. Please refer to chapter ‘XPLATFORM Language’ of XPLATFORM Runtime.
Development environment
XPLATFORM provides UX-Studio, a WYSIWYG based RAD development tool.
Developers can develop all application programs by using UX-Studio. Application programs are saved as XPLATFORM Language.
Files saved on UX-Studio are converted to HTML files that can be executed on web browsers by XPLATFORM HTML5 compiler.
Application program running environment
Programs developed by UX-Studio are converted to HTML by XPLATFORM HTML5 Compiler, and the converted HTML is executed in web browser environment. The running UI of XPLATFORM HTML5 supports various web browsers. These include Internet Explorer, Fire Fox, Safari and Chrome.
XPLATFORM application program works on client, but uses application server to process data. It generally uses J2EE based web application server. XPLATFORM provides X-API module as an API for servers.
Distribution environment
Distribution means installing programs needed to run web application programs on client environment (user PC or device). The running environment for XPLATFORM HTML5 is on web browsers, so there is no process for distribution. Strictly speaking, the web browser serves as a distributor. However, although there is no necessary distribution by cients, the distribution to server system web browsers access is still required. The targets for distribution are HTML files compiled by programs developed with UX-Studio and modules needed to run web programs XPLATFORM HTML5 jar file).
Distribution to server is the administrator copying the necessary files manually. The compiled HTML files are planned to be distributed automatically in administrator tool.
Main composition of XPLATFORM HTML5
The following is a system concept diagram. The left shows XPLATFORM Runtime and the right shows XPLATFORM HTML5.
Main composition of XPLATFORM HTML5 Framework
XPLATFORM HTML5 is composed of HTML5 Framework and HTML5 Compiler. HTML5 Framework serves the function of applied web developed with UX-Studio in web browser environment and is consisted of modules including HTML5 Engine and six others.
Following explains the main functions of each component.
Component | Description |
|---|---|
HTML5 Engine | Provides common function of page framework generally controls the screen such as user interface, data, communication. |
UI Core | Supports environment that can provide a consistent interface for users by modeling the basic structure and functions of user interface component |
XPLATFORM UI Components | Provides various user interface for screen composition (possible to produce a screen with various functions with the basically equipped components) |
Third-party Components Plug-in | provides structure to support linkage with external components such as common use or open source |
Data Manager | Does multiple performances for data such as saving, modifying along with arraying, filtering and merging. Also, supports process of high performance and large sized data |
Data Binder | Outputs viewed data through user interface and performs interaction between data and user interface such as reflecting the ones that have been modified by users on data |
Communication Manager | Performs communication with server for data view or saving and supports various forms of data |
Main composition of XPLATFORM HTML5 Compiler
XPLATFORM HTML5 Compiler compiles HTML files so that application programs developed with UX-Studio will be run on web browsers and is composed of four modules including Form Parser.
Following explains the main function of each component.
Component | Explanation |
|---|---|
Form Parser | Analyzes Form XML made with UX-Studio, forms as component object, and hierarchies |
Component Tree | Defines component that forms page and saves components |
WebPage Builder | Converts to HTML, CSS or JSP, JS so page forms of component tree will work on web browsers |
Template Engine | Converts to HTML, CSS or JSP using template and through this provides the flexibility to convert |