Sigil의 PageEdit를 대신할 수 있는 BlueGriffon

Sigil 사용 설명서 2019.07.18 09:53

Sigil 0.9.15 버전에서 책보기 편집 기능이 빠졌습니다.

 

대신 외부 편집기를 연결하도록 바뀌었지요.

그리고 책보기 편집 기능은 PageEdit라는 별도의 편집 프로그램으로 제공합니다.

https://github.com/Sigil-Ebook/PageEdit/releases/tag/0.7.0 

 

PageEdit는 Sigil에서 분리해 새로운 프로젝트로 진행하려는 것 같습니다.

기존 편집 기능은 미리보기와 큰 차이가 없어 이를 좀 더 발전시키려는 거지요.

 

그런데 아직은 별 기능이 없이 Sigil에서 떨어져 나와 불편한 점이 많습니다.

 

그래서 대안으로 쓸만한 편집기를 하나 소개해 드립니다.

 

http://bluegriffon.org/

 

Blue Griffon은 HTML 편집기 입니다.

유료 버전을 사면 EPUB 도 편집 가능하지만 인디자인을 EPUB으로 변환하기엔 불편한 점이 많아요.

무료 버전은 HTML 편집만 제공합니다. 대신 Sigil의 PageEdit를 대신할 만한 좋은 편집기예요.

 

초보자가 Sigil을 사용하려면 아주 어렵습니다.

HTML과 CSS가 익숙하지 않기 때문에 스타일 하나 잡으려고 해도 힘이 들지요.

BlueGriffon은 CSS 편집기를 제공합니다.

원하는 속성을 선택하면 속성에서 지정 가능한 다양한 설정을 알려주고 쉽게 스타일을 꾸밀 수 있습니다.

 

이전 Sigil에서도 외부 편집기를 사용할 수 있었지만 WYSIWYG 편집기가 필요 없어 텍스트 편집기에 연결해놨어요.

그런데 책보기 편집 기능이 빠지면서 아이콘이 하나 생겨 WYSIWYG 편집기를 연결해 사용하기 쉬워졌습니다.

 

BlueGriffon을 설치한 후 Sigil 설정에서 외부 편집기를  BlueGriffon으로 연결을 하세요.

그리고 기본적인 스타일을 BlueGriffon에서 잡은 후 Sigil로 돌아와 편집을 하면

초보자도 까다로운 스타일을 쉽게 만들 수 있습니다.

 

유료 버전을 구입해 EPUB을 바로 만들어도 좋지만, 유료 버전 구입할 정도가 아닌, 가끔 한권 만드는 초보자라면

BlueGriffon + Sigil도 괜찮은 조합이에요.

 

시간 날 때 BlueGriffon + Sigil로 전자책 만드는 방법을 올리겠습니다^^

설정

트랙백

댓글

Sigil 0.9.15 버전 업데이트. 설치 전 주의사항.

Sigil 사용 설명서 2019.07.12 11:23

https://sigil-ebook.com/2019/06/25/sigil-0-9-15-beta-release/

 

Sigil-0.9.15 beta Release

Sigil-0.9.15 For the impatient, the installer files (and source) can be found as assets at the bottom of the Github Release page. A Beta Release of Sigil ported to QtWebEngine to replace QtWebKit N…

sigil-ebook.com

Sigil 0.9.15 버전이 공개됐습니다.

 

0.9.14 버전 공개할 때 언급했던 대로 Book View가 빠졌어요.

Book View가 외부로 빠지면서 다른 HTML 편집기와 연결해 작업할 수 있게 되었습니다.

그리고 Book View의 기능을 개선할 거라고 하니 지금 당장은 불편하지만 앞으로 개선될 것 같아요.

 

Sigil 0.9.15 버전 사용하기 전에 아래 내용을 꼭 확인하세요.

업데이트를 안할 분들은 0.9.10 버전이나 0.9.14 버전을 사용하세요.

 

1. Book View가 외부로 빠졌다.

   이제 편집 내용을 확인할 수 있는건 미리보기 뿐입니다. 미리보기는 업데이트 되면서 강제종료 이슈가 있네요. Book View가 편한 분은 업데이트를 안하는게 좋아요.

 

Book View 기능을 하는 PageEdit가 필요한 분은 여기서 다운로드 하세요.

https://github.com/Sigil-Ebook/PageEdit/releases/tag/0.7.0

 

   대신 외부 편집기를 쉽게 사용할 수 있습니다. 사용하는 HTML 편집기가 있다면 Sigil에 연결해 쓸 수 있습니다. 잘 활용하면 Book View 보다 편하네요.

 

2. 한글 메뉴가 지원되지 않는다.

   한글 번역율이 낮아서 메뉴가 지원되지 않습니다. 현재 번역율이 50%정도여서 한동안 메뉴는 영문으로 봐야합니다. 한글 메뉴가 편한 분은 0.9.10 버전을 사용하세요.

 

3. 플러그인 도구 아이콘이 10개로 늘었다.

   플러그인 도구 아이콘을 5개 단위로 10개까지 쓸 수 있습니다. 플러그인을 많이 안쓰는 분은 5개만 열어둘 수 있고, 쓰는 플러그인이 많으면 10개까지 아이콘으로 등록해 사용할 수 있습니다.

 

4. Windows x64 버전만 지원합니다. 물론 컴파일을 통해 x86 버전을 쓸 수 있지만 소스를 컴파일해 쓸 분은 많지 않으니 사실상 X64만 지원한다고 봐야겠지요.

 

큰 변화는 이정도입니다. 

물론 이보다 큰 변화가 있습니다.

