Product Description

‹#›

Revision History

Version Writer Created on Review and Approval

PM Date Reviewer Date

20140331 Jun-seok Park 2014-04-30

Reasons for amendment 1. First edition of the nexacro platform product description

1. TOBESOFT

2. What’s eXchanged?

3. nexacro platform for a New UX in Business

4. Business UX Suite & Support

Agenda

1) Company Overview

2) Business Areas

3) Awards and Certifications

4) Company History

5) TOBESOFT’s Main Customers

1. TOBESOFT

‹#›

Employee Distribution Technical Manpower Distribution

1) Company Overview

TOBESOFT, Inc. - No. 1 Provider of Business UI/UX in Korea

Company Name

CEO

Capital

Founded

TOBESOFT, Inc.

Hyeong-gon Kim

₩3.5 Billion

July 1, 2000

Number of Employees

Main Product

Website

Address

269 (As of Mar. 2014)

nexacro platform, XPLATFORM, MiPlatform

www.tobesoft.co.kr / www.miplatform.co.kr

2-5F, Intops Building, 617, Bongeunsa-ro, Gangnam-gu, Seoul

※ Technician ranks classified according to guidelines from the Ministry of Science and Technology.

Beginner Intermediate Advanced Special Class Non-Tech Total

69 41 27 71 3/58 211/269

C-Level

4%

Office

Mgmt. 10%

Sales 10%

Research

27%

Technological

Development

& Support

50%

Beginner

33% Special Class

34%

Advanced

13%

Intermediate

19%

Non-Technical

Manpower 1%

‹#›

2) Business Areas

BUX (Business User eXperience) BUX, or Business User eXperience, provides an invaluable 'view' to the corporate business environment

through an optimized UI/UX implementation.

Supply Extended UI Components

Libraries & Framework Open Source

BUX Consulting

BUX Model TUM (TOBESOFT UX Method)

RUNTIME Ver. - PC Environment

- Mobile Environment (Android, iOS, etc.)

HTML5 Ver. - Web Environment (Wired/Wireless) X-Internet No. 1

Product Consulting & Service

Design, Development, and Performance Guide UI Design Service & Implementation Mobile App Development Guide Education

CyValue Alliance

Assembled Big Data Solution Visualization by nexacro platform

BUX Platform SW

RIA UI/UX No. 1

UX Solution for SAP

One Source Multi-Use No. 1

Biz Data Auto Push

‹#›

3) Awards and Certifications

Open Source Partnership

2007

Symbol ISV Partnership

2007

Oracle Solution Partnership

2008

SAP A1 (All-in-One) Channel Partnership

2010

Y12 Q1 HP SW Partner ONE

New Tech (NET) Certification

2010

SAP Certification 2008

CMMI Level 3 VeriTest 2007

Good Software (MiPlatform)

2009

Animation Method

2012

Server Application

2007

Browser-based Caching Method

2006

Data Transmission Component

2008

Data Processing Method 2011

Multi-version Support

2011

Multi-screen Support

2012

Good Software (XPLATFORM)

2013

Red Herring ASIA 100 Selection

2007

Korean SW Awards

President’s Award for New S/W

2008

Prime Minister’s Award

IT Innovation 2009

Korea-Japan Industry &

Technology Fair Ministry of

Knowledge Economy Award 2011

Korean Software Enterprise

Competitiveness Awards

Grand Prize 2012

SW Industry Development

President’s Award 2010

Grand Prize IT Innovation

Steel Tower Medal 2013

KSIA Government

Industry Awards Industry

Leader 2013

Patents (13 as of 2014)

Partnerships

Awards

Certifications

Multiple Request

Processing 2014

Rendering Processor (2)

2014

‹#›

3-1) Patent Acquisitions

8

No. Patent Name nexacro / XPLATFORM / MiPlatform Patent Details

1 System and methods for transmitting server application program information

Patent for application creation methods in MiPlatform, nexacro, and XPLATFORM - A system for transmitting UI/Script for a specific device upon request to create an application rather than pre-distributing to a client

2 Caching browser-based applications

Patent for designating CacheLevel by a TypeDefinition’s service - Browser-like cache function in browser-type applications - Types: Dynamic Cache, Real Cache, Session Cache

