HTML5 Canvas 기반의차세대 UI 플랫폼 - eXbuilder5demo.exbuilder5.com/eXbuilder5.pdf · Canvas 기반의 최적의 UI/UX솔루션으로 웹표준, 크로스브라우저, 모바일,

better software, better Life!

HTML5 Canvas 기반의 차세대 UI 플랫폼

INDEX 1. HTML5와 웹 표준, 그리고 Enterprise UI

2. RIA 기반의 Enterprise UI기술의 한계점

3. HTML5 Canvas기반의 UI개발 툴 eXbuilder5

4. 적용사례

5. 회사소개

INDEX 기술의 변화, UI툴의 변화 HTML5 탄생배경 HTML5의 주요특징 HTML5의 가치 HTML5의 호환성: WebForm HTML5 Canvas 개요

1. HTML5와 웹 표준, 그리고 Enterprise UI

Copyright 2014. TOMATO SYSTEM All Rights Reserved.

기술의 변화, UI툴의 변화

전통웹( ~ 2000 )

X-Internet( 2001 ~2007 )

HTML5( 2014 ~ )

RIA

( 2007 ~ )

Gause, TrustForm, eXbuilder ,

MiPlatform, Xplatform

Flax , Silverlight, eXria,

WebSquare, Nexacro platform

Now !

장점

• 2000년 Forest Research CEO가

개념 제시

• ActiveX나 Applet기반의 설치형

전용 실행환경에서 운영

• 컴포넌트 기반

• C/S의 풍부한 UI를 웹으로 구현

• 2006년 ActiveX문제 대두와

Web2.0 트랜드로 Ajax 형태의

RIA모델이 급부상

• Cross Browser, Multi OS

• 다양한 컴포넌트 제공

• 플러그 인으로 가능했던 동영

상 재생, 그림그리기, 게임 등

의 서비스가 웹에서 간단하게

구현가능

• 컴포넌트의 성능 보장

• 모바일 지원 강화

단점

• 다양한 브라우저 /OS 지원 한계

• 보안 관련 이슈 발생

• 브라우저의 기술지원 중단 (보안과

안정성의 문제 등)

• 과도한 동적 DOM의 사용으로

인한 성능 문제 대두 ( Ajax UI )

• 외부( OS, Browser ) 정책 변경

으로 인한 제공 컴포넌트의 한계

발생

• 이전 Browser 지원의 한계

‘ 웹 기술은 변화하고 있다. 지금은 RIA와 HTML5기술의 과도기＇

START !


• 웹을 둘러싼 비 표준을 지양하고 지능적이고 실행

가능한 웹 구현을 위해 탄생한 웹 표준기술

• 웹이 더 이상 문서공유나 문서 표현만을 위한 것

이 아닌 하나의 응용프로그램으로 진화

• W3C를 주축으로 애플, 모질라, 구글, 오페라,

MS등의 웹 브라우저 벤더 참여

HTML5 탄생 배경

‘ 웹은 더 이상 문서 표현만을 위한 것이 아닌 하나의 응용프로그램으로 진화 ’


• 웹에서 2차원 그래픽을 그리기 위한 API와 Canvas내 각종객체를 회전,변환하고 그레디언트, 이미지 생성 등 각종 효과를주는 기능에 대한 API 제공.

• 웹 상에서 양방향 통신이 가능한 API제공

• 웹 응용을 위한쓰레드(Thread)기능에 대한 API 제공

• 웹 사이트의 정보를 사용자의 PC에 저장하는매커니즘을 제공, 용량제한 및 트래픽 부담해소

• 기존 쿠키의 기능을 개선하기 위한 목적으로 개발된 기능,웹 클라이언트에서 키와 값이 쌍으로 구성된 데이터를영구적으로 저장하는 기능

• 다양한 표준 SQL을 사용해 질의할 수 있는데이터베이스 기능에 대한 API 제공

WebWorker

WebStorage

LocalStorage

Web SQL Database

Video / Audio

SVG

WebForm

HTML5

• 사용자 입력 양식 개선 및 추가 Range, color, datetime과 같은 입력 양식이 추가되어 스크립트없이 표현 가능

