H yp e rm e d ia 와 구성주의

* 2 조 *

김현미 , 권영화 , 진선미 , 김다미 ,

박다현 , 박정영 , 손윤진 , 윤남정

H yp e rm e d ia 학습

- 정영의 예

- 선미의 예

1 . C AI

- 객관주의

- 행동주의 , 인지주의

2. H yp e rm e d ia

- 인지적 구성주의

3. C o m p ute r Ne two rk

- 사회문화적 구성주의

H yp e rm e d ia 학습 - 정영

C AI

CAI, Hypermedia, Computer NetworkTechnology and Educationwww.it2team.com/

CAI, Hypermedia, and Computer Network?CAI, Hypermedia, and Computer Network?

Tec hnology& E duc ation

C AI

Network

Hypermedia

CAI, Hypermedia, and Computer Network?CAI, Hypermedia, and Computer Network?

C AI

C AI 정의

C AI 의 발전역사

C AI 의 유형객관주의

C AI 의 예

H yp e rm e d ia

CAI, Hypermedia, and Computer Network?CAI, Hypermedia, and Computer Network?

C AI 의 예

Hypermedia

C omputerNetworkC AI NE XT ▶ ◀ PRE V

• 열어본 페이지

- Main Page

- C AI

- C AI 정의

- C AI 정의: 이완권

- C AI 간략 발전 역사

- C AI 간략 발전 역사 :

강인애, 김혜경

- C AI 의 유형

http ://wm s 4.e d u s p a.c o m :81 81 /c o o p /am e s /m ain_c 1 m J_s .as p ?fn= http ://wm s 4.e d u s p a.c o m :81 81 /co o p /am e s /Englis h/C e rtific ate 1 /c 1 m J/c 1 m J_1 _Arriving InAus tralia2.h tm l

호주 주정부에서 이민자들 영어 학습을 위해 만든 영어 프로그램

CAI, Hypermedia, and Computer Network?CAI, Hypermedia, and Computer Network?

C AI 의 정의

• 열어본 페이지

- Main Page

- C AI

이완권 , 멀티미디어 웹 환경에서 C AI 프로그램 설계 (1 999)

김용태 , C AI 프로그램을 위한 저작 도구에 관한 연구 (1 991 )

박성익 , 최연임 , C AI 코스웨어 교수 자료 개발을 위한 교수 설계

의 원리와 적용 (1 995)

Hypermedia

C omputerNetworkC AI NE XT ▶ ◀ PRE V

CAI, Hypermedia, and Computer Network?CAI, Hypermedia, and Computer Network?

C AI 정의

C AI 란 C o m p ute r As s is te d In s truc tio n 의 약자 컴퓨터 보조수업이란 뜻

- 학습자와 컴퓨터의 상호작용 - 교사는 학습의 보조자 , 조력자

학습자

컴퓨터 교사

Hypermedia

C omputerNetworkC AI NE XT ▶ ◀ PRE V

• 열어본 페이지

- Main Page

- C AI

- C AI 정의

CAI, Hypermedia, and Computer Network?CAI, Hypermedia, and Computer Network?

C AI 의 간략 발전 역사

강인애, 김혜경, C AI 와 하이퍼미디어, 그리고 컴퓨터 네트워크:

그 변증법적 전개의 교육적 의미 (1 997)

Hypermedia

C omputerNetworkC AI NE XT ▶ ◀ PRE V

• 열어본 페이지

- Main Page

- C AI

- C AI 정의

- C AI 정의: 이완권

CAI, Hypermedia, and Computer Network?CAI, Hypermedia, and Computer Network?

C AI 의 간략 발전 역사

• 열어본 페이지

- Main Page

- C AI

- C AI 정의

- C AI 정의: 이완권

- C AI 간략 발전 역사

CAI, Hypermedia, and Computer Network?CAI, Hypermedia, and Computer Network?

C AI 의 유형

유 형 활 용 교사의 역할 컴퓨터의 역할 학습자의 역할

반 복

연습형

가장 널리 사용되는

코스웨어 중의 하나

.

반복 연습을 제공하

여 학습자에게 명시

된 학습목표를 성취

