IV. 교실수업 구성요소의 웹활용
1. 교육용 웹사이트 분석과 활용방법
1.3. 사용용도에 따른 웹구성요소
앞부분에서 분석한 교육포탈 사이트․컴퓨터교육사이트․사이버대학 사이트에 서 각각 하나의 사이트를 선택해 각 사이트에서 제공되는 메뉴들이 어떤 용도로 사용되며 어떤 매체를 이용하는지 알아보고 웹 구성요소에 대입시켜 보고자 하였 다.
1) 포탈사이트 - 에듀피아
그림 20 에듀피아 메인화면
에듀피아 사이트에서 제시되고 있는 고등학교 교육을 중심으로 메뉴를 구조별 로 정리해 보면 다음과 같다.
가) 학습신청안내
․강좌선택
․수강신청
․교재배송안내
․결재방식 선택
․수강신청취소 및 입금계좌
․학습하기 나) 문제은행/참고서
․문제은행 체험
․문제은행 신청
․고생모소개/학습안내
․문제은행 참고서
․문제은행 진로진학상담
․문제은행 학습상담
․문제모음
․문제풀이 성공률
․학습내역조회 다)영역별 강좌
․공지사항
․강좌 Q&A 라)대입정보
․입시정보
․내신 성적 산출
․진로정보 마)학습 자료실
․영역별 학습자료
․문제은행/참고서 바)상담센터
․동영상 학습상담실
․진로진학 상담실
에듀피아의 교육포탈사이트에서 활용되는 사용용도를 알아보면 다음과 같다.
․사이트 활용에 대한 정보제시
․정보를 빠르고 신속하게 선택할 수 있는 기능
․학습관련내용에 대한 정보제시
․교실수업을 동영상으로 제공하는 학습화면
․공지사항 안내
․학습이나 진학에 관해 궁금한 내용을 질문하고 답변 받음
위의 내용에 따른 사용용도별 웹 구성요소를 대입하여보면 다음과 같음을 알 수 있다.
표 5 에듀피아 메뉴제시 내용과 사용되는 웹 구성요소 사회탐구
수리Ⅰ 기획강좌
그림 23 학습화면
공지사항 공지사항 안내 텍스트
팝업창을 이용하여 제시
그림24공지사항
문제은행 진로진학상담 문제은행 학습상담 동영상 학습상담실 진로진학 상담실
학습이나 진학 에 관해 궁금한 내용을 질문하 고 답변받음
텍스트
게시판 이용
그림25 상담게시판화면
표 6 사용용도에 따른 웹 구성요소 대입
사용용도 화면구성요소 웹 구성요소
사이트 활용에 대한 정 보제시
텍스트 캡쳐이미지
텍스트와 캡쳐화면으로 구성된 html 문서 신청단계별 도움말 기능 추가한 화면제시 정보를 빠르고 신속하게
선택할 수 있는 기능
텍스트 이미지 Forms도구
텍스트 폼과 체크박스 상자 폼 등을 사용 하여 필요한 과목을 선택할 수 있도록 함 학습관련내용에 대한 정
보제시
텍스트
이미지 텍스트와 이미지로 구성된 html 문서 교실수업을 동영상으로
제공하는 학습화면 동영상 수업시작, 쉬는시간, 수업종료, 크게보기, 학습상담 신청 메뉴로 구성
공지사항 안내 텍스트 팝업창을 이용하여 제시
학습이나 진학에 관해 궁금한 내용을 질문하고 답변받음
텍스트 게시판 이용
2) 컴퓨터교육사이트 - starthomepage
스타트홈페이지 사이트에서 제시되는 메뉴를 구조별로 정리해 보면 다음과 같 다.
가) 인터넷 유틸
․유틸질문게시판
․가라뫼의 WinMX 강좌
․ICQ 2002 강좌
․Vmware 강좌
․리얼 플레이 사용법
․FTP로 홈페이지 올리기
․사이트를 통째로 다운 텔레포트강좌 나) 그래픽 유틸
․그래픽유틸 질문게시판
․페인트샵 프로
․SmartSaver 다) 나모
․나모 질문게시판
․나모 5.0 시작에 앞서
․나모 5.0 기본강좌
․나모 5.0 중급알기
그림 26 starthomepage 메인화면
․나모 5.0 고급기능-스크립트 마법사 사용하기
․나모 5.0 응용강좌
․나모 애드온 프로그램 사용
․나모 웹켄버스 사용하기 라) 드림위버
․새로운 드림위버 질문게시판
․(구) 질문게시판(조회만 가능)
․드림위버 MX 시작에 앞서
․드림위버 MX 기초알기
․드림위버 MX 중급활용
․드림위버 MX 고급실전
․드림위버 MX 익스텐션
․드림위버 4강좌 마) 플래쉬
․플래쉬 질문 게시판
․플래쉬 5.0 기초다지기
․플래쉬 샘플 따라하기 바) 포토샵
․포토샵 5.5 질문게시판
․포토샵 5.5의 새로운 기능들
․포토샵 실전 팁 사) Window98
․윈 98.2000.XP 질문 게시판
․윈 98.2000.XP 자료실
․윈도우 환경설정
․네트워크 환경설정
․제어판/시스템
․윈도우 최적화하기 아) Window XP
․윈 98.2000.XP 질문 게시판
․윈 98.2000.XP 자료실
․윈도우 최신정보
․XP 소규모 네트워크 구성
․XP 넌이제 죽어쓰~
․XP 설치 난 이렇게 한다
․XP셋팅 이렇게 하면 어떨까
․XP기능들 이렇게 사용한다
․XP 문제 생기면 난 이렇게 해결한다.
․XP 레지스트리 달래기
․XP 제어판 강좌
․XP 최적화 파워토이 강좌
․XP로 서버를 만들어보자
․98.XP.2000 멀티부팅
․아웃룩 익스프레스 강좌
․XP 하드웨어 사용하기
․XP 완벽복구 강좌
․XP서비스팩 1강좌
․강좌 저자께 질문하기 자) CD레코딩
․레코딩 질문게시판
․CDRW.레코딩 자료실
․네로 버닝롬 강좌
․시디스페이스 강좌
․이지시디 크레이터 강좌
․CDR Win 강좌
․Clone CD강좌
․이미지 파일 변환 관리
세부 메뉴를 구성하는 매체와 사용 용도를 살펴보고 각각에 대입되는 웹 구성 요소를 대입시켜본다.
구성 메뉴 사용용도 화면구성
윈도우 최적화하기
starthomepage의 컴퓨터 프로그램 교육사이트에서 활용되는 사용용도를 알아
3) 사이버대학 - 서울사이버대학교
서울사이버대학교에서 제시되는 메뉴를 구조별로 정리해 보면 다음과 같다.
가) 대학안내
․학교법인신일학원
․총장인사
․연혁
․교육목표
․SCU자랑거리
․직제 및 대학기구
․로고
․보도기사
․전화번호안내
․대학본부 오는 길 나) 입학안내
․신입생 입학안내
․편입생입학안내
․시간제 등록생 모집안내
․입학지원서작성
․조회 및 확인
그림 30 사이버대학 메인 화면
․입학자료신청
․입학상담 다) 학습체험
․학습체험
․명사특강
․강의들어보기 라) 학과소개
․사회과학학부
․경상학부
․IT학부
․교양교육과정 마) 학사정보
․학칙
․학사안내
․학사일정
․장학제도
․규정집 바) 학습도우미
․강의길라잡이
․학습권장사양
․강의프로그램다운로드
․강의시간표
세부 메뉴를 구성하는 매체와 사용 용도를 살펴보고 각각에 대입되는 웹 구성 요소를 대입시켜본다.
구성 메뉴 사용용도 화면구성
요소 웹 구성요소
학교법인신일학원
총장인사
그림 33 입학지원서작 성화면
입학자료신청 자료신청 텍스트
Forms도구
우편과 이메일 중 선택 하여 자료를 신청할 수 있 음
팝업창 이용
그림34 입학자료신청 화면
입학상담 입학상담 텍스트
Forms도구
․게시판기능이용 방법
․지정시간정하여 온라인 상담기능 - 팝업창을 이 용
그림35 온라인입 학상담화면
명사특강 강의들어보기
강의선택방 법과 강의 화면
텍스트 동영상 이미지
게 시 판 기 능 을 이 용 하 여 강의를 선택할 수 있도록 하였다.
동영상과 텍스트 화면을 이용한 강의화면제공
소제목을 추가하여 원하 는 단원으로 쉽게 이동가 능
서울사이버대학의 사이버대학사이트에서 활용되는 사용용도를 알아보면 다음과 같다.
․사이트 정보 내용제시
․보도자료제시
․지원서작성
․자료신청
․상담
․강의선택방법과 강의화면
․학습에 필요한 사이트 이용방법을 학습
․강의에 필요한 프로그램 제공
표 9 서울사이버대학 메뉴제시 내용과 사용되는 웹 구성요소 그림 36 강의화면
강의길라잡이
학습에 필 요한 사이 트 이용방 법을 학습
텍스트 캡쳐이미지
텍스트와 캡쳐화면으로 구성된 html 문서
강의프로그램다운로드
강의에 필 요한 프로 그램 제공
텍스트 자료링크
강의에 필요한 프로그램 설명과 프로그램 공유
그림37 프로그램다운로드 화면
위의 내용에 따른 사용용도별 웹 구성요소를 대입하여보면 다음과 같음을 알
2. 교실수업의 활동분석
교실에서 교사와 학생의 커뮤니케이션 활동이 어떻게 일어나는지를 알아본다.
교실 수업안을 기초로 웹 교육안을 만들려고 한다면 교실수업에서 일어나는 활동 의 구성요소와 웹에서의 상호작용을 가능하게 하는 구성요소와의 대입관계를 충 분히 고려하여 웹 교육프로그램을 제작할 때 어떤 요소를 적절하게 사용할지 판 단할 수 있어야한다.
2.1 교실수업의 활동분석을 통한 장단점
교실수업에서 나타나는 활동의 장단점을 알아보기 위해서 일반적으로 사용되고 있는 교수-학습지도단계의 도입→전개→정리 순서에 따라 교사와 학생의 활동을 분석해 본다.
1) 도입단계를 살펴보면 다음과 같다.
교사활동 학생활동 장점 단점
예습 학습활동에 도움이 됨 어려운 내용은 학습자 혼자 예습이 어려움 수업준비
책과 필기도구
교실에 들어옴 자리에 앉기 정해진 시간에 수업이
시작되어야함
인사 인사
교사의 개인적 사정에 의해 대리수업이 진행 될 수 있음
출석부르기 대답
얼굴확인으로 대리 출석불가
간단한 사적 질문가능 개개인의 유대감 조성 눈 맞추기 등으로 수업준비완료
도입부분에서는 교사와 학생간의 유대감 생성과 수업의 분위기 조성을 위한 단
전개단계에서는 실질적인 학습활동이 일어나는 단계로 도입단계에서 판단한 자
정리단계에서는 전개단계 학습활동에서 학생의 이해정도 판단과 웅용 심화가능
2.2 교실 수업안 분석
표
단
단
단
단
단
2) 디자인 실기 수업안 상호작용요소 분석
본시 수업단계로 실기 수업에 들어간다. 교사는 수업 진행을 감독하며 학생 개
때 웹의 효과를 충분히 활용하는데 도움을 줄 수 있다.
1) 웹을 활용하여 수업할 수 있는 수업안29)을 분석해 보았다.
(1)종이 만들기 가) 수업안
29) http://www2.dig.co.kr
과목 미술, 과학, 사회, 수학 시간계획 6주
학생들은 종이가 만들어지는 과정을 조사하고 벌목 지역의 학급과 메일을 주
학생들은 종이가 만들어지는 과정을 조사하고 벌목 지역의 학급과 메일을 주