3 Client data transmission component for client-server communication

Patent for Data Transaction - System that analyzes, transmits, and receives data from a variety of legacy systems in data sets - Automatically process Binary/XML/CSV data - Add adaptors for a multitude of communication protocols

4 Forward-compatible data processing devices and methods

Patent for Binary Object and Script Object inheritance - Inherit Script Object properties from a Binary Object - Inherit between different languages (C++/Script)

5 Method for executing RIA applications and supporting multiple versions of RIA components

Patent for Versions designated in Objects in TypeDefinition - Batch-designate Objects and Component Versions in TypeDefinition - Batch-designate Objects and Component Versions for a particular area (where ADL/FDL TypeDefinitions are applicable) rather than designate each Version in each Component of a Form

6 Method for animating object-oriented components and recording medium for such animations (Patent acquired in Korea and Japan)

Patent for XPLATFORM Animation Object actions - Methods for processing Animations 1. Tick caused by an Animation 2. Handling interpolated value per tick depending on the interpolation designated in the Animation 3. Request Redraw with the interpolated value to the Component designated in an Animation

- Animation Types 1. Animation Objects that unify Animation processing -> Property Animation -> Transition Animation -> Move Animation 2. Complex Animation by grouping multiple Animations -> Complex Animation

7 Method for executing RIA applications capable of supporting a variety of screens and recording medium (Patent acquired in Korea and Japan)

Patent for XPLATFORM Layout Manager data storage and execution - Incrementally record and apply the differences between Normal Layout and Sub Layout - Transmit only the Layout source that matches the client screen from the server - Client selects and applies a Layout that matches the client screen - UX-Studio Layout editing

‹#›

4) Company History

Sep. Korea-Japan Industry and Technology Fair Award Certificate Sep. XPLATFORM 9.2 launched

Sep. 2011 Grand Seminar held June Company Presentation (Stock Exchange)

Nov. Japan's Next-Generation Enterprise Smart UX seminar

July 2000 TOBESOFT Co., Ltd. founded Nov. 2001 Excellence Award in MK-Kibo sponsored Business Incubator Contest Apr. 2001 Signed partnership with HP ESSP

Dec. Selected for Small and Medium Business Administration INNO-BIZ company June IBM Value Partnership June ISO 9001 Certification

Apr. Supplied solutions to and signed partnership with Japan's NRI (Nomura Group) Jan. Selected for industry-based technology appearance by the Ministry of Information and Communication

Nov. 2003 MiPlatform 2.1 launched Nov. 2003 Foreign IR (Silicon Valley)

Dec. 2004 Selected as IT Solution Partner for Samsung Electronics Nov. 2004 Selected for Grand Prize in the 2004 Digital Innovation Award

Sep. MiPlatform GS Certification acquired Sep. MiPlatform TL9000 Certification acquired

June Asianux Certification acquired June Stick IT, JAFCO ₩30B investment agreement

Dec. 2006 Grand Prize in the Korean Software Technology Awards Dec. 2006 TTA Veritest Certification Aug. 2006 Intel investment, Capital Technology Day invitation

Dec. 2007 Oracle affiliate partnership Aug. 2007 Included in the 100 Companies for the Red Herrings Asia Award

Nov. Prime Minister's Award in the IT Innovation Awards Oct. XPLATFORM launched

Oct. Minister of Knowledge Economy Award in 2009 Venture Korea Sep. XPLATFORM GS Certification acquired

Nov. President's Award in the 11th SW Industry Day Oct. Exclusive Japanese seminar held

Feb. Signed contract with Japan's Hitachi Systems & Services Feb. Signed contract as Japan's Ryomo Systems package partner June Listed in KOSDAQ

Feb. Grand Prize in the 11th Korean Software Enterprise Competitiveness Awards

Apr. TOBESOFT JAPAN Co., Ltd. established June Japan’s NTT Comware Partnership Nov. '2012 BUX Conference' seminar held in Japan

Nov. President's Award in the Korean SW Awards Mar. SAP Certification

Jan. CMMI Level 3 acquired