개발 환경이 QtWebKit에서 QtWebEngine으로 바뀌었습니다.

0.9.15에서 가장 중요한 변화인데, 사실 편집자들은 신경 안써도 되지요.

 

 

설정

트랙백

댓글

국립중앙 도서관에서 출판인을 위한 전자책 제작 교육을 진행합니다.

Sigil 사용 설명서 2019.05.21 09:30

녕하세요^^

 

국립중앙 도서관에서 출판인을 위한 전자책 제작 교육을 진행합니다.

 

Sigil을 이용해 인디자인 파일을 EPUB으로 변환하는 과정입니다.

출판계에 종사하고 전자책 제작 경험이 있는 초/중급을 대상으로 하는 교육입니다.

 

관심있는 분들 많이 신청해주세요^^

 

상세정보 보기 http://nl.go.kr/nl/service/meet/edu_view.jsp?eduCode=289

 

■ 교육개요 
ㅇ 제 목 : (출판인을 위한) 전자책 제작 교육 - 인디자인 to EPUB 변환 실습
ㅇ 일 시 : 2019. 6. 17.(월), 18.(화), 19.(수), 20.(목), 25.(화), 27.(목) 14:00~17:00 (총 6일)
ㅇ 장 소 : 국립중앙도서관 디지털도서관 대회의실(지하3층)
ㅇ 대 상 : 도서관 이용자(출판업계 종사자), 30여 명 선발

 

▪ Sigil의 기본 사용법을 알고 전자책 제작 경험이 있는 편집자 혹은 인디자인으로 종이책 편집을 해 본 경험이 있는 편집 디자이너
▪ 1인 출판사, 출판편집자, 편집 디자이너, 작가 등 출판업계 종사(희망)자

 

ㅇ 교육비 : 무료
ㅇ 준비물 : (필수) 개인 노트북
               (권장) 전자책 제작을 위한 인디자인 혹은 콘텐츠 원고
ㅇ 강 사 : 박웅영 (내맘대로 출판사 대표)
               - 내맘대로의 EPUBGUIDE.NET 운영
               - 전자출판학회 상임이사
               - 저서 <교보문고가 제공하는 EPUB 제작가이드>
               <제대로 된 전자책 한권 잘 만들기 Sigil Using Bible 초급자편>
ㅇ 문 의 : 02-3483-8846

 

■ 선발절차
ㅇ 교육 신청 방법 : 참가신청서 작성 후 담당자에게 이메일 신청 skalib@korea.kr
ㅇ 접수기간 : 2019. 5. 17.(금) ~ 5. 31.(금), 15일간
ㅇ 교육대상자 발표 : 2019. 6. 10.(월) 홈페이지 공지 및 개별 통보
- 국립중앙도서관 www.nl.go.kr > 소통·참여 > 도서관소식 > 공지공고 > 교육/영화

※ 상기 일정은 추진 과정에서 변경될 수 있음

설정

트랙백

댓글

  • 김쌤 2019.06.04 22:04 ADDR 수정/삭제 답글

    아~~넘 기다리던 강의인데...ㅜㅠ
    카페에서 내맘대로님 글로 많이 배워가고 있습니다.
    정말 감사드려요.

    이 강의 10월에는 혹시 개설안되나요?
    아님 내년이라두요~

Sigil용 맞춤법 검사기(hunspell) 사전

Sigil 사용 설명서 2019.05.05 12:22

얼마 전부터 사용하던 Sigil 맞춤법 검사 dic 파일입니다.

 

자료 출처 : https://github.com/spellcheck-ko/hunspell-dict-ko/

 

hunspell이라는 방식의 맞춤법 검사 DB입니다.

Sigil에서 기본 제공되는 맞춤법 검사가 hunspell 방식이기 때문에 수정 없이 사용할 수 있습니다.

 

사용법

1. 압축을 해제한 후

2. Sigil 설정 폴더 > hunspell_dictionaries 폴더에

3. ko.aff, ko.dic 두 파일을 복사합니다.

4. 설정>Spellcheck Dictionaries>사전:한국어  를 선택합니다.

5. Higlight Misspelled Words를 체크합니다.

 

이렇게 설정한 후 코드보기 창에 들어가면 맞춤법에 문제가 있는 글자에 빨간 밑줄이 보입니다.

 

Alt+Q를 누르면 맞춤법에 문제가 있는 단어 목록을 볼 수 있습니다.

F4를 누르면 한 단어씩 찾아가며 맞춤법을 수정할 수 있습니다.

빨간 줄 글자에서 마우스 오른쪽 버튼을 누르면 추천 단어, 오류 표시 무시, 사용자 사전에 추가 등의 기능을 쓸 수 있습니다. 

 

100%는 아니지만, 기본적인 맞춤법은 다 찾아주니

개인 출판 하시는 분들께 도움이 될 것 같아 공유드립니다. 

 

설정

트랙백

댓글

[Sigil 플러그인] 유용한 Sigil 플러그인 01 - 플러그인 사용하는 방법

오늘부터 최소 주 1회 이상 유용한  Sigil 플러그인을 하나씩 소개하려고 합니다. 


플러그인은 '기생 프로그램'입니다.
추가 기능, Add-in 등 다른 이름으로도 불리는데 Sigil에서는 플러그인이라는 이름을 씁니다.

왜 기생 프로그램이냐.
Sigil 플러그인은 Sigil이 없으면 아무 짝에도 쓸모 없습니다.
Sigil이 있어야만 기능을 활용할 수 있어요. 
하지만 어감이 좋지 않아 기생 프로그램이라는 말은 쓰지 않습니다.(이해를 돕기 위한 것일 뿐...)

