sagestuido 사용자 매뉴얼_20150904

O r i g i n a l i n E v e r y t h i n g

WWW.MOTREX.CO.KR Ver. 1.4

Sage Studio 사용자 매뉴얼

모트렉스

2015.03.04

2015-09-04 COPYRIGHT ⓒ 2015 MOTREX ALL RIGHTS RESERVED. 2

1. Sage Studio 소개

2. Sage Studio 화면 구성

3. Sage Studio 시작 하기

4. Sage Studio 주요 기능

1) PDF 변환

2) 웹브라우저로 확인

3) 멀티미디어 삽입

4) 화면 캡쳐 기능 활용

5) 녹화, 녹음 기능 활용

6) 퀴즈 기능 활용

7) CMS 활용


1. Sage Studio 소개

Sage Studio는 파워 포인트 수준의 쉽고 간편한 화면 및 기능을 제공하여 교사,학생 누구나 쉽게 사용 가능한 콘텐츠 편집기 입니다.기존의 PDF, PPT, DOC등의 파일을 국제 표준 포맷인 HTML5로 간단하게 변환할 수있습니다.또한 인터넷 연결 여부와 관계 없이도 어디서든 사용 가능한 어플리케이션 입니다.

주요 기능)

• 학교 수업을 위한 eLearning 콘텐츠 편집 도구

• 간편한 HTML5 저작 및 문서 변환 도구

• 어디서든 사용 가능한 어플리케이션

• 클라우드 서버 기반 콘텐츠 관리


2. Sage Studio 화면 구성

③ 편집영역

② 콘텐츠 매니져 영역

① 메뉴바

④ 속성영역

① 메뉴바 : Sage Studio의 다양한 기능을 사용할 수 있는 아이콘들을 제공합니다.

② 콘텐츠 매니져 영역 : 저작한 페이지 관리 및 멀티미디어를 관리하는 콘텐츠 관리 영역입니다.

③ 편집영역 : 사용자가 콘텐츠를 저작하거나 수정하는 편집 영역입니다.

④ 속성영역 : 삽입한 멀티미디어 파일의 속성을 설정할 수 있는 영역입니다.


3. Sage Studio 시작하기

SageStudio_v1.0.0.0_150203.exe를 실행합니다.

별도의 추가 설정 없이 Next 버튼을 클릭합니다.



웹브라우저를 통해서 http://cms.sagepia.com/ 로 접속합니다.

새롭게 사용하고 싶은 사용자들은 사용자등록을 클릭합니다.



사용자가 원하는 ID와 Password 등의 기본 정보를 입력한 후 저장 버튼을 클릭합니다.



사용자 등록 과정이 완료되면 관리자가 처리 후 로그인을 할 수 있습니다.



Sage Studio를 사용하기 위해서는 사용 인증키가 필요합니다.

① 오른쪽 사용자정보를 클릭합니다.

② 인증키 내려받기를 선택합니다.

③ 저장하기를 클릭합니다.

①

②

③



① 처음 Sage Studio를 실행하면 제품이 인증되지 않았다는 팝업이 나타납니다. 파일 열기를 클릭합니다.

② 사이트에서 받은 인증키를 선택합니다.

③ 저장 버튼을 클릭하여 인증키를 저장합니다.

①

②

③



① 왼쪽 새 콘텐츠 만들기 탭을 클릭합니다.

② 가로형 전자책 템플릿을 선택합니다.

③ 사용자가 원하는 제목을 입력합니다.

④ 적용 버튼을 눌러 콘텐츠를 생성합니다.


4. Sage Studio 주요기능

①

②

③

④

① 상단 도구탭의 문서변환을 클릭합니다.

② 파일 열기 버튼을 클릭합니다.

③ 사용자가 변환하고자 하는 파일을 선택하고 열기 버튼을 클릭합니다.

④ 적용 버튼을 눌러 파일을 변환합니다.

1). PDF 문서 변환



1). PDF 문서 변환

①

① 왼쪽 콘텐츠 매니져 영역에 변환된 페이지를 확인합니다.

