교수자를 위한 웹기반 수업제작 연구

碩士學位 請求論文

교수자를 위한 웹기반 수업제작 연구

國民大學校 敎育大學院 디자인 敎育專攻

白 炅 旼

2002

교수자를 위한 웹기반 수업제작 연구

A Study on the Preparation of Web-based Lessons for Instructors

指導敎授 : 박 영 목

이 論文을 碩士學位 請求論文으로 提出함

2002年 12月

國民大學校 敎育大學院 디자인 敎育專攻

白 炅 旼

2002

白炅旼 의

碩士學位 請求論文을 인준함

2002年 12月 日

審査委員長 : (印)

審査委員 : (印)

審査委員 : (印)

國民大學校 敎育大學院

논문 개요

교육에 있어서 웹은 아주 유용한 도구이다. 일단 온라인을 통하여 다양한 학습 정보를 공유할 수 있다는 것이 큰 장점이고 더 나아가 멀티미디어와 상호작용적 방법으로 학습을 할 수 있어 흥미를 더 할 수 있다. 그리고 웹의 교육적 가치 중 가장 큰 것은 교육학에서 지향하는 개별학습을 가능케 한다는 것이다. 이것은 교 육에서도 적용되는데 1대1학습을 통하여 개인의 특성에 맞게 학습 프로그램을 짤 수 있다. 교육과 학습 사이트를 디자인 할 때는 교육의 효과와 교사와 학생의 상 호작용 관계를 먼저 생각해야 한다.

기존 교육용 웹 사이트를 기능별로 교육포탈․컴퓨터교육․사이버대학․자격증 교육으로 나누어 화면구성이나 매체의 활용을 알아보았다. 그 결과 사이트의 성 격에 따라 중요하게 비중을 두는 요소가 다르다는 것을 알 수 있었다. 그리고 강 의 환경에서 다양한 매체의 선택보다는 기존 매체를 과목의 특성이나 교수자의 교수법에 맞게 잘 활용할 수 있도록 하는 방법을 선택하는 것이 더 중요하고 상 호작용을 위해서는 게시판과 같은 요소를 제시하였으나 이를 설치해 놓고 나서는 교사가 피드백을 얼마나 자주 해주는지에 따라 교사와 학생간의 상호작용이 원활 히 이루어질 수 있다.

웹 수업을 제작하려고 할 때 교실 수업에서 일어나는 교사와 학생의 상호관계, 학생과 학생의 상호관계, 학생과 내용의 상호관계가 웹 학습에서 일어나는 상호 관계와 똑같지는 않다. 여기서는 교실 수업과 웹 구성요소의 각각의 상호작용 관 계를 분석하여 서로의 대입관계를 알아보았다. 교실수업에 대치되는 웹 기반 수 업요소를 알아보고 웹 수업제작에 필요한 디자인 요소의 설계방향을 제시해 보았 다. 웹의 요소를 아직 잘 모르는 교사가 웹을 이용하여 수업안을 제작하려고 할 때에 교실 수업을 모티브로 하거나 웹의 장점을 최대한 살린 수업을 좀더 쉽게 제작 할 수 있도록 수업활동에서 일어나는 상호작용관계에 화면 구성요소를 어떻 게 적절히 배치해야 하는지 알아보았다.

강의와 실기 모듈에서는 강의화면을 우선적으로 생각하여 교사가 어떤 방법으 로 강의를 진행 할 것 인지를 결정한 뒤 필요한 매체를 선택한다. 일방적인 정보

제시만하는 수업이아니라 커뮤니케이션을 최대한 고려한 강의가 되도록 한다.

토론, 평가, 자유토론 등의 모듈에서는 교사와 학습자 또는 학습자와 학습자간 의 커뮤니케이션이 어떤 웹 상호작용 요소를 선택해야 가장 적절한지를 알아보고 수업 환경에 적절한 요소를 배치하도록 한다.

웹 수업을 제작할 때는 인터페이스측면에서 소프트웨어에 너무 치중해서 제작 하게 되면 주요목적전달에 방해가 될 수 있으므로 소프트웨어의 기능보다는 정보 를 쉽게 이해 할 수 있는 정도에서 꼭 필요한 기능을 선별하여 사용하고 컨텐츠 측면에서 본다면 강좌를 단순히 보여주기 위함이 아니라 커뮤니케이션의 도구로 생각하고 제작하여야 할 것이다.

국문초록 표목차 그림목차

I. 서론

1. 연구배경 및 목적 ··· 1

2. 연구내용 및 방법 ··· 2

II. 교실수업과 웹교육

1. 웹디자인의 개념 ··· 3

1.1 웹의 특징 ··· 3

1.2 User Interface ··· 5

1.3 UI 구성원리 ··· 5

1.4 UI 구성요소 ··· 7

2. 수업 ··· 11

2.1 수업의 개념 ··· 11

2.2 수업의 구성요소 ··· 12

3. 웹의 교육적 활용 ··· 15

3.1 웹 기반 교육 ··· 15

3.2 웹이 교육에 활용된 형태 ··· 20

3.3 웹에서 활용되는 교수-학습유형 ··· 22

III. 교육용 웹 제작의 사용환경

1. 멀티미디어 환경개념 ··· 25

1.1 멀티미디어 정의 ··· 25

1.2 멀티미디어 특성 ··· 26

1.3 웹에서의 멀티미디어 ··· 27

1.4 컴퓨터 화면 설계 원리 ··· 29

2. 웹 강의 화면구성 ··· 31

2.1 화면구성요소 ··· 31

2.2 웹 강의 구성요소 활용형태 ··· 35

2.3 강의컨텐츠 종류 ··· 38

3. 웹기반 교육의 유형 ··· 41

4. 웹기반 교육설계 방안 ··· 48

4.1 구조설계 ··· 48

4.2 문서 설계 ··· 52

4.3 인터페이스 설계 ··· 57

4.4 상호작용 설계 ··· 59

4.5 교사 및 학습자 역할 설계 ··· 61

5. 필수프로그램과 저작도구 ··· 64

IV. 교실수업 구성요소의 웹활용

1. 교육용 웹사이트 분석과 활용방법 ··· 67

1.1. 기존 사이트 선정기준 및 범위 ··· 67

1.2. 사이트 분석내용 ··· 68

1.3. 사용용도에 따른 웹구성요소 ··· 73

2. 교실수업 활동분석 ··· 90

2.1 교실 수업의 활동분석을 통한 장단점 ··· 90

2.2 교실 수업안 분석 ··· 94

2.3 웹활용 수업안 분석 ··· 102

2.4 교실 수업의 웹으로의 활용가능성 ··· 108

3. 교육용 웹 제작에 필요한 구성요소 분석 ··· 109

3.1 웹 구성요소 활용 ··· 109

3.2 교육용 웹 구성요소 분석 ··· 113

4. 교실 활동과 웹 구성요소의 상호관계 ··· 117

4.1 교실수업에서 일어나는 활동의 상호관계 ··· 117

4.2 웹의 상호작용관계 ··· 122

4.3 교실수업에 대응되는 웹 기반 수업 요소 ··· 123

5. 교육용 웹 제작에 필요한 디자인 요소 설계방향 ··· 126

V. 모듈별 웹 활용 제작방법 제시

VI.결론

참고문헌 ··· 133

Abstract ··· 135

표목차

[표1] 인쇄정보와 디지털 정보의 특성비교 - 14p

[표2] 정보통신기술 활용 학습 유형의 상호 연관표 - 46p [표3] 웹 페이지 구성의 일반적인 원칙 - 54p

[표4] 교육사이트 강의 구성내용 분석 - 70p

[표5] 에듀피아 메뉴제시 내용과 사용되는 웹 구성요소 - 75p [표6] 사용용도에 따른 웹 구성요소 대입 - 77p

[표7] starthomepage 메뉴제시 내용과 사용되는 웹 구성요소 - 81p [표8] 사용용도에 따른 웹 구성요소 대입 - 83p

[표9] 서울사이버대학 메뉴제시 내용과 사용되는 웹 구성요소 - 85p [표10] 사용용도에 따른 웹 구성요소 대입 - 89p

[표11] 교실 수업활동의 장단점-도입부분 - 91p [표12] 교실 수업활동의 장단점-전개부분 - 91p [표13] 교실 수업활동의 장단점-정리부분- 92p [표14] 단원의 지도 계획 - 94p

[표15] 본시 학습지도안 - 94p

[표16] 디자인 실기 수업안 상호작용요소 분석 - 101p [표17] 디자인 실기 수업안 상호작용요소 분석 - 101p [표18] 디자인 실기 수업안 상호작용요소 분석 - 102p [표19] 웹 활용 수업안 - 103p