Mar. XPLATFORM 13 released Mar. 2013 TOBESOFT Grand Seminar held

Dec. Industry Leader Award in KSIA Government Industry Awards Nov. Steel Tower Medal awarded Korea IT Innovation Awards

2014

2013

2012

2011

2010

2009

2008

2006 ~ 2007

2005

2003 ~ 2004

2002

2000 ~ 2001

Apr. nexacro platform released Mar. XCRO CBP released Jan. U.S. Nexaweb UI Division acquired

‹#›

5) TOBESOFT’s Main Customers

TOBESOFT's Brand Expansion Based on Over 2,000 Domestic Customers References

< Customer Distribution by Industry (2013) >

Public

Manu Factur

ing

Finan cial

Service

Edu/ Comm

Int’l

Other 31%

Financial 13.3%

Public 26.1%

Manufacturing/ Service 29.5%

1) BUX: Solution for Realizing Smart Businesses

2) HTML5: A Development Platform’s Changes and Demands

3) nexacro platform: HTML5-based BUX Platform

2. What’s eXchanged?

‹#›

1) BUX : Solution for Realizing Smart Businesses (1)

Recently, companies have shifted toward Smart Enterprise-oriented RTEs (Real Time Enterprise) to realize high ROI in response to a variety of changes in the business environment including the emergence of the BYOD (Bring Your Own Device) business model.

• Smart Enterprise

Rather than merely introducing mobile devices to an enterprise, a 'Smart Enterprise' quickly, flexibly, and

actively adapts to rapid changes in the business environment by properly utilizing a wide range of

IT environments including PC, web, mobile, and cloud.

BUX (Business User eXperience) was introduced as a product vision for the nexacro platform and a solution to realize ‘Smart Enterprise.’

‹#›

Maximum innovation with minimum cost through enterprise system UI/UX improvements

Actively embrace mobile, cloud, and big-data technologies; Integrated support for enterprise UI/UX

Unified Platform

OSMU-oriented (One Source Multi-Use) to optimize for and drive multiple browsers, devices, and screen sizes with a single source

Unified Data Frame

Improve efficiency and productivity of data-oriented enterprise system UI/UX by supporting both OLTP and OLAP processes

Unified Development Process

Increase development productivity through nexacro studio by providing a common development environment for in-house development and package UI enhancement

1) BUX : Solution for Realizing Smart Businesses (2)

BUX (Business User eXperience) Provides a valuable 'view' of the corporate business environment by implementing an optimized UI/UX

BUX is realized by unifying the following three factors:

[TOBESOFT BUX Concept]

‹#›

2) HTML5 : A Development Platform’s Changes and Demands

Multiple terminals connected to a

powerful mainframe

Home and work Computing

revolutionized with the advent of PCs

Lack of a proper

network

Desktop Mainframe Client/Server

Websites X-Internet/RIA

New HTML5 Standard

Introduced

Rich user experience realized via RIAs in a

'no-download‘ environment due to

performance improvements in

web browsers

Networks develop along with the arrival of high-performance

PCs

Systems comprised of clients featuring GUIs and servers handling

the workload

Pure, no-installation -required

web-based business systems emerge along with the

advances in HTML functionalities and browser capabilities

Inadequate functionalities and performances of pure

web-based solutions drive the development of

X-Internet and RIA technologies

(combination of WWW and C/S environments), and most enterprise systems ma

ke the switch to X-Internet and RIA

• Introduction of mainframes • Prior to the advent of PCs

• Introduction of high-priced PCs • Introduction of

closed networks • Penetration of high-performance PCs

• Introduction of the WWW • PC use common

• Inadequate HTML functionality • Sluggish web browser performance

Background

‹#›

3) nexacro platform: HTML5-based BUX Platform

No-Download, No-Install (No separate installation required)

A unified framework with faster performance than existing platforms

Ensure high development productivity through robust enterprise components

nexacro platform (A Unified Framework)

BYOD (Bring Your Own Device) support

One Source Multi-Use Multiple Browsers, Devices, and Screen Sizes

Rich User Interface unavailable through HTML

Web standards-compliant (HTML, JavaScript, CSS, XML)

1) nexacro platform Overview

