KR20020088962A

KR20020088962A - 동영상을 이용한 원격강의시스템 및 원격강의방법

Info

Publication number: KR20020088962A
Application number: KR1020010028061A
Authority: KR
Inventors: 한성원
Original assignee: 주식회사 사이컴; 한성원
Priority date: 2001-05-22
Filing date: 2001-05-22
Publication date: 2002-11-29
Also published as: KR100446073B1

Abstract

본 발명은 인터넷상에서 컴퓨터사용자들이 온라인원격강의를 통하여 학습할 수 있는 방법과 시스템을 제공한다. 이를 위해 강의내용을 담고있는 동영상파일과 함께 상기 동영상파일의 설명을 위한 강의설명파일과 강의목차를 보여주기 위한 스크립트파일을 코딩하여 미디어 파일로 변환하고 이 미디어 파일을 서버의 데이터베이스에 저장하여 둔다. 이러한 서버에 인터넷 사용자가 일정의 강의내용에 대해 선택하면 서버가 이를 클라이언트 컴퓨터에 전송하여 클라이언트의 컴퓨터에 있는 미디어 플레이어가 실행되도록 한다. 이에 따라 동영상 이외에도 강의의 목차를 보여주고 사용자가 선택할 수 있도록 하는 인덱스 화면과 필기내용을 보여주는 설명진행화면이 미디어 플레이어의 진행에 동기되어 나타나게 된다. 따라서, 미디어파일의 로딩지연에 의해 우려되는 부적절한 타이밍을 방지하여 강의내용의 동영상과 강의설명파일내용을 일치시키는 효과가 있으며, 또한 동영상과 강의설명 화면을 모순됨이 없이 일치하여 동기적으로 보여줌에 따라 학습효과가 증대된다.

Description

동영상을 이용한 원격강의시스템 및 원격강의방법 { System and method for remote lecture using motion pictures on the internet }

본 발명은 동영상을 이용한 원격강의시스템 및 원격강의방법에 관한 것으로서, 더욱 상세하게는 서버의 데이터베이스에 강의의 구성요소인 음향, 동영상 등의 미디어파일과 강의설명파일, 이를 조정하는 스크립트파일 등을 구성하여 클라이언트 컴퓨터에서 원격강의를 구현하는 시스템과 방법에 관한 것이다.

인터넷이 급속도로 발전함에 따라, 많은 분야에서 인터넷을 이용한 정보제공서비스산업이 증가하고 있다. 특히, 초고속통신망 보급이 확대됨에 따라 정보인프라가 확산되면서 인터넷교육이 사교육비 문제까지 해결해 줄 수 있는 대안으로 부상하고 있다. 왜냐하면 인터넷을 이용한 온라인강의는 전통적인 대학교육, 직업교육, 세미나 또는 전문교육기관에 의한 조직적 교육 등 기존교육시스템이 발생시키는 비용이나 시간대에 대한 제약에 비하여 다소 유연하다라는 점이다.

즉, 온라인강의의 이용자들은 수강시간대를 자유로이 조정할 수 있으며, 강의에 들이는 비용이 적게들지만 학습효과는 전통적인 교육기관에서 받는 것보다 떨어지지 않기 때문이다. 또한, 온라인강의 제공업체로써도 온라인 교육 사이트를 개발해 인터넷에 올리는 초기비용이 낮기 때문에 이용자들에게 다양한 온라인강좌를 제공할 수 있음도 간과할 수 없다.

이러한 이용자와 온라인강의 제공업체의 이해관계가 맞아떨어져 온라인교육시장이 급속히 팽창하게 되었고, 이로 인하여 온라인강의 콘텐츠 및 전송품질이 저하되게 되었다. 즉, 동영상제공시에 음성과 텍스트내용이 일치하지 않는 경우가 발생하게 되었다.

보통 온라인강의를 위해서는 미디어 플레이어라는 응용소프트웨어가 필요하게 되는데, 이러한 실시예가 도 1로써 이는 간단한 동영상과 음향을 보여주며 학습자가 구간을 선택하여 다시 반복하여 들을 수 있도록 하고 있다.

이를 간단히 부연 설명하자면 학습자가 온라인강의를 제공하는 웹사이트에 접속하여 필요한 전용 미디어플레이어를 설치하고 이 미디어플레이어를 이용하는 강의내용을 다운로드받으면 다운로드가 이루어진 후 미디어플레이어가 강의를 담고있는 파일을 임시메모리에서 불러들여 플레이를 하게 된다. 그런데, 종래의 강의방법에서는 주어진 파일을 처음부터 보아야 하므로, 원하는 부분만의 강의를 듣고자 하는 경우에는 매우 불편하다. 또한, 강의도중에 강사가 칠판에 필기하는 내용이 동영상 화면상에 나타나므로 해독하기가 어려울 때가 많다.

본 발명은 상기 상술된 문제점을 해결하고자 발안된 것으로서, 미디어 파일의 로딩지연에 의해 우려되는 부적절한 타이밍을 방지하는 것을 목적으로 하고 있다.

또한, 수강자가 원하는 부분의 강의만을 골라서 보거나 해당부분만 반복수강할 수 있는 방법을 제공하는 것을 목적으로 한다.

또한, 강의내용을 설명하는 필기화면을 별도로 보여주되 동영상과 필기화면을 모순됨이 없이 일치하여 동기적으로 보여주는 것을 목적으로 하고 있다.

도 1은 종래의 대표적 원격강의기술로서 미디어플레이어를 이용한 동영상강의를 보여주는 실시예이다.

도 2는 본 발명이 네트워크상에서 구현되는 것을 보여주는 네트워크 구성도이다.

도 3은 본 발명을 구성하는 요소중에서 클라이언트와 서버와의 관계를 보여주는 구성도이다.

도 4는 본 발명을 구성하는 미디어 파일에 들어가는 스크립트 파일을 보여주는 실시예이다.

도 5a는 본 발명을 구성하는 미디어 파일을 작성하여 서버에 저장하는 과정을, 도 5b는 본 발명이 클라이언트측에서도 실행하는 과정을 보여주는 순서도이다.