플러그인은 '추가 기능'입니다.
Sigil에 없는데 있으면 편리한 기능을 누구나 만들어 추가할 수 있습니다.
예를 들어, 
Sigil에는 iBooks용 메타데이터(아는 분은 아실테니 설명은 패스~) 추가 기능이 없습니다.
그런데 아이패드나 맥북에서 테스트 Sigil로 만든 EPUB을 테스트 하는 분들이 많아요.
iBooks용 메타데이터가 없으면 iBooks에서 폰트가 제대로 보이지 않습니다.
Sigil에는 기능이 없고, iBooks로 책을 보려면 필요하고,
그래서 어떤 사람이 AddiBooksXML이라는 플러그인을 만들었습니다.

이 플러그인이 없다면,
EPUB을 만든 후 ZIP 프로그램으로 압축을 풀고 META-INF에 com.apple.ibooks.display-options.xml 파일을 복사한 후 다시 압축을 해야합니다. 압축을 할 때 그냥 하면 안되고 minetype은 압축이 되지 않도록 해야하지요.

이 복잡한 과정을 [AddiBooksXML > com.apple.ibooks.display-options.xml선택 > 확인] 클릭 3번만 하면 끝납니다.

오늘은 플러그인을 한번도 사용해 보지 않은 분들을 위해 플러그인 사용 방법을 설명하겠습니다.

1. 먼저 플러그인을 준비합니다.
공식 배포하는 테스트 플러그인으로 설명을 하겠습니다.


여기서 testplugin_v014.zip 플러그인 파일을 다운로드 하세요.

중요!!!
절대 다운로드 받은 파일의 압축을 풀지 마세요.

testplugin_v014.zip

이 파일 그대로 사용하니 절대 압축을 풀지 마세요.

2. Sigil을 실행합니다.




3. Sigil 메뉴의 Plugins > Manage Plugins를 선택해 플러그인 관리자를 불러옵니다.




여기서 잠깐!!!
'어... 내 플러그인 관리자에는 PrincePDF나, AddiBooksXML 같은게 없는데'
라고 생각하신 분,
'내 [Plugins] 메뉴에는 편집, validation, Output 같은 메뉴가 없는데.'
플러그인을 처음 사용한다면 없는게 맞습니다.

4. 사용할 파이썬 선택.
아래 빨간 부분에 Use Bundled Python이라고 체크가 되어 있을거예요.
이렇게 체크한 상태로 두면 됩니다.
직접 설치한 파이썬을 이용하려면 Set이나 [자동]을 눌러 설치한 파이썬을 선택하세요.


5. Add Plugin을 눌러 다운 받은 testPlugin을 추가합니다. 


6. 그럼 플러그인 목록에 추가한 플러그인이 보입니다.


여기까지 하면 플러그인 추가 작업이 끝납니다.
이 플러그인을 사용할 수 있어요. 하지만 단축키로 등록해 두면 훨씬 편리하게 사용할 수 있습니다.
단축키는 5개까지 등록할 수 있기 때문에 5개를 넘으면 메뉴에서 선택을 해야되요.
자주 사용하는 기능이라면 단축키로 등록해 줍니다.

7. 단축키 등록
Assign as Plugin 1~5 중 단축키로 등록할 위치를 선택해 testplugin을 설정합니다.
설정이 끝나면 [확인]을 눌러 설정 창을 닫습니다.



8. 등록이 끝나면 [Plugins] > [편집] > [testplugin] 이라는 메뉴가 추가됩니다.



testplugin을 실행하면 이렇게 플러그인 창이 뜨고


[시작]을 눌렀을 때 오류가 없으면 이렇게 성공했다는 메시지가 표시됩니다.
만약 오류 메시지가 보이면 오류 메시지에 원인이 나와 있습니다. 파이썬 버전, 모듈, 혹은 다른 이유로 오류가 생길 수 있습니다.
기본 번들 플러그인을 사용하면 오류가 생길 일은 거의 없습니다.


플러그인에 따라 작동 방식이 모두 다릅니다.
테스트 플러그인은 [시작] 버튼을 누르지만 다른 플러그인에는 [시작] 버튼이 없을 수 있습니다.
EPUBCheck처럼 플러그인을 실행하자 마자 기능이 실행될 수도 있고요.

9. 단축 아이콘 사용
단축 아이콘 오른쪽 끝에 플러그인 아이콘이 5개 있습니다.
플러그인 별로 아이콘을 등록해 놓은 경우도 있고
아이콘이 등록되어 있지 않으면 전기 플러그 같은 아이콘 모양으로 표시됩니다.
아이콘 위에 마우스를 올려놓으면 플러그인 이름이 나와 어떤 플러그인인지 알 수 있습니다.
이 아이콘을 눌러도 testplugin을 실행시킬 수 있습니다.


10. 단축키 지정
저는 EPUBCheck를 자주 사용하기 때문에 단축키로 등록했습니다. 구 버전(0.7.x)에서 FlightCrew라는 적합성 검사 프로그램이 기본으로 들어있었고 이 기능이 F7키로 등록되어 있었어요.
그래서 EPUBCheck 플러그인을 F7로 설정해 사용합니다.
적합성 검사를 할 때 F7 버튼을 눌러 편하게 플러그인을 실행시킬 수 있어요.


[편집]>[설정]에 들어가면 [키보드 단축키]라는 항목이 있습니다.
알파벳 순서로 R을 찾아보면 Run Plugin 1~5까지 단축키를 지정할 수 있게 되어 있습니다.
testplugin을 등록한 항목을 선택해서 원하는 키로 설정을 합니다.
중요!!
다른 단축키와 중복되면 안됩니다. 그러니 사용하지 않은 단축키를 찾아 등록을 하세요.