상단 웹브라우저 보기 또는 편집영역에서 오른쪽 마우스를 클릭하여 브라우저로 보기를 선택하여 웹브라우저로 변환된

콘텐츠를 확인합니다.



2). 웹브라우저로 확인

웹브라우저에서 5개의 페이지가 정상적으로 변환 되었는지 확인할 수 있습니다.



3) 멀티미디어파일 삽입

첫 번째 페이지에 이미지 파일을 삽입해 보겠습니다.

상단의 버튼을 이용하여 멀티미디어 파일을 삽입할 수 있지만 사용자 편의를 위해 드래그 앤 드롭 방식으로 멀티미디어

파일을 삽입해 보겠습니다.

삽입하고 하는 이미지 파일을 선택 후 편집영역으로 끌어서 추가 시킵니다.

(1) 이미지 파일 삽입




상단의 버튼을 이용하거나 삽입한 이미지를 선택 후 오른쪽 마우스를 클릭하여 애니메이션을 선택합니다.

(2) 이미지 파일에 애니메이션 기능 추가




(2) 이미지 파일에 애니메이션 기능 추가

① ②

③

① 사용자가 원하는 애니메이션의 들어오기와 나가기를 설정할 수 있습니다.

② 사용자가 애니메이션에 대한 속성을 설정할 수 있습니다(시간, 반복 실행).

③ 적용을 눌러 애니메이션을 설정합니다.




(2) 이미지 파일에 플래시 팝업 추가

삽입한 이미지 파일에 클릭액션 기능 중 플래시 팝업을 추가해 보겠습니다.

클릭 시 반응하는 기능으로 멀티미디어 파일에 팝업을 삽입하는 것을 말합니다.

클릭액션 또는 인터렉티브 액션 기능에는 말풍선 삽입. 바로가기링크 삽입, 이미지 팝업, 비디오 팝업 삽입, 유튜브

팝업 삽입, 플래시 팝업 삽입, 클릭 애니메이션 삽입 등을 제공합니다.





① ②

③

① 플래시 팝업창의 추가 버튼을 클릭합니다.

② 사용자가 삽입하고자 하는 플래시 파일을 선택합니다.

③ 열기를 눌러 플래시 파일을 삽입합니다.





플래시 팝업을 삽입하고 나면 이미지 파일 상단 작은 표시가 생깁니다.




(3) 이미지 파일 삽입

두 번째 페이지에 드래그 앤 드롭 방식으로 이미지 파일을 삽입해 보겠습니다.




(4) 이미지 파일에 클릭애니메이션 삽입

① 상단의 클릭액션 버튼 클릭 또는 파일을 선택한 후 오른쪽 마우스 클릭 하여 인터렉티브 액션탭을 선택합니다.

② 인터렉티브 액션탭을 선택 후 클릭 애니메이션을 선택합니다.

- 클릭 애니메이션이란 사용자 액션에 따라 반응하는 애니메이션으로 클릭 시 사용자가 지정된 애니메이션 효과가

나타나는 것을 말합니다.




(4) 이미지 파일에 클릭애니메이션 삽입

① 사용자가 원하는 애니메이션 효과를 지정합니다.

② 액션 버튼의 속성을 지정합니다. (버튼 텍스트 지정, 버튼 색 지정)

③ 적용 버튼을 눌러 클릭 애니메이션 효과를 삽입합니다.




(5) 웹브라우저에서 클릭애니메이션 확인

액션 버튼을 클릭하면 빈 화면에 삽입했던 이미지가 지정했던 애니메이션 효과로 나타나게 됩니다.




(6) 동영상 파일에 말풍선 팝업 삽입

세 번째 페이지에 동영상을 삽입해 보겠습니다. 드래그 앤 드롭방식으로 동영상을 삽입합니다.

① 상단의 클릭액션 버튼 클릭 또는 파일을 선택한 후 오른쪽 마우스 클릭 하여 인터렉티브 액션탭을 선택합니다.

② 인터렉티브 액션탭을 선택 후 말풍선 팝업을 선택합니다.

