웹사이트 제작에 사용된 도구(Tools)

가. ASP(Active Server Pages)

마이크로소프트는 1996년 12월 ASP(Active Server Pages)를 발 표하였으며, IIS(Internet Information Server)버전 3.0에서 사용할 수 있도록 하였다. ASP를 한마디로 특징짓는다면 서버측(server-side) 프로그래밍 기술이라고 할 수 있다. 즉 ASP 파일이 서버에서 실행 되어 사용자들의 웹브라우저에 보여지게 된다. ASP의 가장 큰 장점 은 처리 시간을 줄일 수 있다는 것이며, 그러면서도 고도로 동적이 며 상호작용적인 애플리케이션을 작성할 수 있다는 것이다.

웹 브라우저가 ASP페이지를 호출하면 웹서버는 웹브라우저로부 터의 요청을 ASP엔진으로 넘긴다(HTML 요청의 경우에는 웹 서버 가 요청을 자체적으로 해결함). 요청을 넘겨받은 ASP 엔진은 스크 립트를 처리하고 결과를 HTML 스트림으로 삽입한 다음에 요청을 보낸 웹 브라우저로 그 결과를 반환한다. 이 모든 처리과정은 서버 에서 이루어지고 모든 결과 출력은 HTML 형태로 되므로 어떤 브 라우저를 사용할 것이냐는 문제가 되지 않는다. 또한 ASP페이지는 스크립트와 HTML코드로 결합되어 구성되며, 이들 스크립트와 HTML코드는 ASP가 지원하는 내장 객체에 대한 호출을 포함할 수 있다.

이러한 기능을 이용하게 되면 객체지향 데이터베이스에 접근할 수 있으며, 클라이언트 브라우저가 지원하지 않는 다양한 프로그램 언 어를 사용할 수 있게 된다.

ASP의 가장 중요한 장점은 시간과 장소와 같은 요소에 민감한 페이지들을 생성할 수 있는 능력과 사용자 확인과 이전 선택과 동 작이다. 즉, ASP를 사용하여 개별 사용자들의 특정 필요에 맞도록 페이지를 생성할 수 있다. 이것은 텍스트와 이미지와 표와 포럼과 페이지 배치까지도 사용자가 페이지를 요청한 시점에 자동으로 선

택되어 각 사용자의 요구와 수준을 충족시켜 줄 수 있다.

