MBookEditorUserGuide

MBook Editor User Guide

MLayout MBook Editor User Guide

CONTENTS I. MBook 작업을 위한 준비 003

시스템 요구사항 및 프로그램 설치

003

사용 가능한 이미지, 미디어 파일 포맷

II. MLayout MBook 작업 시작 005

프로그램 실행 및 확인

006

작업환경 설정 - 단위

007

신규 도큐먼트 만들기

008

PDF파일 불러오기

009

이미지 파일 불러오기

III. 인터렉션 기능 구현을 위한 도구들 010

슬라이드 이미지 박스

012

웹 박스

013

동영상 박스

014

오디오 박스

015

Go To Page

016

Popup Image Window

017

Set Image To Box

IV. MBook으로 저장하기 019

MLayout에서 Section 저장하기

020

MLayout에서 MBook 저장하기

021

MBookBinder 사용하기

V. iPad에 탑재하여 MBook파일 보기 022

iPad로 MBook 전송하기

024

MBookTester Viewer

I. MBook 작업을 위한 준비 01

시스템 요구사항 및 프로그램 설치

시스템 : Mac OS X 10.6 이 기동되는 Macintosh 컴퓨터, RAM 512이상 운영체제 : Mac OS 10.6 이상 프로그램 : www.soluwin.co.kr 접속하여 무료 다운로드 가능 (MLayout, MBookBinder, 매뉴얼, 서체) 설치방법 : 다운 받은 파일들을 압축을 풀어서 아래 각 해당 폴더에 파일을 넣습니다.

- MLayout.app => ‘\응용프로그램\’ - MBookBinder.app => ‘\응용프로그램\’ - 각 종 서체 => ‘\라이브러리\Fonts\’

프로그램 실행 및 확인 : 설치된 MLayout.app 을 실행한 후 관련 툴과 메뉴(‘보조프로그램>MBookAction’)를 확인 * 자세한 내용은 II. MLayout MBook 작업 시작 페이지를 참고 하시기 바랍니다.(004page)

02

사용 가능한 이미지, 미디어 파일 포맷

1. MBook 작업에 사용될 모든 파일 이름은 공백 없이 영문, 숫자만 사용 합니다. (오류 가능성) ex) abcde.png / 12345.mp3 / qwer235.mp4

2. 이미지 : png, jpg, eps, pdf 등 MLayout에서 사용 가능한 편집용 이미지 - 투명 이미지 사용 가능 - 기능에 따라서 사용할 수 있는 이미지 포맷이 제한 될 수 있습니다.

(PopupImage, SetImageToBox 기능에선 RGB모드, jpg, png의 형식 사용)

3. 동영상 : mp4, m4v, mov 등 iPad 호환 가능한 동영상 포맷 (iPad 중화질 또는 아이패드 화면사이즈, 영상화질 - 중화질 권장)

4. 음성 : mp3, aiff 등 iPad 호환 가능한 음성파일 포맷

MBook Editor User Guide

003

Tip 파일 저장 경로 MLayout 작업시 작업자간의 경로를 통일하기 위해 컴퓨터 상위경로에서 저장합니다. (개인 컴퓨터에서만 작업하여 MBook파일을 만들 경우는 경로에 맞춰서 저장하지 않아도 됩니다.)

작업순서

>>>

❶ ‘\’ 폴더에 새로운 폴더 ‘works’(예) 를 만들어 줍니다. ❷ 작업 시작전에 한 폴더 안에 미디어, 이미지 등 작업할 리소스 파일을 저장합니다. * 작업중에 미디어, 이미지가 담긴 폴더 위치를 옮기거나 폴더명을 바꾸면 멀티미디어 기능을 삽입한 경로가 유실됩니다.

❶

❷

MBook Editor User Guide

04

II. MLayout MBook 작업 시작 01

프로그램 실행 및 확인

설치된 MLayout.app 을 실행한 후 관련 툴과 메뉴를 확인합니다.