① ②





말풍선 팝업창에 사용자가 원하는 내용을 입력할 수 있고, 크기 조절도 가능합니다.





말풍선 팝업이 삽입되면 동영상 왼쪽 상단에 작은 표시가 나타나게 됩니다.




(7) 갤러리 삽입

네 번째 페이지에 갤러리를 삽입해 보겠습니다.

① 상단의 갤러리 버튼을 클릭합니다.

② 사용자가 삽입하고자 하는 이미지파일을 다중선택 하여 드래그 앤 드롭하여 삽입합니다.

③ 적용버튼을 눌러 이미지를 삽입합니다.

- 갤러리란 여러 가지 이미지를 슬라이드 형식으로 보여주는 기능을 말합니다.




(7) 갤러리 삽입

사용자가 원하는 곳에 위치 시킵니다.




(8) 오디오 파일 삽입

다섯 번째 페이지에 오디오 파일을 삽입해 보겠습니다.

드래그 앤 드롭 방식으로 편집화면에 삽입합니다.




(9) 유튜브 동영상 삽입

① 상단의 유튜브 버튼 클릭합니다.

② 유튜브 팝업창 웹주소에 원하는 유튜브 동영상 URL를 복사하여 붙여 넣습니다(방법은 다음 페이지 참조).

③ 적용버튼을 눌러 유튜브 동영상을 삽입합니다.




(9) 유튜브 동영상 삽입

유튜브 페이지로 접속 후 원하는 동영상을 검색합니다.

검색한 동영상 상단의 URL을 복사 한 다음 Sage Studio 유튜브 팝업창에 URL을 붙여넣기를 하면 동영상이 삽입됩니다.




(10) 유튜브 동영상에 바로 가기 링크 삽입

유튜브 동영상에 바로 가기 링크를 삽입해 보겠습니다.

동영상을 선택 후 오른쪽 마우스를 누른 후 인터렉티브 액션 탭에 바로 가기 링크를 선택합니다.





바로 가기 링크를 선택하면 두 가지 방식으로 링크를 멀티미디어 파일에 삽입할 수 있습니다.

① 웹 주소를 직접 입력하여 동영상에 링크를 거는 방식입니다.(HTTP://www.________.com )

② 페이지 리스트는 사용자가 저작한 콘텐츠의 페이지로 이동할 수 있게 설정할 수 있는 방식을 말합니다.





바로 가기 링크가 삽입되면 왼쪽 상단에 표시가 나타납니다.




Sage Studio는 캡쳐 기능을 통해 필요한 전체 화면이나 부분 이미지 등을 삽입할 수 있습니다.

① 전체화면은 원하는 페이지 전체를 캡쳐 하는 것을 말합니다.

② 선택화면은 사용자가 원하는 페이지의 일부분을 선택하여 캡쳐 하는 것을 말합니다.




(1) 전체 화면 캡쳐

먼저 전체 화면을 선택해 캡쳐해 보겠습니다.

사용자가 원하는 웹 브라우저나 이미지를 띄운 상태에서 전체화면 버튼을 클릭하면 캡쳐가 완료됩니다.

① 화면 캡쳐가 완료되면 팝업창이 나타납니다. ‘예’를 누르게 되면 바로 편집창에 추가가 됩니다.

② ‘아니오’를 누르고 되면 라이브러리에 추가되어 나중에 이미지를 사용할 수 있도록 저장 됩니다.




(1) 전체 화면 캡쳐

왼쪽 하단에 라이브러리를 선택하면 사용자가 지금까지 삽입했던 이미지들이 저장되어 있는 것을 볼 수 있습니다.

라이브러리에서 이미지를 재활용 가능합니다.




(2) 선택 화면 캡쳐

선택화면을 선택해 보겠습니다.





웹 브라우저를 띄운 다음 선택화면을 클릭한 후 캡쳐를 원하는 이미지 부분을 드래그 하여 부분 캡쳐를 합니다.





캡쳐가 완료되면 팝업창의 ‘예’를 눌러 편집창에 추가 시킵니다.





캡쳐된 이미지를 원하는 곳에 위치 시킵니다.




(1) 녹화 기능 사용

사용자는 녹화, 녹음 기능을 통해서 E-BOOK 콘텐츠를 강의나 만드는 과정을 보여줄 수 있습니다.도구 탭의 녹화 버튼을 눌러 녹화를 시작합니다.





녹화 버튼을 누르고 저작한 콘텐츠를 녹화해 보겠습니다. 상단에 녹화 팝업창은 녹화가 진행될 때 보이지 않습니다.





녹화가 완료되면 녹화 팝업창이 나타나는 데 ‘예’를 눌러 편집화면 창에 추가 시킵니다.




(2) 녹음 기능 사용

상단 녹음 버튼을 눌러 사용합니다.




(2) 녹음 기능 사용

녹음된 오디오 파일을 원하는 곳에 위치 시킵니다.



6) 퀴즈 활용

