As a general web system configuration, it works regardless of the web server and WAS type to help build various types of web services.
User component development, other libraries
User component development Implement 3rd party pluginY[wai] provides a WYSIWYG based development tool (IDE) that runs in a web browser without additional download and installation.
It provides various components in the form of HTML tag and provides an environment for developing the components you want.
Separated screen and data. Support AJAX(AJAJ) Data transaction module.
Support ZIP Compress, Encryption, Append file or blob data
Data can be processed in JSON or XML format using automation components or extended JSON objects.
Asynchronous communication with separate screen and data is supported.
(Request data after screen load → load objectified data)
Data in binary format (images, files, etc.) is treated as JSON data and blob data(s).
It provides compression and encryption, and decompression and decryption.
Supports “Bootstrap” and most “Bootstrap Themes.
All components supported resizable & responsive function.
Support responsive web design in Y[wai] IDE.
As a general web system configuration, it works regardless of the web server and WAS type to help build various types of web services.
Eclipse Development Environment
Provides HTML WYSIWYG Designer, Code Editor, and Code Browser
User component development, other libraries
Y[wai] provides a WYSIWYG based development tool (IDE) that runs on Eclipse.
It provides various components in the form of HTML tags and provides an environment to develop desired components.
In general, it is an Eclipse Plugin type that is widely used for web service development.
Y[wai]'s Runtime and IDE are integrated so that Web UI and service can be developed in one tool.
[ Step 1 ]
1. Click [ Download Trial waiEclipse ] button in UITOOL to download ZIP format
waiEclipse. |
![]() |
[ Step 2 ]
1. Unpack the received zip file to a desired path. |
![]() |
[ Step 3 ]
1. Launch Eclipse. |
![]() |
[ Step 4 ]
1. [ File – New - Other.. ] in IDE, Select "Y[wai] - wai" as the Project type. |
![]() |
[ Step 5 ]
1. Right-click on the webroot and select [New-HTML File]. |
![]() |
[ Step 6 ]
1. Easily develop web screens with Y[wai]'s HTML Design editor. |
![]() |
Visual Studio Code Development Environment
Provides HTML WYSIWYG Designer, Code Editor, and Code Browser
User component development, other libraries
Visual Studio Code can be downloaded for free from Microsoft, and you can find a lot of information about related extension development.
By opening it, various extensions can be found and installed within the program.
waiVSCode is provided as such an extension, so after installing VS Code, you can easily install it by searching for “Wai Vscode” or “WYSIWYG HTML Editor” in the extension menu.
[ Step 1 ]
1. Click [ Download Trial waiVSCode ] button in UITOOL to download VSIX format
waiVSCode. |
![]() |
[ Step 2 ]
1. Run VSCode and select the 'View - Command Palette..' menu or enter 'Ctrl+Shift+P' to open the Command window. |
![]() |
[ Step 3 ]
1. When the installation is complete, you can check that Wai vscode is installed in Extensions, and you can either Disable or Uninstall. |
![]() |
[ Step 4 ]
1. Right-click on the current working folder or a specific folder and select the 'Create Wai Project' menu to select the folder to be the web root. |
![]() |
[ Step 5 ]
1. If you select a specific folder and select New Wai Html File from the right-click menu and enter a file name, an empty HTML file in the basic Y[wai] format is created. |
![]() |
[ Step 6 ]
1. Open the right-click menu on the html created as New Wai Html File and select 'Open Wai Designer'. |
![]() |
[ Step 7 ]
1. When opening wai html designer with 'Open Wai Designer', if there is no .js file with the same file name as the html name, a .js file is automatically created. |
![]() |
[ Step 8 ]
1. In Wai HTML Designer, basic HTML, HTML5 tags and Y[wai] components can be edited in WYSIWYG format. |
![]() |
Script without installing executable module such as ActiveX, DLL, Exe in user environment.
Report form designer providing WYSIWYG editing that works in a web browser.
waiReport IDEDevelopment and operation environment of pure HTML.
Adopts the most common and convenient band method to develop report form.
[ Step 1 ]
1. Sign-In to the members tab of the UITOOL. |
![]() |
[ Step 2 ]
1. Click "Trial Y[wai] IDE" to access the IDE. |
![]() |
[ Step 3 ]
1. [ Menu – New File ] in IDE, Select "Report form" as the File type. |
![]() |
[ Step 4 ]
1. The generated waiReport file(.YRF) is composed of Band format. |
![]() |
[ Step 5 ]
1. Configure the report using the components you want in the component palette on the right. |
![]() |
[ Step 6 ]
1. If you click the Code button, you can check the JSON format code of the generated report
file. |
![]() |
Provides menus and MDI Tab. Dialogs and pop-up are displayed on the web screen in layered style.
Quickly implement necessary functions in web terminal. Chrome-based dedicated browser. WebSocket Agent Application. JavaScript API Library.
Optimized to construct a web banking system terminal without Active-X, and provides various necessary functions.
Menu |
Slide Menu, Tree Menu are basically provided. The menu layout, which is displayed as JSON data, provides various themes by default. The developer can change the style arbitrarily by changing the CSS. Developer can develop Menu Layout according to “Menu Layout Template” and use it in waiBizFrame. It also has a built-in function to select and search for specific items based on the data displayed in the menu. |
MDI Tab |
It consists of a tab layout to select a specific screen and an MDI layout to display the MDI screen. If you set the area of HTML screen to TAB Control Layout and MDI Layout, you can control HTML screen in tab type MDI form. Through the option of waiFrame, you can set various tab control functions such as the maximum number of open screens and the operation method when the maximum number is exceeded. It also supports handling of various events. Tab icons or styles are provided in CSS files outside the Tab Control Engine, allowing developers to change the style. |
Dialog & Popup |
It is implemented to be displayed in a web screen in a layered style so that it can be operated in various browsers. Various basic Dialogs are provided, and the developer can develop and add arbitrary Dialogs. The design of the dialog can be set in the form of template, making it easy to change the design of the dialog. It provides functions that can display specific HTML popups in a layered manner, and the popup screen can also be changed to design in template form. |
Approval Function |
Receive approval requests and responses, capture screens of approval requestors, and send authorization request data.
|
Runtime Library |
You can quickly implement the necessary functions on the web terminal.
|
Web Banking System |
Optimized for building web banking system terminal It is optimized to build a web banking system terminal that excludes Active-X, and provides various functions necessary for a banking system terminal.
|
Provide development editor dedicated to form design(WYSIWYG).
Dedicated Viewer running on web browsers and smart devices Customizable Viewer for Specific Systems.
Photos, images, signatures, Input format by type.
[ Step 1 ]
1. Sign-In to the members tab of the UITOOL. |
![]() |
[ Step 2 ]
1. Click "Trial Y[wai] IDE" to access the IDE. |
![]() |
[ Step 3 ]
1. [ Menu – New File ] in IDE, Select "waiDoc" as the File type. |
![]() |
[ Step 4 ]
1. Click the [ Add file ] button on the upper right to load the template you want to create
(PDF or image file). |
![]() |
[ Step 5 ]
1. Create, modify, and design pages in the WYSIWYG Editor dedicated to waiDoc |
![]() |
[ Step 6 ]
1. View and test the waiDoc document (.WDF) created by the Viewer. |
![]() |
waiPresentation is a multi-format presentation solution.