2) nexacro platform System Concept

3) nexacro platform System Architecture

4) nexacro platform Unified Framework

5) Changed Value of nexacro platform

: Primary Functions and Processes Providing Value to Customers

3. nexacro platform for a New UX in Business

‹#›

1) nexacro platform Overview (1)

HTML5 (JavaScript-based)

No-Download

No-Install

RAD WYSIWYG IDE

Unified Framework

Best Performa

nce

UI/UX Components

for Business

One Source Multi-Use

Platform Device Browser Screen Size

Multi-

UI/UX development platform that provides a system development environment optimized for businesses

Unified Framework-based HTML5 solution that ensures the best performance and speed

A WYSIWYG-based development tool ‘nexacro studio’ and a full array of UI/UX components

No-Download, No-Install, One Source Multi-Use support

‹#›

1) nexacro platform Overview (2)

• The HTML5 version is free of any installation and distribution issues in a true ‘No-Download’ environment • The RUNTIME version uses a dedicated browser through a virtual engine installation for relatively high performance and stability, allowing for 'Hybrid App‘ development in smart devices.

nexacro Development Process and Key Features of Each Version

HTML5 Version RUNTIME Version

Key Features

• Common browser • No-Download, No-Install No installation or distribution issues • Suitable for a variety of business environments including PC and mobile

• Dedicated browser • High performance and stability • Safe for mobile environment

Supported OS &

Browser

• IE (8.0 and above) Chrome (10 and above) Firefox (8 and above) Safari (4 and above) Opera (11 and above)

• Windows (2000 SP4 and above) iOS (4 and above) Android (2.3 and above)

Generate Through JavaScript

(Server)

Development Source

Access/Execute on the Server

Unified UI/UX

Developer

System User (Client) (Any browser for Desktop, Smartphone, Tablet, etc.)

System User (Client) (Mobile and PC with dedicated browser)

‹#›

2-1) nexacro platform System Concept

Unified UI Development

Tool

nexacro platform RUNTIME Version

nexacro platform HTML5 Version

(Android/iOS)

(Android, iOS, OSX, WinRT, Windows Phone 8)

Client/RIA Platform

Web Server / Application Server

Generate

Multi-Layout Management

HTML, JavaScript, CSS

nexacro platform RUNTIME Apps (Full Functionalities & High Performance)

‹#›

2-2) nexacro platform System Concept (by Version)

nexacro platform RUNTIME Version

nexacro platform HTML5 Version

Business Model

Client/RIA Platform Web Server

HTML JavaScript

CSS

Generate

Web Server/ WAS

Generate

HTML JavaScript

CSS

nexacro platform RUNTIME Apps (Full Function & High Performance)

nexacro platform HTML5 Apps (No-Download)

‹#›

3) nexacro platform System Architecture

IDE

Back End

Web Service/ SOA

SAP/ ERP

WOA

DBMS

Legacy

Application Server Web Server

RUNTIME Environment

Client

HTML5 Environment

Application (Optional)

Mobile

Generate JavaScript

HTML Javascript

CSS

X-API

JSP/Servlet

‹#›

RUNTIME HTML5 RUNTIME/HTML5

4) nexacro platform Unified Framework

nexacro platform Runner

Unified Framework

Web Browser

Unified Framework API for RUNTIME Unified Framework API for HTML5

Dataset Dataset Binder

Load Manager

Device API

Local DB

Communication Manager (XML,CSS,SSV format)

Form Loader CSS Loader

Excel Import/Export

UI Components

Communication Manager (Binary Format)

… etc.

Camera

1

Security Push

Plug-in ActiveX Applet

Security

Plug-in ActiveX Applet

or

5) Changed Value of nexacro platform : Primary Functions and Processes Providing Value to Customers

‹#›

5-1) Attain Competitive Advantages Through a Unified Development Environment

① Unified Development Tool ‘nexacro studio’

• A WYSIWYG-based RAD development tool ‘nexacro studio’

• Easy and convenient screen development through numerous components and an easy-to-use screen layout

• UX realized through the implementation of sensible, aesthetically-pleasing Themes according to user preference

‹#›