• XML기반의 2차원 벡터 그래픽표현하는 외부 마크업을HTML안에 삽입 가능

• 비디오(영화) 또는사운드(오디오) 를 표현하기위한 미디어 엘리먼트

• 인터넷 연결이 지원되지 않는 경우에도 웹 응용이 정상적으로 수행될 수 있도록 지원하는 기능으로 응용에 대한 캐싱과 데이터에 대한 캐싱으로 구성

HTML5 주요 특징

WebSocket

Canvas

Offline WebApplication


IE Firefox Chrome Safari Opera iOS Safari Opera MiniAndroid

Browser

Chrome for

Android

7 29 34 5.1 21 5.1 4 10

8 30 35 6.1 22 6.1 4.1 11.5

9 31 36 7 23 7.1 4.3 12

10 32 37 7.1 24 8 4.4 12.1

11 33 38 8 25 8,1 8 4.4.4 24

34 39 26 37

35 40 27

36 41

HTML5 호환성 - WebForm

Supported Not Supported Partial Support Support unknown

‘하위버전 브라우저에서 HTML5 UI가 화면에 보인다면 HTML5가 아님‘


Adobe의 Flash, Microsoft의 Silverlight를 대체할 수 있는 표준기술

Canvas는 강력한 UI, 그래픽, 차트, 이미지 및애니메이션을 동적으로 생성하고 렌더링할 수있는 HTML5의 새로운 요소

Canvas는 비트맵 렌더링 엔진

웹 페이지 내에서 <Canvas> 태그를 사용하여Canvas 요소를 추가

Canvas는 DOM을 사용하지 않고 즉시 브라우저에 drawing하 렌더링 속도가 현저히 빠름

HTML5 Canvas HTML5 Canvas 적용 분야

HTML5 Canvas 개요

RICH UI Game

이미지 편집 그래프

INDEX DOM생성으로 인한 성능문제 DOM방식 vs Canvas방식 CSS 호환성 문제 실제 기술지원 사례

2. RIA기반의 Enterprise UI기술의 한계점


“자바스크립트를 사용한 DOM의 조작에는 성능상의 문제가 있다＂

브라우저의 성능과 규칙에 따라 화면을 나타내는 방법이 다르며, DOM을 빠르게 갱신하는 경우 심각한 성능저하를발생시킵니다.

DOM

HTML

head body

meta title h1 P

DOM생성으로 인한 성능문제

DOM (Document Object Model):

a programming interface for HTML, XML and SVG documents. It provides a structured representation of the document (a tree) and it defines a way that the structure can be accessed from programs so that they can change the document structure, style and content.


eXbuilder5 컨트롤 생성 구조 – Canvas 방식

국내표준웹 기반 제품의 컨트롤 생성 구조 – DOM 방식

스크립트파싱DOM Element

생성

Element Event

설정

Element CSS

설정DOM 삭제 DOM 추가

스크립트파싱 Canvas Element 생성 Child Object 연산 Child Object Drawining

Event

Event

DOM방식 VS Canvas방식

DOM의 요소를 이용하여 컨트롤을 만들 경우 DOM 객체의 생성과 삭제를 반복하여 eXbuilder5의 Canvas 방식보다 컨트롤의 rendering 성능이 현저히 낮습니다.


브라우저 별 CSS 렌더링 차이

CSS 호환성 문제

표준 CSS 스펙이 웹 브라우저에서 각각 다른 결과물을 보여왔으며 이로 인해 디자인적 유지보수 문제가 많았습니다 。eXbuilder5 는 Canvas 객체만을 사용하고 렌더링 엔진은 토마토시스템에 것을 사용하기에 어떤 브라우저나어떤 기기에서라도 같은 결과물을 보실 수 있습니다。

문제점

• 표준 CSS로도 동일한 결과물을 볼 수 없음

• 브라우저 패치 전까지 제품 내에서 해결하지 못함.

• 브라우저 별 화면 테스트를 개발자가 모두 진행하여

야 함.

• 렌더링에 차이점으로 생기는 유지보수 사항이 많음

• 고객에 요구사항에 빠르게 대처 할 수 없음

Chrome& Safari

Firefox

Opera

IE 9 & 10