시킴

관련된 내용의 수업

먼저 제시 .

C A I 문제의 수준확

인 .

학습자 진도의 확인

조언 .

질문 제시 .

즉각적 피드백 제

시 .

학습자의 진도를

디스크에 저장 .

질문에 대답 .

답의 정 / 오답 여

부의 확인 및 피드

백을 통한 반복 연

습 .

개 인

지도형

기존 지식에 연관하

여 새로운 학습 내용

제시 .

거의 모든 교과목에

걸쳐 적용이 가능 .

개별지도가 많이 필

요 .

자기 학습이 가능하

도록 설계되어 , 개

별 학습자의 진도

확인 및 관찰만이

요구 .

학습 내용 제시 .

학습 내용에 대한

질문 , 정답 확인 ,

도움 제시 , 피드백

제공 , 요약 제시 ,

학습경로 및 성취

도 저장 .

각자의 학습 능력

과 수준에 맞추어

학습 진도를 조

정 . 프로그램의

지시에 따라 학

습 . 질문에 대답 .

피드백 .

S p littge rb e r 의 분류

Hypermedia

C omputerNetworkC AI NE XT ▶ ◀ PRE V

• 열어본 페이지

- Main Page

- C AI

- C AI 정의

- C AI 정의: 이완권

- C AI 간략 발전 역사

- C AI 간략 발전 역사 :

강인애, 김혜경

CAI, Hypermedia, and Computer Network?CAI, Hypermedia, and Computer Network?

C AI 의 유형

게임형

오락적 도전을 내포

호기심 및 동기 유

발적인 학습 환경

제공 . 복습용 .

학습 시간의 제한

진도의 관찰 .

경쟁자 , 심판 ,

또는 점수 기록자

역할 .

주로 사실과 원

리 , 과정 , 체제

의 구조와 역동

성 , 문제 해결 ,

의사 결정 , 전략

형성의 학습 . 컴

퓨터나 동료와의

경쟁 .

모 의

실험형

실제 상황과 유사한

상황의 제시가 필요

할 때 . 실제 상황

의 단순화된 모델

적용 . 특히 과학교

육에 도움 .

주제 제시 .

배경과 규칙의 설

명 .

역할 분담 . 상황

의 규칙 , 데이터

그리고 학습자의

결정에 따른 결과

의 제시 .

역동적으로 학습

과정에 참여 . 의

사 결정 연습 .

자신의 선택에

따른 결과 분석

및 평가 .

S p littge rb e r 의 분류

Hypermedia

C omputerNetworkC AI NE XT ▶ ◀ PRE V

• 열어본 페이지

- Main Page

- C AI

- C AI 정의

- C AI 정의: 이완권

- C AI 간략 발전 역사

- C AI 간략 발전 역사 :

강인애, 김혜경

- C AI 의 유형

CAI, Hypermedia, and Computer Network?CAI, Hypermedia, and Computer Network?

C AI 의 유형

발 견

학습형

가설 검증 . 시행착

오를 통한 학습 .

데이터 탐색 . 귀납

적 접근 .

기본 문제의 제시

학습 진도 관찰

및 조언 .

정보 및 자료의 탐

색 기능 제시 . 학

습자의 탐색 활동

기록 .

가설의 설정 및

확인을 통한 원

리나 규칙을 발

견 .

문 제

해결형

컴퓨터의 정보처리

능력과 계산능력을

이용하여 문제를 해

결 .

문제 설정 . 학습

자 배정 . 해결책

방안 .

학습자가 실수할

때 이것에 대한 설

명을 해주고 가능

한 틀린 곳을 찾아

낼 수 있도록 구성

.

문제 규명 . 해

결책 제시 . 독

립변인 조작 .

자 료

제시형

특별한 도형 , 도표

설명하고자 할 때 .

자료 검색 . 자율학

습 .

변화해가는 과정 관

찰 .

검색 방법 제시 .

특징 제시 .

자료 제시 .

필요에 따라 사용

자용 Note 와

Print 기능 제공 .

자료의 탐색 ,

수집 , 비교 , 분

석 , 정리 .

S p littge rb e r 의 분류

