표제지
국문초록
ABSTRACT
목차
Ⅰ. 서론 11
1. 연구배경 및 목적 11
2. 연구내용 및 방법 13
Ⅱ. 이론적 배경 14
1. 유비쿼터스 14
1.1. 유비쿼터스 개념 및 특징 14
1.2. 유비쿼터스 컴퓨팅의 발전 16
2. 모바일과 모바일 컨텐츠 18
2.1. 모바일(Mobile) 정의 및 특징 18
2.2. 모바일의 컨텐츠 동향 21
2.2. 모바일 컨텐츠 발전 25
3. 모바일 컨텐츠 UI 26
3.1. UI 디자인의 개요와 필요성 26
3.2. UI 디자인의 일반원칙 28
3.2.1. U I 디자인 요소 28
3.2.2. UI 디자인의 일반원칙 29
3.3. 모바일 컨텐츠 UI 30
3.3.1. 모바일 컨텐츠 U I 개념 30
3.3.2. 모바일 환경에서의 G U I 구성요소 32
3.3.3. G raphic U ser Interface의 특징 33
Ⅲ. 유비쿼터스에서 G·I를 적용한 모바일 컨텐츠 U I 모형 제안 35
1. Graphic ID 35
1.1. Graphic ID 배경 35
1.2. Graphic ID의 개념 및 특징 36
2. Graphic ID를 적용한 모바일 컨텐츠 개발 39
2.1. Graphic ID를 적용한 모바일 컨텐츠 개발 원칙 39
2.2. Graphic ID를 적용한 모바일 컨텐츠 개발 생성방법 41
3. Graphic ID를 적용한 모바일 컨텐츠 UI 모형 분석 및 설계 43
3.1. Graphic ID를 적용한 모바일 컨텐츠 UI 모형 개발 원칙 43
3.2. Graphic ID를 적용한 모바일 컨텐츠 UI 모형 개발 프로세서 45
3.3. Use Case Diagram 46
3.4. Sequence Diagram 51
Ⅳ. G raphic ID 를 적용한 모바일 컨텐츠 U I의 프로토타입 사례제작 57
1. Graphic ID를 적용한 모바일 컨텐츠 UI 프로토타입 사례 제작 57
1.1. 그리드 시스템 58
1.2. 네비게이션 시스템 64
1.3. UI 세부적인 디자인 시스템 66
2. Graphic ID를 적용한 모바일 컨텐츠 UI의 프로토타입 사례 제작 결과 76
2.1. 전체 컨텐츠 네비게이션 화면 적용사례 76
2.2. 컨텐츠 이용 네비게이션 적용사례 79
2.2.1. 저장 컨텐츠 이용 적용사례 79
2.2.2. 컨텐츠 인증 저장 수정 이용 적용사례 80
2.2.3. 컨텐츠 사용자 지정 저장 컨텐츠 이용 적용사례 81
Ⅴ. 결론 및 기대효과 82
참고문헌 84
[그림 1] 유비쿼터스 컴퓨팅 개념도 14
[그림 2] 모바일 개념도 19
[그림 3] 무선인터넷 가입자 규모 23
[그림 4] 무선인터넷 단말 시장 23
[그림 5] 이동통신 국가별 발전 단계 흐름도 24
[그림 6] 인간-기계 시스템에서의 인터페이스 26
[그림 7] UI Design의 궁극적인 목표 27
[그림 8] UI Design의 요소 28
[그림 9] 컴퓨팅 개발동향 35
[그림 10] 기존ID를 사용한 컨텐츠 인증방식과 Graphic ID를 사용한 컨텐츠 인증 방식 37
[그림 11] Graphic ID를 적용한 모바일 컨텐츠 개념도 42
[그림 12] Graph ID를 적용한 모바일 컨텐츠 UI 모형 설계 흐름도 46
[그림 13] MGI 전체 구조 Use Case 47
[그림 14] MGI 사용자 메인 Use Case 48
[그림 15] 사용자의 관리 Use Case 49
[그림 16] 컨텐츠 관리 Use Case 50
[그림 17] 사용자관리 Seqence Diagram 51
[그림 18] 옵션관리 Seqence Diagram 52
[그림 19] 검색 Seqence Diagram 53
[그림 20] 정보보관 Seqence Diagram 54
[그림 21] 리스트 Seqence Diagram 55
[그림 22] Graphic ID를 적용한 모바일 컨텐츠 UI 모형 전체 완성도 56
[그림 23] MGI의 메인 프로토타입 58
[그림 24] MGI의 사용자 메인 프로토타입 58
[그림 25] 세부그룹 보기 프로토타입 59
[그림 26] MGI 세부컨텐츠 보기 프로토타입 59
[그림 27] MGI 세부 컨텐츠 인증 가능 보기 프로토타입 60
[그림 28] MGI 세부컨텐츠 그룹 이용 전 프로토타입 60
[그림 29] MGI 세부컨텐츠 이용 프로토타입 61
[그림 30] MGI 인증체크 저장 프로토타입 61
[그림 31] MGI 인증체크저장 보기 프로토타입 62
[그림 32] MGI 정보보관 정보 보기 프로토타입 62
[그림 33] MGI 저장 그룹 정하기 프로토타입 63
[그림 34] MGI 사용자그룹 정하기 프로토타입 63
[그림 35] MGI의 전체 네비게이션 시스템 도식화 65
[그림 36] MGI Logo 기본형 66
[그림 37] 로그인 인증 컬러 66
[그림 38] 메뉴 페이지 컬러 66
[그림 39] MGI의 주메뉴 아이콘 모티브 68
[그림 40] MGI세부 메뉴 아이콘 모티브 69
[그림 41] MGI의 아이콘 응용형 적용 70
[그림 42] 컬러 시스템 71
[그림 43] MGI의 전체 컬러 시스템 72
[그림 44] 로그인 인증 컬러 73
[그림 45] 메뉴 페이지 컬러 73
[그림 46] MGI Logo 기본형 73
[그림 47] MGI의 각 카테고리별 컬러적용 사례 74
[그림 48] MGI의 주카테고리 아이콘 컬러적용 사례 75
[그림 49] MGI의 메인 페이지 적용사례 76
[그림 50] MGI의 사용자 확인 페이지 적용사례 76
[그림 51] MGI의 사용자 메인 페이지 적용사례 76
[그림 52] MGI의 개인관리 페이지 적용사례 77
[그림 53] MGI 옵션관리 페이지 적용사례 77
[그림 54] MGI 검색 페이지 적용사례 77
[그림 55] MGI 검색 페이지 적용사례 77
[그림 56] MGI의 정보보관 페이지 적용사례 77
[그림 57] MGI의 개인관리 세부 그룹의 컨텐츠 이용 페이지 적용사례 77
[그림 58] MGI의 옵션관리 세부그룹 이용페이지 적용사례 78
[그림 59] MGI의 정보보관 세부 컨텐츠 이용 페이지 적용사례 78
[그림 60] MGI의 세부 저장 컨텐츠 이용 페이지 적용사례 78
[그림 61] MGI의 컨텐츠 수정 인증 페이지 적용사례 78
[그림 62] MGI의 사용자 지정 저장그룹 선택 페이지 적용사례 78
[그림 63] MGI의 사용자 지정 그룹명 입력 페이지 적용사례 78
[그림 64] MGI의 저장 컨텐츠 이용 네비게이션 적용도 79
[그림 65] MGI의 컨텐츠 인증 저장 수정 이용 네비게이션 적용도 80
[그림 66] MGI의 사용자 지정 저장 컨텐츠 이용 네비게이션 적용도 81
[표 1] 유비쿼터스 환경의 지향점 15
[표 2] 모바일 무선인터넷 멀티미디어 서비스 21
[표 3] 아바타와 Graphic ID 비교 38
[표 4] ID와 Graphic ID 비교 39