도 6은 본 발명을 제공하는 서버에서 사용자가 강의를 선택하도록 웹페이지를 구성한 실시예를 보여주는 도면이다.

도 7a와 도 7b는 클라이언트 컴퓨터에서의 실행화면의 예를 보여주는 도면이다.

본 발명은 인터넷상에서 컴퓨터사용자들이 온라인원격강의를 통하여 학습할 수 있는 방법과 시스템을 제공한다. 이를 위해 강의내용을 담고있는 동영상파일과 함께 상기 동영상파일의 강의설명파일을 알려주는 스크립트파일을 코딩하여 미디어 파일로 변환하고 이 미디어 파일을 서버의 데이터베이스에 저장하여 둔다. 이러한 서버에 인터넷 사용자가 일정의 강의내용에 대해 선택하면 서버가 이를 클라이언트 컴퓨터에 전송하여 클라이언트의 컴퓨터에 있는 미디어 플레이어가 실행되도록 한다. 이에 따라 동영상 이외에도 강의의 목차를 보여주고 사용자가 선택할 수 있도록 하는 인덱스 화면과 필기내용을 보여주는 설명진행화면이 미디어 플레이어의 진행에 동기되어 나타나게 된다.

따라서, 컴퓨터 이용자들은 화면과 사운드를 통해 강의내용을 보고들을 수 있게 된다.

이하 첨부된 도면을 참조하여 본 발명에 대한 바람직한 실시예를 상세히 설명한다.

본 발명은 개략적으로 보통 학습자라 할 수 있는 이용자가 이용할 클라이언트 브라우저, 인터넷 서비스를 제공하는 HTTP 서버, 데이터를 저장하는 데이터베이스서버, 실시간으로 동영상파일을 제공하는 스트리밍 서버로 구성된다.

여기서 클라이언트 브라우저(200)는 클라이언트 컴퓨터에 설치된 것으로 보통 개인용 컴퓨터에 많이 사용되는 인터넷 익스플로러(Internet explorer), 넷스케이프 네비게이터(Netscape navigator) 등의 웹브라우저를 들 수 있다.

클라이언트 브라우저(200)는 인터넷망(210)에 의해 HTTP 서버(220)에 연결되며 HTTP 서버는 인터넷상에서 웹페이지를 제공한다. 이러한 웹페이지와 클라이언트 브라우저에 의한 요청에 대하여 정보를 제공하기 위해서 서버측인 HTTP서버는 데이터베이스 서버(230)와 연결되어 클라이언트측의 요청을 처리하게 된다.

스트리밍 서버(221)는 실시간으로 클라이언트측의 미디어 플레이어가 요청하는 동영상파일을 제공한다. 스트리밍 서버는 보통 리얼클립 스트리밍이나 미디어플레이어용 미디어스트리밍방식을 사용하는 데 본 발명에서는 후자를 이용한 방식으로 설명한다.

데이터베이스 서버(230)는 데이터베이스 인터페이스(240)에 의해 하드디스크드라이브(Hard disk drive)와 같은 저장장치에 저장되어 있는 미디어 파일(241), 강의설명파일(242) 등을 수시로 입출력하여 추출된 데이터를 HTTP 서버(220)에 전송하게 된다.

우선 클라이언트측의 구성요소를 보면 클라이언트 컴퓨터는 인터넷 등의 컴퓨터 통신망(210)을 통하여 원격강의를 제공하는 서버에 접속하게 된다. 이러한 HTTP서버(220)에 접속하기 위해서 클라이언트 컴퓨터는 네트워크장치(342)를 통하여 통신망(210)과 연결된다.

이러한 접속방식에는 일반 전화선을 사용한 모뎀접속, 랜(LAN)을 사용한 접속, 무선 랜(wireless LAN)을 사용한 접속, 휴대전화기나 PDA를 사용한 접속 등 다양한 접속방법이 있을 수 있으며, 본 발명은 특정 접속 형태에 한정되는 것은 아니다. 네트워크장치 이외에도 클라이언트측의 컴퓨터에는 오디오파일을 처리할 수 있는 오디오장치(340), 동영상이나 영상신호 등을 처리할 수 있는 그래픽장치(341)를 구비하게 된다. 클라이언트 컴퓨터와 서버 컴퓨터에는 중앙연산장치(Central Processing Unit, 이하 CPU라 함)(300, 350)가 있어서, 각 장치의 동작을 제어한다. 상기 양 컴퓨터에는 또한 저장장치(320, 360)가 마련되어 있어서, 각종 프로그램과 데이터를 저장하고 있다.

저장장치로는 하드디스크드라이브(Hard disk drive), 플로피디스크드라이브, 컴팩트디스크드라이브, RAM, 플래시 메모리(flash memory) 등 다양한 메모리 중의 하나 또는 둘 이상의 조합이 사용될 수 있다. 클라이언트 컴퓨터의 저장장치(320)에는 적어도, 웹 페이지를 보기 위한 브라우저프로그램(321)과, 브라우저의 동작을 위해 기본적으로 설정해 놓은 기본설정 DB(322)와, 서버로부터 전송된 웹페이지인 메인 HTML 파일(361), 미디어파일(241), 강의설명파일(242) 등을 임시 저장하는 임시메모리(230)가 구성되어 있다. 물론, 컴퓨터의 동작을 위해 필요한 오퍼레이팅시스템이나 기타 여러 가지 프로그램, 데이터 등이 구성되어 있겠지만, 도면 표현의 간략화를 위해 이들은 생략하였다.

클라이언트 컴퓨터에는 또한, 사용자의 명령을 받아들이기 위한 입력장치(311)가 마련되어 있다. 입력장치(311)로는 키보드, 마우스, 터치스크린 등이 사용될 수 있다. 그리고, 표시장치(312)는 웹 페이지의 내용 및 강의내용을 사용자에게 보여주기 위한 장치로서, CRT(Cathode ray tube) 모니터, LCD(Liquid crystal display) 모니터, 소형 LCD 등이 사용될 수 있다.

입출력 제어부(310)는 상기 입력장치와 표시장치의 신호를 처리하여 CPU에 전달하거나 CPU로부터 명령을 받아 이를 처리하는 역할을 담당한다.