[표20] 수업안 분석 - 104p [표21] 웹 활용 수업안 - 104p [표22] 수업안 분석 - 105p [표23] 웹 활용 수업안 - 106p [표24] 수업안 분석 - 107p

[표25] 커뮤니케이션의 수단 분석 - 114p

[표25] 커뮤니케이션 구성요소의 문서표현 방법 - 115p [표26] 교실수업에서의 상호작용 관계 - 118p

[표27] 교실수업에서의 상호작용 관계 - 119p [표28] 교실수업에서의 상호작용 관계 - 120p

[표29] 웹에서의 상호작용 관계 - 122p [표30] 상호작용에 따른 활용형태 - 123p [표31] 교실 수업에 대응되는 웹 요소 - 124p [표32] 교실 수업에 대응되는 웹 요소 - 125p [표33] 강의모듈 - 128p

[표34] 실기모듈 - 129p [표35] 토론모듈 - 129p

그림목차

[그림1] 네비게이션 구조가 잘 짜여진 사이트 - 8p [그림2] 메타포를 이용한 메뉴 - 9p

[그림3] 메타포를 사용한 대표적인 예 - 10p [그림4] 웹 요소의 시간/공간적 측면비교 - 16p [그림5] 일반적인 문자와 그림을 이용한 강의물 - 38p [그림6] 동영상이 제공되는 강의 - 39p

[그림7] GVA 형식의 강의물 - 40p [그림8] 저작도구로 제작한 강의 - 40p [그림9] 선형 구조 - 48p

[그림10] 계층 구조 - 49p [그림11] 네트워크 구조 - 50p [그림12] 검색형 구조(에듀넷) - 51p [그림13] 색인형 구조 - 51p

[그림14] 나모 웹에디터 4.0에서 ‘인쇄 미리보기 - 53p

[그림15] RealPlayer Plus를 이용하여 소리 정보를 듣고 있는 모습 - 56p [그림16] 사용자의 입력을 받아 처리하는 학습자-내용 상호작용 설계 - 59p [그림17] 학습자-교수자 상호작용의 예 - 60p

[그림18] 폼메일의 사용 - 60p [그림19] 대화방 - 61p

[그림20] 에듀피아 메인화면 - 73p [그림21] 강좌선택안내화면 - 75p [그림22] 문제은행체험화면 - 75p [그림23] 학습화면 - 76p

[그림24] 공지사항 - 76p [그림25] 상담게시판화면 - 76p

[그림26] starthomepage 메인화면 - 78p [그림27] 게시판 화면 - 81p

[그림28] 강의 화면 - 81p [그림29] 질문폼 화면 - 82p

[그림30] 사이버대학 메인 화면 - 84p [그림31] 총장인사화면 - 86p

[그림32] 보도자료화면 - 86p [그림33] 입학지원서작성화면 - 87p [그림34] 입학자료신청화면 - 87p [그림35] 온라인입학상담화면 - 87p [그림36] 강의화면 - 88p

[그림37] 프로그램다운로드화면 - 88p [그림38] 나모 웹에디터 제작화면 - 128p [그림39] 게시판 화면 - 129p

[그림40] 낙서장 - 130p

I.서론

1. 연구배경 및 목적

인터넷은 세계 각 곳에 있는 온갖 정보들을 접할 수 있는, 그야말로 학습자원 이 무궁무진한 공간이다. 그 많은 학습자원들은 시시각각 최신의 것으로 갱신 될 뿐만 아니라 새로운 자원들이 계속적으로 추가되고 있기 때문에 인터넷상에서 접 할 수 있는 학습 자원은 거의 무한하다고 할 수 있다. 풍부한 자원의 보고라는 점에서 인터넷의 교육적 가치는 이미 널리 인정되고 있다. 그러나 자원의 풍부함 이 곧 교육적 효과를 의미하는 것은 아니다. 그 보다는 인터넷이 제공하는 것이 무엇보다도 중요하다. 인터넷은 자원의 보고라는 점 이외에도, 교육적으로 활용할 만한 많은 장점을 가지고 있다.

이런 이유로 인하여 일선 학교에서는 인터넷을 수업의 일부분에 도입하여 사용 하기도 하고, 인터넷만을 이용하여 수업을 진행하기도 한다. 이를 학교교육에 쉽 게 도입하는 데는 교사의 절대적인 노력을 필요로 한다. 시간과 재정을 들여서 전문가들이 수업자료를 제작하기도 하지만, 급속한 속도로 변화하는 학교교육을 따라가기에는 아직 많은 문제점을 안고 있다.

교육용 웹을 제작하는데 아직 미숙한 교사가 웹으로 교육을 하기 위하여 웹 수 업 프로그램이나 학습방 등을 제작하려 한다면 간단히 설명된 웹 수업 설계모형 등을 이용해서는 제작하는데 많은 어려움이 있다.

따라서 본 연구는 기존 교육용 웹 사이트를 분석하여 강의 유형에 따른 화면구 성요소와 매체의 활용을 알아보고 어떤 요소를 이용하여 어떤 효과를 내는지 분 석한다. 교실수업에서 일어나는 활동에 대한 웹 구성요소의 상호관계를 알아보고 교사가 교실수업을 모티브로 하거나, 아니면 웹의 장점을 최대한 살린 수업을 제 작하려 할 때 각각의 강의․실기․토론․발표․평가 등의 모듈에 대한 웹 활용 방법을 제시함으로서 웹 기반 수업을 제작할 때 유용하게 쓰일 수 있도록 하는 데 그 목적이 있다.

2. 연구 내용 및 방법

본 연구는 웹을 기반으로 수업을 제작할 때 교실수업에서 일어나는 활동과 웹 을 제작하는 구성요소를 분석하여 서로의 상호관계를 대입해봄으로써 웹을 활용 한 수업을 제작할 때 보강할 수 있는 요소를 찾아보려고 한다.

II장 에서는 교실수업과 웹 교육의 특징을 알아보고 인터넷의 교육적 활용가능 성을 알아본다.

III장 에서는 멀티미디어 환경의 개념과 웹 강의 화면구성요소, 웹 기반 교육유 형, 교육 설계 방안 등의 웹 제작의 사용 환경에 대해서 알아본다.

IV장 에서는 기존 교육용 웹을 분석하여 현 상황을 진단해 보고 강의 화면의 구성을 통해 보충할 사항을 알아본다.

첫 번째 일반적으로 일어날 수 있는 교실 수업활동을 분석하고 교실 수업활동 들의 장점과 단점을 알아본다.

두 번째 일반 고둥학교에서 실시되는 디자인과목 수업안의 교사와 학생의 상호 작용요소를 분석하고 활동요소를 추출하여 정보제시를 위한 활동인지 의사소통을 위한 활동인지 분류한다.

세 번째 교육용 웹 제작에 필요한 구성요소의 활용법을 알아보고 교실수업에서 일어나는 활동과 웹 구성요소의 각 요소별 상호작용 관계를 비교해본다.

V장 에서는 II장 과 III장, IV장에서 알아본 문헌과 분석을 통하여 각 모듈별 웹 활용 방법을 제시한다.

II. 교실수업과 웹 교육

1. 웹 디자인의 개념

1.1. 웹의 특징

90년대 들어 개인용 컴퓨터의 사용자 환경이 그래픽 중심(Graphics User Interface)으로 바뀜에 따라 텍스트로 이루어진 명령어를 입력하는 방식은 점차 호응을 받지 못하고 있다. 특히 컴퓨터 운영체제의 주도권이 도스에서 윈도우로 넘어감에 따라 네트워크 환경도 이를 따르지 않을 수 없게 되었다. 이에 따라 인 터넷 사용자들도 명령어를 일일이 입력해야 하는 텍스트 모드의 서비스보다 마우 스를 움직여 처리하는 그래픽모드의 서비스를 선호하게 되었다. 이런 경향에 맞 추어 급격히 관심을 받게 된 인터넷 서비스가 WWW(World- Wide Web)이다.

웹은 하이퍼텍스트의 원리를 응용하여 인터넷을 활용하는 하나의 방법적 체제이 다. 기술적으로 말하면 TCP/IP 라는 통신 규약을 바탕으로 성립하는 규약인 HTTP(Hyper Text Transfer Protocol)규약을 지키는 디지털 통신의 방법이다.

이것은 1990년 스위스 제네바네 위치한 유럽 물리학자들 사이에 정보소통을 원활 이 한다는 목적하에 탄생하게 된 것으로 컴퓨터 네트웍을 활용하여 기존의 텍스 트 위주의 정보만이 아니라 소리, 영상, 동영상, 등의 멀티미디어 까지를 포함하 는 종합적인 정보를 교환 할 수 있도록 하는 정보교환의 체제(System)를 말한다.