IE 8

IE 7

IE 6


사례

Script 관련 이슈 사항 Chrome 버전 upgrade 이후 Modal 관련 script 지원 포기 이슈

브라우저 버전 및 모드 관련 이슈 브라우저 버전에 및 모드에 따른 오류 발생

HTML DOM 관련 이슈브라우저 마이너 update 시 DOM 지원 인터페이스 오류 발생( 수정 기간 1주 에서 1개월 후 패치 ) 및 성능이슈 발생

실제 기술지원 사례

INDEX eXbuilder5 개요 eXbuilder5 표준 웹에서 가능한 장점 eXbuilder5 구성 및 기능 설명 eXbuilder5 통합 IDE 개발환경 개발자를 위한 다양한 뷰 제공 풍부한 UI 컨트롤 테마기능 지원 eXbuilder5 주요 개선기능 Hybrid Smart Viewer 표준 웹 한계를 넘는 Hybrid Smart Viewer One Source Multi Device & Usable Cross Platform Flexibility eXbuilder5 System Architecture

3. HTML5 Canvas기반의 UI개발툴 eXbuilder5


eXBuilder5

HTML5지원

크로스브라우저

지원

모바일지원

렌더링 : 윈도우 어플리케이션에 버금가는렌더링 속도를 제공하여 DOM 객체에서 나타난 화면 깜박임 현상이없어야 함

멀티미디어 API : 텍스트 위주의 API 뿐만아니라 동영상, 사운드와같은 멀티미디어 API도 지원

웹표준 : 차기 웹표준으로 채택된 HTML5의스펙을 준수

크로스브라우저 :IE, Safari, Firefox, Chrome 에서 모두 동일한환경 제공

모바일 :PC 화면뿐만 아니라 모바일환경에서도 동일한 환경을 제공,스마트폰 시대를 지원

풍부한확장성

확장성 : 서드파티 업체들의 제품과 잘연동 되어야 함

빠른렌더링

멀티미디어

API

eXbuilder5 개요

eXbuilder5는 사용자에게는 풍부한 화면과 빠른 응답속도를, 개발자에게는 빠른 개발생산성을 제공하는 HTML5

Canvas 기반의 최적의 UI/UX솔루션으로 웹표준, 크로스브라우저, 모바일, 확장성, 멀티미디어 등 HTML5에 대한

고객 요구를 완벽하게 수용한 차세대 Enterprise UI 플랫폼입니다.


eXbuilder5 표준 웹에서 가능한 장점

HTML5 Canvas외에 HTML5에서 제공하는여러 특징들을 조합하여 사용할 수 있습니다.

HTML5와의 통합성

DOM을 엑세스 하지 않는 방식으로 대량의자료를 표현하는 그리드에서도 화면에 깜박임이 없는 환경을 제공합니다.

빠른 UI 랜더링

HTML5 Canvas를 지원하는 모바일 브라우저라면 PC화면과 동일한 화면을 보장합니다.

Mobile 지원

에니메이션 효과를 지원하여 과거 Flash에서 보던 동적인 화면에 UX를 Plugin을 사용하지 않고 보실 수 있습니다.

Flex 수준의 UX 제공


TmtDesigner (개발자용)

• WYSIWYG/RAD 방식의 통합 개발 환경

• XForms/XML/(X)HTML/CSS/JavaScript 표준에 의한 문서 제작

• 디자인/로직파일 분리로 협업개발 지원

• 입/출력 화면 통합 개발

• 스크립트 자동화 및 인텔리센스 , 컨트롤 위치자동 보정 기능 제공

• 30여종 이상의 다양한 컨트롤 제공

• XML Editor, SQL 편집기, FTP Client등 개발편의 도구 내장

• 각종 뷰 기능으로 폼 문서의 다각적인 작성 및보기 지원

• 스크립트 디버거, 서브밋 트레이스 툴을 통한디버깅 지원

• 쉽고 편리한 도움말, 튜토리얼, API, 샘플 제공

TmtViewer (사용자용)

• 작고 빠르며 HTML5가 호환되는 Hybrid SmartViewer

• 크로스 브라우저 지원

• 손쉬운 다국어 지원