서버측의 서버 컴퓨터의 저장장치(360)에는 적어도, 서버 동작을 위한 서버 운용 프로그램과, 사용자가 이 서버에 접속할 때 클라이언트 컴퓨터가 받게 되는 메인 HTML 파일(361)과, 강의내용에 대한 동영상의 멀티미디어파일과 상기 동영상에 대한 강의내용은 물론 강의목차와 시간정보, 설명파일에 대한 위치정보와 시간정보를 담고 있는 내용 등이 저장되어 있는 강의설명파일(242)의 수행시간을 지정하는 스크립트파일을 코딩하여 담고있는 미디어 파일(241), 미디어 파일에 코딩된 스크립트 파일이 참조하는 강의설명파일(242) 등이 저장되어있다. 물론 강의설명파일(242)은 클라이언트의 웹브라우저에서 표현될 수 있는 양식, 즉 *.gif, *.txt, *.html 등의 포맷뿐만 아니라 동영상, 플래쉬 등의 모든 표현양식이 가능하다.

여기에서, 설명된 메인 HTML 파일(361)은 사용자가 서버에 접속할 때 맨 처음에 접하게 되는 웹 페이지문서 뿐만 아니라 본 발명의 HTTP서버(220)가 제공하는모든 웹 페이지문서를 포함한다. 특히, 메인 HTML 문서(361)는 인터넷 사용자에게 강의내용을 제공하는 미디어 파일을 포함하는 웹 페이지문서를 포함한다. 여기의 웹 페이지문서는 한정적으로 html 파일일 필요는 없으며, 자바 등의 다른 언어로 된 웹 페이지 파일이어도 상관없다.

메인 HTML 파일은 미디어 플레이어가 인식할 수 있는 메타파일(일종의 텍스트파일로 실제적인 *.asf(advance streaming format; 오디오, 비디오, 이미지, 텍스트 등을 스트리밍하는데 사용되는 파일형태)파일에 대한 정보를 가지고 있어서 홈페이지내에 html파일과 링크되는 파일을 일컬음)을 참조하게 되는데, 메타파일은 다음과 같은 형식으로 작성된다.

<Entry>

.............,

...............,

</Entry>

</ASX>

여기서, 태그는 생략하였으나 여기에는 동영상화면을 요청하는 헤더부분이 있으며, "ref HREF="mms://서버이름/파일이름1.asf""는 파일이름1.asf으로 변환된 미디어 파일의 저장위치를 하이퍼링크하는 것을 나타낸다. 즉, "mms"는 MIicrosoft Media Server protocol의 약칭으로서 클라이언트인 윈도우즈 미디어 플레이어가 서버와 데이터교환을 위해서 사용하는 프로토콜로 서버의 *.asf 컨텐츠파일을 스트리밍해주며, "//서버이름/파일이름1.asf"가 바로 저장위치를 나타낸다. 즉, 이러한 메타파일(본 발명에서는 미디어 파일(241))을 *.asx(asf stream redirector; extensible markup language태그가 모인 텍스트 기반 파일)파일로 변환하여 이를 서버의 데이터베이스에 저장해두게 된다.

상기 서버의 데이터베이스에 저장된 *.asx파일을 이용하기 위해 미디어 파일에 일치하는 강의내용을 불러들이는 웹페이지와 연결하는 예를 다음과 같이 나타낼 수 있다.

즉 이는 html로 작성된 메인 HTML 파일(361)의 웹 페이지문서 내에서 표현되고 상기 메타파일(asx이름.asx)을 불러들이기 위한 오브젝트(object)로서 이용된다.

본 발명은 디스플레이화면에 크게 3개의 프레임(Frame)으로 구성되어 표시된다. 도 7a 및 도 7b에 3개 프레임(700, 720, 730)으로 구성된 화면예가 도시되어 있다. 3개의 프레임은 동영상이 디스플레이되는 동영상파트(700), 상기 동영상파트 로딩시 동영상의 내용에 관한 인덱스와 그 외에 관련정보를 받아서 강의진행을 위한 인덱싱(Indexing) 및 화면조정 등의 메뉴(즉, 바로실행버튼, 화면축소/확대버튼, 리피트버튼 등)를 보여주는 인덱스파트(720), 상기 동영상파트가 진행되어 가면서 지정된 지점(시각)에 설명내용이 동영상과 동기적으로 변화하게 되는 설명진행화면파트(730)이다.

따라서, 메인 HTML 문서(361)는 화면을 3개의 프레임으로 나누고, 특정프레임에 동영상을 표시하도록 한다. 다음은 이러한 메인 HTML 문서를 표현한 예이다.

<html>

<head>

.........,

........,

</html>

여기서 각 3개의 프레임셋(frameset)은 a, b, c로 이루어지며 a 프레임은 a.html을 소스로 참조하고 b 프레임과 c 프레임은 a.html이 해당 내용을 쓰기까지는 빈페이지를 나타낸다. 즉, a 프레임에 로딩되는 a.html에 b 프레임과 c 프레임에 들어갈 스크립트의 실행부분이 있게 된다. 본 예에서는 3개의 프레임을 형성하고 있으나, 프레임의 수에는 제한이 없으며, 본 발명은 특정 프레임 수에 한정되는 것은 아니다.

이러한 a 프레임에 로딩되는 a.html에 대한 내용을 다음과 같이 약식으로 나타낼 수 있다.

<html>

<head>

......,

function InitializeMarkers() {

var x = 0;

y = 99;

iMax = document.player.markercount;

parent.b.document.write("

<html>

<head>

......,

.....,

)

}

function onmarkerclicked(smarker) {

document.player.currentmarker = smarker;

y == 99;

}

function playerrepeat(smarker) {

document.player.currentmarker = smarker;

y = smarker;

}

function onmarkerrepeat(smarker) {..........,

}

.....,

</script>

...............,

</script>

</head>

.......,

............,

</body>

</html>