이렇게 설정한 후 확인을 눌러 설정 창을 닫습니다.
이제 등록한 단축키를 누르면 플러그인이 실행됩니다.


오늘은 플러그인 등록 방법을 알려드렸습니다.
다음부터는 전자책을 편집하면서 편하게 사용하는 플러그인을 소개해 드리겠습니다.
오늘은 여기까지~


'Sigil 사용 설명서 > 메뉴 및 기능 설명' 카테고리의 다른 글

[Sigil 플러그인] 유용한 Sigil 플러그인 01 - 플러그인 사용하는 방법  (0) 2019.02.27
보고서  (0) 2015.09.09
색인  (0) 2015.09.07
CSS Style 편집  (0) 2015.09.02
Link & ID  (0) 2015.08.31
클립보드 기록 중에서 붙여넣기  (0) 2015.08.26

설정

트랙백

댓글

EPUBCheck 한글화 업데이트

Sigil 사용 설명서 2019.01.30 13:46

EPUBCheck가 업데이트 됐습니다.


EPUBCheck 공식 업데이트

Sigil EPUBCheck 플러그인

EPUB 만드는 분이라면 EPUBCheck는 필수지요.

이번 업데이트에서는 한글을 지원합니다.

제가 영어 실력이 좀 딸려서 일부 번역이 매끄럽지 않을 수 있어요.
그리고 대부분은 기능을 이해하고 번역을 했는데,
발생 빈도가 낮아서 한번도 겪어보지 못한 오류는 직역을 해야되서,
짧은 영어 실력으로 인해 오역이 있을 수도 있습니다.
오류 내용과 번역이 안맞는다 싶은 부분이 있으면 알려주세요. 수정을 하겠습니다.



ps. 앗!!! 이런 기쁜일이...^^

(

설정

트랙백

댓글

  • 우욱 2019.03.31 07:58 ADDR 수정/삭제 답글

    6년쯤 전에 함 해볼까나 하고 덤볐다가 바쁘다는 핑계대고 관뒀던 아픈 기억이 있어서 더 멋있어 보입니다.

EPUBCheck 한글판. 오류 검사 결과 한글로 보세요.

Sigil 사용 설명서 2018.11.27 10:00

EPUBCheck 정식 업데이트(4.1.1)에 한글이 포함됐습니다.

https://github.com/w3c/epubcheck

공식 업데이트 파일을 받아도 한글판을 사용할 수 있습니다.


Sigil 플러그인도 4.1.1 기준으로 업데이트 됐습니다.

https://www.mobileread.com/forums/showthread.php?t=247431


Sigil 플러그인 사용법 http://epubguide.net/216

추천 플러그인 3종 http://epubguide.net/218 (EPUBCheck 추천)


EPUBCheck 한글판

https://github.com/w3c/epubcheck



EPUB을 만들면 EPUBCheck라는 적합성 검사 프로그램으로 오류가 있나 확인을 합니다. EPUBCheck는 HTML이나 CSS 문법 오류도 잡아주고, EPUB 표준에 위배되는 내용이 없는지도 알려줍니다. 그리고 어느 위치에 무슨 문제가 있는지를 정확히 알려주기 때문에 오류 수정에도 도움이 되지요.


Sigil에는 플러그인으로 EPUBCheck를 추가할 수 있습니다. 플러그인을 추가하면 클릭 한번으로 적합성 검사를 할 수 있어 편하지요. 플러그인 사용법은 위에 있는 글을 참고하세요.


EPUBCheck로 오류 검사를 하면 오류 원인도 알려주고, 오류가 있는 위치도 알려줘 참 좋긴 한데, 초보 편집자는 봐도 무슨 얘기인지 모를 때가 많습니다. 그래서 오류 관련 문의가 많이 들어옵니다.


오류 내용을 봐도 무슨 말인지 이해가 안간다는 분들이 많습니다. 번역? 영어 실력이 좋아 번역을 해도 무슨 소리인지 모를 때가 많습니다. 왜 그러냐 하면, 컴퓨터 용어와 설명이 마구 혼재되어 있기 때문이에요.


예를 들어 이런거지요.


This is table


이런 문장을 영어로 번역하면?


이것은 테이블 입니다.


라고 번역을 하겠지요?


하지만 EPUBCheck의 오류라면


이것은 table 입니다.


라고 번역을 해야되요.


무슨 차이냐 하면,


EPUBCheck에서 table은 '식탁, 테이블' 할 때 table이 아니고, HTML 태그 table일 가능성이 아주 높습니다. 


value attribute can not use here


이런 오류 문구가 있다고 할게요.


가치있는 속성은 여기에 사용할 수 없다?


무슨 소리인지 모르겠지요? 번역이 잘못 되서 그래요.


"value" 라는 속성(attribute)은 사용할 수 없다는 뜻이에요.

"value"는 HTML 태그에 사용하는 속성이고, 이 속성은 특정 태그에서만 사용할 수 있지요. 사용할 수 없는 태그에 value라는 속성을 쓰면 생기는 오류예요.


이렇다 보니 Sigil의 오류 내용은 영어권 사람들조차 EPUB 관련 포럼에서 '이게 뭔 소리야' 하고 묻는 경우가 많습니다.


value, attribute, table, style, name, header, section.... 


EPUB 오류에서 이런 단어를 '해석'해 버리면 뜻이 완전히 달라져 버리니 영어권 사람들도 HTML이나 CSS가 익숙하지 않으면 이해를 못하는 것이지요.


긴 설명은 여기까지 하기로 하고,

간단히 말하면 EPUBCheck의 오류 메시지를 한글로 번역해 봤습니다.

제가 영어 실력은 형편 없는데 오류 메시지의 이해는 영어 실력과 별 상관이 없거든요. 그래서 실력 되는 대로 번역을 해서 적용해 봤습니다.



EPUBCheck로 오류 검사를 하면 이렇게 결과가 한글로 표시됩니다. 

한글로 봐도 이해가 안되신다면...ㅜ.ㅜ 저에게 메일을 보내주세요.

그래도 영어로 보는 것 보다는 이해 하기 쉬울거예요.


EPUBCheck 한글판 사용법은 이렇습니다.


1. 위쪽에서 EPUBCheck 한글판 플러그인을 다운받은 후 압축을 풀어 한글화 epubcheck.jar를 준비합니다.


2. Sigil 설정 폴더로 이동합니다.

1) Sigil 실행 > 설정 > Open Preferences Location 을 누르면 설정 폴더로 이동합니다.


