Setting up HTML5 Development Environment

After registering license and restarting UX-Studio, HTML5 development environment can be used.

1. As activating UX-Studio, from the top menu, select Tools > Options… .

Or, from the tool bar, “Options” button can be clicked as alternatives.

2. Click HTML5 items when the window is popped up as follows:

3. A path for output to be compiled is set in CompilePath window. For instance, when a project title is “demo” and enters “C:\apache-tomcat-5.5.28\webapps\xplatform9-ajax\projects” as the picture below, a path for the complied output shall be “C:\apache-tomcat-5.5.28\webapps\xplatform9-ajax\projects\demo”.

4. After entering, click OK button to close the window.

5. Now, select the item of “View > Toolbars > HTML5” from the top menu.

6. When clicking HTML5 item, the toolbar of HTML5 compile is printed as follows:

7. The toolbar of HTML5 compile represents each as follows:

• It is a combo for selecting browser to print the screen.

Following features are in order.

• Application Compile : complies the entire project.

• Service Compile : compiles services selected in Project Explorer.

• File Compile : complies form designs currently being modified only.

• Stop Compile : stops compiling.

• Launch Project(HTML5) : runs a project with a selected WebBrowser

• QuickView(HTML5) : runs a form currently being modified with a selected WebBrowser.

• QuickView Debug(HTML5) : runs a form currently being modified with a selected WebBrowser in a debugging mode.