1. JAVA기반 AJAX 웹 UI 프레임웍
드래그홈 홈페이지 제안서
2010년 07월 31일

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

3. Ⅰ. 웹 UI 프레임웍

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

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://www.draghome.com

14. 7. 드래그홈 제작 사례 - 2
사이트명 : 한국장애인직업재활원
도메인명 : http://www.4cloverlove.co.kr

15. 7. 드래그홈 제작 사례 - 3
사이트명 : 바로이사 익스프레스
도메인명 : http://www.baro24.kr

16. 7. 드래그홈 제작 사례 - 4
사이트명 : 부킹코리아
도메인명 : http://www.buking.co.kr

17. 7. 드래그홈 제작 사례 - 5
사이트명 : 과외중계
도메인명 : http://study.draghome.com

18. 7. 드래그홈 제작 사례 - 6
사이트명 : 교수평가
도메인명 : http://www.rateple.com

19. 7. 드래그홈 제작 사례 - 7
사이트명 : 팬션홍보
도메인명 : http://pension.draghome.com

20. 8. 드래그홈 개발환경
- JAVA / JSP
- iBatis 3
- Freemarker
- Lucene 2.9.1
- Mysql 5.1 이상 (다른 데이타베이스 이전 가능)
- jQuery 1.4.2
- jQueryui 1.8.1
- jQuery Tools 1.1.2
- Draghome CSS 0.1

21. 8. 드래그홈 개발환경
모듈정의 자바개발 템플릿
단위모듈

22. 9. 끝맺음
이 세상에 홈페이지 개발자는 많이 있습니다.
하지만 드래그홈 솔루션같은 시스템을 개발할 수 있는 개발자는
많지 않습니다.
웹표준을 잘이해하고 최신 자바스크립트 처리에 능숙하며
거기에 획기적인 웹빌더 드래그홈 솔루션을 개발한 개발자라면
고객의 어떤 요구라고 즉시 처리해드릴 수 있습니다.

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