3. 설정 폴더의 \plugins\EpubCheck 폴더로 이동합니다.

* 여기에도 epubcheck.jar 파일이 있습니다.


4. 한글화 epubcheck.jar 파일을 Sigil의 EpubCheck 플러그인 폴더에 덮어씁니다.


5. Sigil에서 EPUBCheck 플러그인을 실행해 오류 메시지가 한글로 표시되는지 확인합니다.



* EpubCheck 한글화는 내맘대로의 EPUBGUIDE.NET에서 작업했습니다.

* 이 파일은 EPUBGUIDE.NET에서만 배포합니다.

* 한글화 파일 사용은 자유지만 무단 배포는 엄격히 금지합니다. 

* EPUBCheck 한글화 그룹 : https://www.transifex.com/idpf/epubcheck/language/ko_KR/

설정

트랙백

댓글

EPUBCheck 4.1.0 업데이트

Sigil 사용 설명서 2018.11.27 09:32

EPUBCheck가 2년만에 업데이트 됐습니다.



한글화는 2018년 8월 25일자 번역까지만 반영이 된다고 합니다.
제가 번역을 시작한게 얼마 되지 않아 이번 업데이트에는 반영되지 않을거예요.

대신 CALL FOR ACTION v4.1.1이라 이름 붙인 작업을 시작했다네요.
4.1.1에서는 지역화(Localization)를 중점으로 업데이트 할 계획이라 다음 업데이트가 그리 오래 걸릴 것 같지는 않습니다.
(업데이트 리포트에 기간을 명시했지만 늦어질 수도 있으니 '조만간'이라고만 적을게요 ^^)
업데이트 전까지 임시로 사용할 수 있는 한글화 EPUBCheck도 조만간 새로 등록하겠습니다. 

Sigil EPUBCheck 플러그인도 업데이트 됐습니다.


EPUBCheck 4.1.0 버전이 반영되었고,
도구버튼 아이콘도 적용되어 도구버튼 설정해 놓고 사용하기 좋아졌습니다.

플러그인 사용법을 모르시는 분은 아래 글을 참고하세요.

Sigil 플러그인 사용법 http://epubguide.net/216


설정

트랙백

댓글

미디어 오버레이 샘플 & Sigil로 만드는 방법

안녕하세요.


간만에 문의가 들어와 설명드립니다.

미디어 오버레이를 만들고 싶다는 내용이었어요.

요즘 미디어 오버레이 파일을 매주 5~6권식 만들고 있는데 음성 시간 맞추는게 고역이네요.
음성 시간만 맞추면 나머지는 그리 어렵지 않습니다.

설명은 샘플 파일 MO_모비딕_sample.epub 파일로 하겠습니다.
IDPF에서 공식 배포하는 MO(Media Overlay) 샘플 파일을 조금 수정했어요.

MO가 무엇인지 궁금하시면

MP3로 녹음한 내용을 책의 텍스트와 싱크시켜 MP3가 읽어주는 부분을 하일라이트 하는 기술입니다.
어학책이나, 유아동 책, 낭독 시집 같은 책에 유용해요.
요즘 뜨고 있는 오디오북도 이 기능을 활용할 수있습니다.

밀리의서재 리딩북이 MO를 활용한 서비스예요.

1. EPUB2 로 되어 있다면 EPUB3로 수정하세요.
미디어 오버레이는 EPUB3부터 지원합니다. 그러니 EPUB2 파일은 EPUB3로 변경을 해야합니다.

참고  EPUB2를 EPUB3로 변환해 보자

2. smil 파일을 만들자

smil 파일은 이렇게 되어 있습니다.
아래 내용을 그대로 복사한 후 수정해 사용하셔도 되요.
========

<?xml version="1.0" encoding="utf-8" ?>

<smil version="3.0" xmlns="http://www.w3.org/ns/SMIL" xmlns:epub="http://www.idpf.org/2007/ops"><body><seq epub:textref="../Text/chapter_001.xhtml" epub:type="chapter" id="id1">

<!--미디어 오버레이 처리가 될 본문 파일 주소입니다-->


<par id="heading1"><text src="../Text/chapter_001.xhtml#c01h01"/>

<audio clipBegin="0:00:24.500" clipEnd="0:00:29.268src="../Audio/mobydick_001_002_melville.mp4"/>

</par>

<!--오디오 한 구간의 시작과 끝입니다.

예를 들어

It is a way I have of driving off the spleen and regulating the circulation.

