HTML5 기반의 강력한 웹 그리드, javascript grid 데스크탑 수준의 LOB 응용프로그램을 web에서 구현

1. HTML5 Data Grid
데이타루디

2. Grid component ?
Grid는 다양한 업무 데이터를 스프레드시트 형태로 web에서 구성할 수 있도록 하는
웹 UI 콤포넌트 입니다.
Grid를 활용하면 MS Excel처럼 업무화면내에서 검색, 정렬, 계산이 가능하고 차트를
포함, 다양한 형태로 업무화면을 구성합니다.
Grid영역
기타 UI
영역

3. Grid의 필요성
환경의
변화
웹 표준
확산
웹 개발
자원 부족
 모바일
 클라우드 환경
 Multi-browser
 웹 기술의 발전
 HTML5 표준 등장
 윈도우 종속 탈피
 사용자가 직접 접
하는 업무화면 UI
관심 증대
 Front-end 개발자
부족
ROI
 ROI에 대한 관심
 신규 개발 보다
업그레이드에 관심
브로우저
호환성
확보
HTML5
표준 준수
Canvas
기반
ROI
향상

4. All round Grid player
GRID
Dataludi Grid는 어떤 OS, 브로우저에서도 사용이 가능하며
브로우저별로 별도의 제품구매와 개별 보완 개발작업이 필요 없습니다.

5. No Active-X, No plug-in
웹표준에 따른 제품으로 새로운 브로우저가 출시되어도 추가 개발이 필요 없습니다.
웹 표준에 없는 기능을 사용하기 위해
브로우저별 별도의 active-X, plug-in
개발하여 설치
Internet Explorer, Chrome,
Firefox, Safari…
HTML5 Canvas 기반 Grid
기존 개발
브로우저
웹 표준으로 별도 프로그램이 필요치
않으며 어떤 브로우저에서도 사용
Internet Explorer, Chrome,
Firefox, Safari…
브로우저
HTML5
activeX Plug-in
실행
파일
activeX Plug-in
실행
파일

6. CS 프로그램 수준의 UI 표현
Dataludi Grid은 web에서 기존 desktop CS 프로그램 수준의 UI를 구현합니다.
Column
Style
Cell
Renderer
Column
Dynamic Style
Series
Column

7. Grid도입 효과 (ROI 향상)
웹 기반
기술 부족
개발 시간
개발
자원 부족
GRID
브로우저
호환성
해결
개발 시간
단축
프론트-
엔드 개발
해결
HTML5
표준 기반의
GRID 활용한
프로젝트
ROI
향상
웹 개발 문제점

8. 시스템 구성
DBMS
Legacy
System
Applica-
tions
PC
Mobile
Tablet
...
Web
Server client
WAS
Dataludi Grid은 웹 스크립 언어로 부터 독립적이므로 JSP, ASP, PHP, JAVA, 닷넷 등 모
든 프로그램 언어를 지원하며 tomcat, IIS, web-logic, webspere 등 어떤 WAS(Web
Application Sever)에서도 사용할 수 있습니다.
csv, xml, Json 등 모든 형태의 데이터를 활용할 수 있습니다.
Data
Provider
Grid
Viewer

9. Grid 다양한 레이아웃 지원
Column Grouping Row Grouping
Fixed Row Fixed Column
Tree

10. Grid 편집 기능 제공
Sorting
리스트 편집
텍스트 편집
Column Footer Excel Exporting

11. Web data Experience With Dataludi UI
Dataludi Grid
For more information
박경, Dataludi Inc.
E-Mail : kpark@dataludi.com
Mobile : 010-3721-5456
 개발에 필요한 API를 살펴 보세요.
http://helpme.dataludi.com/projects/grid/api/ko/index
 다양한 그리드 예제를 참조 보세요.
http://helpme.dataludi.com/projects/grid/demo/ko
 미리 제품을 체험해 보세요.
http://ui.dataludi.com/ko/license