• 데이터 전송 분리로 네트웍 트래픽 감소

• HTTP/XML/SOAP/(A)Sync/Zip/FTP 등다양한 통신방식 지원

• 압축/스트림 방식에 의한 대용량 데이터 송수신

• 내장된 로컬 데이터베이스을 통한 자료 가공 및서버 트랜잭션 감소

• 다양한 외부 컴포넌트/리소스 연동 및 확장

• 스플릿, 틀고정, 소트, 필터, 그룹소계, 총계 등다양한 기능의 리피트 컴포넌트 제공

• Text, csv, tab, 엑셀, 넥셀 등 다양한 포맷의export 기능

• 웹 구간 데이터 및 소스 암호화

TmtFramework (서버응용프레임웍)

• J2EE, ASP, ASP.NET 응용 프로그램 개발MVC 프레임워크

• 레거시 시스템 프레임워크 최소화하기 위한연동 플러그 인 제공

• 협업기능을 위한 형상관리툴 지원

• 프로세스 기반 프레임워크로 단순하고 중복된작업을 감소

• 브로커(Receive, Send)모듈, 비즈니스 구현모듈, 데이터베이스 연동 모듈, Generate XML Parsing 모듈, Custom XML Parsing 모듈등의 자동생성기능 제공

• OOP 기반 3-Tier 구조의 클라이언트 개발방법론 제공

eXbuilder5 구성 및 기능 설명

“ 최적의 시스템 · 업무효율증가 · 운용효율증가 ”


Protocol

Browser

Multi Device

OS

Client

WEB Server

eXbuilder5.ocx

*.js

*.html,*.xtm

*.css

Any Framework

TmtFramework

WAS

Server STUDIO

Deploy

HTTP HTTPS ZIP Multipart Encript

eXbuilder5.js

XTM 배포

XTM 개발

eXbuilder5 서비스 개념도


강력한 통합 IDE 환경

eXbuilder5 통합 IDE 개발환경

eXbuilder5의 TmtDesigner는 WYSIWYG 기반 통합IDE환경을 제공하고, 폼 문서 작성 시 각종 뷰들과 유기적으로

결합하여 개발자에게 많은 정보를 나타내어 개발의 생산성 향상 및 편의성을 제공합니다。


Event Driven 개발방식



프로젝트 기반 파일관리 입체적인 data 구조 지원



편리한 DB 관리기능



Client SQL 관리



SOAP 및 FTP 배포기능 탬플릿 관리 기능 다양한 마법사 생성기능 편리한 코드완성 기능



Repeat 컨트롤을 이용한 기존 Grid 디자인의 고정관념을 완전히 탈피한 디자인 개념

강력한 Grid(Repeat) Control

통합 IDE개발환경인 TmtDesigner에서 입력/출력화면을 동일한 화면으로 제작하며, 기존 그리드 디자인의

고정관념을 완전히 탈피한 다양한 Format을 지원하는 강력한 Repeat 컨트롤 제작기능 제공으로 입력화면을 그대로

출력이 가능하여 개발 본 수를 획기적으로 줄이는 환경을 제공합니다

디자인 화면 실행 화면 출력 미리 보기

Tabular, Grid

Freeform

Multi Header,

Multi Line

Group

출력 미리보기실행화면디자인 화면


개발자를 위한 다양한 뷰 제공

eXbuilder5는 총 19개의 뷰를 제공하며 확장가능한 구조의 디자이너를 통해 개발자들의 요구사항을 반영시킨 뷰를

지속적으로 제공하여 드립니다。또한 통합된 디자이너를 통해 개발의 편의성을 높이고 개발시간을 단축시킬 수

있습니다。

도구상자 인스터스뷰 속성 뷰 이벤트 뷰

• 기본컨트롤, 확장컨트롤, eXbuilder5 전용컨트롤이분리되어 제공

• 각 폼(PC, 모바일, 웹)성격에 따라 컨트롤을자유롭게 배치하여 개발가능

• 컨트롤과 연결되는 자료를구조적으로 표시

• 개발에 필요한 스키마의추가,수정,삭제 제공

• 속성, 스타일, 이벤트를한곳에서 처리