1. 추가되는 그래픽 툴 : 툴 팔렛에서 확인

❶슬라이드 이미지, ❷웹박스, ❸동영상, ❹오디오 2. 기존 그래픽을 확장한 기능 : ‘보조프그램 > MBook Action...’ 메뉴에서 확인

❺Go To Page, ❻Set Image To Box, ❼Popup Image Window

❺

❶

❷

❸

❻

❼

❹

MBook Editor User Guide

005

02

작업환경 설정 - 단위

MBook의 작업 단위는 pixel 이며 MLayout에서는 points와 같습니다. 그러므로 MLayout에서 기본 단위를 points로 설정해 주셔야 합니다.

작업순서

>>>

❶ ‘MLayout > 환경설정 > 응용프로그램.. ’ 을 선택하여 ‘레이아웃’ 탭을 선택합니다. ❷ 기본단위를 ‘points’ 로 변경합니다. ❸ 현재 문서에 적용하기 위해서는 적용 버튼을 클릭합니다. ❹ 저장 버튼을 클릭합니다. ❺ 확인 창이 뜨면 저장 버튼을 클릭하면 됩니다.

❶

❷ ❺

❹

❸ MBook Editor User Guide

006

03

신규 도큐멘트 만들기

iPad용 MBook 도큐먼트 사이즈는 세로로 볼 때 가로길이 768pt, 세로길이 1024pt 입니다.

작업순서

>>>

❶ ‘파일 > 신규.. ’을 선택합니다. ❷ 신규 도큐먼트 창에 크기 입력부분에 아이패드 가로 또는 세로 사이즈를 입력합니다. ❸ 작업할 페이지 수를 입력합니다. (그 외 필요에 따라 텍스트 박스, 단, 여백 정보 등을 입력하여 줍니다.) ❹ 설정이 완료 되면 승인 버튼을 클릭합니다.

❶

❷

❸

❹

MBook Editor User Guide

007

04

PDF파일 불러오기

이미 만들어진 PDF파일을 이용해 인터렉션 기능들을 추가하여 MBook파일을 만들수 있습니다.

PDF파일의 각 페이지들이 도큐먼트 상의 각각의 페이지에 자동으로 배치되어 작업이 용이합니다.

작업순서

>>>

❶ 도큐먼트를 만든 상태에서 ‘파일 > Import PDF..’ 를 선택합니다. ❷ 열기창이 뜨면 불러올 PDF파일을 선택합니다. ❸ Options에 알맞은 선택과 수치를 입력하고 열기 버튼을 클릭합니다. * 페이지에 불러진 PDF파일은 자동으로 잠금 설정이 되어 있으므로 수정할 경우 ‘오브젝트 > 잠금설정해제’ 후 변경합니다. ※ 옵션 설명

* Actual Size : pdf 파일 실제 사이즈로 불러오기 * Fit Page : pdf 파일을 도큐먼트 페이지보다 크지 않은 한도 내에서 비율에 맞춰 최대한 크게 맞추기 (pdf와 도큐먼트의 가로x세로 비율이 다를 경우 여백이 생길 수 있음)

* Fill Page : pdf 파일을 도큐먼트 페이지 영역에 꽉 채워서 불러오기 (pdf와 도큐먼트의 가로x세로 비율이 다를 경우 왜곡될 수 있음) * Outer Margin : pdf 파일을 배치할 때 도큐먼트 페이지 바깥쪽으로 넘치게 할 간격 설정 * Start Page : pdf 파일을 배치할 도큐먼트 시작 페이지 설정

❶

❷

❸

*

* * * pdf파일의 사이즈는 화면 출력 해상도를 고려하여 예를들어 아이패드 양방향으로 설정할 경우 최대로 보여질 화면 가로 1024pt, 세로 1365pt 사이즈의 pdf파일을 사용합니다. (최소 해상도 72dpi) - pdf 사이즈가 아이패드에서 보여질 화면사이즈보다 작을 경우 이미지가 깨져보임 * 아이패드 화면 사이즈 비율이 되도록 맞춰서 pdf파일의 용량을 최대 400MB 이내로 권장 (해상도가 높아도 상관없음)