웹의 중요한 기능의 하나는 다른 컴퓨터에 직접 연결하는 기능이 있다. 자주 찾는 컴퓨터의 자료를 검색한다고 할 때, 일일이 처음부터 검색을 시작 할 필요 없이 주소(URL)만 입력하면 곧바로 자료를 전송 받을 수 있다. 하이퍼텍스트를 기반으로 하는 웹은 기존의 어떠한 인터넷 서비스보다 강력한 기능을 가지고 있 다. 웹은 단순히 문자뿐만 아니라 이미지, 음성, 동화상 등 다양한 형태의 자료를 포함하고 있으며 다양한 종류의 인터넷 자원들과 연결되어 있어서 텔넷, 고퍼, 유 즈넷 등과 같은 기존의 여러 가지 인터넷 서비스도 이용할 수 있다.

현재에는 하이퍼텍스트의 개념이 진일보하여 현재는 하이퍼미디어¹⁾ (Hypermedia, Hypertext + Multimedia)라는 개념으로 발전하였다 하이퍼미디어 는 관련된 문서들끼리 연결된 하이퍼텍스트와는 달리 음성, 이미지, 동화상과 같 은 다양한 매체들끼리 결합한 정보의 형태로 웹상에서 쉽게 이용할 수 있는 개념 이다. 이 개념을 이용하면 코끼리라는 단어를 마우스로 누르기만 하면 코끼리의 울음소리를 듣거나 코끼리 그림을 볼 수 있고 심지어 아프리카 초원을 거니는 코 끼리의 비디오를 즉시 동작할 수도 있다. 이때 코끼리의 울음소리를 저장하여 제 공하는 컴퓨터는 미국의 대학교에 있을 수도 있고 코끼리의 그림을 제공하는 컴 퓨터는 영국의 박물관에 있는 컴퓨터가 될 수 도 있다. 또한 아프리카 코끼리의 움직이는 비디오 정보는 위치와는 상관없이 관련된 단어나 그림을 마우스로 누르 기만 하면 인터넷을 통하여 마치 관련된 정보들이 자기가 사용하고 있는 컴퓨터 에 저장된 것처럼 쉽게 이용할 수 있는 편리한 사용자 환경을 제공해 준다. 이제 웹을 통하여 우리는 정보화 시대를 실감하고 있으며 1990년에 마이크로소프트가

‘손가락 끝 하나로 모든 정보를(Information at Your Fingertips)'이라는 개념을 주장한지 막 5년이 지난 시점에서 인터넷과 웹을 통하여 꿈이 아닌 현실로 다가 오고 있다.²⁾

또 하나의 웹에서 빼놓을 수 없는 기능은 다른 어떤 인터넷 프로그램보다 방대 하며 정확한 색인목록을 제공하고 있는 것이다. 이 색인 목록을 가진 페이지들은 그 자체가 대형 컴퓨터로 구성된 경우가 많은데, 찾고 싶은 자료의 구체적인 정 보가 없을 경우 그 자료의 특정 주제만 알고 있다면 웹의 검색 페이지를 활용하 여 매우 효율적으로 원하는 자료를 찾을 수 있다.

이러한 웹의 특징을 요약하면 다음과 같다.

1) 멀티미디어와 하이퍼미디어의 제어 , 포맷, 동기, 다중화 방식 등을 표준화하는 ISO의 위원회 또 는 그 위원회가 정한 동화상의 국제표준을 일컫는다. MPEG 시스템의 상위 개념으로 멀티미디어 데이터의 표준화는 물론 정지화면과 문자를 링크하는 하이퍼미디어의 표준화까지 대상으로 하고 있다. 하이퍼미디어란 하이퍼텍스트의 확장된 개념으로서 문자뿐만 아니라 소리, 애니메이션, 그 래픽, 비디오, 정지화상, 동화상 등으로 혼합한 형태를 나타내기 위한 방법이다.

2) http://kmh.yeungnam-c.ac.kr/subdoc/ch4-1.htm

첫째. 하이퍼텍스트의 근본개념에서 출발한 체제이다.

둘째. 지역적 제한을 넘어서 전 세계적으로 연결될 수 있는 개방된 체제이다.

셋째. 웹은 사람들의 능동적인 참여를 가능하게 하는 사회성을 가진 체제이다.

넷째. 웹은 다른 어떤 인터넷보다 자료가 방대하고 정확한 색인 목록을 제공한 다.

다섯째. 웹은 주소만 입력하면 다른 컴퓨터에 직접 연결하는 기능이 있다.

위와 같이 웹은 다른 어떤 매체보다 독특하고 기능이 다양한 매체이므로 수업 이나 학습에서 유용하게 활용할 수 있다.

1.2. User Interface

인터페이스란 인간과 컴퓨터 간의 커뮤니케이션 하는 모든 것을 말한다.

웹에서의 인터페이스는 고객(방문자), 사이트 운영자(개발자), 제공하는 정보(가 치)와 커뮤니케이션 하는 모든 것을 말한다. 일반 사용자들이 컴퓨터 시스템 또 는 프로그램에서 데이터 입력이나 동작을 제어하기 위하여 사용하는 명령어 또는 기법을 말한다. 사용자가 컴퓨터나 프로그램과 의사소통을 하고 쉽고 편리하게 사용될 수 있도록 하는 것이 목적이다. 사용자는 웹에서 네비게이션, 아이콘, 텍 스트, 이미지, 링크, 이동버튼 등으로 보고, 듣고, 접촉하게 되며 좋은 인터페이스 는 이러한 요소들로 인해 사용자가 원하는 정보를 좀더 쉽고 빠르고 편리하게 얻 을 수 있도록 도와줘야한다.

1.3 UI 구성원리

1) 일관성

일관성은 처음부터 끝까지 한결 같은 성질을 말한다. 한결같은 웹 사이트의 성 질을 유지하기 위해서는 네비게이션 할 수 있는 각종 장치(버튼의 위치, 모양, 크 기 등), 페이지 레이아웃, 컬러, 레이블링 등의 계획이 일관성 있게 유지되어야 3) Web Design 2001.1. 78p

한다.

일관된 사용자 인터페이스는 사용자가 사이트의 구조를 쉽게 학습 할 수 있어 편리하게 정보를 찾아 갈수 있을 뿐 아니라 사용자들의 네비게이션하는 패턴이 일관되기 때문에 다음 행동 예측까지 가능하게 된다. 이러한 예측은 사이트 제 작자들에게 사용자 중심의 인터페이스 설계를 가능하게 하며 사용자들에게는 무 의식적으로 사이트를 이해할 수 있도록 도와준다. 또한 실생활과의 연관성을 가 져다주는 메타포를 응용함으로서 실생활과의 일관성을 부여하는 방법을 사용』도 한다.

웹에서의 메타포란 실제 생활에서의 행동, 사고, 사물 등을 인터페이스를 통해 은유하는 것을 말한다. 사용자는 실생활에서의 행동양식을 웹에서 체험함으로서 친근감 있는 웹 사이트로 기억하게 된다. 한마디로 웹 사이트의 일관성을 원활한 의사소통을 위한 첫 번째 요소이며 웹 아이덴티티 형성에 큰 영향을 미친다.

2) 사용 편의성

웹 사이트는 사용자가 중심이다. 쉽고 편리한 웹 사이트는 이용하면서 아무런 어려움도 느끼지 못하도록 사용자 중심으로 설계하며 사용자들에게 편리한 사용 환경을 제공해준다. 그렇기 때문에 사용자들은 쉽고 편리한 웹 사이트에는 자주 방문하고 오랫동안 머물게 되나 반면에 어렵거나 불편한 웹 사이트는 바로 떠나 게 된다.

사용자들에게 좀 더 친근하고 편리한 웹 사이트를 설계하기 위해 사용성 테스 트를 실시하는데 이것은 웹 사이트의 편의성 설제를 측정하기 위한 것이다.

사용 편의성에 대한 중요성은 아무리 강조해도 지나치지 않는다. 이것은 사용 자로 인해 생명력을 가지기 때문이며, 인터페이스는 사용자가 원하는 작업을 원 활 히 하기 위하여 제공되어야 한다.

3) 학습 용이성

학습성이라는 것은 해당 사이트를 처음 방문했거나 익숙하지 않은 사용자들이 얼마나 쉽고 빠르게 사이트의 사용법을 배울 수 있는가에 관한 것이다. 일관성이

있고 사용이 편리한 사이트는 그 사용법에 대해 쉽게 학습하게 되어 사이트의 이 해도를 높여준다

그 외 Ul디자인 구성원리에는 의사 소통성, 경제성, 접근 가능성 등이 있다.

1.4. Ul 구성요소

1) 네비게이션