사용자들은 콘텐츠 내에 퀴즈 기능을 사용할 수 있습니다.

상단의 퀴즈 버튼을 클릭하면 퀴즈를 입력하는 기본화면이 나타납니다.



6) 퀴즈 기능 활용

① 과목과 난이도를 선택합니다.

② 지문을 입력합니다.

③ 지문과 문제 퀴즈 모양입니다.

④ 멀티미디어 파일과 지문, 문제로 이루어진 퀴즈 모양입니다.

⑤ 멀티미디어 파일과 문제로 이루어진 퀴즈 모양입니다.

①

②

③ ④ ⑤

⑥⑦

⑧

⑨

⑩

⑥ ④번 또는 ⑤번을 선택 시 멀티미디어 형식을 선택하는 곳입니다.

⑦ 퀴즈 번호를 입력하는 창입니다.

⑧ 질문을 입력하는 창입니다.

⑨ 퀴즈 종류를 선택하는 창입니다.

⑩ 해설을 입력하는 창입니다.



6) 퀴즈 활용

①

②③

④

⑤

① 퀴즈 모양을 선택합니다.

② 원하는 멀티미디어 종류를 선택합니다.

③ 선택 버튼을 클릭합니다.

④ 멀티미디어 종류 중 동영상을 선택했다면 선택 버튼을 클릭 시 고를 수 있는 동영상이 나타납니다.

⑤ 열기를 클릭합니다.



6) 퀴즈 활용

퀴즈 종류는 객관식 단일선택, 객관식 다중선택, 객관식 단답형 총 3가지가 있습니다.



6) 퀴즈 활용

퀴즈를 완성 시켰으면 미리보기를 통해 완성된 퀴즈를 확인할 수 있습니다.



6) 퀴즈 활용

웹브라우저에서 확인합니다.



7) CMS 활용

(1) 저작한 콘텐츠 CMS에 업로드

저작한 콘텐츠를 CMS 서버에 업로드 하여 판서와 메모 기능 등을 활용할 수 있습니다.

① 도구탭에 올리기 버튼을 클릭합니다.

② 사용자가 관리하는 폴더 중 업로드하고 싶은 폴더를 선택합니다.

③ 올리기 버튼을 눌러 업로드 합니다.



7) CMS 활용

(2) CMS에서 콘텐츠 확인하기

도구탭에 CMS열기 버튼을 눌러 CMS에 접속합니다.

신규 콘텐츠에 사용자가 방금 전에 올렸던 콘텐츠를 확인합니다.



7) CMS 활용

(2) 판서 기능 활용하기

오른쪽 상단의 판서 버튼을 클릭 하여 판서 기능을 활용할 수 있습니다.



7) CMS 활용




7) CMS 활용


하단의 Save 버튼을 눌러 판서 내용을 저장합니다.



7) CMS 활용

(3) 메모 기능 활용하기

오른쪽 상단의 메모 버튼을 눌러 메모기능을 사용할 수 있습니다.

① 메모 추가 버튼을 클릭합니다.

②원하는 메모 내용을 입력합니다.