라는 부분을 MP3와 싱크시키고 싶다면 MP3에서 이 부분이 시작되는 시간(clipBegin)과 끝나는 시간(clipEnd)을 적어줍니다.

그리고 이 본문의 위치와 ID를 이 부분에 넣어줍니다. 본문 ID는 뒤에서 설명드릴게요.

<text src="../Text/chapter_001.xhtml#c01h01"/>


끝으로 MP3 파일의 위치를

src="../Audio/mobydick_001_002_melville.mp4"

여기에 넣어줍니다.


-->


<par id="word1"><text src="../Text/chapter_001.xhtml#c01w00001"/>

<audio clipBegin="0:00:29.268" clipEnd="0:00:29.441" src="../Audio/mobydick_001_002_melville.mp4"/>

</par>


<!--오버레이 처리가 되야 하는 문단이 2개 이상일 경우 par ID를 변경해 줘야 합니다. ID는 word1, word2, word3... 등 편집자가 임의로 지정해 줄 수 있습니다. -->

<par id="word1">

</seq>

</body>

</smil>

=========


smil 파일은 책 전체를 하나의 파일로 만들 수 있고, 각 챕터별로 나눠서 만들 수 있습니다.
작업하는건 각 챕터별로 나누는게 편해요.


3. smil 파일이 준비되었다면 opf 파일을 수정합니다.

3.1 duration 추가
<metadata>....</metadata>

이 사이에 아래 내용을 추가합니다.

<meta property="media:duration" refines="#chapter_001_overlay">0:10:00.000</meta>

<meta property="media:duration">0:10:00.000</meta>

<meta property="media:active-class">-mp3-active</meta>


파란색은 한번, 빨간색은 파일 수만큼 들어가야 합니다.

예를 들어 챕터가 2개이고 smil 파일을 2개 만들었다면

<meta property="media:duration" refines="#chapter_001_overlay">0:10:00.000</meta>

<meta property="media:duration" refines="#chapter_002_overlay">0:10:00.000</meta>

<meta property="media:duration">0:20:00.000</meta>

<meta property="media:active-class">-mp3-active</meta>


이렇게 되야합니다.

3.2 media overlay 속성 추가

<item id="xchapter_001" href="Text/chapter_001.xhtml" media-type="application/xhtml+xml" media-overlay="chapter_001_overlay"/>


오버레이가 연결된 본문 파일의 item 항목을 찾아 media-overlay="MO_file_ID"를 추가해 줍니다.

파일 ID는 item 에서 확인할 수 있습니다.

<item id="chapter_001_overlay" href="Misc/chapter_001_overlay.smil" media-type="application/smil+xml"/>


4. 본문에 MO ID 추가


이제 본문에 Media Overlay ID를 추가하면 끝납니다.

1번에서 이런 부분이 이런 부분이 있었어요.


<par id="heading1"><text src="../Text/chapter_001.xhtml#c01h01"/>


경로 제일 끝에 있는 #c01h01 이게 오버레이 ID입니다.

본문 한 문장씩 mp3를 끊었다면 ID 하나가 문장 하나가 될거예요.


<span id="c01s0006">With a philosophical flourish Cato throws himself upon his sword; I quietly take to the ship.</span> <span id="c01s0007">There is nothing surprising in this.</span>


본문 문장을 찾아 smil에서 끊은 구간에 맞게 ID를 연결해 줍니다.


복잡해 보이지만 하나씩 천천히 따라해 보면 어렵지 않습니다.

그리고 Sigil의 찾아바꾸기 기능을 이용하면 책 한권 문장을 싱크하는 것도 그리 오래 걸리지 않아요.

물론, MP3 자르는건 시간을 줄일 수 없지만 ㅜ.ㅜ



설정

트랙백

댓글

  • 2018.11.05 21:03 ADDR 수정/삭제 답글

    비밀댓글입니다

  • 2019.05.06 22:41 ADDR 수정/삭제 답글

    비밀댓글입니다

    • 전자책 제작과 편집에 관한 모든 정보 내.맘.대.로 2019.05.07 14:04 신고 수정/삭제

      1. 국내는 교보문고에서 EPUB3 유통이 가능합니다. 미디어 오버레이는 밀리의 서재, 교보문고에서 사용할 수 있습니다.

      2. mp3나 video 파일을 넣는 것과 미디어 오버레이는 다릅니다. 미디어 오버레이는 오디오/영상과 본문 내용을 1:1 매칭시키는 방식이고, mp3를 넣는건 단순 플레이 입니다.

블로그의 글들이 책으로 엮였습니다 - Sigil Using Bible

Sigil 사용 설명서 2018.08.17 16:46

 
  
 Logo
 

내맘대로의 EPUBGUIDE.NET 

운영제가 제공하는 

전자책 제작노하우

 

Vol 2 • 2018년 8월 1인미디어 • Facebook


 

 

책이름 | 제대로 된 전자책 한권 잘 만들기

Sigil Using Bible(초급편)
지은이 | 박웅영
감수자 | 남동선, 성대훈
펴낸날 | 2018년 7월 16일
판 형 | 신국판(152×225)
페이지 | 336쪽
가 격 | 19,900원
분 류 | 국내도서>IT/컴퓨터>그래픽/멀티미디어
ISBN | 979-11-961362-1-5 93000

 

 
 
(08377) 서울특별시 구로구 디지털로 33길 50, 703호 전화:02-6404-8587 팩스:02-6008-2708 내용 문의: akdoli@indimedialab.com
 
 

제대로 된 전자책 한 권 잘 만들기 

Sigil Using Bible

내맘대로의 EPUBGUIDE.NET 운영자가 제공하는 전자책 제작노하우
 
