제 7 장 원격교육의 개발 기술 7주 2강.

Presentation on theme: "제 7 장 원격교육의 개발 기술 7주 2강."— Presentation transcript:

1 제 7 장 원격교육의 개발 기술 7주 2강

2 학습목표 원격교육의 개발 기술 - 인터넷 기반 원격교육 과정의 주요 개발 기술

3 2. 인터넷 기반 원격교육 과정의 주요 개발 기술 1) 프로그래밍 기술 -(1) HTML 및 XML
제 6 장 정보 설계 전략에서 잠깐 언급하였듯이 인터넷상의 웹 자료들은 적게는 몇 개, 많게는 수백페이지에 이르는 하이퍼텍스트 형태의 웹 문서들로 이루어져 있다. 하이퍼텍스트는 문서의 정보들이 링크로 연결되어 있어서 해당 자료들을 쉽게 사용자들이 접근할 수 있게 된 문서 형태를 의미한다.*2 이러한 하이퍼텍스트의 문서를 제작하기 위하여 별도로 개발된 인터넷 언어를 HTML(Hypertext Markup Language)이라고 한다. 최근에는 무수히 늘어나는 인터넷 상의 정보를 효율적으로 관리하고자 하는 목적으로 L(eXtensible Markup Language)이 개발되어 활용되고 있다.*3 XML은 인터넷 웹을 구성하는 HTML을 획기적으로 개선한 차세대 인터넷 언어로 평가받고 있다.

4 2. 인터넷 기반 원격교육 과정의 주요 개발 기술 -하이퍼텍스트의 개발*2
1960년대 컴퓨터 개척자 테오도르 넬슨(Theodore Nelson)이 ‘hyper(건너 편의, 초월, 과도한)’와 ‘text’를 합성하여 만든 컴퓨터 및 인터넷 관련 용어이다. 일반 문서나 텍스트는 사용자의 필요나 사고의 흐름과는 무관하게 계속 일정한 정보를 순차적으로 얻을 수 밖에 없지만, 하이퍼텍스트는 사용자가 연상하는 순서에 따라 원하는 정보를 얻을 수 있는 시스템이다. 즉, 문장 중의 어구나 단어, 그리고 표제어를 모은 목차 등이 각 노드(node)들에 연결된 네트워크로 구성되어 효율적인 정보검색에 적당하다. 여기서 노드는 하이퍼텍스트의 가장 기초적인 정보단위를 말힌다. 하이퍼링크(hyper link)와 쌍방향성이라는 컴퓨터의 특성을 결합한 것으로 사용자들이 기존 텍스트의 선형성(線形性)·고정성·유한성의 제약에서 벗어날 수 있는 개념이다. 실제로 사용자들은 한 텍스트 안에서 건너 뛰어 읽거나 각주(脚註)로 옮겨가거나 다른 텍스트를 참고하려고 읽기를 멈추거나 아니면 다른 텍스트가 더 좋을 듯 싶어 읽기를 포기하는 일 등을 언제나 할 수 있다. 한편, 컴퓨터와 현대적인 소프트웨어가 많이 도입되면서 텍스트의 이동능력, 즉 한 블록에서 다른 블록으로 옮겨가는 능력이 크게 향상되고 있다.

5 2. 인터넷 기반 원격교육 과정의 주요 개발 기술 -XML의 개발*3
1996년 W3C(World Wide Web Consortium)에서 제안하였다. HTML보다 홈페이지 구축 기능, 검색 기능 등이 향상되었고 클라이언트 시스템의 복잡한 데이터 처리를 쉽게 한다. 또한 인터넷 사용자가 웹에 추가할 내용을 작성, 관리하기에 쉽게되어 있다. 이밖에 HTML은 웹 페이지에서 데이터베이스처럼 구조화된 데이터를 지원할 수 없지만 XML은 사용자가 구조화된 데이터베이스를 뜻대로 조작할 수 있다. 교육적 적용 사례를 보면, 예컨대 학습자가 연습 문제 10개를 풀어 7개를 맞고 3개를 틀릴 경우, 이 자료가 데이터베이스에 저장되어, 교수자 및 학습자가 추후에 참고하여 교육 및 학습을 진행할 수 있게 된다