이에 대하여 간단히 설명하자면, "<param name=filename value=asx/guitar01.asx>"를 읽어들이인다. "guitar01.asx"라는 미디어 파일은 동영상파일의 요청순서와 마커, 커맨드 등을 담고있는 스크립트 파일을 포함하고 있으며, 이 파일이 읽어 지면서 function InitializeMarkers()라는 함수는 각마커를 읽어들이기 위한 각 변수 초기화 x는 counter, y 는 repeat 기능을 수행하는 변수를 지정한다. 또한, 마커의 총수를 가져오는 변수"iMax=document.player.MarkerCount;"를 지정하고 "parent.b.document.write(" ")"라는 메쏘드는 빈페이지로 있는 b 프레임에 "(" ")"의 내용을 쓰게 된다.

이러한 b프레임에서 "function onmarkerclicked(smarker)"이라는 함수는 "단원의 타이틀"을 누르면 실행되는 함수를 일컫는다. 또한 b프레임에서 "function playerrepeat(smarker)"라는 함수는 "리피트 버튼"을 누르면 그 단원이 repeat 상태임을 기록하는 기능을 하게 된다. 또한, b프레임에서 "<script for=player event="scriptcommand(stype, sparam)">'''......, </script>"이라는 스크립트부분은 단원이 종료될시 리피트의 체크가 있는지를 판단하는 역할을 담당하게 된다.

"<script for=player event="markerhit(num)"> ......., </script>"이라는 스크립트부분은 b 프레임에서 단원진행을 표시하는 기능을 하게 된다.

"<object id=player width=520 height=418 classid=clsid:........., standby="loading microsoft windows media player components..." type=application/x-oleobject>"이라는 부분은 미디어 파일을 실행할 미디어 플레이어를 지정한다. 위에 예에서는 "윈도우즈 미디어 플레이어(microsoft windows media player)"를 지정하고 있으나 이러한 미디어 플레이어에 한정되는 것만은 아니다.

"<param name=filename value=asx/guitar01.asx>......,"이라는 부분은 미디어 파일(241)의 위치를 지정하는 부분이며 미디어 플레이어가 읽어들일 수 있는 오브젝트(object)이다. 여기에는 또한, 추가적으로 자동시작 값, 화면크기 등의 파라미터 이름을 지정하게 된다.

a.html은 미디어 파일에 포함된 스크립트를 읽어와서 b 프레임과 c프레임에 디스플레이될 내용을 쓰게되는데 b 프레임에 쓰는 것을 보면 다음과 같이 약식 기술할 수 있다.

<html>

........,

.........,

...........,

<td><a href='javascript:parent.a.onmarkerclicked(2)' on mouseup=parent.a.document.player.focus()>2. Main Riff설명</a></td>

.......,

</body>

</html>

여기서, "<body topmargin=() leftmargin=()>"는 b프레임의 화면크기를 보여준다. 즉, "topmargin=()은 위쪽상단을 "leftmargin=()"왼쪽의 여백을 조정하게 된다.

"<td><a href='javascript:parent.a.onmarkerclicked(1)' on mouseup=parent.a.document.player.focus()>1. 강의시작</a></td> ..., 부분은 b 프레임에 "1.강의시작"과 같은 단원이름을 디스플레이하여 사용자가 이를 클릭하면 하이퍼링크된 해당 함수가 수행되게 된다. 여기에서는 b 프레임만을 나타내었지만 a 프레임도 이와 비슷한 구조와 기능을 가지므로 설명은 생략한다.

상기 클라이언트 컴퓨터와 마찬가지로 서버측의 컴퓨터도 네트워크장치(343)를 통하여 통신망(210)에 연결되게 된다.

도 4는 본 발명을 구성하는 미디어 파일(241)에 들어가는 스크립트 파일을 보여주는 실시예이다.

미디어파일(241)의 변환에는 원본파일의 종류에 관계없이 이를 일단 스크립트가 없는 단순한 동영상파일에 스크립트 파일을 결합하여 *.asf, 혹은 *.asx형태의 파일로 변환하는 방식이 사용된다. 이를 실행하게 될 소프트웨어로는 윈도우즈 미디어 에이에스엑스 인덱서(Windows Media ASX Indexer) 이외 다수의 프로그램이존재한다.

미디어 파일(241)에 포함되는 스크립트 파일은 도 4에 보인 것처럼 3가지의 중요한 부분으로 이루어진다. 즉, 이번의 강의에 이용될 파일에 대한 상세한 설명을 보여주기 위한 파일속성부분(400), 강의에 관한 단원부분을 인덱스로 표시하기 위한 파일인덱싱부분(410), 강의내용중 강의설명파일(730)에 관해 실행시작과 각 실행시간대 별로 해당 강의설명파일에 관해 다운받아 실행할 URL(Uniform resource locator)의 경로를 담고있는 파일설명부분(420)으로 이루어진다. 본 예시의 스크립트파일은 보통은 미디어 플레이어(윈도우즈 미디어 플레이어)가 정하는 스크립트 형식에 따른다.

우선 파일속성부분(400)을 설명하자면 이는 강의내용의 파일에 대한 속성이라 할 수 있다. 여기에는 예를 들면 제작년월일, 강의제목, 작성자, 판권 등 일반적인 내용을 담고 있다. 본 예시화면은 강의가 음악에 관한 내용일 경우를 예로 든 것이다. 따라서, 내용은 작성자에 의해 상당히 달라질 수 있다.

파일인덱싱부분(410)에서는 강의내용을 세분화하여 단원별로 실행시간대를 지정해 놓았다. 즉, 입혀지는 스크립트의 문법은 MS(Microsoft)에서 제공하는 윈도우즈 미디어 플레이어(Windows media player)가 읽어들일 수 있는 지정된 스크립트이다. 이를 간단히 설명하면 일정시간이 지난 후에 이를 실행시키도록 하는 시간포인트와 이때 이 시간포인트에 따라 소제목이나 필요한 설명파일 혹은 설명페이지 이름 등은 마커(Maker)와 커맨드(Command) 두 가지 형태로 프로그램된다.

이러한 예가 다음처럼 표현된다.

시간포인트 형식 (파일, 텍스트, URL) 제목, 파일명, URL

....,