서핑이란 것을 하다 종종 길을 잃는다. 해당 웹 사이트를 직접 제작, 운영하는 사람이 아닌 이상 사용자가 접속한 웹 사이트의 맵, 그 구조를 한눈에 알아차리 고 원하는 페이지, 원하는 정보로 바로 가기란 쉬운 일이 아니다.

좋은 네비게이션을 위한 몇 가지 고려사항을 알아보면 다음과 같다.

가) 해당 웹 사이트이 성격에 맞는 네비게이션 시스템을 고려한다.

계층적인 네비게이션 성격으로 작업할 것이냐 전체적으로 글로벌한 네비게이 션 구조로 작업할 것이냐를 웹 사이트의 성격과 컨셉에 맞게 결정한다. 앞서 말 한처럼(네비게이션시스템) 컨텐츠가 많고 복잡한 웹 사이트 일수록 네비게이션 시스템의 신중한 설계는 꼭 필요하다.

나) 적절한 레이블과 메타포 사용

레이블과 메타포는 연상 작용을 유도한다. 사용자들로 하여금 적절한 연상 작 용을 유도하여 보다 빠르게 정보를 파악하고 네비게이션 할 수 있도록 한다.

다) 정보의 카테고리별로 메뉴를 구분하여, 정보의 체계를 나눈다. 정보의 체계 를 잡는 일은 아주 중요하다. 뉴스사이트처럼 매일매일 많은 정보가 쏟아져 나오 는 웹 사이트의 경우 정보의 체계가 잘 잡혀 있지 않다면 네비게이션시 많은 어 려움이 따를 것이다.

라) 일관성있는 네비게이션은 사용자들이 예측을 유도하여 원하는 정보로의 접 근을 도와준다.

마) 웹 사이트의 내용과 구조를 한눈에 파악할 수 있는 사이트맵을 사용한다.

4) www .www -info. co .krfspec 12.Mm

* 성공적인 네비게이션을 위한 10가지 조건⁵⁾

- 쉽게 익힐 수 있어야 한다.

- 일관성이 있어야 한다.

- 피드백을 제공해야 한다.

- 문맥으로 표시되어야 한다.

- 대안을 제시해야 한다.

- 행동과 시간을 절약할 수 있어야 한다.

- 명확한 시각적 메시지를 제공해야 한다.

- 명확하고 이해할 수 있는 레이블을 제공해야 한다.

- 사이트의 목적에 적합해야 한다.

- 사용자의 목적과 행동을 지원해야 한다.

위의 사이트는 정보의 분류 체계가 잘 잡혀 있어 정보의 양이 많지만 쉽게 네 비게이션 할 수 있다.

2) Metaphor

적절한 정신모형의 형성을 도울 수 있는 해결책중 하나는 시각적이고 역동적인 5) 『성공적인 웹 사이트 구축을 위한 네비게이션』 - 한빛미디어

그림 1 네비게이션구조가 잘 짜여진 사이트(www.cnet.com)

사용자 인터페이스 은유(user interface metaphor)의 이용이다. (Dingelde 1994) 은유(metaphor)는 사용자 인터페이스에서 사용자가 시스템이 어떻게 작용하는 지에 대한 적절한 정신모형을 재빨리 채택하도록 하여 사용자가 해야하는 시템템 -특정적인 학습의 양을 최소화 시키는데 사용되는 유추적 모형이다. (Caroll and Mack, 1985)

가) 메타포

실생활에 있어서 사람들이 생각하고 행동하고 있는 것을 사용자 인터폐이스를 통해 은유하는 것을 말한다. 예를 들어 컴퓨터의 파일관리를 실생활에 있어서 서 류를 관리하는 종이 폴더를 사용하는 것처럼 하는 것 또는 파일들을 삭제할 때 실생활에서 휴지통의 개념을 도입한 것을 은유(메타포)라고 한다.

나) 적절한 메타포

메타포를 이용하여 실생활에서의 사고체계를 웹 사이트에 적용시킨다면 보다 편리하게 네비게이션 할 수 있을 것이다. 주로 메뉴버튼이나 검색, 홈으로 가는 버튼 또는 게시판의 기능 버튼 등을 제작할 때 이 메타포를 사용하여 이미지를 그리게 된다. 주의점은 사용자가 인식하기 쉬운 직관적인 이미지여야 메타포의 효과를 볼 수 있으며 지나치게 정교하거나 복잡한 이미지일 경우 오히려 역효과 를 볼 수 있다. 이러한 메타포는 사이트의 특성, 성격, 컨셉을 표현하는 중요수단 이 될 것이다.⁶⁾

6) www.bonwebdesign.com/html/webuser2.htm

그림 2 메타포를 이용한 메뉴 Metadesign(www .metadesign.com)

다) 가독성

타이포그래피의 기능적 측면의 하나로, 문자가 잘 읽혀지는 정도 흑은 문장의 내용이 쉽게 전달되는 정도를 말한다. 여기에는 두 가지 요소가 작용한다. 즉 리 더빌리티(readability)는 전달하는 내용을 쉽게 이해할 수 있느냐 하는 문제로 적 절한 단어의 선택, 자간, 행간의 조절들에 의해 좌우되고, 레저빌리티(legibility)는 개별적인 글자 형태를 쉽게 판독 할 수 있느냐의 문제로, 글자의 디자인, 크기, 조합 등에 의해 좌우된다. 이러한 요소는 광고, 편집 디자인 등 타이포그래피를 이용하는 시각 디자인 분야에서 독자의 시선을 원하는 정보에 머물도록 유도하는 데 활용된다.

라) 일관성

일관성이란 사이트 내에서 약속된 요소들의 규칙이라고 할 수 있다. 즉 그래픽 이나 텍스트, 레이아웃 등의 규칙에 따라 례이지가 이루어진다면 사용자는 쉽게 사이트에 익숙해질 것이고 보다 빠르고 쉽게 사이트룰 학습할 수 있게 된다. 예 를 들어 메뉴 버튼이 같은 모양과 같은 위치에 있다면 사용자는 쉽게 네비게이션 할 수 있다. 이처럼 일관성이 없는 웹 사이트는 사용자가 혼란에 빠지기 쉬워 길 을 잃게 된다.

일관성을 지켜야 할 몇 가지 요소들을 살펴보면 다음과 같다.

버튼 및 이미지 등의 그래픽적인 요소 - 버튼의 형태 및 위치

- 사진 및 관련 이미지 등의 화질 및 크기

그림 3 메타포를 사용한 대표적인 예 (윈도우의 아이콘)

텍스트 - 글꼴 형태

- 글꼴의 크기 및 칼라

- 한 페이지 내에 보여 지는 문단의 길이 칼라

- 레이아웃에 따른 그래픽적인 요소와 텍스트 등의 요소들의 칼라 조화 - 칼라의 종류의 수(칼라의 수가 많으면 일관성 유지가 어려움)

2. 수업

수업은 인간 대 인간의 상호작용을 통해 일어나는 사회적 경험이라는 전제 아 래, 면대면 수업은 수업의 전형적인 형태로 자리잡아왔다. 기존의 교육 패러다임 에 의하면, 정해진 시간과 공간 속에서 서로를 보고 듣고 느끼며 공동생활을 수 행함으로서 공동체 의식을 가질 수 있는 면대면 수업이야 말로 가장 이상적인 수 업형태로 간주되었다. 그러나 인터넷과 같은 새로운 기술의 등장으로 인해 학습 들은 '사이버스페이스' 라는 가상공간 속에서 교사와는 물론, 교실 밖의 다른 교 사, 학생, 전문가, 데이터베이스 및 다양한 프로그램들과도 얼마든지 상호작용을 할 수 있게 되었다.

2.1. 수업의 개념

게이지는 수업을 '어떤 사람들이 무엇을 할 수 있거나 행동할 수 있는 방도를 가르치기 위하여 제공되는 인간적인 영향' 이라고 정의한다. 이와 비슷한 맥락에 서 아미돈과 헌터는 수업을 '교실의 수업상황에서 교사와 학생들이 주고 받는 언 어의 상호작용 과정' 으로 정의하고 있다. 이들 정의의 공통점을 살펴보면 첫째, 수업에서는 인간인 교사와 학생이 수업의 주체가 된다는 점이다. 둘째, 수업은 인 간 대 인간의 상호작용 과정이라는 점이다. 셋째, 수업은 학습자의 행동을 변화시

키려는 의도적인 활동이라는 점이다. 이와 같이 학습은 교사가 주체가 되어 학습 자에게 지식 또는 기술을 가르치는 과정 또는 행위로 인식되어 왔다.⁷⁾