나. GSP(The Geometer's Sketchpad)

움직이는 평면기하(Dynamic Geometry), 실험을 통한 기하 수업을 위한 프로그램 GSP(The Geometer's Sketchpad)는 미국의 과학재 단(National Science Foundation)의 VGP(Visual Geometry Project) 사업의 한 부분으로 개발된 동적 기하 소프트웨어이다.

[그림 Ⅲ-2] Geometer's SketchPad

GSP는 기본적으로 점, 직선, 그리고 원을 이용하여 여러 기하학 적 표현을 쉽고 명확히 구현할 수 있으며, 그림을 빠르고 엄밀하게 도형들간의 본질적인 관련성을 쉽고 명백하게 나타낼 수 있다. 특 히, GSP는 각의 이등분선, 선분의 중점, 평행선 그리기, 수직선 그 리기 등 작도가 되는 기본적인 기능을 한 번에 수행 할 수 있게 만

들어졌다. 또한, 평행이동, 대칭이동, 회전이동의 변환도 손쉽게 된 다. 그리고, 그림 그리는 과정을 기록할 수도 있고, 그 기록을 따라 다시 재생할 수도 있으며 애니메이션(동화상)도 쉽게 구현 가능하 다. 따라서 이 동적 기하프로그램을 통하여 도형의 자취나 궤적을 쉽게 알아 볼 수 있고, 스크립트를 이용하여 프랙탈을 그릴 수도 있 다. 뿐만 아니라 도형의 여러 요소의 색상처리, 변환, 측정, 계산, 도 형의 방정식 등의 표현이 쉽게 구현되며, 이름을 달거나 하거나 주 석을 다는 여러 표현도 손쉽게 처리할 수 있으며, 그래프 메뉴의 PLOT으로 두 변량의 관계를 그래프로 나타낼 수 있다. 즉, 모든 함 수의 그래프를 그릴 수 있다.

GSP 프로그램을 통한 웹교육의 효과는 동적인 성질을 가진 평면 기하를 사용하게되면 정적인 상태의 인쇄 매체 또는 칠판을 사용하 여 지도할 때 보다 더욱 확실하게 이해시킬 수 있다. 새로운 멀티미 디어 매체로서 GSP는 일반적인 그림 프로그램과는 달리 자(직선 또 는 선 분)와 컴퍼스(원)만을 사용하는 작도(construction)와 측정 (measurement)을 통하여 학생들의 흥미를 돋울 수 있고, 학생들이 직접 GSP를 사용한다면 더욱 학습욕구를 유발할 뿐만이 아니라 학 습 내용을 확인할 수 있어서 더욱 효과적이라고 볼 수 있다.

[그림 Ⅲ-3] GSP 활용의 예

주어진 평면도형에서 어떤 성질이 성립할 것 같은가와 같이 문제 중심의 학습을 통하여 평면도형의 성질을 발견적으로 찾아낼 수 있 도록 학생들을 유도하면, GSP를 마치 실험도구(시뮬레이션)처럼 사 용하여 실제로 작도하고, 측정하여 그 성질에 대한 가설을 학습자 스스로 세울 수 있도록 도와 줄 수 있어 구성주의 이론을 구현하는 데 적합하다. 평면도형의 성질을 직관적으로 충분히 이해한 다음 연 역적으로 증명하는 것이 필요한데 이 때에 GSP는 정확한 그림을 제공하여 증명이나 문제 풀이에 필요한 정보를 확실하게 얻을 수 있습니다.

다. JSP(Java Sketchpad)

GSP를 이용하여 만든 동적인 도형을 웹을 통하여 다른 사람들에

게 소개하기 위해서는 JSP(JavaSketchpad)라는 소프트웨어를 사용 해야 한다. JSP는 많은 *.class 파일들로 이루어진 Java Applet이고 HTML로 바꾸어진 GSP그림을 웹에서 작동하게 하는 역할을 하게 된다.

인터넷상에서 GSP로 만들어진 움직이는 그림을 보려면 먼저 GSP로 만들어진 파일을 Converter를 이용하여 HTML 문서로 바꾸 어야 한다. HTML로 변환된 GSP파일을 해석기인 JSP프로그램 폴 더와 같은 위치에(폴더 속이 아닌) 옮겨놓은 후 웹브라우저를 이용 하여 *.html 문서를 불러오면 자바로 실행되는 움직이는 기하를 볼 수 있게 된다.

이상을 정리하면 다음과 같다.

ⅰ GSP에서 움직이는 그림을 작도하여 저장한다.

ⅱ HTML 컨버터를 실행하여 위에서 만든 그림 파일을 불러내어 HTML로 저장 한다. 이 때, 저장된 HTML파일은 JSP폴더와 같은 위치에 있어야 한다

ⅲ 넷스케이프 또는 익스플로러를 실행하고 위의 HTML 파일을 불러낸다.

실제로 인터넷을 이용하여 다른 사람들이 볼 수 있도록 하려면 서버에 올려놓아야 한다. 서버로는 가장 널리 퍼져 있는 Apache Web Service나 마이크로 소프트사의 IIS(Internet Information Service)를 이용하면 된다. 본 연구에서는 웹사이트 서비스를

NT5.0(Windows2000 Server) 플랫폼을 이용하였다.

플래시는 1996년 FutureWave Software사가 FutureSplash Animator라는 제품을 처음으로 인터넷에 공개하였다. 작은 회사였

이었다.

이 프로그램과 비슷하게 Vector 기반 웹 이미지 표시 기능을 가 진 Shockwave Freehand를 제작한 Macromedia사는 FutureWave software사를 인수하고 1997년에 ‘플래시 2’라는 이름으로 시장에 내 놓았다. 플래시 2에서는 전 버전에 없었던 사운드 기능과 색상 효 과, 비트맵 사용기능 등이 추가되어 멀티미디어적 성능이 크게 향상 되었다.

[그림 Ⅲ-5] Flash

1998년 5월에 발표된 플래시3 는 투명처리 효과와 무비클립심볼,

저장하기 때문에 그림 크기가 커질수록 파일의 크기 또한 커지게 된다. 그 렇지만 플래시에서는 위치에 대한 속성 값만을 가지고 있기 때문에 같은 그 림을 가지고 크기를 작게하든 크게하든 파일 크기에는 영향을 미치지 않게 된다.

쉐이프 몰핑, 마스크 레이어 기능, 전송성능 확인 기능 등을 추가했

원격교육이 강의실 교육보다 더욱 효과적인 교수방법이 될 수 있다.

Ⅳ. 실제 사이트 구축 : Funny math