• Easy application of Pseudo functions • Easily apply a component's status change values with a single set • Directly apply effects such as Disabled, Focused, Pushed, Selected, and Mouse-over to each component without the need for manual coding

• Separate editor windows are provided to easily implement the most commonly-used visual effects • Primary functions are represented as icons for increased developer productivity

Style Property Editor Pseudo Editor Property Editor

• Component properties

• View the properties of each component and modify with values or selections

5-1) Attain Competitive Advantages Through a Unified Development Environment

② Various component effects provided through a multitude of editors

An intuitive interface and various design editors such as Style Property, Property, Pseudo, and CSS are

provided to allow developers to easily design enterprise applications as simply as using PowerPoint.

As elegant designs can be achieved through simple operations, the collaboration between developers and

designers are improved while at the same time complementing each other's fields.

‹#›

5-1) Attain Competitive Advantages Through a Unified Development Environment

③ Integrated support of various device events

Finger Touch Mouse Click

One Source

</>

• By expanding the definition of smartphone and desktop action events, smartphone touch events and desktop mouse-click events are processed through a single source.

• Although support for various devices typically means having separate action event processing for each device, the nexacro platform processes such actions as single events for easy development.

‹#›

Presentation Layer Business Layer Resource

By introducing an e-government framework, the Health Insurance Review Agency created a standardized "HIRA Standard Framework"

Database

Query.xml

Application Context

Query Service

nexacro platform Service

Service A

Service B

Common DAO

servlet.xml

Dispatcher Servlet

Controller A

nexacro Controller

HTTP Request

nexacro platform Dataset

nexacro Xfdl.js

HTTP Request

nexacro platform Dataset

Query DAO B

Query DAO A

DAO

Common Controller

TCO savings through flexible product features

※ Linking possible with Anyframe, E-government Standard Framework,

and other open source frameworks.

Application Example

Re-use of Existing Business Logic

5-1) Attain Competitive Advantages Through a Unified Development Environment

④ Link with a wide range of frameworks

‹#›

• Can be run on a multitude of browsers that support web standards including Chrome, Internet Explorer, Firefox, Safari, and Opera.

5-2) Expand User Access Through Multi-IT Environment Support

① Multi-Platform & Browser Support

‹#›

MLM (Multi-Layout Manager) finds the most optimal screen size

• Pre-created layouts of various sizes can be deployed automatically or added selectively. • Can be tested with just the developed source.

5-2) Expand User Access Through Multi-IT Environment Support

• Specify only the details of other components per layout such as deployment information

• The nexacro platform's engine automatically applies the display information that corresponds to the modified layout.

② Optimization support for various device screen sizes (1/3)

MLM

‹#›

5-2) Expand User Access Through Multi-IT Environment Support

Portrait

Landscape

Layout Step Composition How It Runs

1 2 3

• Split and expand an area of the screen. • Use a split-screen function rather than transition when lots of information needs to be displayed on a smartphone. • Divide the screen layout into pages.

Functions

② Optimization support for various device screen sizes (2/3)

Easily develop screens with multiple layers with the Step function

1 2 3

‹#›

5-2) Expand User Access Through Multi-IT Environment Support

② Optimization support for various device screen sizes (3/3)

• Properly maintain the layout of on-screen components according to device resolution/orientation. Proportionally configure (%) component sizes for the most appropriate layout according to screen size.

Maintain an appropriate layout for different screen sizes with the Position function

How It Runs

Left : 00% Right : 00%

‹#›

• The nexacro platform is essentially a Unicode environment. Only minimum man-hours are required with efficient multi-language processing through objects binding as well as batch application and conversion of validations.

Metadata management (Admin)

Extract multi-language metadata

nexacro platform converts to multi-language data

Request multi-language metadata

Request multi-language metadata

Request language information upon login

Load & Bind Multi-language

dataset

DB

5-2) Expand User Access Through Multi-IT Environment Support

③ Multi-language data processing

Japanese

Korean

Each component and text binding processed through data binding in multi-language dataset

…

…

‹#›

Grid

Sort, Filter, and Tree functions Input/modify data values Insert colors and images

into cells

Tab

Tab Page configuration Link to contents or URLs

Tree View