그러나 전통적인 의미의 '교수(teaching)'에 가까웠던 '수업' 의 개념은 사회 패러다임의 변화 및 그에 상응하는 교육 변화에 대한 요구 등으로 인하여 근의 목표, 방법, 내용, 교사와 학습자의 역할 둥 수업에 관한 총체적인 변화가 요청되 고 있기 때문에 의미가 변화하고 있다. 기존의 수업방식 즉 교사의 처방에 따라 미리 설계되고 계획화된 대로 학습을 진행하는 방식보다는 학습자의 관심과 수준 에 따라 융통성 있게 학습 계열을 변화시키는 방식의 교육이 요구되고 있다.

새로운 관점에서 보는 수업의 개념은 교사중심의 계획되고 의도된 행위가 아니 라, 학습자가 자신이 추구하는 학습목표를 달성하기 위해 필요한 모든 자원들을 동원하고 활용하는 과정인 것이다. 이와 같이 수업의 개념은 그 중심축이 ‘교수' 에서 ‘학습'으로 옮겨가고 있다.

2.2. 수업의 구성요소

1) 교사

지금까지의 교사는 지식과 정보를 소유하고 학생들에게 그것을 전달하는 역할 을 주로 담당해왔지만 앞으로는 이보다 고차원적인 기능을 수행해야 한다. 향후 요구되는 교사의 역할을 정리해보면 다음과 같다.

첫째, 학습자가 스스로 발견하고 학습할 수 있도록 안내하는 학습 안내자로서 의교사이다.

둘째, 학습자의 학습을 독려하는 학습촉진자로서의 교사이다.

교사는 학습자로 하여금 자신의 능력에 대해 긍정적인 관점을 갖고 학습해 나 갈 수 있도록 학습동기를 유발시키고 학습의욕을 고취시키는 역할을 수행해야 한 다.

셋째, 협력자로서의 교사이다. 교사는 학습자가 다른 사람이나 전문가와의 상호 작용을 통해 필요한 정보를 효과적으로 이용할 수 있도록 지원해 주어야 한다.

7) 강숙희, 인터넷과 수업, 2002, p29-32

넷째, 유능한 교수자이다.

다섯째, 반성적 실행자이다.

교사는 정해진 수업안을 단순히 시행할 것이 아니라 필요와 상황에 따라 능동 적으로 학습계획을 변화 및 개선시켜 나가는 유연성과 탄력성을 발휘해야 한다.⁸⁾

여섯째, 정보 생성자이다.

일곱째, 평생 학습자로서의 교사이다.

교사는 학습자들과 함께 필요한 정보를 탐구하는 자세를 가져야 하며, 수업을 개선하기 위해 부단한 노력을 경주하여야 한다.

2)학습자

전통적인 수업에서의 학습자는 교과서의 내용이나 교사가 전달해주는 내용을 지식 저장고인 두뇌 속에 암기하는 수동적인 학습자였다. 그러나 사회의 패러다 임이 바뀌고 첨단 매체의 활용이 급속도로 확산되면서 학습자의 역할에도 많은 변화가 예견되고 있다.

첫째, 수동적인 학습자에서 능동적인 학습자로의 변화이다.

둘째, 지식 생성자로서의 변화이다.

학습자는 단순히 정보를 그대로 소비하는 차원을 넘어서서 정보를 스스로의 힘 으로 가공하거나 구성하는 능력을 요구받게 된다.

셋째, 협력자이다. 새로운 지식을 생성하는 데에는 학습자들 간의 협력이 절대 적으로 요구된다. 어떤 특정 목표달성을 위해 각각의 학습자는 자신에게 주어진 개별 활동을 학습한 후 다른 학습자와 협력하며 과제를 완성해 나간다.

3) 학습내용

교과서는 우리나라뿐만 아니라 공교육을 시행하는 모든 국가에서 교수-학습 목 표를 제시하고 학습내용 및 방법을 제공하며 학습평가의 기준을 결정하는 원천이 되어 왔다.

멀티미디어 정보통신기술의 발달은 정보의 축적·전달에 있어서 지금까지 중심 8) 최욱, 고영남. 컴퓨터의 교육적 활용 유형에 따른 교사의 역할. 교육공학연구, 14(1)

기능을 담당해 왔던 인쇄매체방식에 혁명적 변화를 가져오고 있다. 디지털 정보 인쇄매체로 구현할 수 없는 소리, 동영상 정보 및 정보의 동시간대 전달과 영향 상호작용을 가능케 할 뿐 아니라, 원래정보를 조금도 손상시킴이 없이 얼마든지 재생할 수 있고 가공 할 수 있게 한다. 이러한 맥락에서 최근 들어 교과서를 포 함하여 다양한 형태와 종류의 디지털 학습 자원들이 개발되고 있으며 인쇄정보와 디지털 정보의 특성을 비교 정리 해보았다.

디지털 정보는 인쇄정보와는 근본적으로 그 속성이 다르다.

표 1 인쇄정보와 디지털 정보의 특성비교

기준 인쇄정보 디지털 정보

정보형태 주로 문자 기반이며 사진, 그림 등의 정지영상이 추가될 수 있다.

문자와 정지영상 뿐만 아니라 소 리, 동영상, 비디오 등의 멀티미 디어 형태

정보의

양과 내용고정된 상태로 불변 계속변화하며 유동적임 독자 문맹 또는 시각 장애인은 판독불

가(장애인 특수도서 예외)

멀티미디어 기능을 이용하여 누 구나 독자가 될 수 있음

저자와

독자구분 저자와 독자가 뚜렷이 구분됨 독자이면서 동시에 저자가 될 수 있음

내용제시

방법 순차적, 평면적 비순차적(내용의 전개 순서는 독 자가 결정), 입체적

상호작용 일방적(저자→독자) 양방향적(저자↔독자)

자료변환 내용의 이동, 수정, 첨가가 불가 내용의 이동, 수정 , 첨가 등의 자료변환이 용이

자료접근 읽기 쉬우며 특별한 장비가 없어 도 접근이 가능함

컴퓨터, 각종 소프트웨어, 네트웍 설비등이 필요함

자료검색 자료 검색을 위해 많은 시간이

소요됨 자료검색이 용이함

설계상의 문제

부피 등과 같은 저장공간의 제한 으로 폭넓고 깊이 있는 정보제시 가 어려움, 입체적인 정보제시가 거의 불가능함

화면 크기의 제한으로 많은 양의 문자정보를 한 화면에 제시할 수 없음, 보편타당한 자료선정이 쉽 지 않음.

4) 학습 환경

인터넷 환경으로 대변되는 온라인 환경의 등장은 수업의 혁신을 일으키고 있 다.

종래의 매체들, 예를 들어 책이나 오디오 테잎, 비디오 자료 등은 개발자의 의 도에 따라 정보와 지식을 미리 짜여진 각본대로 전달하고 제시하는 도구에 지나 지 않았다. 인터넷과 같은 온라인 학습은 학습자들이 세계 각 곳의 자원들, 전문 가들, 동료들과 상호작용 할 수 있도록 지원하고 촉구함으로서 종래의 매체들과 전혀 다른 새로운 기능을 제공하게 되었다. 인터넷이 지원하는 학습 환경은 학습 자의 자율성과 창의성을 촉구할 수 있는 학습자 중심의 열림 환경이다. 다양한 학습 방법과 내용이 개별 학습자에 맞추어 제공 될 수 있는 학습 환경에 대한 요 구에 부응하여, 인터넷은 다양한 학습자원과 교수-학습 방법들을 제공함으로서 교육과정과 교수방법의 혁신을 꾀할 수 있는 가능성을 열어주고 있다. 인터넷 환 경은 교사가 학습자에게 지식을 전달하는 전통적인 의미의 교수보다는 학습자 개 개인이 자원들과 상호 작용하는 과정에서 스스로 지식을 탐구하는 학습자 중심의 학습을 보다 효과적으로 제공 할 수 있다. 종전의 수업에서는 교사가 학습자에게 지식을 잘 전달해 주는 것이 무엇보다 중요했다면, 이제는 지식 전달 외에 학습 자가 현 사회, 그리고 미래사회의 구성원으로서 살아가는데 필요한 다양한 능력 을 키워 주는 것이 요구되고 있다.

이러한 요구에 부응하여 인터넷과 같은 새로운 매체는 이 사회가 요구하는 수 업방식의 전환, 교사 및 학습자의 역할 변화를 실현하는 데 중요한 하나의 수단 이 될 것이다.

3. 웹의 교육적 활용

3.1. 웹기반 교육