MBook Editor User Guide

008

05

이미지 파일 불러오기

이미 만들어진 PDF로 작업을 하더라도 인터렉션 기능 작업을 하기 위해서 새로운 박스를 만들고 이미지를 앉히는 작업 이 필요할 수도 있습니다.

작업순서

>>>

❶ 툴 팔렛에서 이미지 박스 툴을 선택하고 도큐먼트에 클릭, 드래그하여 이미지 박스를 만듭니다. ❷ 상단 메뉴바에서 ‘가져오기 > 가져오기..’를 선택하여 ‘가져오기’ 창을 띄웁니다. ❸ ‘그림’ 아이콘을 클릭하여 ‘그림 가져오기...’를 선택합니다. ❹ 폴더 아이콘을 클릭하여 그림가져올 경로를 지정해 줍니다. ❺ 이미지 박스가 선택된 상태에서 불러올 이미지 파일을 선택하고, 아래의 적용 버튼을 클릭합니다. * 보다 자세한 사항은 MLayout 매뉴얼을 참고 하시기 바랍니다.

❸

❷ ❹ ❺

❶

MBook Editor User Guide

009

III. 인터렉션 기능 구현을 위한 도구들 01

슬라이드 이미지 박스

다 수의 이미지를 한 개의 박스 안에서 순서대로 볼 수 있도록 합니다.

작업순서

>>>

❶ 툴 팔렛에서 슬라이드 이미지 박스 툴을 선택하고 도큐먼트에 클릭, 드래그하여 슬라이드 이미지 박스를 만듭니다.

- 슬라이드 박스는 슬라이드로 보여질 이미지와 동일한 사이즈 또는 비율로 만듭니다.

❷ 박스가 선택된 상태에서 ‘command + M’을 누르거나, 메뉴에서 ‘오브젝트 > Slide Box 수정...’을 선택해 슬라이드 박스 수정 창을 뛰웁니다.

❸ Window 창이 뜨면 우측의 추가버튼을 클릭합니다. ※ 옵션 설명

* Swipe & Skip : 한 번 문지를 때마다 다음 이미지로 넘어감 * Swipe & Rotate : 문지르는 동안에 이미지가 순서대로 바뀜 * No Background : 투명 배경 슬라이드 박스 (선택안할 경우 회색 배경이 보임) ❷

❶

*

*

❸

*

MBook Editor User Guide

0010

❹ 열기 창이 뜨면 슬라이드 박스에 넣을 이미지들을 선택하고, 창의 하단에 있는 열기 버튼을 클릭합니다. ❺ Window 창에 우측의 이미지 리스트에서 파일을 선택하면 좌측 Trim 영역(❻)에서 이미지 미리보기가 가능합니다. * 창의 오른쪽 이미지 리스트에서 파일을 선택하고, option 키를 누르고 마우스를 이용해서 이미지의 순서를 바꿀 수 있습니다.

❻ Trim 영역 안에서는 단순히 마우스를 클릭 드래그해서 이미지의 위치를 조정해 줄 수도 있고,‘ shift’키를 누른 상태에서 Trim 영역 안의 이미지를 클릭 드래그 하여 이미지 사이즈를 조절해 줄 수도 있습니다.

❼ 작업이 완료되면 창의 하단에 승인 버튼을 클릭합니다.

❹

❺

❻

❼

* 슬라이드박스 작업이 완료되면 첫 번째 이미지가 보임 * 아이패드에 탑재되었을때 기능구현 확인가능

MBook Editor User Guide

011

02

웹 박스

웹 페이지를 박스 안에서 보여주거나, 아니면 박스를 탭 했을 때 별도의 창을 뛰워 웹 페이지를 보여 줍니다. 웹 페이지 의 경로는 URL 형식을 따라야 하며, 내용은 자바 스크립트가 포함된 html, 애니메이션 GIF, 동영상, 오피스 문서등 사파리에서 이해할 수 있는 포맷이면 무엇이든지 가능합니다.