이러한 실제적인 예가 파일인덱싱부분(410)의 "00:02:15.0 2. Main Riff"(411)와 파일설명부분(420)의 "00:02:17.0 URL http://211.233.1.10/images/msgLIAp01/msgLIAp01000000.gif"(421)으로 표현되어 있다. 이를 마커와 커맨드로 구별하여 보면 마커는"00:02:15.0 2. Main Riff설명(411)"을, 커맨드는 "00:02:17.0 URL http://211.233.1.10/images/msgLIAp01/msgLIAp01000000.gif"(421)로 각각 표시함을 알 수 있다.

따라서, 상기와 같은 형식으로 스크립트된 파일인덱싱부분(410)에서 강제적으로 선택하여 실행되거나 순차적으로 실행이 가능하다. 예를 들면 사용자가 도 7a에서 "Main Riff설명"(721)을 마우스로 클릭하여 선택하였다면 미디어 플레이어는 파일인덱싱부분(410)의 해당부분을 읽어들여 실행한다.

이 예에서는 "00:02:15.02. Main Riff설명"(411)을 실행시킨다. 이를 해석하면 미디어플레이어는 시작포인트를 "2분 15초"로 하여 "Main Riff설명"의 강의단원을 시작한다. 따라서, 사용자가 "Main Riff설명"(721)을 클릭하면 동영상파일의 시작에서 2분 15초경과된 시점에 해당하는 부분이 동영상파트(700)에서 재생되게 된다.

이를 자세히 설명하면 "Main Riff설명"(411)의 마커가 미디어 플레이어에 의해 읽혀지면서 미디어 플레이어는 스트리밍(streaming; 웹상의 멀티미디어 콘텐츠를 실시간으로 다운로드하면서 감상할 수 있는 기능)방식을 제공하는 서버에 해당 부분의 동영상파일을 요청하게 된다.

이렇게 동영상화면이 재생되면서 강의단원의 내용에 부합하는 내용 즉, 특정서버에 저장되어 있는 강의설명파일을 요청하는 코맨드를 실행하게 된다.

즉, 스크립트의 파일설명부분(420)에서 "00:02:17.0 URL http://211.233.1.10/images/msgLIAp01/msgLIAp01000000.gif와 00:02:25.0 URL http://211.233.1.10/images/msgLIAp01/msgLIAp01000100.gif와 00:02:42.0 URL http://211.233.1.10/images/msgLIAp01/msgLIAp01000200.gif와 00:02:17.0 URL http://211.233.1.10/images/msgLIAp01/msgLIAp01000300.gif"(421)를 브라우저가 읽어 들여 이러한 상기의 데이터들을 서버에 요청하게 된다.

이를 명확히 하기 위해 부가하여 설명하면 "00:02:17.0 url http://211.233.1.10/images/msgLIAp01/msgLIAp01000000.gif"에 관해 설명한다면 "00:02:17"은 실행시각을 표시한다. 즉, 2분 17초가 되면 상기 강의설명파일을 요청/출력하라는 시간표시이며, url은 uniform resource locator의 생략어로써 해당파일이 위치해있는 전체경로를 표시한다.

즉, url은 "프로토콜 + 도메인 네임 + 경로 + 해당파일"로 이루어진다. 이에 따라 위 예제를 설명하면 프로토콜은 "http"(hypertext transfer protocol), 도메인 네임은 "211.233.1.10", 경로는 "/images/msgLIAp01", 해당파일은"/msgLIAp01000000.gif"를 각각 나타내게 된다. 여기의 "msgLIAp01000000.gif"는 강의설명파일을 나타낸다. 즉, 확장자가 그림파일인 *.gif(graphics interchange format)로 만들어져 있음을 나타낸다. 물론 상기에 설명한 것처럼 강의설명파일이 이러한 이미지 파일형식에 만 국한되지는 않는다.

상기 기술한 다른 텍스트이미지의 예도 이러한 설명방식과 동일하며, 나머지의 예에 대하여는 설명을 생략한다.

이러한 URL의 경로가 확인되면 브라우저는 해당 강의설명파일을 서버로부터 전송받아 클라이언트의 임시저장소, 즉 임시메모리에 임시 저장한다. 브라우저는 이 임시 저장된 텍스트이미지들, 즉 "Main Riff설명(411)에 해당하는 강의단원의 내용을 시간이 진행함에 따라, 도 7a의 설명진행화면(730)에 디스플레이하게 된다. 이렇게 진행시간에 따라 해당 강의설명파일이 전송완료되면 해당강의단원의 마지막을 알리는 "00:02:58.0 FILE 2"(422)의 커맨드가 실행되게 된다.

도 5a의 순서도는 서버측에서 행해지는 과정으로 강의내용에 해당하는 동영상이나 텍스트이미지 등의 파일들을 생성한다(단계 S501).

이렇게 생성된 동영상을 미디어 플레이어가 인식할 수 있는 특정파일로 변환다음 동영상과 텍스트이미지 등이 동기적으로 실행되도록 스크립트파일을 작성한다(단계 S502). 변환된 미디어 파일을 메타파일로 작성하여 특정파일로 변환하는 과정을 추가적으로 할 수도 있고 메타파일을 작성하지 않고 단지 변환된 파일만을 이용하여 미디어 플레이어가 인식할 수 있는 파일형식으로 스크립트코딩을 하여 미디어 파일을 작성하여(단계 S503), 해당 강의내용의 웹페이지를 보여주는 html에 이 미디어 파일을 포함하여 작성한 후 이 웹페이지 문서를 서버의 저장장치인 메인 HTML 파일에 저장해둔다(단계 S504).

도 5b는 인터넷 사용자가 본 발명의 서비스를 제공하는 사이트에 접속하여 이를 제공받는 과정중에 서버와 클라이언트간에 이루어지는 과정을 나타낸 것이다.

사용자는 클라이언트의 브라우저를 실행하여 HTTP서버(220)에 접속해야한다. 물론 HTTP서버는 웹사이트상에 메인 홈페이지를 갖추고 사용자가 회원인지를 확인하는 로그인과정 등의 인증과정을 걸쳐야하는 과정이 당연히 수반된다. 경우에 따라서는 사용자가 비회원인 경우, 회원등록 등의 절차를 제공하는 과정도 거칠 수 있다. 이러한 인증과정, 즉 로그인과정은 메인 홈페이지에서만 이루어지게 할 수도 있지만 각 웹페이지를 브라우징하는 과정중에서도 행해 질 수 있다. 이에 대하여 예를 들어 설명해보면 도 6의 예에서 사용자가 마우스로 "락따라 배우기"(600)를 클릭하면 서버가 로그인창을 사용자에게 디스플레이하여 인증과정을 밟은 후에 본 발명을 제공할 수 있게 할 수도 있다는 것이다.

