1. 웹 UI 프레임웍 개요2. 웹 UI 프레임웍 활용3. 드래그홈 제안배경4. 드래그홈 개요5. 드래그홈 특징

Ⅰ. 웹 UI 프레임웍

Ⅱ. 드래그홈 소개6. 드래그홈 관리자화면7. 드래그홈 제작 사례

목차

Ⅰ. 웹 UI 프레임웍

1. 웹 UI 프레임웍 개요

모듈화모바일웹

웹표준화MVC기반 모듈의

재사용글로벌 표준XHTML/CSS

모바일로의 확장

2. 웹 UI 프레임웍 활용

기업

기타

인트라넷

개인화

개인

업무시스템

뉴스

블로그

쇼핑몰

커뮤니티

• 드래그홈은 홈페이지를 구성하는 모든 요소들을 모듈화(모듈or위젯)하여 드래그만으로원하는 시스템을 구축할 수 있는 웹 UI 프레임웍입니다.

• 웹표준을 준수하여 브라우저에 상관없이 동일한 화면으로 서비스할 수 있습니다.

• 자바기반의 MVC모델로 개발하여 확장이 용이할 뿐 아니라 개발자와 디자이너의 업무를확실하게 구분할 수 있습니다.

• iBatis, Freemarker, lucene, jQuery(Core & UI & 플러그인) 등을 활용하여 개발이 쉽고ajax을 활용한 다이나믹한 효과를 구현할 수 있습니다.

3. 드래그홈 제안배경

• JAVA 기반 AJAX 웹 UI 프레임웍

• 웹표준 준수 (익스플로러, 파이어폭스, 크롬, 사파리, 오페라)

• 다국어 가능

• jQuery 자바스크립트 프레임웍 사용

• 자체 드래그홈 CSS 프레임웍 사용

4. 드래그홈 개요

• 페이지 개발을 모두 드래그로 처리하는 직관적인유저 인터페이스를 제공합니다.

• 단위 모듈들을 모두 위젯 형태로 제공되기 때문에원하는 기능의 위젯을 드래그만 하면 원하는 페이지로변경됩니다.

5. 드래그홈 특징

직관적인 UI 제공

• JAVA 기반 MVC 모델로 개발하여 새로운모듈 추가가 용이합니다.

• 개발자와 디자이너의 업무 구분이 명확하여개발기간이 단축됩니다.

• 시스템을 변경하거나 디자인을 변경할 때 필요한모듈이나 템플릿만 수정하면 되므로 유지비용이절약됩니다.

• 회사 홈페이지. 지역 홈페이지, 내부 업무시스템을하나의 드래그홈 프레임웍으로 제공할 수 있습니다.

• 직관적인 UI 제공으로 페이지를 제작하므로내부 사용자가 쉽게 적응하여 직원 교육비용이 절약됩니다.

• 웹모바일용 템플릿 제공으로 회사홈페이지나업무시스템을 모바일로 손쉽게 확장이가능합니다.

개발의 편리성

유지비용 절약 웹모바일 활용

Ⅱ. 드래그홈 소개

6. 드래그홈 관리자 화면 - 플랜

6. 드래그홈 관리자 화면 - 디자인

드래그

6. 드래그홈 관리자 화면 - 디자인

7. 드래그홈 제작 사례 - 1

사이트명 : 코리아타운 가이드 / 도메인명 : http://yellow.draghome.com

7. 드래그홈 제작 사례 - 2

사이트명 : 지팡이 / 도메인명 : http://elearn2.draghome.com

7. 드래그홈 제작 사례 - 3

사이트명 : 채널스타 / 도메인명 : http://chstar3.draghome.com

7. 드래그홈 제작 사례 - 4

사이트명 : 99샵 / 도메인명 : http://www.99shop.co.kr

7. 드래그홈 제작 사례 - 5

사이트명 : 상담인 / 도메인명 : http://sangdam.draghome.com

7. 드래그홈 제작 사례 - 6

사이트명 : 페이브 클래식 / 도메인명 : http://fave.draghome.com

7. 드래그홈 제작 사례 - 7

사이트명 : 페이브 클래식 / 도메인명 : http://fave.draghome.com

7. 드래그홈 제작 사례 - 8

사이트명 : 킹업 / 도메인명 : http://www.kingup.co.kr

7. 드래그홈 제작 사례 - 9

사이트명 : 대운하 / 도메인명 : http://www.chinaconsulting.co.kr

7. 드래그홈 제작 사례 - 10

사이트명 : 사고팜 / 도메인명 :

7. 드래그홈 제작 사례 - 11

사이트명 : BESTRATE / 도메인명 :

회 사 명 : 라이브피드

전화번호 : 02 – 2066 -1440

팩스번호 : 02 – 2618 - 1440

홈페이지 : http://www.draghome.com

감사합니다.