작업순서

>>>

❶ 툴 팔렛에서 웹 박스 툴을 선택하고 도큐먼트에 클릭, 드래그하여 웹 박스를 만듭니다. ❷ 박스가 선택된 상태에서‘ command + M’을 누르거나, 메뉴에서‘ 오브젝트 > Web Box 수정...’을 선택해 웹 박스 수정 창을 뛰웁니다.

❸ 웹 페이지의 URL을 텍스트 필드에 직적 입력하거나‘ File...’ 버튼을 클릭해 작업자의 컴퓨터 안에 있는 파일을 지정해 줍니다. ❹ * 옵션을 선택하고‘ 승인’ 버튼을 클릭하면 수정사항이 적용되고 창이 닫힙니다. * * 웹박스 안에 보여지는 URL 텍스트는 MLayout에서만 보여집니다. ※ 옵션 설명

* Open new window : 웹 박스를 탭 했을 때 새로운 창을 뛰워 웹 페이지를 표시하고자 할 경우 선택합니다. * Show in box : 웹 박스 내에서 웹 페이지를 표시하고자 할 경우 선택합니다. * Block User Event : 사용자 입력 방지 ❷ http://soluwin.co.kr

❸ * * * ❶

❹

A * http://www.soluwin.co.kr

B * file://localhost/works/ abc/title.gif

A : URL입력, Open new window 선택 B : File...선택하여 gif파일 등록, Show in box 선택 * 웹박스 작업이 완료되면 A, B처럼 빈 박스로 보임 * 아이패드에 탑재되었을때 옵션에서 Show in box 체크를 하였을 경우 해당 이미지가 바로 보이며 아닌경우는 빈 박스로 보여 기능표시 요소(이미지 또는 텍스트)가 필요

MBook Editor User Guide

012

03

동영상 박스

동영상 파일을 재생할 수 있는 박스를 만듭니다. 박스 안에서 동영상이 재생되거나, 사용자의 조작에 따라서 전체화면 으로 재생할 수도 있습니다.

작업순서

>>>

❶ 툴 팔렛에서 동영상 박스 툴을 선택하고 도큐먼트에 클릭, 드래그하여 동영상 박스를 만듭니다. ❷ 박스가 선택된 상태에서‘ command + M’을 누르거나, 메뉴에서‘ 오브젝트 > Movie Box 수정...’을 선택해 동영상 박스 수정 창을 뛰웁니다.

❸‘ Movie...’ 버튼을 클릭하여 박스안에서 재생될 동영상 파일을 지정합니다. 상단에 동영상 플레이어가 나타나면서 첫번째 프레임이 보여집니다.

❹ 동영상 플레이어의 슬라이더를 움직여 프리뷰 이미지로 사용할 프레임을 정합니다. ❺‘ Set Preview Image’ 버튼을 클릭하면 ❹ 에서 결정한 프레임 번호를 가져옵니다. ❻ 텍스트 필드 상의 프레임 번호와 동영상 플레이어의 현재 프레임 위치가 다를 경우‘ Go to’ 버튼을 클릭하여 플레이어의 현재 프레임 위치를 텍스트 필드 상의 프레임 번호 위치로 바꿔 줍니다.

※ 옵션 설명

* Auto Play : 자동 재생 * Hide Control : 컨트롤 가리기

❼‘ 승인’ 버튼을 클릭하면 수정사항이 적용되고 창이 닫힙니다.

❷

❶ ❹ ❸ ❺ ❻ * *

* 동영상박스 작업이 완료되면

❺에서 설정한 이미지가 보임

* 아이패드에 탑재되었을때 기능구현 확인가능, 기능표시 요소 (이미지 또는 텍스트)가 필요

❼ MBook Editor User Guide

013

04

오디오 박스