• 통합된 환경에서 각 컨트롤제어 가능

• 송/수신 프로토콜의 정의및 데이터 바인딩에 대한정보를 제공

• 설정에 따라 디버깅에필요한 송/수신 로그를제공


‘ 테마기능으로 컨트롤의 다양한 연출 가능 ‘

기본테마 모던테마

버튼 버튼 버튼

라디오버튼 라디오버튼

체크박스 체크박스 A B C

콤보박스 콤보박스

트리컨트롤 트리컨트롤

테마기능 지원


‘ Develop Only one Source ’

• 하나의 소스로 HTML5 Canvas기반의 멀티 OS(윈도우, 리눅스, 맥) 지원

• 크로스 & 클린 브라우저(익스플로러, 파이어폭스, 오페라, 사파리 등) 지원

• 웹 표준 기반의 다양한 환경 지원 및 서비스 (PC, 모바일, 타블릿)

Device

Browser

Internet explorer

Smart phone Tablet PC

Firefox Safari Opera Chrome

One Source Multi Device & Usable


‘ Cross Platform & 브라우저 지원 ’

builder5

<Cross Platform>

Cross Platform Flexibility


• 기존 eXtremeBuilder 응용프로그램 소스를 그대로 사용할

수 있는 호환성 제공

• ActiveX가 필요 없는 HTML5 기반의 Non-Plugin 방식

• Any OS, Any Browser에서 동일한 인터페이스를 제공하는

크로스 브라우징 지원

• Android, IOS, TIZEN등 모바일 OS 기반의 스마트폰, 태블릿

을 포함한 각종 디바이스 지원

• Adobe Flash에서 제공하는 것과 유사한 수준의 멀티미디어

API 지원

• 빠르고 다양한 UI 제공으로 풍부한 사용자 경험 제공

• 주 언어로 표준 자바스크립트 사용

eXbuilder5 NonPlugin(HTML5 Canvas)

eXbuilder5 주요 개선기능

‘HTML5 Canvas 기반의 높은 호환성 및 풍부한 UI/UX 제공‘

주요특징


• 하나의 소스로 HTML5 Canvas 기반의 표준 웹과 강력한 기능을 제공하는 ActiveX 버전을 전환 하며 사용 가능

• 업무의 성격에 따라 Plugin<->NonPlugin을 선택 할 수 있어 업무 효율성을 획기적으로 향상

• 비용절감 및 개발기간 단축

관리자

사용자

SmartViewer(NonPlugin)

“기존 eXbuilder 고객 별도 작업 없이 HTML5기반으로 전환＂

Web Server

각종 시스템 정보

대용량 데이터 처리

OCX 컨트롤 연동

DBMS 처리

보안 프로토콜

IE 전용화면

SmartViewer(Plugin)

일반 사용자 화면

CrossBrowser 지원

PC화면과 동일한 모바일 화면 지원

HTML5 Canvas 기반의 빠른 랜더링

풍부한 멀티미디어 처리 API

Hybrid Smart Viewer – Plugin <-> NonPlugin 전환 기능


WEB Server

eXbuilder5.ocx

*.js

*.html

*.css

Server STUDIO

Deploy

eXbuilder5.js

XTM 배포

XTM 개발

뷰어 선택적 적용 ( ActiveX , HTML5 Canvas )

소스 코드 ( XForms XML )

HTML5Viewer

ActiveXViewer

선택적 Viewer 사용 기능

Viewer

뛰어난 접근성뛰어난 UI에니메이션 효과

불특정 다수 제공

OS 리소스 제어뛰어난 보안성안정적 성능

내부 업무용 적합

단인 소스로 2개의 뷰어 ( ActiveX , HTML5 Canvas ) 를 사용 가능한 환경을 제공한다.


• 시스템 리소스를 제어할 수 있어 H/W리소스 접근이나 기능호출 등을 직접사용할 수 있었으나 표준 웹에서는 불가능함

• 각종 주변기기 제어,Function key, 네트워크 정보,암호화 등.

• 엑셀, 한글, 워드 등 각종 파일의 Data를로컬PC에서 바로 웹 응용프로그램으로Import 하거나 혹은 반대로 웹응용프로그램 상의 Data를 로컬PC 파일로 바로Export하는 기능은 표준 웹에서는 불가능함