웹 기반 수업이란 학습자의 지식이나 능력을 행상시키기 위하여 의도적인 상호 작용을 웹을 통해 전달하는 활동이라고 정의할 수 있는데, 활용측면에서 살펴보 면 크게 다음과 같은 세 가지 형태로 나누어 볼 수 있다. 첫째는 기존의 면대면 수업의 보조수단으로 활용하는 형태이다. 현재 각 대학에서 흔히 실시하고 있는 수업에서와 같이 면대면 수업을 주로 하되 웹 기반 수업을 통해 원격지의 전문가 와 토론수업을 하거나 재택 강의를 하는 식의 보조적 수단으로 활용하는 방법이 라고 할 수 있다. 두 번째는 전체 수업을 전달하는 주된 매체로서 활용하는 형태 이다. 가상대학과 같이 출석 수업이 거의 이루어지지 않고 네트워크 내에 일정한 플랫폼을 갖추고 운영하는 방법을 말한다. 세 번째는 단순히 지식 기저나 의사소 통 도구로서 활용하는 형태이다. 초․중․고 또는 대학생들과 같이 자료 수집과 동료와의 의사소통을 위한 수단으로 웹을 활용하는 방법이라고 할 수 있다.

웹을 활용한 학습은 첨단 정보 통신 기술에 의하여 구현된 가상의 공간 또는 사이버 공간에서, 웹의 다양한 상호작용적 특성을 살려서 실제 교실에서 일어나 는 상호작용적 활동 및 여러 가지 교수-학습 활동을 수행하는 새로운 학습 형태 이다. 가상수업에서 학습자들은 자신이 편리한 시간에 웹상에 제시되어 있는 다 양한 학습 자료들을 탐색하여, 공간적으로 멀리 떨어져 있는 교사와 다른 학습자 들과 전자메일, 전자우편, 전자게시판, 실시간 웹 채팅, 리얼 오디오, 화상회의 시 스템 등을 활용하여 다양한 상호작용 활동을 수행하게 된다.

그림 4 웹요소의 시간/공간적 측면비교

웹에서 이루어지는 상호작용요소의 시간과 공간적 측면을 고려한 위의 그림을 보면 온라인과 오프라인에서의 특징을 좀더 잘 비교할 수 있다.⁹⁾

특히 웹은 구성주의적 학습 원리들, 예컨대 능동적인 학습, 실제적인 학습, 상 호작용적이면서 협동적인 학습을 가능하게 하는 매체이므로, 이 같은 웹을 활용 한 학습은 교수-학습 활동에 있어서 기존의 학습과는 다른, 다음과 같은 독특한 특징을 갖고 있다.¹⁰⁾

첫째 웹 기반 학습은 어떤 통신 수단보다도 많은 양의 최신 정보의 빠른 시간 내에 교류할 수 있도록 함으로써 학교체제와 같이 외부 정보의 습득이 뒤지기 쉬 운 사회에 효과적인 정보교류의 수단을 제공한다. 또한 정보나 의견 교류의 대상 을 학습자와 학습자, 교사와 학습자, 교사와 다른 교육 전문가, 혹은 특정 분야의 전문가, 동료 및 선배 학습자들에 이르기까지 전통적인 학습상황에서는 쉽게 접 할 수 없는 범위까지 넓혀주어 정보공유의 영역을 확대시켜 준다.

둘째, 웹 기반 학습은 기존의 단방향 매체 전송과는 달리 고도의 상호작용적 의사소통을 가능하게 해 준다. 웹 기반 학습에서 학습자들은 자기들끼리는 물론 교사와 온라인 자원과도 상호작용 할 수 있다. 웹 기반 학습에서 학습자들은 컴 퓨터 통신을 이용하여 다른 학습자나 교수자, 혹은 다른 전문가들과 정보나 의견 을 교환하고, 온라인 토론 등을 통해 창의적이면서도 활발한 상호작용 활동을 수 행 할 수 있다. 전자 게시판, 전자우편, 실시간 토론 등을 통하여 학습자들은 기 본적인 학습내용에서부터 자기 자신의 개인적 관점, 심지어 정서적인 측면에도 솔직하게 상대방에게 의사를 전달하고 피드백을 받음으로써 기존의 컴퓨터 보조 학습을 기반으로 하는 학습과는 달리 역동적이면서도 다양한 의사소통을 할 수 있게 된다.

셋째, 웹 기반 학습은 기존의 전통적인 교실수업 체제나 면대면 수업, 혹은 전 화 통화에서와 같은 동시적인 상호작용뿐만 아니라 시간과 공간을 초월한 비 동 시적 상호작용을 가능하게 해 준다. 학습 환경이 개방적이라는 말로 요약할 수 있을 것이다. 학습자들을 설계자가 미리 설정한 환경을 벗어나 자유롭게 이동하

9) comedu.kongju.ac.kr/ejkim/lecture/multimedia/ch9_1.htm 10) 백영균. 2000. 교육@인터넷. 양서원

면서 학습하는 것이 가능하다. 이러한 특성은 종래의 학습 과정과는 구별되는 형 태의 상호작용을 구성 할 수 있도록 허용하여 교사와 학습자, 학습자간의 다중 연결망을 통한 학습을 유도한다. 즉 학습자들은 정해진 시간과 장소에서 교사를 만날 필요 없이 자신이 원하는 시간에 원하는 장소에서 원하는 정보를 다양하게 탐색할 수 있고, 자신의 생각을 체계적으로 잘 정리한 뒤 교사나 다른 학습자에 게 전송할 수 있으며, 수시로 다양한 전자통신 수단을 활용하여 정보를 주고받을 수 있다. 이러한 특성은 융통성 있는 상호작용의 기회를 부여함으로써 수요자 중 심의 탄력적인 수업체제의 운영을 가능하게 해준다.

넷째, 웹 기반 학습은 고도의 동시적․비동시적 상호작용을 통해 협력학습 체 제를 가능하게 해준다. 웹 기반 수업에서 학습자들은 기존의 학습형태와 마찬가 지로 개별적인 학습을 할 수 있을 뿐만 아니라, 수많은 사용자와 상호작용을 통 해 협력학습을 수행 할 수 있다. 즉, 특정 주제에 대해 개인들이 조사하고 관찰 한 내용을 다른 사람과 교류하면서 보다 체계적이고도 다양한 관점으로 과제나 문제에 접근함으로써 이를 통해 성공적인 과제수행을 할 수 있다는 것이다.

다섯째, 웹 기반 학습은 독특한 사회심리적 커뮤니케이션 구조를 제공하여 줌 으로써 면대면의 교실에서 어려운 긍정적 학습효과를 가져올 수 있다. 웹 기반 학습에서 학습자들은 면대면이 아닌 매개 커뮤니케이션에 참여함으로써 자신의 사회․경제적 배경, 성의 차이 등 외부조건이나 사람들의 선입견 등에서 오는 사 회 심리적 보담 없이 활발하게 상호작용을 할 수 있으며, 대인관계가 원만하지 못하거나 소극적인 성격을 갖고 있는 사람들도 실제로 사람과 만나는 것보다 훨 씬 수월한 참여의 기회가 확대되고, 학습동기가 지속되며, 보다 역동적인 의사소 통이 가능해지는 것이다.

여섯째, 웹 기반 학습은 다른 매체들의 활용보다 교육의 비용효과 면에서 보다 경제적이라는 특징을 갖고 있다. 웹 기반 학습에서는 각종 전자도서관이나 학습 자원센터의 데이터베이스 내에 있는 디지털 자료들을 공유할 수 있기 때문에 개 인이 혼자 필요한 자료를 탐색, 수집하는 것보다 훨씬 비용이 적게 들뿐만 아니 라 여러 학습자가 편리한 시간에 편리한 공간에서 자료 확보가 가능하기 때문에 낭비요소를 최소화할 수 있다. 그리고 별도의 시설 구축비용이 없이도 기존의 전

화선이나 통신전용선 등 공중 통신망을 활용할 수 있기 때문에 방대하고 유익한 정보를 값싸게 활용할 수 있어서 또한 경제적이다.

일곱째, 웹 기반 학습은 학습자를 보다 능동적인 위치에 있게 한다. 전자 출판 을 예로 들 수 있다. 학습자들은 자신의 글이나 수업내용을 전자우편이나 뉴스그 룹, 서버, HTML편집기, 저작도구 등을 통해 저작 발간하고 전송 할 수 있다. 따 라서 동료와 심지어 교사에게도 자신의 생각이나 의도를 적극적으로 피력할 수 있는 기회를 가질 수 있다.

마지막으로 문화 교차적 상호작용이 가능하며 중요한 체험을 직접적으로 할 수 있다. 학습자들은 온라인 의사소통을 통해 서로 다른 배경의 문화를 교차적으로 학습하고 다문화적인 관점을 발 전 시킬 수 있다. 교사와 학습자들이 전 세계로 부터 나온 자료로 온라인 통신을 하도록 하는 매체를 제공 받기 때문에 학습자들 은 교과내용에 관한 다각적인 견해로부터 도움을 얻을 뿐만 아니라 자신들의 문 화를 대변하기도 한다. 멀리 떨어진 문화와 문명에 관하여 탐구하고 학습하는 능 력은 웹을 통해 촉진된다. 학습자들은 한 사람의 저자, 편집자, 또는 교사의 단편 적인 견해를 제한 받지 않는다.