오디오 재생과 정지등의 컨트롤 버튼 역할을 하는 박스를 만듭니다.

작업순서

>>>

❶ 툴 팔렛에서 오디오 박스 툴을 선택하고 도큐먼트에 클릭, 드래그하여 오디오 박스를 만듭니다. ❷ 박스가 선택된 상태에서‘ command + M’을 누르거나, 메뉴에서‘ 오브젝트 > Audio Box 수정...’을 선택해 오디오 박스 수정 창을 뛰웁니다.

❸‘ Audio...’ 버튼을 클릭하여 재생할 오디오 파일을 지정합니다. ❹‘ Play Image...’ 버튼을 클릭하여 오디오가 재생중에 박스에 표시될 이미지 파일을 지정합니다. ❺‘ Pause Image...’ 버튼을 클릭하여 오디오가 재생중이 아닐 때 박스에 표시될 이미지 파일을 지정합니다. ❻ 뷰어에서 페이지가 표시될 때 오디오가 자동으로 재생되도록 하려면‘ Auto Play’ 버튼을 체크합니다. ❼‘ 승인’ 버튼을 클릭하여 수정사항이 적용되고 창이 닫힙니다. * 오디오 박스에 보여지는 파일명은 MLayout에서 편집 중에만 보여집니다.

❷

❸

❶

❹

❺ ❻

❼

* orchestra.mp3

* 오디오박스 작업이 완료되면 빈 박스로 보임 * 아이패드에 탑재되었을때 play Image가 보이며 기능구현 확인가능 MBook Editor User Guide

014

05

Go To Page

박스 영역을 탭하면 정해진 페이지로 이동하는 기능으로, 목차 페이지 등을 구성할 때 용이합니다.

작업순서

>>>

❶ 툴 팔렛에서 그림 박스나 사각 박스 툴을 선택하고 도큐먼트에 클릭, 드래그하여 박스를 만듭니다. (탭 영역) ❷ 박스가 선택된 상태에서 메뉴에서‘ 보조프로그램 > MBook Action’을 선택하여‘ Action’창이 나타나게 합니다. ❸‘ Type:’ 팝업 버튼을 클릭하여‘ Go To Page’ 항목을 선택합니다. ❹ 뷰어에서 박스를 탭했을때 이동할 섹션(섹션을 나누지 않을 경우‘ Default’ 입력)명과 섹션에서의 페이지 번호를 입력합니다.

(Section 저장하기 참조 - 018page)

❺ OK 버튼을 클릭하여 창을 닫습니다. * GID (Graphic Identifier) : 현재 선택된 그래픽 객체(박스)의 고유 식별자

* ❸

❷

❹

❶

❺

* Go To Page 작업이 완료되면 빈 박스로 보임 * 아이패드에 탑재되었을때 기능구현 확인가능, 기능표시 요소 (이미지 또는 텍스트)가 필요

MBook Editor User Guide

015

06

Popup Image Window

박스 영역을 탭하면 지정된 이미지가 팝업 되는 기능 입니다. 뭔가를 좀 더 자세하게 보여줄 필요가 있을 때 유용한 기능입니다. 팝업된 이미지를 잠시(1초정도) 누루고 있으면 이동 가능한 상태가 됩니다.

작업순서

>>>

❶ 툴 팔렛에서 그림 박스나 사각 박스 툴을 선택하고 도큐먼트에 클릭, 드래그하여 박스를 만듭니다. ❷ 박스가 선택된 상태에서 메뉴에서‘ 보조프로그램 > MBook Action’을 선택하여‘ Action’창이 나타나게 합니다. ❸‘ Type:’ 팝업 버튼을 클릭하여‘ Popup Image Window’ 항목을 선택합니다. ❹‘ Image...’ 버튼을 클릭하여 팝업되어 보여질 이미지를 선택합니다.