Data Tree View Modify configuration

and images

CheckBox

Revise status or change

values with checkboxes

Radio

List Inner Dataset data

and select value

Spin

Input numbers or specify

changes using Edit and Up/Down buttons

Combo

Select input value,

configure contents, and search List

TextArea

Input multi-line phrases

Edit

Input single-line phrases

ListBox

Item selection

Button

Event processing and

user input Use images

Static

Display text and groups Rectangular configuration

for grouping Strings and Components Insert colors and images

Calendar

Change status and set date

Mask Edit

Input a particular type of Mask String and Number type

representation

Image

GIF, JPG, ICO, and PNG

images supported

5-3) Improve Development Productivity with Intelligent UI/UX

① nexacro studio provides over 30 elegant integrated components

‹#›

② Automated Cross-Browsing

5-3) Improve Development Productivity with Intelligent UI/UX

JavaScript Generator

Desktop Browser

Mobile Browser Automated

Cross-Browsing

‹#›

• Dynamically configure screen type according to user preference

• Move, Insert, or Delete data contained in components with Grid and Tree Views

Dynamic Screen Configuration

Dynamically configure screen type according to user preference

Rich eXperience provided through component Drag & Drop Copy & Paste between spreadsheet grids and

cell multi blocks

- Change the Layout - Portlet Functionality

Configure Screen with Drag & Drop

Edit Data within a Component

③ Drag & Drop interface support between components

5-3) Improve Development Productivity with Intelligent UI/UX

‹#›

Debugging Toolbar

Breakpoint Designation Example

Call Stack, Variables, and Watch Windows

Debugging Results

Set Break Point

Improve developer productivity by reducing the time required to find errors

- Execute an entire project or only individual screens with nexacro studio

- The improved Call Stack function identifies top call function relationships when running a particular function or subroutine

- Step Into, Step Over, and Step Out functions provided for Line Debugging

- Breakpoint toggle and global bookmarks

- Enhanced Expression function for Watch/View - Display Object’s subordinate member information

- Designate, Enable, or Disable Break Point conditions - Expression Editor (Planned)

※ To be supported ④ Efficient Line Debugging

5-3) Improve Development Productivity with Intelligent UI/UX

‹#›

nexacro platform

Composite CSS

Component

Component Level Management

Object1

Object1 Object2 Object3

：

Object1 Object2

Object1 Object2 Object3

：

Object1 Object2 Object3

：

Object1

HTML Object Level Management

Component

<input type = "radio" class=“rd_class" name="rd" value=“Select1">Select1 <input type = "radio" class=“rd_class" name=“rd" value="Select2">Select2 <input type = "radio" class="rd_class" name=“rd" value="Select3">Select3

• Radio Class Designation Example

⑤ Efficient CSS Auto Setting

• Difficulties arise with modification or maintenance during component control when using third-party platforms with simple CSS solutions for HTML object level management.

• Difficulties also arise when using open source solutions that require designations of design values within a script.

• The nexacro platform utilizes Composite CSS (component level) to directly modify or maintain components for easy component management.

5-3) Improve Development Productivity with Intelligent UI/UX

Simple CSS

Competitor’s Platform

‹#›

Preview (Simulation)

Development (Design) Window

Preview

⑥ Preview without server settings

• In addition to its simple preview function, the nexacro platform was designed to test and verify design and function during the analysis and design phases.

• Decrease development time with prototypes similar to real environments and pre-verification of functionalities.

5-3) Improve Development Productivity with Intelligent UI/UX

‹#›

Tool Navigation Support UI Logic Code Completion

UI Logic Code Completion

⑦ Intelligent inspector

• Tool Navigation support for on-screen components used by the developer and user-created functions and variables.

5-3) Improve Development Productivity with Intelligent UI/UX

‹#›

Grid Component

Combo Component

Edit Component

No. Name Rank Phone

1 John Smith VP 00

2 Jane Smith GM 00

3 John Doe Mgr 00

4 Jane Doe A. Mgr 00

Dataset

Binding

Grid Component

Client

John Smith Name:

Name: John Smith

No. Name Rank Ph.

1 John Smith VP 00

2 Jane Smith GM 00