Placeholder

“몇 시간만 배우면 누구나 전자책을 만들 수 있다!?”
이 말은 종이와 연필만 있으면 누구나 글을 쓸 수 있고,
물감만 있으면 누구나 그림을 그릴 수 있다는 말과 다르지 않다.
이 책은 ‘누구나 만들 수 있는 전자책’ 제작 스킬을 설명하지 않는다.
누구나 쉽게 만들 수 있는 전자책을 넘어
아무나 쉽게 따라할 수 없는 고품질 전자책을 만들기 위해 필요한
전문 지식을 담고 있다.
1편은 초보자도 쉽게 EPUB을 만드는 방법을...
2편은 전문가도 까다로운 스타일 편집 방법을...
이 두 권으로 당신도 ‘아무나 만들 수 없는 전자책’을 만드는
전자책 제작 전문가가 될 수 있다!

 
 
 
Placeholder
 

이 책에서 이야기할 것들

"내맘대로의 EPUBGUIDE.NET"을 책으로 엮는다!
 

누구나 쉽게 전자책(EPUB)을 만들 수 있다고?
지금까지 전자책을 소개했던 사람들은 누구나 쉽게 전자책을 만들 수 있다고 강조했다. 국내 최초로 EPUB을 상업적으로 도입하며 전자책 뷰어, 유통 플랫폼 개발, 신규 전자책 서비스 도입에 앞장서 온 EPUB 1세대 내맘대로 출판사의 박웅영 대표 생각은 다르다. 그는 아무나 유통 가능한 품질의 EPUB을 만들 수 있는 것은 아니라고 말한다.
전자책 제작에 관심있는 사람이라면 박웅영 대표는 몰라도 ‘내맘대로의 EPUBGUIDE.NET’을 모르는 사람이 없다. Sigil 사용법이 궁금해서, EPUB 제작 방법이 궁금해서, 까다로운 스타일을 편집하는 방법이 궁금해서, 오류 해결 방법이 궁금해서 인터넷을 검색해 보면 결국에는 EPUBGUIDE.NET과 연결된다. EPUB과 관련된 어떤 정보를 찾아도 EPUBGUIDE.NET으로 연결되다 보니 출판계에 있는 한 전자책 담당자는 ‘전자책 편집자의 성지’라고 까지 말한다.
Sigil Using Bible은 ‘내맘대로의 EPUBGUIDE.NET’의 노하우를 고스란히 담은 초보자를 위한 전자책 제작 입문서다.
Sigil의 숨겨진 기능까지 속속들이 파악하고 있는 박웅영 대표가 초보 편집자들이 꼭 활용해야 하는 기능과 중급으로 넘어가려면 알아야 하는 기능을 정리해 책에 담았다. Sigil의 주요 기능을 익힐 수 있고, ‘이상한 나라의 앨리스’를 직접 만들어 보면서 각 기능을 전자책 편집에 어떻게 활용하는지 상세히 설명한다. 그리고 전자책 편집을 위해 꼭 필요한 HTML과 CSS의 기초를 설명하고, HTML과 CSS로 전자책에 스타일을 적용하는 방법이 담겨있다. 이 책을 처음부터 끝까지 따라가다 보면 ‘이상한 나라의 앨리스’를 전자책으로 완성해 볼 수 있다는 것도 이 책의 큰 장점이다.
EPUB은 IDPF(International Digital Publishing Forum)에서 제안한 전자책 표준 포맷으로, 지금은 ISO 표준으로 등록되어 있고 W3C(웹 표준을 관리하는 단체)에서 관리하고 있다. 전자책에 대해 잘 모르는 사람들은 우리나라가 전자책 표준이 없어 전자책 산업이 발전하지 않는다고 하지만 이는 완전히 잘못된 정보다. 국내에서도 2011년에 한국정보통신기술협회(TTA)에 단체 표준으로 등록되어 있다. 표준이라 하더라도 등록만 되고 사용하지 않는 경우가 많이 있지만 EPUB은 다르다. 교보문고, 예스24, 알라딘, 리디북스 등 국내 주요 유통사는 모두 EPUB으로 전자책을 유통한다. 애플, 구글, 코보, 유럽의 아마존이라 불리는 토리노 그룹 등 전 세계 전자책 유통사들도 모두 EPUB을 사용하고 있다.
박웅영 대표는 국내 최초로 EPUB을 상용화 시킨 장본인이다. 2009년 이전에는 국내 어느 유통사도 EPUB으로 전자책을 판매하지 않았다. 교보문고는 PDF로 서비스를 했고, 당시 아이폰에서 처음으로 전자책 서비스를 시작한 리디북스 역시 EPUB이 아닌 독자적인 형식을 사용했다.
박웅영 대표는 당시 교보문고에서 일하며 스마트폰과 전자책 단말기가 주목을 받자 4~5인치 크기의 작은 화면에서는 PDF가 적합하지 않다고 판단했다. PDF를 대체할 방법을 찾다 국내에는 생소했던 EPUB을 사용하기로 결정하고 EPUB 뷰어 기획에 참여했다. 그는 EPUB 도입 이외에도 O2O 개념조차 생소하던 시기에 바로드림 서비스를, 피쳐폰에서 종이책을 주문하는 국내 최초의 모바일 서점을 만드는 등 시대에 한 발 앞선 서비스로 온라인 출판 시장을 주도한 인물이다.
전자책 서비스를 위해 EPUB을 도입하기로 결정한 후 가장 큰 문제는 EPUB의 제작이었다. 당시에는 제대로 된 저작 도구도 없어 뷰어에서 테스트 할 EPUB 샘플을 만들기도 어려웠다. 박웅영 대표는 영문으로 된 IDPF의 EPUB 표준 문서를 보며 메모장과 HTML 편집 프로그램으로 EPUB을 만들며 여기서 익힌 내용을 블로그에 정리해 올렸다. 이때만 해도 출판사에서 만든 EPUB은 표준을 제대로 지키지도 않고 오류가 많아 뷰어를 강제 종료시키는 등 수많은 문제들이 생겼다. 유통사에서는 한달에 2,000종씩 등록되는 EPUB 파일이 10개 중 5~6개 수준으로 문제가 생겨 애를 먹었다. 전자책 매출도 얼마 되지 않던 시기여서 EPUB에 문제가 있으니 수정해 달라고 하면 출판사는 ‘안 팔면 그만’이라며 외면했다. 이런 문제를 해결하려면 EPUB을 제작할 때 제대로 만드는 방법 밖에 없다. 그러나 참고할 만한 자료는 IDPF의 표준문서 뿐이었고, 그나마 영어로 된 기술문서라 일반인들은 쉽게 접근하기 어려워 전문적으로 전자책을 제작한다는 업체가 만든 EPUB 조차 오류 투성이인 경우가 많았다.
박웅영 대표는 뷰어를 개발하고 수많은 출판사들의 EPUB을 분석하며 얻은 지식을 공유하는 방식으로 이런 문제를 해결하려고 노력했다. 뷰어에서 오류가 생기는 수많은 EPUB 파일을 열어 보고 오류의 원인을 찾아 수정하며 빈번히 발생하는 EPUB의 오류들을 정리해 블로그에 올렸다. 전자책은 텍스트 파일이라 생각해 편집에 신경을 쓰지 않던 출판사를 위해 전자책에서도 다양한 스타일의 편집을 할 수 있음을 보여주고 종이책과는 다른, 전자책만의 스타일 편집 기법도 제공했다. 이렇게 10년 가까이 EPUB에 쌓인 블로그가 ‘내맘대로의 EPUBGUIDE.NET’이다.
Sigil Using Bible은 EPUBGUIDE.NET의 노하우가 고스란히 담겨있는 초보자를 위한 EPUB 제작 입문서의 완결판이다. 전자책 편집을 처음 시작하는 사람이라면 결국 ‘내맘대로의 EPUBGUIDE.NET’을 방문해야 하듯이 다른 책으로 전자책 제작 공부를 시작했더라도 결국 이 책으로 마무리를 할 수 밖에 없을 것이다.
Sigil 사용법을 어느정도 알고, 소설처럼 간단한 전자책을 만들어 본 사람이라면 이 책은 쉽게 느껴질 수 있다. 초급에서 중급 전자책 편집자로 넘어가려는 사람, 복잡한 편집이 어려운 사람은 다음에 나올 ‘HTML과 CSS 편’을 기대해 볼 만하다. 국내 최고의 EPUB 전문가 둘이 손을 잡고 EPUB의 개념부터 고급 편집 기술까지 한권으로 끝낼 책을 준비하고 있다니 말이다.

 


 

