[표지]
연구개요
목차
I. 연구배경 및 목적 9
II. 연구방법 및 절차 12
1. 선행연구 분석 13
2. 시범개발 과목 선정 13
3. 모델에 따른 설계 14
4. 개발 14
5. 개발물 검증 및 반응 분석 14
1) DMC 워크숍 15
2) 개발자 및 교수자 인터뷰 15
3) 학습자 설문 15
6. 확대 적용을 위한 제반사항 분석 18
III. 선행연구 분석 19
1. 대학간 네트워크 기반 평생교육 활성화를 위한 스마트러닝 환경 구축 방안 연구 19
1) 연구의 개관 19
2) 성인학습자를 위한 스마트러닝 프레임워크 및 고려사항 20
2. 방송대 스마트러닝 구현을 위한 콘텐츠 서비스 중장기 전략개발 22
1) 연구의 개관 22
2) 스마트러닝을 위한 단계적 콘텐츠 모델 23
3) 스마트 콘텐츠 개발, 서비스 관련 주요 계획 25
IV. 시범개발 구현 범위 및 특징 27
1. 구현범위 27
2. 반응형 웹 28
1) 반응형 웹 디자인이란? 28
2) 반응형 웹 적용 사례 33
3) 한국방송통신대에서의 반응형 웹/콘텐츠의 필요성 36
V. 설계 및 개발 38
1. 설계 38
1) 콘텐츠 교수설계 38
2) 반응형 웹 디자인 적용을 위한 모바일 인터페이스 설계 45
2. 개발 48
1) 콘텐츠 개발 48
2) 반응형 웹 디자인 개발 61
VI. 시범개발에 대한 반응 69
1. 개발자의 반응 69
1) 시범개발 참여에 대한 전반적인 반응 69
2) 개발과정에 대한 반응 70
3) 시범개발 결과에 대한 반응 72
4) 확대적용에 대한 반응 72
2. 담당 교수의 반응 74
1) 시범개발 참여에 대한 반응 74
2) 개발과정에 대한 반응 74
3) 연구결과의 확대적용에 대한 반응 76
3. 학습자 반응 76
1) 반응형 웹 콘텐츠 적용에 대한 학습자들의 반응 77
2) 스마트 콘텐츠 전략 적용에 대한 학습자들의 반응 85
VII. 결론 및 제언 89
참고문헌 96
부록 1. 학습자 대상 설문지 98
부록 2. 교수대상 인터뷰 질문지 109
부록 3. 개발자대상 인터뷰 질문지 111
부록 4. 반응형 웹 디자인 수정과정 예시 113
판권기 117
〈표 II-1〉 학생설문 응답자 특성 16
〈표 II-2〉 교차분석을 위한 집단 구분 17
〈표 III-1〉 스마트러닝을 위한 단계적 콘텐츠 최종모델 24
〈표 III-2〉 모델에 기반 한 스마트 콘텐츠 개발, 서비스 관련 주요 계획 요약 25
〈표 IV-1〉 반응형 웹 구현방식 32
〈표 V-1〉 1단계 모델에 따른 콘텐츠 구현전략 설계 38
〈표 V-2〉 콘텐츠 주요 요소별 스마트 폰 작은 화면을 위한 인터페이스 설계 46
〈표 V-3〉 1차시 주요 설계전략 및 구현화면 예시 48
〈표 V-4〉 3차시 주요 설계전략 및 구현화면 예시 51
〈표 V-5〉 5차시 주요 설계전략 및 구현화면 예시 52
〈표 V-6〉 6차시 주요 설계전략 및 구현화면 예시 54
〈표 V-7〉 8차시 주요 설계전략 및 구현화면 예시 55
〈표 V-8〉 9차시 주요 설계전략 및 구현화면 예시 56
〈표 V-9〉 10차시 주요 설계전략 및 구현화면 예시 57
〈표 V-10〉 13차시 주요 설계전략 및 구현화면 예시 58
〈표 V-11〉 14차시 주요 설계전략 및 구현화면 예시 59
〈표 V-12〉 15차시 주요 설계전략 및 구현화면 예시 60
〈표 VI-1〉 스마트폰/스마트 패드 보유 여부 77
〈표 VI-2〉 주요 수강 기기 77
〈표 VI-3〉 주요 수강방법 79
〈표 VI-4〉 반응형 웹 적용 콘텐츠에 대한 학습자들의 인식 80
〈표 VI-5〉 반응형 웹 콘텐츠 수강 중 불편했던 점 83
〈표 VI-6〉 스마트 전략 적용에 대한 학습자들의 인식 85
〈표 VI-7〉 스마트 콘텐츠 전략 확대에 대한 학습자 인식 87
〈표 VII-1〉 시범개발 결과 요약 89
〈표 VII-2〉 시범개발에 대한 반응 요약 91
〈표 VII-3〉 반응형 웹 전면 시행시 DMC 그래픽팀의 웹 담당 인원 구성 93
[그림 II-1] 연구방법 및 절차 12
[그림 III-1] 성인학습자를 위한 스마트러닝 프레임워크 21
[그림 III-2] 스마트러닝 적용시 연령대별 고려사항 22
[그림 IV-1] 스마트러닝 모델 1단계 구현을 위한 필요 개발 활동 및 결과 28
[그림 IV-2] 반응형 웹 디자인 화면 구현 예시 29
[그림 IV-3] 반응형 웹 도입 사이트 31
[그림 IV-4] 반응형 콘텐츠 개발 31
[그림 IV-5] 반응형 콘텐츠 적용 사례 34
[그림 IV-6] 반응형 웹 도입 사례 35
[그림 IV-7] 반응형 콘텐츠 도입 사례 36
[그림 V-1] 제스처컨트롤 예시화면 41
[그림 V-2] 증강현실 구현 예시화면 42
[그림 V-3] 기존 콘텐츠 개발절차와 반응형 웹 콘텐츠 개발 절차 비교 61
[그림 V-4] 기기별 기본 디자인 64
[그림 V-5] 반응형 웹 디자인 적용 '들어가기' 화면 65
[그림 V-6] 반응형 웹 디자인 적용 '학습하기' 화면 66
[그림 V-7] 반응형 웹 디자인 적용 '연습하기' 화면 67
[그림 V-8] 반응형 웹 디자인 적용 '정리하기' 화면 68
[그림 VI-1] 반응형 웹 콘텐츠 제공의 학습 도움 여부에 대한 학습자 인식 82
[그림 VI-2] 스마트 콘텐츠 전략 확대에 대한 학습자 인식 87
[그림 VII-1] 반응형 웹 업무 프로세스 94