이밖에도 컴퓨터 매개통신 같은 웹 기반 환경이 교육의 측면에서 갖는 의의 및 주요 특성으로 기능적 학습 환경의 제공, 문제 해결 능력의 신장, 자연스러운 외 국어 학습 등을 지적하고 있으며, 많은 학자들이 학습이 갖고 있는 교육적 특성 및 잠재 가능성에 대하여 긍정적으로 인식하고 있다.

분명 이렇게 하나의 매체로서의 웹의 속성은 그 자체만으로도 교육적으로 활용 될 수 있는 매력적인 잠재력을 지니고 있다. 그러나 그럼 잠재력만으로 웹은 곧 직접 교육적 목적을 위한 도구라고 말할 수 있는 것이 아니다.

또한 웹이 ‘많은 양의정보’를 제공해 줄 수 있다는 사실을 바로 학습 효과로 연 결시킬 수는 없다. 지나치게 많은 정보는 학습자에게 오히려 인지적 부담감으로 작용할 수 있다. 무작정 정보의 홍수에 빠져 무의미하게 정보검색과 선택을 하는 대신, 매우 구체적인 목적을 지닌 과제를 해결하기 위해 광범위한 자료를 검색하 고, 수집하고, 재구성하는 활동이 될 때, 그것은 의미 있는 활동이며, 나아가 학습 효과로도 이어질 수 있다.

웹이 지니고 있는 ‘상호 작용성’ 자체를 바로 학습효과와 연결할 수 없다. 이것 은 단순히 ‘정보’라는 차원에서의 교환적 행위로서만 머물 수 있다. 대신 학습자 가 어떤 구체적인 과제나 프로젝트를 해결하기 위해, 다른 학습자와의 상호작용 을 하면서 서로 자료를 검색하고, 선택하고, 재구성하고 공유하는 과정에서 이루 어지는 상호작용일 때, 상호작용에 대한 의미나 가치가 명확해 진다. 그리고 비로 소 웹 기반의‘ 상호작용’은 학습효과와 연결지어 생각 할 수 있다.

결국 웹 기반 교육은 구체적인 학습이론과 접목되어 확실한 방향성과 목적으로 활용될 때 비로소 ‘정보’의 차원에서 ‘수업’의 차원으로 변화도며, 나아가 수업을 위한 ‘인지적 도구’로서의 역할도 담당하게 된다.

3.2. 웹이 교육에 활용된 형태

웹 기반 수업은 학습을 촉진하고 지원하는 의미 있는 학습 환경을 만들기 위해 웹의 속성과 자원을 활용하는 하이퍼미디어 기반 수업 프로그램 (hypermedia-based instructional program)이다.

- 네트웍을 면대면 교육이나 원격교육 둥에서 하나의 보조적 매체로 활용한 형 태

- 네트웍 자체가 하나의 수업으로 활용되는 형태

- 네트웍을 보다 자유로운 지식 네트워킹의 장, 토론에의 참여수단, 온라인 데 이터베이스 활용의 수단, 또는 세계에 흩어진 전문가나 동료들과의 정보교환의 수단 등으로 활용하는 형태 웹은 구조화의 방법과 제시되는 방법에 따라서 새로 운 교수 방법을 표현할 수 있다. 이는 아주 간단한 작업이며, html이라는 언어를 익히면 된다. 웹은 비디오를 전달할 순 있으나, 비디오테잎, tv, cd-rom과 같이 빨리 전달 할 수는 없다. 웹은 문자 정보를 출력할 수 있으나 책자나 잡지만큼 유용하게 하지 못한다. 그러나 두 가지 장점이 있다.

하나는 인터넷의 교육적 활용방안으로 선진국의 예를 들면서 인터넷의 커뮤니 케이션적인 도구적인 측면을 주로 교육에 활용한 방안과 인터넷이 접속할 수는

엄청난 양의 멀티미디어 데이터베이스를 활용하는 방안, 그리고 이 두 가지가'적 절히 활용한 방안을 들고 있다. 커뮤니케이션적인 도구적 활용은 교실과 교실 학 교와 학교를 연결하여 학생들이 다양한 프로젝트를 공동으로 수행할 수 있는 형 태를 말하며, 웹 사이트의 멀티미디어 데이터베이스를 이용하는 방식은 기존수업 활동의 보충으로 학습 자료를 제공하거나, 새로운 학습 내용의 도입 및 습득을 위한 시뮬레이션 학습 등이 이에 해당한다고 한다. 이 두 가지 방안을 연계한 방 안은 완전한 코스를 온라인에서 원격으로 제공하여 학습자가 기존의 교육기관과 의 연계 없이도 언제 어디서나 원하는 학습을 가능하게 하는 가상 학습 혹은 대 학과 같은 원격교육 형태이다.¹¹⁾

이인숙은 학생의 학습 및 연구 활동을 위한 '정보의 창고' 로서, 학습자의 아이 디어를 제삼자에게 표현하고 학습 결과물을 산출, 제시할 수 있도록 지원 해주 ' 기능적 도구' 로서, 학습자들의 사고 과정을 지원하고 이끌어 주며 사고 범위를 확산시켜 주는 역할을 하는 '탐구적 학습의 동반자' 로서, 마지막으로 서로 다른 장소에 있는 교사와 학습자들이 의사 및 정보를 교환하는 데 사용하는 '의사교환 도구' 로서의 활용할 것을 제안한다.¹²⁾

임정훈은 인터넷의 교육적 활용을 정보원(information resources)으로서, 탐구학 습, 해결 능력 신장을 도구, 상호작용 학습, 협동학습도구, 사회, 문화적 교류 매 개자로서의 활용방안을 제안하고 있다.

요약해보면 인터넷의 주요 장점인 전 세계의 수많은 정보를 탐색, 분류, 가공하 여 협력, 탐구, 프로젝트의 학습 방법을 통해 학습자들의 상호 작용을 증대시키 고, 나아가 적극적 의미의 인터넷 수업활용 방안인 온라인 혹은 원격수업으로. 확 대 방안을 들 수 있을 것이다.¹³⁾

11) 허운나, 1997, 인터넷의 교육적 활용 방안 외국사례를 중심으로 정보화저널, 4(1), 65-81 12) 이인숙, 1997, 열린교육의 이론과 교수방법, 열린 교육을 위한 첨단 매체의 이용, 한국방송통신

대학교 평생교육원편, 225-251

13) 임정훈, 1998, 초등학교에서의 인터넷 활용 교육: 과제와 방향, 초등교육연구

3.3. 웹에서 활용되는 교수-학습유형

인터넷 활용 교수-학습 유형들을 분류하는 기준은 다양하다. 수업설계에 내제 되어 있는 주요 교육철학적 특성, 학습자 활동, 교수자의 역할 등 다양한 기준에 따라 인터넷 활용 교수-학습 유형들을 분류할 수 있다.¹⁴⁾

이러한 분류 기준들은 일반 교수-학습 유형의 분류기준들과 크게 다르지 않다.

인터넷상의 교수-학습유형들을 분류하는데 있어 일반 교수-학습 유형의 경우 와 크게 다른 점은, 인터넷 교수-학습이론에서는 인터넷의 역할을 고려해야 한다 는 점이다. 각각의 인터넷 활용 교수-학습 유형에서 인터넷은 매우 중요한 역할- 하게 된다 즉 인터넷은 각 유형의 교수-학습이 이루어지는데 필요한 자원과 도 구를 제공해주는 핵심적인 역할을 수행한다. 각 교수-학습 유형이 얼마나 성공적 으로 수업에 적용되는가의 여부는 인터넷을 얼마나 적절하게 활용하였는가에 달 려 있다.

인터넷이라는 새로운 매체가 등장 하면서 인터넷을 어떻게 활용할 것인가에 대 한 모색이 활발히 이루어져왔다. 이와 함께, 다양한 방법으로 인터넷을 활용한 교 수학습이 시도 되었다.

인터넷 학습유형을 강숙희는 상황학습, 협력학습, 통합교과학습, 문제해결학습 화상회의를 통한 원격 학습, 컴퓨터 기반의 원격제어 학습, 프로젝트학습, 개별화 학습으로 나누어 체계화 했다.¹⁵⁾그 결과 인터넷을 활용할 수 있는 방법은 크게 몇 가지 유형으로 나타나고 있다.

1) 강의 학습