• excel, nexcel export

• 대량 Data통신 시 네트워크의부하를 줄이기 위한 압축통신과데이터 보호를 위한 암호화 통신은ActiveX 기반에서는 가능하였으나표준 웹에서는 기능상 한계가 있음.

• 암호화, 다중파일업로드 등.

• 웹 응용프로그램의 가용성을 위하여Local DB를 연결하여 활용하는 경우가 많이 있으나 표준 웹 에서는 불가능함.

표준 웹 한계를 넘는 Hybrid Smart Viewer

과거 Plugin X-Internet 기반에서 가능했던 기술들이 HTML5를 포함한 표준 WEB기술로는 불가능한 기술들이 많이 있으나 Plugin and NonPlugin 방식을 조건 별로 처리 가능하게 하여 표준 웹에 한계에서 벗어날 수 있습니다。

System Resource 제어

Local DBMS

Import/Export File

확장 Data통신

INDEX 적용사례4. 우정사업본부 ‘차세대 우편물류 시스템‘ 흥국화재 ‘영업지원시스템‘ 광고진흥공사 ‘지상파 영업시스템’ CJ식품 BU의 SIS


(구축사례) 우정사업본부

우편물접수 화면 로딩시간 측정은 우체국 현장과 최대한 비슷한 환경에서

수행하기 위해 실 운영환경의 부분 웹 환경에서 테스트를 수행함

국내/국제 우편물 접수 화면으로 일일 트랜젝션 발생건수 2,300만 건이 발생하는 대규모 자료를 처리하는 화면으로 기존 A사 제품으로 개발 되었으나 느린 속도 문제로 당사의 eXBuilder로 교체함

차세대 우편물류 시스템

A사(개선 전) A사(개선 후) eXbuilder

최초로딩 15.69 13.28 4.43

반복로딩 12.55 9.22 3.06

• 결과분석<최초로딩 속도 분석>-A사 제품을 이용한 개선 후 약 16% 정도 로딩시간 단축 됨-eXBuilder를 이용한 개선 후 약 72% 정도 로딩시간 단축 됨

<반복로딩 속도 분석>-A사 제품을 이용한 개선 후 약 27% 정도 로딩시간 단축 됨-eXBuilder를 이용한 개선 후 약 76% 정도 로딩시간 단축 됨

<메모리 사용량>-약 88M에서 32M로 감소

[테스트 단말PC 사양]

- Operating System : Windows 98 - Memory : 128 Mb- CPU : Intel Pentium 1.7GHz - IE Version : V6.0


(구축사례) 흥국화재

6개 제품(X인터넷 솔루션 5개사 RIA 솔루션 1개사)와 BMT를 통해 선정됨.

흥국화재 영업지원시스템

구축 내역

성능 측정 결과

• 타사 제품 비교 우수한 성능테스트 통과

• 사용자 부하량 테스트(동시접속자 사용자수

테스트)

• 네트워크, CPU사용율

• 대용량처리테스트

• (1,000건, 10,000건 ,100,000만 건

조회테스트 및 엑셀 다운로드 테스트)


(구축사례) 광고진흥공사

지상파 DMB판매 대행업무를 효율적으로 수행할 수 있는 시스템으로써 기존 지상파 영업 시스템과 사용자 환경 및데이터를 통합하여 구축함

광고진흥공사 지상파 영업시스템


(구축사례) CJ신선BU

제품공급에 관한 정보를 각종 그래프 및 도표로 Data 를 보여주고 다양한 자료를 활용하여 제품공급 이나판매예측에 활용할 수 있는 시스템

CJ식품 BU의 SIS(Supply Information System)

구축 내역

• MIS정보(Management Information System)를

보여주는 메인 포탈화면(Push방식, Timer기능),

• 의사결정에 도움을 주는 리포트성 화면(3D/2D 차트지원)

• 빠른 데이터 입력을 위한 상호 응답형 데이터 입력화면

개발에 적용

회사소개 토마토시스템은? 주요 사업 분야 조직도 및 인원 현황 매출 실적 및 홍보 인증 및 수상경력


