드래그홈2013표준제안서

1. JAVA기반 AJAX 웹 UI 프레임웍
드래그홈 제안서
2013년 07월 11일

2. 목차
웹 UI 프레임웍
1. 웹 UI 프레임웍 개요
2. 웹 UI 프레임웍 활용
3. 드래그홈 제안배경
4. 드래그홈 개요
5. 드래그홈 특징
드래그홈 소개
6. 드래그홈 관리자화면
7. 드래그홈 제작 사례

3. Ⅰ. 웹 UI 프레임웍

4. 1. 웹 UI 프레임웍 개요
글로벌 표준
XHTML/CSS
웹표준화
모바일로의
확장
모듈화
모바일웹
MVC 기반
모듈의 재사용

5. 2. 웹 UI 프레임웍 활용
개인
기업
블로그
기타
뉴스
업무
시스템
커뮤니티
쇼핑몰
인트라넷
개인화

6. 3. 드래그홈 제안배경
• 드래그홈은 홈페이지를 구성하는 모든 요소들을 모듈화(모듈or위젯)
하여 드래그만으로 원하는 시스템을 구축할 수 있는 웹 UI 프레임웍
입니다.
• 웹표준을 준수하여 브라우저에 상관없이 동일한 화면으로 서비스할
수 있습니다.
• 자바기반의 MVC모델로 개발하여 확장이 용이할 뿐 아니라 개발자와
디자이너의 업무를 확실하게 구분할 수 있습니다.
• iBatis, Freemarker, lucene, jQuery(Core&UI&플러그인) 등을 활용
하여 개발이 쉽고 ajax을 활용한 다이나믹한 효과를 구현할 수 있습
니다.

7. 4. 드래그홈 개요
• JAVA 기반 AJAX 웹 UI 프레임웍
• 웹표준 준수 (익스플로러, 파이어폭스, 크롬, 사파리, 오페라)
• 다국어 가능
• jQuery 자바스크립트 프레임웍 사용
• 자체 드래그홈 CSS 프레임웍 사용

8. 5. 드래그홈 특징
▶ 직관적인 UI 제공
- 페이지 개발을 모두 드래그로 처리하는 직관적인 유저 인터페이스를 제공합니다.
- 단위 모듈들을 모두 위젯 형태로 제공되기 때문에 원하는 기능의 위젯을 드래그만 하면 원하는 페이지로
변경됩니다.
▶ 개발의 편리성
- JAVA 기반 MVC 모델로 개발하여 새로운 모듈 추가가 용이합니다.
- 개발자와 디자이너의 업무 구분이 명확하여 개발기간이 단축됩니다.
▶ 유지비용 절약
- 시스템을 변경하거나 디자인을 변경할 때 필요한 모듈이나 템플릿만 수정하면 되므로 유지비용이 절약됩
니다.
- 회사 홈페이지. 지역 홈페이지, 내부 업무시스템을 하나의 드래그홈 프레임웍으로 제공할 수 있습니다.
- 직관적인 UI 제공으로 페이지를 제작하므로 내부사용자가 쉽게 적응하여 직원 교육비용이 절약됩니다.
▶ 웹모바일 활용
- 웹모바일용 템플릿 제공으로 회사홈페이지나 업무시스템을 모바일로 손쉽게 확장이 가능합니다.

9. Ⅱ. 드래그홈 소개

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

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

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

13. 7. 드래그홈 제작 사례 - 1
사이트명 : 코리아타운 가이드
도메인명 : http://yellow.draghome.com

14. 7. 드래그홈 제작 사례 - 2
사이트명 : 지팡이
도메인명 : http://elearn2.draghome.com

15. 7. 드래그홈 제작 사례 - 3
사이트명 : 채널스타
도메인명 : http://chstar3.draghome.com

16. 7. 드래그홈 제작 사례 - 4
사이트명 : 99샵
도메인명 : http://www.99shop.co.kr

17. 7. 드래그홈 제작 사례 - 5
사이트명 : 상담인
도메인명 : http://sangdam.draghome.com

18. 7. 드래그홈 제작 사례 - 6
사이트명 : 페이브 클래식
도메인명 : http://fave.draghome.com

19. 7. 드래그홈 제작 사례 - 7
사이트명 : 페이브 클래식
도메인명 : http://fave.draghome.com

20. 감사합니다.
회 사 명 : 라이브피드
전화번호 : 02 – 2066 -1440
팩스번호 : 02 – 2618 - 1440
홈페이지 : http://www.draghome.com