3 John Doe Mgr. 00

4 Jane Doe A.Mgr. 00

Component Binding Drag & Drop Binding

No. Name Rank Ph.

1 John Smith VP 00

2 Jane Smith GM 00

3 John Doe Mgr. 00

4 Jane Doe A.Mgr. 00

Drag

Drop

Grid Component

Grid Component

Property Binding

Background Color Change

• Set component properties through a data set

• Dataset bindings is available with a variety of components for a convenient development environment.

• Easily bind Dataset components with other components with Drag & Drop.

• Automatically apply changes to linked columns to reduce development time.

• Optimize the source code and improve development productivity to reduce operational resources.

⑧ Binding between Datasets and Components

5-3) Improve Development Productivity with Intelligent UI/UX

Server

DB

Binding

‹#›

No. Name Title Ph.

1 John Smith VP 00

3 Jane Smith Mgr. 00

4 Jane Doe A.Mgr. 00

5 Bob Smith Staff 00

Binding

• Date Change Management – Add, Edit, and Delete

• After modifying and editing, the existing data's state is maintained before reflecting to the server

for easy data management.

• Only the modified data is incrementally uploaded to the server for high speed and reduced load.

Original Grid

Modified Grid

Beth Smith 2

Delete Modify Insert 1 2 3

Value No. Name Title Phone

NORMAL 1 John Smith VP 00

NORMAL 2 Jane Smith GM 00

NORMAL 3 John Doe Mgr. 00

NORMAL 4 Jane Doe A.Mgr. 00

Modified Dataset

Value No. Name Title Phone

NORMAL 1 John Smith VP 00

DELETE 2 Jane Smith GM 00

UPDATE 3 Beth Smith Mgr. 00

NORMAL 4 Jane Doe A.Mgr. 00

INSERT 5 Bob Smith Staff 00

2

1

3

Client

Server Dataset

No. Name Title Phone

1 John Smith VP 00

2 Jane Smith GM 00

3 John Doe Mgr. 00

4 Jane Doe A.Mgr. 00

Original Dataset

2 Jane Smith GM 00

Beth Smith

5 Bob Smith Staff 00

Upload Only Modified Data to Server

⑨ Data Status Change Management

5-3) Improve Development Productivity with Intelligent UI/UX

No. Name Title Ph.

1 John Smith VP 00

2 Jane Smith GM 00

3 John Doe Mgr. 00

4 Jane Doe A.Mgr. 00

1

3

‹#›

Compliant with W3C XML 1.0 specifications (Extensible Markup Language, 4th Edition) XML

ECMA-262, 3rd Java

Script

Compliant with W3C DOM API Level 3

(Document Object Model) DOM

W3C CSS3 Spec CSS

Standards-Compliance

• In utilizing component technologies for Business UX implementations, the nexacro platform facilitates development and maintenance through international standards and universal technologies by conforming to the ECMA specifications for XML 1.0, DOM Level 3, CSS Level 2, and JavaScript. This allows developers to acquire a variety of development standards and re-use existing development resources rather than rely on vendors.

⑩ Web standards-compliant

5-3) Improve Development Productivity with Intelligent UI/UX

‹#›

Tree View

Multi-Row

Cell Merge

5-4) Increase UX Satisfaction with a Robust Set of Features

⑪ Grid Component: Key Features

Grid Component Key Features • Cell Merge – Merge two or more cells

• Summary – Display total number of cells

• Multi-Row – Combine two or more rows into one

• Cell Fix – Set a fixed position when moving an on-screen cell

• Tree View – Display grid as a tree

‹#›

Alt+F

Alt+s

ctrl+M

Alt+F1 - 4

Alt+O

Alt+s

F9

F6

F7

Keyboard-based Operation (Example)

F2

F8

F9

Alt+O

Alt+F

Alt+S

Ctrl+M

Ctrl+Y

Alt+F1

Alt+F2

Alt+F3

Alt+F4

Help Guide pop-up

Customer Service Information

Current Customer-specific Info

Quick Menu

Search Window

View SMS List

Send SMS to Customer

Link by Screen

User-defined shortcut 1

User-defined shortcut 2

User-defined shortcut 3