[책 속으로] ------------------------------------------------

HTML과 CSS를 제대로 활용하기 위해서는 이를 제대로 지원하는 편집 프로그램을 써야합니다. 쉽게 익힐 수 있는 훌륭한 WYSIWYG방식의 편집 프로그램이 많이 있지만 스타일 편집의 한계, 불필요한 코드의 삽입 그리고 높은 사용료를 내야 하는 단점이 있습니다. Sigil은 Open Source 프로그램으로 누구나 무료로 사용할 수 있으며 HTML과 CSS에 대한 코딩이 표준에 적합할 수 있도록 하는 다양한 검증 기능 및 제작 환경을 지원하고 EPUB2, EPUB3에 대한 저장 형식을 제공합니다. 그리고 전 세계의 수 많은 전자책 제작자들이 서로 힘을 합쳐 EPUB 제작에 꼭 필요한 기능을 제안하고 수 많은 개발자들이 이를 적용해 EPUB 제작에 최적화 되었습니다.
- 13쪽
 
전자책은 어떤가요? 전자책에 담긴 논어는 종이책에 담긴 논어와 다를까요? 다르지 않습니다. 전자책도 점토판, 죽간, 종이책과 같이 글자를 담는 그릇일 뿐입니다. 전자책 역시 종이책처럼 글자를 읽어 정보를 얻습니다. 전자책에서 정보를 얻는 방법은 수천년 전에 만들어진 점토판에서 정보를 얻는 방법과 전혀 다르지 않습니다. 그릇에 담을 수 있는 내용의 형식적인 부분 및 표현의 방법 등이 다르다고 할 수 있으나 정보와 지식을 전달한다는 관점에서는 전자책과 종이책의 차이는 죽간과 종이책의 차이보다 크지 않습니다.
전자책 하면 종이책과 다른 특별한 무언가가 있을 것이라고 생각하는 분들이 의외로 많습니다. 전자책은 종이책보다 특별하지 않습니다. 종이책을 다양한 디바이스에서 볼 수 있도록 제작된 형태가 전자책입니다.
- 20쪽
 
HTML이 문서의 구조를 만든다면 CSS(Cascading Style Sheet )는 문서의 모양을 꾸며줍니다. 글꼴, 글자 크기, 색, 상하좌우 정렬, 배경색, 테두리, 레이아웃 등 문서편집기의 편집기능이 CSS의 역할입니다. HTML 태그는 역할에 따라 고유한 스타일이 있습니다.

- 152쪽
 
 


 
 

설정

트랙백

댓글