- 팝업이미지는 실제 사이즈로 보여지므로 아이패드 사이즈를 고려하여 작업합니다. 최대 사이즈는 아이패드에서 보여질 화면 사이즈(가로 또는 세로) 에서 좌, 우, 상, 하 10px씩 뺀 사이즈 입니다.

❺ OK 버튼을 클릭하여 창을 닫습니다.

❸ ❹

❷

❶

❺

* Popup Image 작업이 완료되면 빈 박스로 보임 * 아이패드에 탑재되었을때 기능구현 확인가능, 썸네일 이미지 또는 기능표시 요소 (이미지 또는 텍스트)가 필요

MBook Editor User Guide

016

07

Set Image To Box

박스 영역을 탭하면 페이지 내에 또 다른 박스 영역(Target)에서 지정된 이미지를 보여줍니다. 다수의‘ Set Image To Box’ 가 동일한 하나의 타겟 박스를 지정했을 경우 마지막에 탭한 박스는‘ Alt Image...’에서 지정한 이미지가 적용됩 니다. (라디오 버튼과 같은 개념으로 동작)

작업순서

>>>

❶ 툴 팔렛에서 그림 박스나 사각 박스 툴을 선택하고 도큐먼트에 클릭, 드래그하여 타겟이 될 박스를 만듭니다. ❷ ❶과 동일한 방법으로 만들고, 박스❷에 들어갈 이미지를 넣어줍니다. (그림 가져오기 - p.009 참고) ❸ 박스❷를 박스가 선택한 상태에서 메뉴에서‘ 보조프로그램 > MBook Action’ 을 선택하여‘ Action’창이 나타나게 합니다.

❸

❶

타겟이될 박스

❶

❷

Set Image To Box

MBook Editor User Guide

017

❹‘ Type:’ 팝업 버튼을 클릭하여‘ Set Image To Box’ 항목을 선택합니다. ❺‘ Target GID:’ 입력란을 마우스로 클릭하여 커서가 깜박거리는 상태에서‘ ❶ 타겟이 될 박스’ 영역으로 마우스를 가져가면 GID 번호 정보가 나타납니다. 입력란에 그 번호를 입력합니다.

❻ ’Alt. Image...’ 버튼을 클릭하여 ❷의 박스가 선택되었을 때 ❷의 박스 영역에 보여질 이미지를 선택합니다. ❼‘ Target Image...’ 버튼을 클릭하여 ❷의 박스가 선택되었을‘ ❶ 타겟이 될 박스’ 영역에 보여질 이미지를 선택합니다.

❶

❸

타겟이될 박스

❹

❺

❺ ❻ ❼

❷

Set Image To Box

* Set Image To Box 작업이 완료되면 타 겟이될 박스는 빈 박스로 보이고, Set Image To Box에는 작업순서 2번에서 넣 은 이미지가 보임 * 아이패드에 탑재되었을때 기능구현 확인 가능, 첫 번째 Set Image To Box에 Alt. Image가 보이고, 타겟이될 박스에 Target Image가 보여짐

<Set Image To Box 샘플> MBook Editor User Guide

018

IV. MBook으로 저장하기 01

MLayout에서 Section 저장하기

하나의 MBook은 최소한 하나 이상의 Section으로 구성되어 있습니다. 여러개의 Section으로 구성된 MBook작업을 할 경우 우선은 MLayout에서 각각의 Section을 별도로 저장하고 추후에 MBookBinder.app 을 이용하여 하나의 MBook으로 묶어 줄 수 있습니다.

작업순서

>>>

❶ 메뉴에서‘ 파일 > 내보내기 > MBook Section...’을 선택합니다. ❷ 저장 창이 나타나면 적당한 경로로 이동한 다음에 상단의‘ 별도저장’ 필드에 저장할 Section 명을 입력합니다.

- Section명은 공백없이 영문자와 숫자,‘ _’ 만으로 구성되어야 합니다.