토마토시스템은?

• ‘eXPortal‘, ‘eXERD‘, ‘eXSignOn’, 출시

• IT 이노베이션대상 특별상 (정보통신진흥원)

• 신소프트웨어상품대상 일반SW부문 대상

• 경영혁신형 중소기업(MainBiz) 선정

• 중소기업 기술인재대전 노동부장관 표창

• 동경 정보통신기술 박람회 참가

• 수출중소기업육성 500-500 선정

• 확장형 RIA솔루션 'eXria’ 출시

• 제7회 SW기업경쟁력 대상' 최우수상 수상

• 일본시장 진출(은행, 대학)

• 병역특례업체 선정

도약기

• eXtremebuilder 성능인증 획득 (중소기업청)

• 기술혁신형 중소기업(INNOBIZ) 선정

• eXtremebuilder 행자부 행정업무용 S/W선정

• 벤처기업 인증

• 중소기업은행 신기술개발 시범기업 지정

• 기업부설연구소 설립

• 한국SW산업협회 SW사업자 등록• 2000. 10. 27 ㈜토마토시스템 설립

성장기

구축 및 기반 형성기

2007~현재

2003~2006

2000~2002

회사명 ㈜토마토시스템

회사설립일 2000년 10월 27일

업 종 소프트웨어 개발 및 판매

대표자 이 상 돈

업종 SW 개발 및 판매

주소 서울 강남구 논현동 207-3 장뻘빌딩 5,6,8층

종업원수 230명( 2015. 3 현재)

일반현황


주요 사업 분야

주요 사업 분야

Business• 대학 맞춤형 패키지

• 광고 맞춤형 패키지

• 전자도서관 통합시스템

Development

• HTML5 UI개발툴

• DB모델링툴

SSO/EP• 통합인증솔루션

• 엔터프라이즈 포털

시스템 Integration

• 대학 및 교육사업

• 공공∙ 금융∙ 제조

• 시스템 관리,

• 운영 및 유지보수

기타

• 교회용 SNS시스템 Paultok

• 전자출결시스템 eXETS

Mobile

• 모바일 웹앱개발

• 강의지원시스템

• 그룹형 SNS시스템

• 물품관리시스템/ 모바일 수강신청


조직도 및 인원 현황

조직도

대표이사(CEO)

경영지원

기술연구소

솔루션 사업부

컨설팅 사업부

ICS사업부

전략 사업본부

대학1 사업부

교육 사업부

교육 사업본부

광고 사업부

공공 사업부

금융 사업부

공공 사업본부

영업본부

대학2 사업부

기술인력 구성

초급기술자

고급기술자

중급기술자

특급기술자

10%

10%17%

63%

• 개발인력의 40% 이상이 10년 이상의 경험을가진 베테랑 전문기술자


매출 실적 및 홍보

매출 실적

10,150 9,100

7,314

11,300

13,342 14,500

17,000

20,000

2008 2009 2010 2011 2012 2013 2014 2015

(단위: 백만원)


인증 및 수상경력

한국소프트웨어산업협회대한민국 소프트웨어기업경쟁력 대상

(2008.2.22 -개발/운영SW 최우수상)

대한민국 신성장경영대상(2007.12.21-

정보통신분야 우수상)

한국소프트웨어산업협회행정업무용

소프트웨어 인증(2006.7.13-2006-01-0037)

행정자치부 장관 표창전자정부 기여- 박성준

중소기업청 성능인증(인증번호: 제11-052호)

노동부장관상 표창기술인재육성

경영혁신형 중소기업(제 100102-00045호)

신SW상품대상(일반SW 대상/지경부장관)

한국정보통신기술협회(TTA)eXria 소프트웨어 품질인증

(인증번호: 10-0105)

한국정보통신기술협회(TTA)eXtremebuilder

소프트웨어 품질인증(인증번호: 06-0003)

감사합니다

Documents

HTML5 Canvas 기반의차세대 UI 플랫폼 - eXbuilder5demo.exbuilder5.com/eXbuilder5.pdf · Canvas 기반의 최적의 UI/UX솔루션으로 웹표준, 크로스브라우저, 모바일,