따라서, 이러한 인증과정단계가 다 완료되었다는 가정하에 사용자가 강의를 선택할 수 있는 강의선택창(도 6)이 클라이언트에 로딩된다(단계 S510). 클라이언트에 로딩된 강의선택창에서 여러 가지 강의목록이 나타나면, 이를 보고 사용자가받아 보고 싶어하는 상기 강의목록 중에서 특정의 강좌를 선택하여 마우스로 클릭하면 클라이언트의 브라우저는 상기 도 4에서 설명한 3개의 프레임으로 구성된 html파일을 서버에 요청하게 된다(단계 S511). 즉, 도 6에서 보는 것처럼 강의목록에서 "2.락따라 배우기"(600)를 선택하여 클릭하였다고 한다면 도 7a에서 보는 3개의 프레임을 이루기 위해서 이러한 프레임구성을 포함하고 있는 html파일을 불러들이게 된다.

이를 상기 도 4에서 표현한 것처럼 이해하기 쉽도록 a, b, c의 세 프레임으로 표현한다. a 프레임은 a.html으로 구성되어 있고, b 와 c 프레임은 원래 빈페이지이다.

따라서, 단계 S511과정이후 a 프레임이 활성화되면서 브라우저는 a 프레임에 a.html문서를 불러온다(단계 S512). 이에 따라, a 프레임에서 미디어 플레이어는 스크립트로 코딩된 미디어 파일을 스트리밍방식으로 읽어 들인다(단계 S513).

이에 따라, 브라우저가 있는 클라이언트 컴퓨터의 미디어 플레이어는 해당 스크립트로 코딩된 미디어 파일을 스트리밍 서버에 요청하고 스트리밍 서버가 이 요청을 처리하면 스트리밍 서버로부터 데이터를 수신한다(단계 S514). 브라우저가 데이터를 수신하면서 5가지의 경우에 해당하는 지를 판단하여 미디어 플레이어는 이에 맞게 해당 데이터를 처리하게 된다. 이러한 5가지의 경우를 설명하면 다음과 같다.

먼저 첫 번째의 경우를 기술하면 미디어 플레이어는 수신된 데이터가 미디어 파일의 헤더(Header)부분인지의 여부를 확인하여(단계 S520), 확인판단결과 헤더부분이 아니면 미디어 플레이어는 스트리밍 서버로부터 미디어 파일을 스트리밍 방식으로 요청하고(단계 S570), 이와 반대로 헤더부분에 속한다면 a프레임에서 미디어 파일의 스크립트의 파일인덱싱 부분에 있는 마커(marker)의 총갯수를 카운트한다(단계 S521). 이렇게 카운트된 마커의 총갯수를 토탈마커(Total marker)라는 변수에 저장한다(단계 S522). 이에 따라, 브라우저는 이렇게 생성된 토탈마커의 총수만큼 루프를 실행하여 b 프레임에 스크립트의 내용 즉, 인덱싱부분의 내용을 디스플레이한다(단계 S523). 스크립트의 내용이 루프에 따라 디스플레이되면서 미디어 플레이어는 스트리밍 서버로부터 미디어 파일을 스트리밍으로 요청하게 된다(단계 S570).

두 번째의 경우는 브라우저가 웹페이지 문서를 불러들이면서 미디어 플레이어는 스크립트에서 파일설명부분의 존재여부를 확인하게 되는데(단계 S530), 파일설명부분이 존재하지 않으면 서버로부터 바로 미디어 파일을 스트리밍으로 요청하게 하고(단계 S570), 이와 반대로 스크립트에서 파일설명부분이 존재하면 c 프레임에 출력될 내용을 서버에 요청하게 된다(단계 S531). 서버는 강의내용인 강의설명파일을 c 프레임에 전송하게 된다(단계 S532).

세 번째의 경우는 브라우저가 웹페이지 문서를 불러들이면서 각 강의단원과 미디어 플레이어의 재생시간이 일치하는 지의 여부를 확인하여(단계 S540), 강의단원과 재생시간이 일치하지 않으면 미디어 플레이어는 스트리밍 서버로부터 미디어 파일을 스트리밍으로 요청한다(단계 S570). 이와 반대로 강의단원과 재생시간이 일치하면 브라우저는 b 프레임의 화면에 해당하는 강의단원에 진행표시를 하게 되는 데, 이러한 예가 도 7a의 "2.Main Riff설명"(720)앞에 점자( ●)로 표시되어 있는부분이다. 이러한 진행표시와 더불어 미디어 파일은 스트리밍 서버로부터 미디어 파일을 스트리밍방식으로 요청하게 된다(단계 S541). 물론 이러한 리피트 체크여부를 확인하는 절차를 걸치기 위해서는 상기 세 번째의 과정을 밟기 이전에 우선 사용자가 강의화면(720)에서 "Repeat"로 클릭하여 그 단원을 리피트로 설정해 두어야한다.

네 번째의 경우는 브라우저가 각 단원의 끝인지의 여부를 확인하여(단계 S550), 단원의 끝이면 미디어 플레이어는 스트리밍 서버로부터 미디어 파일을 스트리밍방식으로 요청하게 된다(단계 S570). 이와 반대로 단원의 끝이 아니면 이 단원이 리피트(Repeat)로 설정된 강의단원순서인지의 여부를 판단하게 되는데(단계 S551), 리피트로 설정된 단원이면 재생시점을 리피트로 설정된 단원의 시작시간으로 요청하게 된다(단계 S522). 단계 S551의 과정에서 강의단원이 리피트로 설정이 되어있지 않았으면 상기 기술한 단계 S514에서부터 다시 이하 과정들을 밟아 가게된다. 물론 리피트로 설정되어 있었던 경우에도 동일하다.