-‘ Go To Page’ 에서 섹션명을 지정할 때 동일하게 사용합니다. ❸‘ Title’,‘ Author’,‘ Description’ 등을 입력(한글, 영문, 숫자, 특수 문자 모두 사용가능), 화면 출력 해상도를 설정합니다. ❹‘ 저장’ 버튼을 클릭하면‘ 저장’ 창이 닫히고 Section을 저장하는 진행 상황을 나타내는 창이 나타납니다. * Resolution : 문서 크기 상관없이 화면 출력 해상도 지정 가능 (아아이패드에서 최적화된 세로 확대 보기를 원할 경우 Fit to 1024 width 선택)

❷

❶

❸

* ❹

MBook Editor User Guide

019

02

MLayout에서 MBook 저장하기

현재 작업중인 Section 하나만을 포함하는 MBook을 만듭니다. 포함되는 Section의 이름은 자동으로‘ Default’가 됩니다. 만약에‘ Go To Page’ 기능을 사용게 될 경우 Section 명을‘ Default’로 해야 합니다.

작업순서

>>>

❶ 메뉴에서‘ 파일 > 내보내기 > MBook...’을 선택합니다. ❷ 저장 창이 나타나면 적당한 경로로 이동한 다음에 상단의‘ 별도저장’ 필드에 저장할 MBook 명을 입력후 저장버튼을 클릭합니다.

- MBook 명은 공백없이 영문자와 숫자,‘ _’ 만으로 구성되어야 합니다. ❸ Save MBook 창이 나타나면‘ Title’,‘ Author’,‘ Description’ 등을 입력합니다.

- 한글, 영문, 숫자, 특수 문자 모두 사용할 수 있습니다.

❹ 화면 출력 해상도를 선택하고, 필요시 동영상 커버 선택, 화면 방향 등을 설정합니다. ❺‘ OK ’ 버튼을 클릭하면 창이 닫히고 MBook을 저장하는 진행 상황을 나타내는 창이 나타납니다.

❷

❶

❸ ※ 옵션 설명

* Resolution : 문서 크기 상관없이 화면 출력 해상도 지정 가능 (아아이패드에서 최적화된 세로 확대 보기를 원할 경우 Fit to 1024 width 선택)

❹* * *

* Cover Movie : 커버에 동영상을 넣을경우‘ Path’ 버튼을 클릭 하여 파일 선택 (필요시 선택)

* Orientation : 아이패드 양방향/세로/가로/ 선택 옵션 * Zip Compression : MBook 폴더를 압축하여 저장

*

* Block User Event In All WebBox : 모든 웹박스 사용자 입력 ❺

방지 MBook Editor User Guide

020

03

MBookBinder 사용하기 MBookBinder는 여러개로 나뉘어진 Section들을 모아서 정리하고 필요한 정보들을 입력해 MBook 포맷 을 만들어 주는 응용프로그램입니다.

사용법

>>>

❶ MBookBinder 프로그램을 실행하면 기본적으로 하나의 신규 도큐먼트 창(Untitled)이 생성됩니다. 작업한 내용들을 도큐먼트 단위로 저장했다가 필요할 경우 불러와서 수정할 수 있습니다. 저장되는 도큐먼트의 확장자명은‘ .bind’입니다.

❷ 섹션 리스트를 관리할 수 있는 테이블 뷰 입니다. 섹션명과 각 세션의 페이지 수를 보여주는 2개의 컬럼이 있습니다.

- 하단의‘ +’ 버튼을 클릭하여 .section 들을 리스트에 추가 할 수 있습니다.

- 하단의‘ -’ 버튼을 클릭해 현재 선택되어져 있는 섹션을 리스트에서 삭제할 수 있습니다, - option 키를 누른 상태에서 마우스를 위아래로 항목을 움직이면 순서를 바꿀 수 있습니다.

❸ Book Title, Author, Publisher, Description 등의 메타데이터를 입력합니다.

- 한글, 영문, 숫자, 특수 문자 모두 사용할 수 있습니다.