③ 최소화 버튼을 클릭하면 메모를 작게 접을 수 있습니다.



7) CMS 활용

(3) 메모 기능 활용하기

저장 버튼을 클릭하여 메모 내용도 저장합니다.



7) CMS 활용

(4) 책갈피(북마크) 기능 활용하기

사용자가 만든 E-BOOK 콘텐츠의 분량이 많을 경우 원하는 페이지로 이동하는데 어려움이 있습니다. 그때 책갈피 기능

을 사용하면 쉽게 페이지를 찾을 수 있습니다.

상단의 책갈피 표시를 클릭합니다. 책갈피 버튼을 클릭하면 현재 페이지는 책갈피에 저장됩니다.



7) CMS 활용

(4) 책갈피(북마크) 기능 활용하기

다른 페이지로 이동했다가 책갈피(북마크)를 지정된 페이지로 이동하고 싶다면 상단 북마크 버튼을 클릭 후 페이지리스트를 확인 후 클릭하여 책갈피가 지정된 페이지로 이동할 수 있습니다.



7) CMS 활용

(5) 저작한 콘텐츠를 다른 사용자에게 공유

왼쪽 상탄 콘텐츠 관리 탭의 콘텐츠 관리를 선택합니다. 사용자가 저작한 콘텐츠, 공유 및 배포 받은 콘텐츠들을관리하는 탭입니다. 먼저 다른 사용자에게 저작한 콘텐츠를 공유해 보겠습니다.



7) CMS 활용


콘텐츠 목록 중 공유하고자 콘텐츠의 공유 버튼을 클릭합니다.



7) CMS 활용


① 공유하고자 하는 사용자를 선택합니다.

② 추가 버튼을 클릭합니다.

③ 적용버튼을 클릭합니다.

①

②

③



7) CMS 활용

(6) 저작한 콘텐츠를 다른 사용자에게 배포

콘텐츠 목록 중 공유하고자 콘텐츠의 배포 버튼을 클릭합니다.



7) CMS 활용


① 배포하고자 하는 사용자를 선택합니다.

② 추가 버튼을 클릭합니다.

③ 적용버튼을 클릭합니다.

①

②

③



7) CMS 활용


배포는 공유와 달리 배포 받은 사용자가 배포 수락을 해야 배포가 진행됩니다.



7) CMS 활용

(7) 공유 받은 콘텐츠 확인

공유 받은 콘텐츠는 오른쪽 하단 부분 신규 공유 콘텐츠 리스트에서 볼 수 있습니다.



7) CMS 활용

(8) 배포 받은 콘텐츠 확인

배포 받은 사용자는 오른쪽 상단의 배포함에서 콘텐츠를 확인할 수 있습니다.

① 배포함을 클릭합니다.

② 수락 버튼을 클릭합니다.

③ 최종 수락 버튼을 클릭합니다.

배포 받은 콘텐츠는 판서, 메모 등의 기능을 사용할 수 있습니다.

①

②

③



7) CMS 활용

(9) 배포 받은 콘텐츠 Sage Studio으로 가져오기(재활용)

도구 탭의 가져오기 버튼을 클릭합니다.



7) CMS 활용


배포 받은 콘텐츠를 선택한 후 내려받기를 눌러 다운로드 합니다. 다운로드가 완료되면 배포 받은 콘텐츠를 재활용할 수

있습니다.



7) CMS 활용


(150-972) 서울시 영등포구 경인로 775 에이스하이테크시티 | 오토모티브 : 1동 1404호 , 컨버전스 : 1동 822호

대표전화 070. 4892. 6100 (오토모티브) , 6200 (컨버전스) | 대표팩스 02. 6280. 1170

Automotive Div. 1-1404 , Convergence Div. 1-1103 | Ace Hi-Tech City Bldg., #775, Kyoungin St., Yeongdeungpo-gu, Seoul, Korea 150-972

TEL. 070. 4892. 6100 (Automotive) , 6200 (Convergence) | FAX. 02. 6280. 1170

WWW.MOTREX.CO.KR

Original in Everything

THANK YOU