Hypermedia

C omputerNetworkC AI NE XT ▶ ◀ PRE V

• 열어본 페이지

- Main Page

- C AI

- C AI 정의

- C AI 정의: 이완권

- C AI 간략 발전 역사

- C AI 간략 발전 역사 :

강인애, 김혜경

- C AI 의 유형

CAI, Hypermedia, and Computer Network?CAI, Hypermedia, and Computer Network?

Tec hnology& E duc ation

C AI

Network

Hypermedia

CAI, Hypermedia, and Computer Network?CAI, Hypermedia, and Computer Network?

H yp e rm e d ia의 정의

H yp e rm e d ia 의 발전역사

H yp e rm e d ia 의 특징구성주의

H yp e rm e d ia 의 예

C AI

Hypermedia

CAI, Hypermedia, and Computer Network?CAI, Hypermedia, and Computer Network?

H yp e rm e d ia 의 정의

Ge o rge P. Land o w, Intro d uc to ry c o m m e nts fro m H yp e rte xt (1 992)

H is to ry o f the C o nc e p t o f H yp e rte xt

Anno tatio n in a Prin t Te xt

Ro land Barthe s and the Write rly Te xt

Re ad ing and Writing in a H yp e rte xt Enviro nm e nt

D e fin itio n o f H yp e rm e d ia

유정경, 하이퍼텍스트 원리를 적용한 C AI

코스웨어 개발 및 효과에 관한 연구 (1 993)

Hypermedia

C omputerNetworkC AI NE XT ▶ ◀ PRE V

• 열어본 페이지

- Main Page

- C AI

- C AI 정의

- C AI 정의: 이완권

- C AI 간략 발전 역사

- C AI 간략 발전 역사 :

강인애, 김혜경

- C AI 의 유형

- C AI 의 예

- H yp e rm e d ia

CAI, Hypermedia, and Computer Network?CAI, Hypermedia, and Computer Network?

H yp e rm e d ia 정의

Landow(1992):

- 하이퍼텍스트는 이전의 컴퓨터보조학습 (CAI) 체제와는 구분되는 비선형적 구조를 이루며 인간의 의식 흐름에 가장 가까운 형태로 전개될 수 있는 새로운 컴퓨터 체제이다 .

- 하이퍼미디어의 텍스트들은 수용자의 사고 흐름의 전개에 따라 다르게 선택되고 연결될 수 있으며 , 결과적으로 선택된 텍스트들의 종합도 달라지고 그럼으로 인해 각 텍스트에 대한 해석까지도 고정되지 않게 된다 .

• 열어본 페이지

- Main Page

- C AI

- C AI 정의

- C AI 정의: 이완권

- C AI 간략 발전 역사

- C AI 간략 발전 역사 :

강인애, 김혜경

- C AI 의 유형

- C AI 의 예

- H yp e rm e d ia

- H yp e rm e d ia 정의

CAI, Hypermedia, and Computer Network?CAI, Hypermedia, and Computer Network?

H yp e rm e d ia 의 정의

Ge o rge P. Land o w, Intro d uc to ry c o m m e nts fro m H yp e rte xt (1 992)

H is to ry o f the C o nc e p t o f H yp e rte xt

Anno tatio n in a Prin t Te xt

Ro land Barthe s and the Write rly Te xt

Re ad ing and Writing in a H yp e rte xt Enviro nm e nt

D e fin itio n o f H yp e rm e d ia

유정경, 하이퍼텍스트 원리를 적용한 C AI

코스웨어 개발 및 효과에 관한 연구 (1 993)

Hypermedia

C omputerNetworkC AI NE XT ▶ ◀ PRE V

• 열어본 페이지

- Main Page

- C AI

- C AI 정의

- C AI 정의: 이완권

- C AI 간략 발전 역사

- C AI 간략 발전 역사 :

강인애, 김혜경

- C AI 의 유형

- C AI 의 예

- H yp e rm e d ia

- H yp e rm e d ia 정의

- H yp e rm e d ia 정의 : Land o w

CAI, Hypermedia, and Computer Network?CAI, Hypermedia, and Computer Network?