User-defined shortcut 4

⑫ Various Key Combinations for Control

• Leap past the limitations of web-based applications with functions keys and hot keys (Limited to defined browser function keys)

5-4) Increase UX Satisfaction with a Robust Set of Features

‹#›

Upload/Download in Major File Formats Export to Excel

Legacy

HTML5 Server Module

⑬ Upload/download files in multiple formats and export to Excel

• Upload and download files in various formats in a user-friendly environment

• Conveniently re-use data with the Excel export function

5-4) Increase UX Satisfaction with a Robust Set of Features

.xls (.xlsx)

Multiple file types

Export

‹#›

Link Setup

Window

⑭ Link Configuration Management (CM) Tools

• Link nexacro studio with CM tool features such as Log On, Log Out, Check In, Check Out, Undo Check Out, Show History, and Rollback. • Manage source history with automatic program source backup. ex.) SVN, CVS, Source Safe, and Harvest link support.

5-4) Increase UX Satisfaction with a Robust Set of Features

Toolbar

‹#›

Enhanced Mass-Data Processing Performance

Rapid Component

Browsing

Improved Processing Speed when Linked with

Open API

5-5) Boost Enterprise Operational Efficiency by Realizing Smart Performance

Improved Performance of nexacro platform HTML5

• Realize an optimized Business UI/UX implementation through the efficient object management of DOM and Render Tree. • Increase performance efficiency via TOBESOFT's proprietary element implementation - Optimize visual processing code by having components process only unique functions and minimizing the number of objects as elements in components. - Batch-process screen layout components such as the arrangement of elements and color changes in a timely manner to minimize the number of Reflow and Repaint instances, the main culprits of performance degradation.

※ Reflow: Browser process for re-calculating the positions and geometries of HTML elements. ※ Repaint: Browser process for re-drawing the whole or part of a web page due to Reflow or color changes.

A dramatic three-fold performance improvement over our existing product through the application of a unified framework and a fundamental change in the architecture.

1) TOBESOFT Business UX Suite

2) TOBESOFT Business UX Suite for SAP

3) Service Lifecycle: Support

4. Business UX Suite & Support

‹#›

1) TOBESOFT Business UX Suite

Business UX Suite

Back End

Web Service/

SOA

ERP

DBMS

Legacy

Web Server

HTML JavaScript

CSS

Application (option)

Mobile

X-API (JSP/Servlet)

HTML5 Environment

Android iOS

RUNTIME Environment

Windows

Client Application Server

Developer Generate JavaScript

‹#›

Business UX Suite Composition

Back End

HTML5 Environment

Client Application Server

BW SAP ERP

Custom-built Platform

2) TOBESOFT Business UX Suite for SAP

‹#›

3) Service Lifecycle: Support

With a wide range of pre-service offerings including quality control, training, and consultations

and a full-fledged post-service technical support team, TOBESOFT is capable of supporting

our products' entire lifecycles. Our fast and reliable service is second to none.

Project Analysis, Design, Implementation, Initial Deployment, and Guidelines UI Template & Guide Biz Logic Creation Guide Performance Improvement Plan Deployment Plan UI Risk & Troubleshooting Know-How

Our Outsourcing Partners

Technical Support Center (365 days)(Tel. 1588-7895)

Weekdays: 9:00 - 18:00 Closed: 10:00 - 17:00 Online Site / Telephone Reception Developer PC Remote Support

Development Resources http://www.XPLATFORM.co.kr Product Technical Support Patch, Lecture, Q&A, Resources, FAQ, Development Guides and Tips

Education & Training Date: Once per week (Tue - Wed) Location: TOBESOFT HQ Training Center On-site Training Available

Inquiries: Strategic Planning Division and Marketing Team marketing@tobesoft.com

A UI, or User Interface, is fundamental to controlling a computer system.

The UX, or User eXperience, must be considered for the satisfactions of users

derived from the smooth and effective operation of a system.

Since its founding in 2000, TOBESOFT has been focused solely on the

two fundamental aspects of communication between

people and computer systems: The UI and UX.

Our intense focus on UI and UX for the enterprise client has rewarded us with

the number one market share in Business UI/UX.