❹‘ Path...’ 버튼을 클릭하여 표지 이미지(필수사항, 도큐먼트와 동일한 사이즈의 jpg 또는png 포맷), 커버 동영상(선택사항)을 선택합니다. ❺ 전체 페이지 수와 섹션 수는 자동으로 계산하여 표시해 주며, 입력 작업이 완료되면 ❻‘ Generate MBook’ 버튼을 클릭합니다. ❼‘ Save’ 창이 뜨면,‘ Zip Compression’ 옵션을 체크하고, ❽‘ Save’ 버튼을 클릭합니다. * 참고_ Zip Compression : MBook 포맷은 단일 파일이 아니라 맥에서는 패키지라고 하는 폴더 형식입니다. 그러므로 웹에 올리거나 아이튠스 를 통해 복사할 때에는 zip으로 압축해 단일 파일로 만든후 업로드 하거나 복사를 해야 합니다.

※ 옵션 설명

* Orientation : 아이패드 양방향/세로/가로/ 선택 옵션 * Block User Event In All WebBox : 모든 웹박스 사용자 입력 방지 ❶ ❸ MBookGuide

❷

❼ ❹

❽

* ❺

* ❻ MBook Editor User Guide

021

V. iPad에 탑재하여 MBook파일 보기 01

iPad로 MBook 전송하기 iTunes를 통해 직접 MBook파일을 iPad에 전송할 수 있습니다.

작업순서

>>>

❶ iPad 앱스토어에서‘ MBookTester’를 검색하여 앱을 다운받고, iPad를 컴퓨터에 연결합니다. ❷ iTunes를 실행하여‘ <사용자>의 iPad’의 응용 프로그램 섹션을 선택합니다. ❸‘ 파일 공유’ 영역의‘ 응용프로그램’에서‘ MBookTester’ 아이콘을 선택하면 오른쪽에 도큐먼트 영역이 나옵니다. ❹‘ 추가’ 버튼을 클릭합니다.

❷ ❶

❸

❹

MBook Editor User Guide

022

❺‘ 파일 선택 : iTunes’ 창이 열리면 MBook 압축파일을 선택합니다. ❻‘ 선택’ 버튼을 클릭하면 컴퓨터와 iPad의 동기화가 진행되면서 iPad로 파일이 전송됩니다.

❺

❻

MBook Editor User Guide

023

02

MBookTester Viewer

iPad에서 MBookTester App을 통하여 MBook파일을 확인해 볼 수 있습니다.

뷰어 기능

>>>

❶ iPad상에서 MBookTester App을 탭하여 실행합니다. ❷ 앱을 실행하기전에 전송된 mBook이 있을 경우 압축을 해제하는 과정이 진행됩니다.

❷

❶

<압축된 MBook 해제 화면>

MBook Editor User Guide

024

❸‘ 보기’ 버튼을 탭하면 책의 내용을 볼 수 있습니다.

-‘ 삭제’ 버튼을 탭하면 책이 목록에서 제거됩니다.

❹ 상단 메뉴, 페이지 썸네일뷰는 화면을 탭하면 나타나고 다시 한 번 탭하면 사라집니다.

* 아이콘 설명

➀

홈 : 라이브러리 화면으로 이동합니다.

➁

섹션 리스트 : 섹션 리스트를 보여줍니다.

➂

북마크 추가 : 현재 페이지를 북마크 목록에 추가합니다.

➃

북마크 리스트 : 사용자가‘ 북마크 추가’를 통해 저장한 페이지 목록을 나타냅니다. 항목을 탭하면 해당 페이지로 이동합니다.

➄

인포메이션 : 뷰어에 대한 정보를 보여줍니다.

➅

Thumbnail view : 하단의 섬네일은 전체 페이지를 섬네일로 보여주며, 클릭하면 해당 페이지로 이동합니다. (현재 페이지를 파란색 라인으로 표시하여 줍니다.)

➀➁

➂ ➃➄

❹

❸

➅

<라이브러리 화면>

❹

<내용 보기 화면>

MBook Editor User Guide

025