H yp e rm e d ia 의 정의

• 열어본 페이지

- Main Page

- C AI

- C AI 정의

- C AI 정의: 이완권

- C AI 간략 발전 역사

- C AI 간략 발전 역사 :

강인애, 김혜경

- C AI 의 유형

- C AI 의 예

- H yp e rm e d ia

- H yp e rm e d ia 정의

- H yp e rm e d ia 정의 : Land o w

CAI, Hypermedia, and Computer Network?CAI, Hypermedia, and Computer Network?

H yp e rm e d ia 의 간략 발전 역사

The H is to ry o f H yp e rte xt - - [ in Pro gre s s ]

A Brie f H is to ry o f th e C o nc e p t o f H yp e rte xt

Ke y F igu re s , Pio ne e ring S ys te m s

•Vanne var Bu s h

•The Me m e x

•Ian Ad e lm an and Paul Kahn 's

an im atio n o f th e Me m e x

•D o u glas Engle b art

•Augm e nt

•The o d o r H . Ne ls o n

•C o in s te rm s hyp e rte xt,

d o c uve rs e

•Xanad u

•And rie s van D am

•H ES (H yp e rte xt Ed iting S ys te m )

•FRES S

•IRIS Inte rm e d ia (1 987- 92)

•G u id e

•H yp e rc ard

•D ynaTe xt

(fro m Ele c tro n ic Bo o k Te c hno lo g ie s )

•Mic ro c o s m

(U n ive rs ity o f S o u tham p to n , U K)

•S e p ia (G MD - IPS I)

Hypermedia

C omputerNetworkC AI NE XT ▶ ◀ PRE V

• 열어본 페이지

- Main Page

- C AI

- C AI 정의: 이완권

- C AI 간략 발전 역사 :

강인애, 김혜경

- C AI 의 유형

- C AI 의 예

- H yp e rm e d ia

- H yp e rm e d ia 정의 : Land o w

- H yp e rm e d ia 정의 : 유정경

CAI, Hypermedia, and Computer Network?CAI, Hypermedia, and Computer Network?

H yp e rm e d ia 의 간략 발전 역사1945

년Vannevar Bus h 가 Memex 시스템 제안

1965

년Ted Nels on ‘ ’ 이 하이퍼텍스트 란 용어를 새로 만듬

1967

년

B rown Univers ity 의 Andy Van Dam 이 The Hypertext E diting S ys tem 과 F RE S S

를 개발1968

년Doug E ng elbart 가 F J C C 에서 NLS 시스템에 대해 시연 ( demons tration)

1975

년C MU( C armegoe Mellon Univers ity) 에서 Z O G ( 현재의 KMS ) 개발

1978

년

MIT Arc hitec ture Mac hine G roup 의 Andy L lppman 이 최초의 하이퍼텍스트

비디오디스크인 As pen Movie Map 개발

1984

년

제한적인 기능을 가진 하이퍼미디어 데이터베이스로서 매킨토시 시스템을 위한

F ilevis ion 을 Telos 에서 개발

1985

년

J anet Walker 가 S ymbolic s Doc ument E xaminer 를 개발

B rown Univers ity 의 Norman Meyrowitz 가 Intermedia 를 개발1986

년 최초로 대중화된 하이퍼텍스트인 G uide 를 OWL 에서 개발

1987

년

Apple 의 Bill A tkins on 이 HyperC ard 를 개발미국 North C arolina 에서 최초로

Hypertext' 87 works hop 이 개최됨

하이퍼텍스트의 개략적 발전 역사자료 : Nielson, J., Hypertext & Hypermedia, Academic Press, 1993, p. 31. 

• 열어본 페이지

- Main Page

- C AI

- C AI 정의: 이완권

- C AI 간략 발전 역사 :

강인애, 김혜경

- C AI 의 유형

- C AI 의 예

- H yp e rm e d ia

- H yp e rm e d ia 정의 : Land o w

- H yp e rm e d ia 정의 : 유정경

- H yp e rm e d ia 발전 역사

자료 : Nielson, J., Hypertext & Hypermedia

CAI, Hypermedia, and Computer Network?CAI, Hypermedia, and Computer Network?