마지막으로 다섯 번째의 경우는 미디어 플레이어가 미디어 파일이 끝인지의 여부를 확인하게 되는데(단계 S560), 미디어 파일이 끝부분에 해당하면 강의진행화면은 종료된다. 이와 반대로 미디어 파일이 끝부분에 해당하지 않으면 미디어 파일은 스트리밍 서버로부터 미디어 파일을 스트리밍방식으로 요청하게 된다.

상기 첫 번째의 경우에서부터 다섯 번째의 경우와는 별도로 사용자가 해당 강의단원을 클릭하면(단계 S580), 재생시점을 해당단원의 시작시각으로 서버에 요청하게 된다(단계 S581). 즉, 이를 도 7a를 가지고 설명하면 "2.MainRiff설명"(720)를 마우스로 클릭하면 이 단원을 시작시간으로 이후 단원들을 실행하게 되는 기준점으로 삼는다는 의미이다. 서버에 대한 요청이 처리된 이후의 과정은 상기 기술한 단계 S514에서부터 다시 이하과정들을 밟아 가게된다.

여기서의 웹페이지는 인터넷 익스플로러를 기준으로 하였으나 다른 브라우저를 이용할 경우 화면은 달라 질 수 있다. 이는 선택하고자 하는 강의목록들을 하이퍼링크하여 보여주는 전형적인 예이다.

여기서, 사용자가 "2.락 따라배우기"를 마우스로 클릭하면 도 7a이 화면이 디스플레이되게 된다.

도 7a에서 화면은 3개의 프레임으로 구성된다. 미디어 플레이어에 의해 동영상화면을 보여주는 부분(700), 동영상화면(700)이나 강의설명진행 화면(730)을 제어하는 인덱스 부분(720), 동영상화면과 일치하는 강의설명파일을 보여주는 강의설명진행화면 부분(730)으로 구성된다.

여기서 인덱스 부분에 여러 가지 제어버튼, 즉 미디어 플레이어를 실행시키는 재생버튼(723), 미디어 플레이어를 일시중지하는 기능인 일시정지버튼(724), 미디어 플레이어의 화면을 확대하는 화면확대버튼(725), 구간반복재생을 하는 리피트버튼(722), 해당강좌를 바로 실행하기 위한 바로실행버튼(721)을 가지고 있다. 여기서 리피트기능과 바로실행버튼 이외에는 단순한 기능이라 설명을 생략한다. 리피트기능이란 만일 "2.Main Riff설명"(720)에 해당하는 리피트기능을 설정하면 바로 반복이 되는 것이 아니고 여기서부터 실행되며 나머지 강의단원까지 진행을 완료한 이후에 "2.Main Riff설명"(720)부분의 내용을 반복하여 실행하게 된다. 또한, 해제는 리피트버튼을 2회 마우스로 클릭하면 수행된다.

바로실행버튼은 1회 클릭하면 수행되며 2회누르면 실행중지된다.

설명진행화면 부분(730)에서는 미디어 플레이에서 동영상이 진행됨에 따라 이에 맞는 강의화면을 디스플레이하게 된다.

이상, 본 발명을 도면과 실시예를 가지고 설명하였으나, 본 발명은 특정 실시 예에 한정되지는 않으며, 이 기술분야에서 통상의 지식을 가진 자라면, 본 발명의 범위를 벗어나지 않으면서 많은 수정과 변형이 가능함을 이해할 것이다.

또한, 본 발명의 보호범위는 첨부된 특허 청구범위에 의해 정해져야 할 것이다.

본 발명에 따르면, 미디어파일의 로딩지연에 의해 우려되는 부적절한 타이밍을 방지하는 하여 강의의 동영상과 강의설명내용을 일치시키는 효과가 있다.

또한, 동영상과 강의설명파일을 모순됨이 없이 일치하여 동기적으로 보여줌에 따라 학습효과가 증대된다.

또한, 별도의 강의진행 프로그램을 설치할 필요가 없고 강의를 듣기위해 자료를 다운 받아서 할 필요도 없으며 브라우저의 기본설정이외에 사용자가 부가적으로 설정할 필요가 없으므로 사용자편의가 증대되는 효과가 있다.

또한, 강의를 시간에 구애됨이 없이 자유로이 선택할 수 있음으로 인해 학습효과가 증진될 수 있다

Claims

인터넷 사용자가 웹브라우저를 사용하여 접속할 때 받게 되는 메인 HTML 파일과,

강의내용에 대한 이미지, 음향 등의 멀티미디어파일과 실행시각을 지정한 스크립트파일을 담고있는 스크립트로 코딩된 미디어 파일과,

강의설명을 위한 강의설명파일과

인터넷 사용자가 웹브라우저를 이용하여 상기 파일들에 억세스할 수 있도록 하는 서버프로그램

을 저장하고 있는 저장장치와,

상기 서버 프로그램을 구동하기 위한 중앙처리장치와

상기 중앙처리장치를 이용하여 외부와 통신이 가능하도록 하는 네트워크장치와,

인터넷 사용자가 웹브라우저를 사용하여 접속할 때 받게 되는 메인 HTML 파일을 제공하는 HTTP서버와,

클라이언트측 컴퓨터에 설치된 미디어 플레이어가 요청하는 상기 미디어 파일을 소정의 실시간으로 제공하는 스트리밍 서버

로 이루어지는 것을 특징으로 하는 서버시스템.
제 1 항에 있어서,

상기 미디어 파일에 있는 스크립트파일은

강의에 이용될 파일에 대한 상세한 설명을 보여주기 위한 파일속성부분과,

상기 강의에 관한 단원부분을 인덱스로 표시하기 위한 파일인덱싱부분과,

상기 강의내용중 텍스트이미지에 관해 실행시작과 각 실행시간대 별로 해당 텍스트이미지에 관해 다운받아 실행할 URL(Uniform resource locator)의 경로를 담고있는 파일설명부분

를 가지는 것을 특징으로 하는 서버시스템.
제 2 항에 있어서,

상기 파일속성부분에는 제작년월일, 강의제목, 작성자, 판권의 내용을 담고 있으며,