가장 전통적인 교수방법으로 타율적인 교수방법의 일종이다. 교사가 언어를 통 한 설명과 해설을 위주로 수업을 이끌어가는 수업의 형태이다. 학생들의 흥미보 다는 기존의 지식 체계를 전달하는 방법이라고 할 수 있다. 이 학습법의 인터넷 에서의 활용방법은 도입단계에서 학습자의 동기를 유발시키기 위해, 내용 제시 단계에서는 지식의 전달 효과를 향상시키기 위해, 그리고 연습단계에서는 학습자 14) 정인성(1999) 웹기반 교수-학습 체제 설계모형. 교육과학사

15) 강숙희(1999) 인터넷을 활용한 수업 유형. 전북교육

에게 피드백을 제공하거나 학습 평가를 위한 수단으로 활용될 수 있다. 어느 단 계에서 인터넷을 적용할 것인가는 교사의 판단에 달려있다. 내용, 학습자 특성 등 을 고려하여 인터넷을 적당한 시점에서 적절하게 활용함으로써 수업 목표를 달성 할 수 있도록 해야 한다.

2) 개별탐구학습

어떤 문제를 해결하거나 주제의 학습을 위해서 교사가 학생들의 능동적인 탐구 행위를 촉진하는 교수형태이다.

여기서 교사는 학습자에게 탐구주제를 부여하거나 질문을 제기하기도 하며 학 습자가 스스로 지식을 탐구해 나가는데 필요한 학습 환경을 조성해 주기도 한다.

인터넷은 탐구활동의 수단이며 동시에 탐구활동이 일어날 수 있는 학습의 장이될 수 있다.

3) 프로젝트학습

과제중심 학습이라고도 하며 학습자가 실제적인 과제를 수행하는 가운데 학습 이 이루어지는 교수-학습방법이다. 학습자는 주어진 과제를 달성하기 위해 다양 한 학습활동을 전개해 나가며, 때로는 정보를 스스로의 힘으로 가공하거나 구성 하는 지식 생성자의 역할까지도 수행한다. 인터넷은 학습자가 과제를 수행하는데 필요한 다양한 자원 및 도구를 제공해줄 수 있다.

4) 문제 해결학습

학생이 실제 생활에서 당면하는 여러 가지 문제들을 해결하는 과정에서 지식, 기능, 태도, 기술 등을 종합적으로 획득하게 하는 학습방법이다.

교사는 학습동기를 부여하고 격려해주는 학습 촉진자로서의 역할을 수행하며 학습자가 다른 사람이나 전문가와의 상호작용을 통해 필요한 정보를 이용할 수 있도록 지원하는 협력자의 역할도 수행한다. 학습자는 문제를 해결하는 과정에서 새로운 지식을 창출하거나 동료들과 협력하는 능동적인 주체가 된다. 인터넷은 학습자가 문제를 해결해 나가는데 필요한 자원과 도구를 제공해주는 중요한 수단

이 된다.

5) 상황 학습

지식이 사용되는 실제상황에서 학습이 이루어지도록 함으로써 실생활에 전이될 수 있는 유연한 지식의 습득을 강조한다. 학습자들이 실제적인 과제에 참여하도 록 지원해줄 수 있으며, 또한 전문가와 학습자를 연결시켜주는 수단으로서의 기 능을 담당할 수 있다.

6) 협력 학습

학습자들 간의 협력활동을 통해 학습의 효과를 극대화하는 하나의 방법이다.

학습능력이 각기 다른 학습자들이 동일한 목표를 향하여 소집단에서 함께 활동하 는 학습방법이다.

7) 원격토론 학습

다른 학습자와 아이디어를 공유 및 교환하는 것과 남의 의견을 비판적으로 검 토하는 것이 학습목표이다. 인터넷이 제공하는 가상공간에서 학습자들은 자신의 의견, 그리고 남의 의견을 비판적으로 성찰할 수 있는 기회를 가질 수 있다.

최명숙은 인터넷 활용수업의 유형으로 크게 인터넷 기능, 집단구성방법, 교수- 학습의 유형 등으로 구분하였다. 인터넷 기능에 따라서는 의사소통(정보교환), 정 보탐색, 정보 생성 및 공유 등으로 분류하였고, 집단 수업은 수업에 참여하는 학 습자의 수에 따라 개별학습, 소집단 학습, 대집단 학습으로 구분하고, 교수-학습 유형으로는 강의법, 토의법, 발견학습법, 탐구학습법, 문제해결법 둥으로 분류하였 다.¹⁶⁾

인터넷을 교육적으로 활용하는 사례는 앞으로도 얼마든지 새롭게 개선되고, 보 완, 적용될 수 있으므로, 이에 대한 지속적인 관심과 적용, 평가가 이루어져야 할 것이다.

16) 최명숙(1999) 인터넷의 교육적 활용에 관한 고찰, 대구교육대학교 초등교육연구논총.14

III. 교육용 웹 제작의 사용 환경

1. 멀티미디어 환경개념

현재 멀티미디어(Multimedia)는 한마디로 정의하기 어려울 정도로 사용 용도 가 다양하고 다방면에 걸쳐 관련이 되어 있다. 멀티미디어를 크게 보면 생활 전 분야를 망라한 것이고 좁게 보면 기존의 뉴미디어나 영상미디어와 구분하기 쉽지 않다. 멀티미디어의 사전적인 의미를 보면 복합과 다양함을 의미하는 multi와, 매 개물, 수단을 나타내는 media가 합쳐져 복합매체라고 단순히 규정할 수도 있지만 정확한 정의가 될 수는 없다.

멀티미디어를 크게 2가지 접근 방향으로 정의하면 다음과 같다.

첫째, 멀티미디어란 인간의 의사소통의 여러 수단들 즉 음성, 영상, 문자 등을 통합시켜 주는 시스템으로 보는 광의적인 시각에서 보고자 하는 것이다.

둘째는 협의적인 개념으로 불 때 멀티미디어란 음성, 영상, 문자 등이 다양한 멀티미디어들을 컴퓨터라는 하나의 매체로 통합하여 상호 작용성, 즉 대화성 등 의 총체적인 기능을 제공하는 컴퓨터 시스템으로 정의하고자 한다.

멀티미디어를 통한 정보 전달의 구현은 텍스트와 정지화상, 동화상, 음향으로 나눌 수 있고, 이 네 가지 요소들은 실제 멀티미디어 환경에서 함께 구현되면서 다양한 정보를 제공한다. 각 요소들은 멀티미디어 기술과 접목되어 기존의 구현 매체에서 보다 효과적인 정보와 메시지 전달의 기능을 가지게 되었다.¹⁷⁾

1.1. 멀티미디어 정의

멀티미디어는 여럿을 의미하는 멀티(Multi)와 정보전달의 매체를 뜻하는 미디 어(Media)의 합성어로 여러 정보를 한꺼번에 다룰 수 있는 미디어라는 의미로 구체적으로 다음과 같은 것이라 할 수 있다.

17) 이태욱. 1999. 컴퓨터 교재연구. 좋은소프트

1) 둘 이상의 미디어를 사용하는 것을 말한다.

2) 두 가지 이상의 미디어를 동시에 사용해야 한다.

3) 하나의 시스템을 통해 모든 미디어들이 재생되어야 한다.

4) 사용자와 멀티미디어 시스템간의 상호작용이 가능해야 한다.

5) 시스템을 사용해 필요한 정보를 얻을 수 있어야 한다.

1.2. 멀티미디어 특성

(1) 다양한 매체가 통합이 되어있다.

초창기 컴퓨터 프로그램은 텍스트 중심의 프로그램이었으며 후에 그래픽이나 사운드가 가미되었으며 이제는 애니메이션, 영화 등이 한 화면에 제시가 될 수 있다. 즉 멀티미디어는 모든 매체를 통합한 하나의 종합예술인 것이다.

(2) 상호작용이 가능하다.

지금까지 영화나 텔레비전은 상호작용이 전혀 가능하지 않았지만, 멀티미디시 스템에서는 상호작용이 가능하며 사용자의 요구에 따라서 프로그램의 진행이 달 라진다.

(3) 정보의 양이 방대하다.

CD-ROM, DVD, jazz 드라이브, ZIP드라이브 둥의 대용량 기억매체를 이용하 여 엄청나게 많은 양의 데이터를 한꺼번에 저장하고 있다.

(4) 고질의 음향과 영상을 얻을 수 있다.

멀티미디어는 디지털 방식을 사용하므로 음향이나 영상이 선명할 뿐만 아니라 아무리 사용을 하여도 그 질에 차이가 없다. 오디오 테이프나 비디오 테이프는 오래 사용하다보면 테이프가 상하는 경우가 있지만 이 멀티미디어는 아무리 사용 하여도 음질이나 화질에 변화가 없다.