H yp e rm e d ia 의 간략 발전 역사

하이퍼텍스트의 개략적 발전 역사자료 : Nielson, J., Hypertext & Hypermedia, Academic Press, 1993, p. 31. 

Te d Ne ls o n

1 965 년 Xanad u 시스템을 발표하며

‘ ’ 하이퍼텍스트 라는 용어를 처음 사용

전 세계의 모든 자료를 하나의 하이퍼텍스트시스템에

저장하고자 함

Bus h 의 Me m e x 처럼 Xanad u 시스템도 실현되지 못 함

Hypermedia

C omputerNetworkC AI NE XT ▶ ◀ PRE V

• 열어본 페이지

- Main Page

- C AI

- C AI 정의: 이완권

- C AI 간략 발전 역사 :

강인애, 김혜경

- C AI 의 유형

- C AI 의 예

- H yp e rm e d ia

- H yp e rm e d ia 정의 : Land o w

- H yp e rm e d ia 정의 : 유정경

- H yp e rm e d ia 발전 역사

CAI, Hypermedia, and Computer Network?CAI, Hypermedia, and Computer Network?

H yp e rm e d ia 의 특징

하이퍼텍스트의 개략적 발전 역사자료 : Nielson, J., Hypertext & Hypermedia, Academic Press, 1993, p. 31. 

강인애, 김은정, 하이퍼미디어의 사회 ‧ 문화 ‧ 교육적 함의 (2003)

Hypermedia

C omputerNetworkC AI NE XT ▶ ◀ PRE V

• 열어본 페이지

- Main Page

- C AI 정의: 이완권

- C AI 간략 발전 역사 :

강인애, 김혜경

- C AI 의 유형

- C AI 의 예

- H yp e rm e d ia 정의 : Land o w

- H yp e rm e d ia 정의 : 유정경

- H yp e rm e d ia 발전 역사

- Ne ls o n

CAI, Hypermedia, and Computer Network?CAI, Hypermedia, and Computer Network?

H yp e rm e d ia 의 특징

하이퍼텍스트의 개략적 발전 역사자료 : Nielson, J., Hypertext & Hypermedia, Academic Press, 1993, p. 31. 

특징 내용

하이퍼링크

- 정보들의 무한한 연결을 가능하게 하는 기능

- 인간의 사고와 연상의 흐름을 가장 비슷하게 구현

- 그물망처럼 얽히고 교차하는 정보들은 어디에서도 시작가능 ( 리좀 )

- 수용자의 사고 흐름의 전개에 따라 다르게 선택되고 연결될 수 있음

상호작용성- 저자와 수용자간의 상호작용 , 혹은 수용자간의 상호작용 가능

- 상호간에 영향력을 행사

- 저자 ( 교수자 ) 와 독자 ( 학습자 ) 의 경계가 허물어짐

멀티미디어

기능

- 텍스트 , 그래픽 , 사운드 , 동영상 등을 사용

- 인간이 다감각적으로 사물세계를 지각하고 인식하며 의사소통하는

것을

가장 유사하게 표현

- 하이퍼텍스트를 하이퍼미디어로 확장

- 언어적 정보와 비언어적 정보를 결합하는 정보매체h ttp ://www.yo u tu b e .c o m /watc h?v= 6gm P4nk0EO E&fe ature = re late d유투브

:

• 열어본 페이지

- Main Page

- C AI 정의: 이완권

- C AI 간략 발전 역사 :

강인애, 김혜경

- C AI 의 유형

- C AI 의 예

- H yp e rm e d ia 정의 : Land o w

- H yp e rm e d ia 정의 : 유정경

- H yp e rm e d ia 발전 역사

- Ne ls o n

- H yp e rm e d ia 특징

H yp e rm e d ia 학습 - 선미

Hypermedia와 구성주의의 교육적 함의

구성주의가 웹 기반교육의 이

론적 근거로서 거론되는 데는

그만한 이유가있다구 ? !

구체적으로 구 성주의를 설명

해줄래 ? !

구성주의와 하이퍼텍스트에

는 공통적 속 성이 있을 것