상기 파일인덱싱부분에는 강의내용을 세분화하여 단원별로 실행시간대를 지정해 놓고 일정시간이 지난 후에 이를 실행시키도록 하는 시간포인트와 이때 이 시간포인트에 따라 특정형식을 지정하는 마커(Maker)로 구성되고 이는 "시간포인트 형식 (파일, 텍스트, URL) 제목, 파일명, URL"로 표현되며,

상기 파일설명부분에는 상기 파일인덱싱부분의 해당강의단원의 실행에 따라 일정시간이 지난 후에 이를 실행시키도록 하는 시간포인트와 이때 이 시간포인트에 따라 해당 강의설명파일을 다운로드받아 실행하는 커맨드로 구성되고 이는 "시간포인트 형식 (파일, 텍스트, URL) 제목, 파일명, URL"으로 표현되고 URL은 "프로토콜 + 도메인 네임 + 경로 + 해당파일"임을 특징으로 하는 서버시스템.
인터넷 사용자가 웹브라우저를 사용하여 접속할 때 받게 되는 메인 HTML 파일과,

강의내용에 대한 이미지, 음향 등의 멀티미디어파일과 실행시각을 지정한 스크립트파일을 담고있는 스크립트로 코딩된 미디어 파일과,

강의설명을 위한 강의설명파일과

인터넷 사용자가 웹브라우저를 이용하여 상기 파일들에 억세스할 수 있도록 하는 서버프로그램

을 저장하고 있는 저장장치와,

상기 중앙처리장치를 이용하여 외부와 통신이 가능하도록 하는 네트워크장치

를 구비하는 서버시스템에서

강의내용에 해당하는 동영상이나 텍스트이미지를 클라이언트의 컴퓨터에 있는 미디어 플레이어가 인식할 수 있는 미디어 파일로 변환하고 이를 스크립트언어로 스크립트코딩을 하여, 해당 강의내용의 웹페이지를 보여주는 html에 이 스크립트코딩을 포함하여 작성한 웹페이지문서를 저장해두는 단계와,

인터넷 이용자가 상기 서버에 접속하여 상기 웹페이지문서를 요청함에 따라 상기 웹페이지를 전송하는 단계

를 포함하여 이루어지는 동영상을 이용한 원격강의방법.
제 4 항에 있어서,

상기 웹페이지 문서는 세 개의 프레임을 요청하는 html문서로 되어 있으며, 이중 두 개의 프레임은 빈페이지임을 특징으로 하는 동영상을 이용한 원격강의방법.
제 4 항에 있어서,

상기 서버가 인터넷 사용자의 웹브라우저가 있는 클라이언트에 웹페이지를 전송하는 단계는

브라우저가 제 1 프레임에 특정 html문서를 불러들여 상기 제 1 프레임에서 미디어 플레이어에 상기 스크립트로 코딩된 미디어 파일을 스트리밍방식으로 불러오는 단계와,

제 1 프레임이 특정 html문서를 불러들여 상기 특정프레임에서 미디어 플레이어가 서버로부터 데이터를 수신하는 단계

를 가지는 것을 특징으로 하는 동영상을 이용한 원격강의방법.
제 6 항에 있어서,

상기 제 1 프레임이 특정 html문서를 불러들여 상기 특정프레임에서 미디어 플레이어가 서버로부터 데이터를 수신하는 단계는

미디어 파일이 헤더부분인지를 판단하여 헤더부분이 아니면 미디어 플레이어가 서버로부터 미디어 파일을 스트리밍으로 요청하고, 헤더부분이면 제 1 프레임에서 미디어 파일의 스크립트에 있는 마커의 총갯수를 카운트하고 이를 토탈마커라는변수에 저장한 후 토탈마커갯수 만큼 루프를 실행하여 다른 제 2 프레임에 스크립트의 내용을 디스플레이하는 단계와,

상기 데이터에 파일설명 스크립트가 존재하지 않으면 미디어 플레이어가 서버로부터 미디어 파일을 스트리밍으로 요청하고, 존재하면 제 3 프레임에 출력될 내용을 서버에 요청하고 서버는 이를 제 3 프레임에 전송하는 단계와,

상기 데이터가 각 강의단원과 동영상파일의 재생시간 일치여부를 확인하여 일치하지 아니하면 미디어 플레이어가 서버로부터 미디어 파일을 스트리밍으로 요청하고, 일치하면 제 2 프레임에 해당하는 강의단원에 진행표시를 하는 단계와,

상기 데이터에 각단원의 끝인지의 여부를 확인하여 끝이 아니면 미디어 플레이어가 서버로부터 미디어 파일을 스트리밍으로 요청하고, 끝이면 리피트로 설정된 강의순서인지를 확인하여 리피트로 설정되어있으면 재생시점을 리피트로 설정된 단원의 시작시간으로 요청하여 서버로부터 데이터를 수신하고 리피트로 설정된 단원이 없으면 재생하는 단계와,

상기 데이터에 미디어 파일의 끝에 해당하는 지를 확인하여 끝에 해당하면 미디어 플레이어가 서버로부터 미디어 파일을 스트리밍으로 요청하고, 해당될 경우 실행을 종료하는 단계

를 포함하는 것을 특징으로 하는 동영상을 이용한 원격강의방법.
제 7 항에 있어서,

상기 데이터에 각단원의 끝인지의 여부를 확인하여 끝이 아니면 미디어 플레이어가 서버로부터 미디어 파일을 스트리밍으로 요청하고, 끝이면 리피트로 설정된 강의순서인지를 확인하여 리피트로 설정되어있으면 재생시점을 리피트로 설정된 단원의 시작시간으로 요청하여 서버로부터 데이터를 수신하는 단계에는

인터넷 사용자가 해당 강의단원을 클릭하면 재생시점을 단원의 시작시간으로 서버에 요청하는 단계

를 더 구비하는 것을 특징으로 하는 동영상을 이용한 원격강의방법.
제 7 항에 있어서,

제 1 프레임과 제 2 프레임과 제 3 프레임은 각각

미디어 플레이어에 의해 동영상화면을 보여주는 부분과,

동영상화면과 텍스트이미지화면을 제어하는 인덱스 부분과,

동영상화면과 일치하는 텍스트이미지를 보여주는 설명진행화면 부분

인 것을 특징으로 하는 동영상을 이용한 원격강의방법.