6 1. 원격교육의 개발 형태와 기술 -(2) 웹 문서 제작 프로그램
웹 문서를 제작하기 위해서는 기본적으로 HTML을 사용한다. HTML을 사용하여 웹 문서를 제작하는 데에는 규칙적이며 반복적인 언어를 사용하게 된다. 이러한 언어 규칙들을 전체적으로 모아서 웹 문서 제작자가 사용하기 편리하게 만든 프로그램이 있는데 이것을 웹 에디터(Web editor)라고 한다. 웹 에디터는 마치 한글 문서를 작성하기 위해서 ‘한글’ ‘MS워드’와 같은 워드프로세서 프로그램을 사용하는 것처럼, HTML 웹 문서를 제작하는 프로그램으로 볼 수 있다. 대표적인 웹 에디터로는 국내의 ‘나모’(Namo), 미국의 ‘드림위버’(Dreamweaver), ‘프런트페이지’(Frontpage)가 있다.

7 2. 인터넷 기반 원격교육 과정의 주요 개발 기술

8 2. 인터넷 기반 원격교육 과정의 주요 개발 기술 -(3) 상호작용 지원 프로그램
웹 에디터를 활용하면 기본적인 웹 문서의 제작이 가능하나, HTML 언어로서는 다양한 상호작용 및 데이터베이스 지원 기능이 이루어지지 않는다. 예컨대, 애니메이션 기능이나 혹은 학습자들이 선택형 연습 문제에 대하여 대답을 하였을 때 적절한 피드백을 제공하는 기능 등이 제공되지 않는 것이다. 따라서 이러한 HTML의 기능상의 제한점을 극복하기 위해서 몇 가지 상호작용 지원 프로그램이 개발되었는데, 그 중 대표적인 것으로 ‘자바 스크립트’(Java Script)과 같은것이 있다. 스크립트라는 용어는 독립적인 인터넷 언어로서 사용되지 못하고HTML과 같은 특정 언어 내부에 포함되어 그 기능을 발휘하는 것을 지칭하고 있다. 최근에는 이러한 기능들을 ‘나모’와 같은 웹에디터에서 제공하고 있기 때문에 자바스크립트 언어를 잘 몰라도 그 기능을 쉽게 구현할 수 있다.

9 2. 인터넷 기반 원격교육 과정의 주요 개발 기술 -(4) 그래픽 프로그램
웹 자료들을 보면 색깔 등을 잘 활용한 웹 디자인이 매우 중요하다는 것을 발견할 수 있다. 여기에는 세련되고 참신한 디자인이 가능하도록 그래픽 프로그램이 활용되는데 웹 디자인에 많이 활용되는 프로그램으로 ‘포토샾’(Photoshop), ‘페인트샾’(Paintshop) 등의 사진 이미지 편집 프로그램과 ‘일러스트레이터’(Illustrator), ‘코렐드로우’(Corel Draw) 등과 같이 직접 이미지를 제작하는 프로그램들이 있다. 웹 문서에 사용되는 그래픽 이미지들은 대개 파일명에 jpg, gif 등의 확장자를 갖는다.

10 2. 인터넷 기반 원격교육 과정의 주요 개발 기술

11 2. 인터넷 기반 원격교육 과정의 주요 개발 기술 -(5) 애니메이션 프로그램
아래의 그림에서 볼 수 있듯이 그래픽, 애니메이션, 음향을 복합적으로 상호작용 하는 식으로 운용하여 인터넷 상에서 멀티미디어를 효과적으로 처리하는 프로그램으로 매크로미디어사에서 개발한 플래쉬(Flash)가 있다. 이 프로그램은 기존 애니메이션 프로그램과는 달리 애니메이션을 가능하게 하기 위한 용량이 무척 적게 든다는 점에서 인터넷 상의 애니메이션 저작 도구로 급속하게 확산되고 있다. 플래쉬 이외에도 멀티미디어 파일 제작에 활용되는 프로그램으로 매크로미디어(Macromedia)사의 디렉터(Director), 오쏘웨어(Authoware) 등이 있다. 이 프로그램들로 제작된 파일은 파일명에 swf(shock wave file)라는 확장자가 붙게 된다.

12 학습정리 프로그래밍 기술 - 프로그래밍 기술