같아 ^ ^ ! !

“ 구성주의는 인식론을 기반

으로 하고 있” 다 맞아 ? !

구성주의와 하이퍼텍스트

우와 ~ 이렇게 많은 정보 속에서 어떤 자료부터 볼까 ?

아웅 ~ 어질어질

문제점 1

First,

Second,

· – 구성주의 웹 기반 교육의 이론적 근거

기존의 학습이론 및 학습환경 에 따라 이루어질 경우 , 웹의 속성을 충분히 발휘할 수 있는 여건을 마련하지 못함

: 기존 수업처럼 학습할 내용이 정해져 있다면 Hypermedia 적용불가

구성주의에 대한 활발한 논의와 연구의 시점과 웹기반교육 ( 혹은 웹 ) 의 등장이 동시대에 이루어졌다는 점: 다양성 , 복잡성 , 탈중심성 , 영역과 경계 허물기 , 상호작용

구성주의가 이론적

근거가 됨

구성주의와 하이퍼텍스트

인식론을 기반으로 하고 있는 구성주의

피아제 인지이론

구성주의는 18 세기 초 이탈리아 철학자 Vico 에서 출발

· 인식론 기반의 구성주의

구성주의는 앎의 이론이다 !

창의성 , 다양성 , 문제해결능력 ,

사고력을 지닌 학습자를 기르는 데 적합한 이론

구성주의는 완료된 형태가 아니라 진행의 의미

학습자들에게 많은 자율성 ,

선택권을 주며 그들의 목소 리와 요구 , 흥미와 관심에

가치를 둠

학습자 중심의 이론

구성주의에 대한 기본지식 이 부족한 걸까 ? 뭐가 좋은

자료인지 감이 안오네 ~ 졸려 !

문제점 2

자아성찰적 실천

학습의 학습자에 대한 주인 의식

구체적 상황을 배경으로 한 실제적 성격의 과제

교사는 학습자의 학습을 돕는 조언자 , 배움을 같이하는 동료 학습자

협동학습 환경의 활용

구성주의적 학습원칙

학습자 중심의 학습 환경을실천

공통적 속성현빈 ! 미친 존재감 !

현빈 ! 미친 존재감 !

현빈 ! 미친 존재감 ! 와우 ! 주원이다 ^____^

멋져 . . 그런데 왜 내가 사진을 보고 있는거지ㅡㅡ ; 공부안하니 ? 선미야 ?

ㅌ

문제점 3

H yp e rm e d ia 특성 의미 교육 , 구성주의

비선형성(no n- line arity)

노드 , 링크에 의한 비순차적 연결 → 비선형적 사고 유발 , 기존 위계질서 해 체

교수학습에서의 순차적 내용구성 해체 , 수업절차 의 직선적 순차성 거부

다양성(m u ltip lic ity)

다양한 매체 통한 다감각표현 → 다양한 정보 및 관점 상존

학습자의 다양성과 창의성 인정 , 개인차 존중

상호텍스트성(in te r- te xuality)

사공동 저자 , 저자간 교류 , 사용자와 저자 의 교류

학습자와 교수자가 함께 교육과정과 교수학습의 주체가 되어 내용 구성

영역교차성(b o und ary

c ro s s ing )

사고의 이동과 연상에 따른 영역간의 넘나듦 ( 그물망적 구조 )

상호작용 과정에서 교수자와 학습자의 영역 개방

간학문성(m u lti- d ic ip lin ity)

다양한 학문분야들의 연계와 융합 통화교육과정 , 간학문적 교육 과정 생성

꼴라쥬기법(c o llagam e tho d )

다양한 내용 합성과 부조화재료 함께 사용 ,

모자이크식 짜집기 협동학습을 통한 공동결과 창출

하이퍼미디어의 사회 , 문화 , 교육적 함의

하이퍼미디어의 사회 , 문화 , 교육적 함의

H yp e rm e d ia 학습 - 선미

정보의 바다에서 방향 감각의상실

학습통제권에 대 한 인지적 부담감

다양한 유형의 정보로 학습목

표 이탈

능동적 지식구축 성공

Thank Yo u

♥