e-learning Authoring Tool 사용자 매뉴얼 This Product developed to be Optimized for elearning application. Read this manual before using e-station AT
목 차 설치 및 사용 안내서 이 책의 일부 또는 전부를 복제하거나 무단으로 배포하는 행위는 법으로 금지되어 있습니다. 1. e-station AT 란? 1. 소개 2. 주요 특징 3. 기술 사양 2. e-station AT 설치 1. 설치 방법 3. e-station AT 기능설명 1. 도구모음 2. 컨텐츠 편집 3. 컨텐츠 배포 4. 환경설정 5. 컨텐츠 제작 6. 파일업로드 2
1. e-station AT 란 1) 소개 e-station AT는 Flash 기반의 웹저작툴로서 강사의 모습과 강사가 강의하는 컴퓨터 화면을 실시간으로 녹화하여 컨텐츠를 제작하고 배포할 수 있는 프로그램입니다. Flash 기반이므로 수강자는 인터넷을 할 수 있는 곳이면 어느 곳에서든지 별도의 프로그램이나 ActiveX를 설치하지 않고 수강 할 수 있으며, Mobile(스마트폰) 서비스도 가능합니다. 2) 주요 특징 동영상 기반 가상교육솔루션 강사화면 및 컴퓨터 화면 동시 출력 기능 VOD 파일 제작기능(H.264) 컨텐츠의 퀄리티(프로파일) 조절 기능 압력 감지 판서 기능 판서 그래픽 구현 기능(전자칠판기능) 파워포인트 제어기능 (애니메이션 효과, 삽입동영상 포함) 입력장치 셋팅 및 카메라 미리보기 기능 오디오 및 비디오 동시 출력 기능 손쉬운 제작자 인터페이스 제공 별도 플러그인 설치 없이 브라우저상에서 재생 컨텐츠 재생 조정 기능 컨텐츠 편집기능 제공 배포용 웹문서(HTML) 자동생성 기능 윈도우에서 실행되는 모든 프로그램 강의가능 PC(웹)용 영상과 Mobile(스마트폰) 영상 동시 생성 가능 3
1. e-station AT 이란? 3) 기술 사양 e-station AT의 지원되는 모든 기능과 최적의 컨텐츠를 생성하고자 하시면 다음과 같은 기술사양이 필요 합니다. < 소프트웨어 사양> 운영체제: Windows 2000 / XP / Vista 웹브라우저: Windows 인터넷 익스플로러 7.0 이상 < 하드웨어 사양> 프로세서 : Pentium 4 1Ghz 이상 메모리 : 512MB RAM 이상 그래픽카드: 640 x 480, 256컬러 이상 하드디스크 : 50MB의 설치공간 기타 : 마이크, 카메라등 컨텐츠 제작을 위한 장비 4
2. e-station AT 설치 1) 설치방법 e-station AT 설치 CD를 CD-ROM에 넣으면 자동 실행됩니다. 설치 프로그램이 시작되지 않을 경우에는 [시작] 메뉴의 [실행]을 선택하여 <CD-ROM Drive:\Setup.exe> 를 직접 실행하면 됩니다. 1) e-station AT 설치를 시작합니다. 다음 버튼을 누르세요. 2) e-station AT 소프트웨어 사용 라이센스에 동의를 합니다. 사용권 계약의 조항에 동의합니다. 를 선택하셔야 설치를 계속 진행할 수 있습니다. 5
2. e-station AT 설치 1. 설치방법 3) e-station AT 사용자 정보인 사용자 이름(또는 강사명)과 회사명(또는 학교명)을 정확하게 입력하여 주십시오. 제품 일련번호는 CD상자 내부에 기재된 번호를 입력하시면 됩니다. 모든 사용자 정보를 정확히 입력하셨다면 다음 을 누르세요. 4) e-station AT를 설치할 위치를 지정합니다. e-station AT는 기본적으로 C:\Program Files\BSMedia\eStationAT 폴더에 설치됩니다. 기본 폴더가 아닌 다른 폴더에 설치하고 싶으면 변경 버튼을 눌러 원하는 폴더를 선택합니다. 설치위치를 지정하였다면 다음 버튼을 누르세요. 6
2. e-station AT 설치 1. 설치방법 5) 설치가 시작됩니다. 설치파일을 CD-ROM에서 읽어오면서 진행상태를 표시합니다. 취소 버튼을 누르시면 설치를 중단합니다. 6) 설치완료 설치가 완료되면 완료 버튼을 누릅니다. 7) 정상적으로 설치가 완료되면 바탕화면에 아래와 같이 estationat 단축 아이콘이 생성되며, 윈도우 화면에 시작 -> 프로그램 메뉴에 BSMedia -> estationat 폴더가 나타납니다. 7
1) 도구모음 도구 모음을 사용하여 컨텐츠 제작을 원활하게 할 수 있습니다. 컨텐츠 편집 : 제작한 컨텐츠를 편집합니다. 컨텐츠 배포 : 뷰어 유형을 설정하고 배포합니다. 파일 업로드 : 컨텐츠를 서버로 업로드합니다. (CMS와 연동) 환경설정 : e-station AT의 프로그램 환경설정을 합니다. 시작 : 녹화 작업(컨텐츠 제작)을 시작합니다. 2) 환경설정 e-station AT를 이용하여 컨텐츠를 제작하게 될 화면과 영상(카메라)의 입력 장치를 선택하고 입력장치에 대한 장치설정을 할 수 있습니다. 상단의 메뉴 아이콘 환경설정( )을 클릭합니다. 다음과 같은 창이 나타납니다. 8
2) 환경설정 사용할 입력장치를 선택하고 ( )을 클릭합니다. 다음과 같은 창이 나타납니다. VIDEO : 영상의 크기와 대역폭(Bitrate)을 설정할 수 있습니다. AUDIO : 오디오의 모드와 음질, 대역폭(Bitrate)을 설정할 수 있습니다. 9
2) 환경설정 영상 설정 PC 영상 (강사,강의) PC + Mobile (강사, 강의, 모바일) 10
2) 환경설정 출력 설정 사용할 모바일 기기에서 지원하는 해상도로 설정 생성할 모바일 영상의 크기 설정 (480 x 320 권장) 배경이미지가 없을 때에는 배경색으로 배경 설정 배경이미지가 있을 때에는 배경이미지 설정 1 2 마우스를 이용하여 영상 1,2의 위치와 크기를 설정한다. 설정저장 : 설정을 저장한다. 미리보기 : 설정 상태로 생성 될 영상을 미리보기한다. 11
3) 컨텐츠 제작 녹화시작 컨텐츠 제작을 위한 모든 설정작업을 마친 후 컨텐츠를 제작합니다. 상단 메뉴 아이콘 ( )을 클릭합니다. 메인화면이 사라지고 화면 밑 부분에 아래와 같은 펜 툴이 나타납니다. 환경설정 강의 중에 사용하게 되는 판서기능에 관련된 환경설정을 합니다. 펜 툴 아이콘 버튼( )을 클릭하면 환경설정을 할 수 있는 창이 나타납니다 팔레트 설정 팔레트 설정에서는 기본 색상설정과 펜두께설정, 그리고 도형을 그릴 때의 채우기 옵션을 설정할 수 있습니다. 12
3) 컨텐츠 제작 타블렛 설정 타블렛 설정에서는 타블렛 두께와 파워포인트 자동이동(자동캡처) 시간설정을 설정할 수 있습니다. 단축키 설정 13
3) 컨텐츠 제작 단축키 설정에서는 e-station AT 펜툴에서 사용하는 단축키를 설정할 수 있습니다. 기타설정 기타 설정에서는 확대비율과 시작위치 등을 설정할 수 있습니다. 14
3) 컨텐츠 제작 선 그리기 마우스를 드래그하여 원하는 모양의 자유곡선을 그립니다. 선그리기 도구를 사용하면 화면에 그림을 그리거나, 간단한 내용 의 글을 직접 쓰면서 강의를 진행할 수 있습니다. 타블렛과 펜마우스등과 같은 하드웨어를 사용한다면 더욱 정교한 작업을 하 실 수 있습니다. 도구모음 중에서 선그리기( )버튼을 클릭합니다. 마우스 포인터가 ( )로 변합니다. 화면의 아무 곳에서나 마우스를 클릭, 드래그하면 마우스가 움직인 경로를 따라 자유곡선이 그려집니다. 형광펜 효과 형광펜 효과는 실제 형광펜을 사용할 때 처럼 반투명의 선을 강의화면에 그릴 수 있으며, 이때 강의화면 내용이 선 아래로 비쳐 보이게 됩니다. 그러므로 특정 부분의 글을 강조하고자 할 때 효과적으로 사용할 수 있습니다. 그러나 그리기 색상이 검정색과 흰색인 경우에는 형광펜 효과를 사용할 수 없습니다. 도구모음 중에서 형광펜( )버튼을 클릭합니다. 마우스 포인터가 ( )로 변합니다. 형광펜 효과 적용 사각형 그리기 마우스를 드래그하여 원하는 크기의 사각형을 그립니다. 도구모음 중에서 사각형그리기( )버튼을 클릭합니다. 화면의 아무 곳에서나 마으수를 클릭, 드래그하면 마우스가 움직인 수평, 수직 거리를 각각 폭과 높이로 하는 사각형이 그 려집니다. 이 때, 환경설정에서 설정한 설정 값에 따라 빈 사각형이나 채운 사각형이 그려집니다. 15
3) 컨텐츠 제작 원 그리기 마우스를 드래그하여 원하는 크기의 원을 그립니다. 도구모음 중에서 원그리기( )버튼을 클릭합니다. 화면의 아무 곳에서나 마우스를 클릭, 드래그하면 마우스가 움직인 수평, 수직 거리를 각각 폭과 높이로 하는 원이 그려집 니다. 이 때, 환경설정에서 설정한 설정 값에 따라 빈 원이나 채운 원이 그려집니다. 화면 지우기 강의 도중 입력한 판서 내용을 모두 지우고 초기 상태로 돌아가는 기능입니다. 판서 내용으로 인해 화면이 지저분해지거나, 판서 내용이 많아 새로 입력하고자 할 경우 유용하게 사용할 수 있습니다. 도구모음 중에서 전체화면지우기( 전체 판서 내용이 지워집니다. 도구모음 중에서 선택영역지우기( 선택 영영의 판서 내용이 지워집니다. 돋보기 강의화면의 일부분을 확대하여 보여줍니다. 강의 도중 메뉴나 옵션 등의 부분에서 글자가 작아 잘 보이지 않을 경우, 그 부분 을 확대하여 보여 줄 수 있습니다. 도구모음 중에서 돋보기( 우측 상단에 창이 나타나고 마우스 포인터로 클릭한 부분이 확대되어 나타납니다. 돋보기 기능이 더 이상 필요하지 않으면 펜툴 아이콘 ( )버튼을 클릭하여 확대를 종료합니다. 16
3) 컨텐츠 제작 강의화면 저장 판서내용을 포함한 강의화면 전체를 그림으로 저장할 수 있습니다. 저장될 강의화면 그림은 JPG와 BMP, GIF형식의 그림파일 로 저장할 수 있습니다. 도구모음 중에서 강의화면 저장( 강의화면 저장 대화상자가 나타납니다. 배경 이미지 불러오기 이전에 저장했던 강의화면 그림이나 배경으로 쓸 이미지를 열어 볼 수 있습니다. 또는 아무것도 없는 흰색 배경을 사용할 수 도 있습니다. 도구모음 중에서 이미지 불러오기( 칠판 이미지 불러오기 창이 나타나면 원하는 그림을 선택하고, 확인 을 누르면 해당 파일을 불러옵니다. 도구모음 중에서 흰색배경( 흰색 배경으로 새로운 페이지가 나타나고 강의화면으로 사용할 수 있습니다. 윈도우 모드 전환 e-station AT의 판서 기능을 이용해 강의를 진행하는 도중, 다른 작업을 위하여 윈도우 모드로 전환할 수 있습니다. 다른 작업을 마친 뒤 다시 펜 툴의 판서 기능을 이용해 강의를 계속 진행할 수 있습니다. 도구모음 중에서 윈도우 모드( 화면이 윈도우 모드로 전환되며 원하는 작업을 마친 후 펜 툴을 사용하시면 계속 강의를 진행할 수 있습니다. 파워포인트(PPT) 열기 e-station AT의 판서 기능을 이용해 강의를 진행하는 도중, 파워포인트파일을 열어서 슬라이드를 이동하며 강의 화면으로 사용할 수 있습니다. 도구모음 중에서 파워포인트 열기( MS PowerPoint 열기 창이 나타나면 원하는 파워포인트 파일을 선택하고, 확인 을 누르면 해당 파일을 불러옵니다. 도구모음 중에서 다음 ( 17
3) 컨텐츠 제작 파워포인트 슬라이드가 다음 페이지로 이동하면서 강의를 진행할 수 있습니다. 도구모음 중에서 이전 ( 파워포인트 슬라이드가 이전 페이지로 이동하면서 강의를 진행할 수 있습니다. 녹화 시작/종료 컨텐츠 제작을 위해 녹화를 시작합니다. 녹화 중 일시정지를 할 수 있으며 녹화가 진행되는 동안 녹화되는 동영상이 자동으로 생성되어 자동 저장됩니다. 도구모음 중에서 녹화시작 ( 녹화가 진행되며 녹화가 진행되는 시간 ( 도구모음 중에서 녹화 일시정지 ( )이 펜 툴에 표시됩니다. 녹화 진행 시간이 멈추며 녹화가 일시정지 됩니다. 다시 녹화 버튼을 클릭하면 계속 녹화를 진행할 수 있습니다. 녹화가 완료되면 화면 하단의 도구모음 중에서 녹화종료 ( 녹화가 종료되고 제작된 동영상 파일은 설치폴더 밑에 Content 폴더에서 확인할 수 있습니다. 18
4) 컨텐츠 편집 e-station AT을 이용하여 제작한 컨텐츠를 편집할 수 있습니다. 상단의 메뉴 아이콘 컨텐츠 편집 ( )을 클릭합니다. 다음과 같은 창이 나타납니다. 메인트랙 강사영상과 강의영상으로 e-station AT로 제작한 영상이나 기존의 영상을 불러올 수 있습니다. 믹싱트랙 동영상이나 이미지를 추가하여 믹싱할 수 있습니다. 믹싱된 동영상이나 이미지는 믹싱시킨 재생시간에 기존동영상위에 덮어 써져서 재생이 되며 이미지는 재생시간을 늘이거나 줄일 수 있습니다. 믹싱트랙에서 동영상이나 이미지 중 원하는 곳의 추가 ( 열기 창이 나타나면 동영상이나 이미지 파일을 선택하여 불러올 수 있습니다. 믹싱트랙에서 추가한 동영상이나 이미지 중 원하는 파일을 선택하여 삭제 ( 선택하신 파일이 믹싱트랙에서 삭제됩니다. 19
4. 컨텐츠 편집 삽입트랙 동영상을 추가하여 삽입할 수 있습니다. 삽입된 동영상은 재생시 기존 동영상과는 별도로 창이 열리면서 재생되며 삽입 동영상이 재생되는 동안에는 기존 동영상이 일시 정지가 되고 삽입 동영상 재생이 완료되면 삽입 동영상 창이 닫히면서 기존 동영상이 계속 재생됩니다. 삽입트랙에서 추가 ( 열기 창이 나타나면 동영상 파일을 선택하여 불러올 수 있습니다. 삽입트랙에서 추가한 동영상 중 원하는 동영상을 선택하고 삭제 ( 선택하신 동영상 파일이 삽입트랙에서 삭제됩니다. 주부전환 원하는 시간에 자동으로 주부전환을 할 수 있습니다. 주부전환에서 추가 ( 주부전환이 자동으로 이뤄지길 원하시는 시간으로 이동합니다. 태그추가 제작하신 강의영상에 태그를 추가할 수 있습니다. 강의영상을 선택하고 태그를 추가하실 시간으로 이동하신 후 영상 밑 부분에 ( 태그추가 창이 나타나면 원하시는 제목과 내용을 입력하시고 저장 ( 우측 리스트에 다음과 같은 태그가 추가되는 것을 확인할 수 있습니다. 추가된 리스트는 수정 ( ) 버튼이나 삭제 ( ) 버튼을 클릭하여 수정이나 삭제할 수 있습니다. 20
4. 컨텐츠 편집 파일 메뉴 편집하신 내용을 저장하거나 취소, 또는 미리보기를 할 수 있습니다. 파일 메뉴를 클릭한 후 편집저장 을 클릭하면 편집한 내용이 저장되어 xml파일이 편집한 내용으로 수정되며 추가한 동영상이나 이미지 파일은 컨텐츠가 있는 폴더로 복사됩니다. 파일 메뉴를 클릭한 후 편집취소 를 클릭하면 편집한 내용이 취소되며 xml파일은 편집하기 전 상태 그대로 유지됩니다. 파일 메뉴를 클릭한 후 미리보기 를 클릭하면 다음과 같이 새로운 창이 나타나면서 미리보기를 할 수 있습니다. e-station AT을 이용하여 제작한 컨텐츠를 배포할 수 있습니다. 상단의 메뉴 아이콘 컨텐츠 배포( )을 클릭합니다. 다음과 같은 창이 나타납니다. 배포 유형 기본유형 3가지 중 원하는 형식의 유형을 선택하거나 사용자가 원하는 대로 유형을 편집하여 저장하거나 불러 올 수 있는 사 용자정의 유형이 있습니다. 21
5. 컨텐츠 배포 기본유형1 강사영상, 강의영상, 그리고 리스트 창으로 구성된 뷰어 유형입니다. 기본유형2 강사영상, 리스트 창으로 구성된 뷰어 유형입니다. 기본유형3 강의영상, 리스트 창으로 구성된 뷰어 유형입니다. 사용자정의 강사영상, 강의영상, 리스트 창의 크기와 위치 등을 사용자가 원하는 대로 구성이 가능한 뷰어 유형입니다. 저장/불러오기 사용자 정의 유형을 저장하거나 불러올 수 있습니다. 편집창 밑 부분의 저장( 파일 저장 대화상자가 나타나고 현재 유형을 저장할 수 있습니다. 편집창 밑 부분의 불러오기( 파일 불러오기 대화상자가 나타나고 저장된 유형을 불러오기 할 수 있습니다. 편집 편집 창 밑 부분의 편집 ( 22
5. 컨텐츠 배포 다음과 같은 창이 나타나면서 배포유형을 원하는 대로 편집할 수 있습니다. 다음과 같이 영상이나 목록, 그리고 제목, 컨트롤러의 위치를 마우스로 드래그하여 원하는 위치로 변경 가능합니다. 다음과 같이 영상이나 목록, 그리고 제목, 컨트롤러의 크기를 크기변경 ( 가능합니다. 제목영역이나 목록영역, 그리고 컨트롤러 영역에 있는 속성변경 ( 트롤러설정을 클릭하면 각 영역의 설정을 변경할 수 있습니다. ) 버튼을 클릭하여 원하는 크기로 변경 )버튼이나 설정 메뉴의 뷰어설정, 목록설정, 컨 뷰어설정에서는 다음과 같은 창이 나타나면서 제목영역의 글꼴설정이나 표시여부, 그리고 배경이미지와 웹주소, 동영상 주소 등을 설정할 수 있습니다 23
5. 컨텐츠 배포 목록설정에서는 다음과 같은 창이 나타나면서 목록영역의 글꼴설정이나 표시여부, 그리고 스타일을 설정할 수 있습니다. 컨트롤러설정에서는 다음과 같은 창이 나타나면서 목록이동, 주부전환, 강사영상만, 강의영상만, 메모, 인쇄, 도움말, 그리고 컨트롤러영역의 표시여부 등 다양한 설정을 변경할 수 있습니다. 파일 메뉴 편집하신 내용을 저장하거나 취소, 또는 미리보기를 할 수 있습니다. 파일 메뉴를 클릭한 후 편집저장 을 클릭하면 편집한 내용이 저장되어 xml파일이 편집한 내용으로 수정되며 사용자정 의 유형으로 저장됩니다. 파일 메뉴를 클릭한 후 편집취소 를 클릭하면 편집한 내용이 취소되며 xml파일은 편집하기 전 상태 그대로 유지됩니다. 파일 메뉴를 클릭한 후 미리보기 를 클릭하면 다음과 같이 새로운 창이 나타나면서 미리보기를 할 수 있습니다. 24
5. 컨텐츠 배포 배포 e-station AT을 이용하여 제작한 컨텐츠를 배포할 수 있습니다. 편집 창 밑 부분의 배포 ( 예 를 선택하면 아래와 같이 브라우저가 열리면서 index.html을 열어 제작된 컨텐츠를 보여줍니다. 25
6. 파일 업로드 e-station AT를 이용하여 제작한 컨텐츠를 서버에 업로드 하고, e-station CMS와 연동할 수 있습니다. 상단의 메뉴 아이콘 파일 업로드( )을 클릭합니다. 다음과 같은 창이 나타납니다. 처음 실행시에는 파일이 올라갈 FTP 주소와 아이디, 비밀번호 그리고 연동할 CMS 페이지를 입력하여 주시고 설정저장 을 하시면 이후엔 저장된 설정값이 기본으로 입력됩니다. 설정하신 후 업로드 버튼을 누르면 업로드가 진행되고 완료 후 입력된 CMS페이지가 열리게 됩니다. 배포파일이 생성되어 있지 않을 경우에는 자동으로 배포후 업로드가 진행됩니다. 26
27
e-station AT 주식회사 비앤에스미디어 www.bnsmedia.co.kr 본사 : 서울시 구로구 디지털로 26길 111 JnK 디지털타워 703호 / TEL) 02-588-3323 FAX) 02-588-3659 공장 : 충남 천안시 입장면 호당리 351-4번지 / TEL) 041-584-8378 FAX) 041-584-8379 Head Office : #703 JnK Digital Tower, 111, Digitalro-26gil, Guro-gu, Seoul, Korea / TEL) 82-2-588-3323 FAX) 82-2-588-3659 Factory: #351-4, Hodang-Li, Yipjang-Myun, Cheonan-Shi, Chungnam, Korea / TEL) 82-41-584-8378 FAX) 82-41-584-8379