數位出版 2.0 Is True

            EP同步就是這麼容易
               實踐者:黃志賢 hoyo




關鍵字: EP同步 LaTeX 數位排版 METAPOST PDF 電子書
工商服務時間
Q. 我是誰?
黃志賢(hoyo) http://www.hoyo.idv.tw
我是台灣人,全家都是台灣人,從祖先到猴子都是台灣人


經歷
大眾電腦
巨匠電腦
威世登珠寶
研芯科技

現任
酷!學園 – 灌水榮譽博士
漢華文教...
我是怎麼認識   的?
故事開始
這是一個長約三年的故事…
 沒有 YY !
  沒有穿越!
   沒有特異功能!
    更沒有河蟹!
     丟筆~~
hoyo 到公司上班後,
      主管就交付了幾個神聖的 SSS 級任務:

1. 解決排版編輯檔無法再使用問題

2. 建置題庫系統
解題構思

題庫就是將「題目」、「答案」存在資料庫,

題目連結科目、章節、類型等分類。

因為資料庫是
資料庫
資料庫是一種將『文字』儲存,達到進一步使用的軟體
也就是可以使用 SQL 指令檢索資料
SELECT * FROM sss WHERE alldata LIKE ‘%eee%’

非文字資料,就轉變成對『檔案』的處理
例如將圖片或是 O...
所以,只要看排版檔案是否可匯出文字檔 (一般文字、XML…)

然後寫個軟體系統就搞定了

看似兩個問題,其實只有一個問題
要解決問題,就要先瞭解問題

 現在的編輯出版環境是大家已經從




       進步到
照相打字         電腦排版
紙書出版流程

        邀稿

        打字        印刷

                  裝訂
   印前   排版   印後
                  成書
        校對
           ...
電腦排版
整體上分為兩大類
 幕前
  Scribus
  InDesgin
  QuarkXPress
  PageMaker
 幕後

  任何可以利用文字轉換成 PDF 的方式
什麼是幕前軟體?   所視即所得 WYSIWYG




   幕前軟體有什麼缺點?
含數學公式的 PDF
從 PDF 複製文字




無法得知幕前軟體是如何儲存顯示資訊
Word 數學方程式複製




因為是物件,所以什麼都複製不出來
Word 數學方程式另存文字




                 還是什麼都沒有

備註:外掛 MathType 可輸出   格式
祈求幕前軟體「資源再使用,
    不是空想就是要繼續想。」

真有實現的一天,也一定要花很多錢


  那『幕後排版』的情況呢?
在U很大U不用$有這麼一個過場




2009 五月份的 SA@Taipei - U很大U不用錢---啪兔
http://phorum.study-area.org/index.php?topic=56567.0
不
知
道
哪
裡
抄
來
的
?
is なに?
可產生各式文件、出版需求
可應付科學、數理公式
以上功能皆保證可應用在高品質印刷



      什麼是出版?


        http://zh.wikipedia.org/zh-tw/LaTeX
        http...
先認識什麼是書本吧




            你動我;我動你時間
書的元素 .1
封面
 封面、封面裡
 書背
 封底、封底裡
內頁
 前言、序
 目錄、頁碼
 內容 (章、節、交互參照、索引、參考文獻、附錄)
 其他
書的元素 .2
紙張材質:道林、圖畫、銅西…
尺寸:12K、16K…
頁數:通常是 8 的倍數,
印色:單、雙、特別色、彩色 CMYK
翻頁:左、右、天、地
邊界:一般、裝訂
美勞時間




       動手學落版
16   1   4   13

9    8   5   12
14   3   2   15

11   6   7   10
書的內容
尺寸:大小、頁眉頁腳、裝訂邊
外觀:顏色、文字
圖:照片、線條(數學幾何、統計等)
認識顏色
什麼是 RGB 什麼是 CMYK

      Cyan      青綠
      Magenta   洋紅
      Yellow    黃
      BlacK     黑




      Red       紅
   ...
RGB & CMYK 的差異
        型態:顏料、碳粉
        對象:紙張
        背景色:白



        型態:光線
        對象:螢幕
        背景色:黑



不同份量的顏料價格不一樣;
...
CMYK 疊印示意




使用 CMY 及 CMYK 差別

            http://en.wikipedia.org/wiki/Process_color
字型、字音、注音
字型檔:顧名思義就是只存放「文字形狀」的檔案。

一般的處理方式為使用 TTC 字型包裝,來達成同一
字不同型的目的

中文有些字會有一個以上的發音,稱之為「破音
字」,如
字型、字音、注音
TTC :在單一的檔案中包含數個 TrueType 字型
檔,故稱之為 True Type 字型集合。




breakttc.exe 可以將 TTC 分離成單一 TTF 檔案
TTC 包裝及字音處理示意
筆順:字型選擇另一個重點



新         標                   文                華
細         楷                   鼎                康
明       ...
字描邊
相同內容,不同字型檔案大小不一樣,楷體就比黑體檔案大的多。
實戰
準備環境
    作業系統 * 1 (Win Linux BSD Mac 不拘)
 1. 安裝 Tex 套件
       Windows : TexLive MiKTEX cwTex
       UNIX like : TexLive Te...
1. 安裝
FreeBSD : ports (teTex latex-cjk)
Windows : TexLive
openSUSE : YaST
…
請參考 LaTeX Notes 1.17.pdf
副檔名 .tex
文件分為前言 (preamble) 和文件 (document)

     documentlclass[option]{class}
       前言 (preamble...
第一個
1.tex 檔案內容

  documentclass{article}
  begin{document}
  Hello world!
  end{document}


編譯指令

 > latex 1.tex ; dvips 1...
TeX to PDF 流程


       latex          dvips         ps2pdf
.tex           .dvi           .ps            .pdf
TEX 解譯
       latex          dvips         ps2pdf
.tex           .dvi           .ps            .pdf

latex : 英文、Unicode 格式...
DVI (Device Independent) 處理
        latex          dvips         ps2pdf
.tex            .dvi           .ps            .pdf...
PS (Post Script) 處理
       latex          dvips         ps2pdf
.tex           .dvi           .ps            .pdf

ps2pdf :...
2. 安裝字型(中文環境)
 直接從系統套件尋找安裝即可
   bkai : KaitiM Big5
   bsmi : Mingti2L Big5
   ukai : CJK Unicode font Kai Style
   uming :...
2. 安裝字型 unicode .1
   取得 TureType 字型檔
   轉換成各種類型提供不同的輸出使用
      *.tfm (TeX Font Metric, 字型描述檔) : .dvi
      *.pfa (POSTSCR...
安裝字型 unicode .2
轉檔指令、工具
 FontForge
 updmap
 mkfont.sh
 mkt1.sh




         http://edt1023.sayya.org/tex/mycjk/node5.html
...
多國文字 TTF
Big5
   ………族繁不及備載
CJK :中日韓文 Chinese+Japanese+Korean
  New Gulim : NGULIM.TTF
  微軟正黑體 : MSJH.TTF
多國
  Arial Unicod...
中文測試 tex – Big5
                                     檔案編碼 ASCII
2.tex 檔案內容
  documentclass{article}
  usepackage{CJK}

  b...
中文測試 tex – UTF8
                                    檔案編碼 UTF-8
3.tex 檔案內容
  documentclass{article}
  usepackage{CJK}

  be...
多國語言測試 tex – UTF8
                                    檔案編碼 UTF-8
4.tex 檔案內容
  documentclass{article}
  usepackage{CJK}
  b...
快速指令
pdflatex : tex → pdf
dvipdfm[f] : dvi → pdf
bg5pdflatex : 同 pdflatex ,Big5 專用


    骨子裡都是一樣的 [ DVI → PS → PDF ]

    ...
功能分類
空間與位置
標準文稿類別
巨集套件
表格的處理
圖形的處理
數學排版
其他
usepackage
             documentclass{article}
             usepackage{CJK}


usepackage {amsmath}       : 基本數學公式符號
      ...
數學公式

$sum_{i=0}ˆ2 $



[ z = left{
             begin{array}{ll}
                  1 & (x>0)
                  0 & (x<0)
...
數學公式、符號
樂譜、棋譜




http://zzg34b.w3.c361.com/templet/musicBook.htm
足跡
論文
國外期刊投稿
大陸排版工作室
教材 (大部分為編輯數學公式)
繪圖 – 支援 CMYK
WYSIWYG
  Illustrator
  PhotoShop
Script
  METAPOST 1.0 up



    CMYK 的支援只對單、雙或套色的產品有差別
MATEPOST
語法來自 METAFONT
使用 script 來繪製圖形
    精確繪製角度、長度、比例
    無法「隨意」的畫
    可使用程式控制變數
可附加在       中;也可以加入
通常包含在 TeX 套件內 (  teT...
METAPOST example .1
檔案內容

beginfig(1)
 draw (0,0)--(1cm,0)--(0,1cm)--cycle;
endfig;
beginfig(2)
  pair A, B, C;
  A:=(0,0)...
METAPOST example .2

beginfig(2)
 pair A, B, C;
 A:=(0,0); B:=(1cm,0); C:=(0,1cm);
 draw A--B--C--cycle;
 draw 1/2[A,B] --...
METAPOST example .3
beginfig(3)
  pair A,B,C,D;
  u:=2cm;
  A=(0,0); B=(u,0); C=(u,u); D=(0,u);

  transform T;
  A transf...
LaTeX 附加 METAPOST
file.tex                                file.mp
documentclass{article}                 filenametemplate ...
METAPOST 使用 LaTeX

beginfig(1)
 pair A;
 A=(0,0);
 label.lft( btex $trac{1}{2}$ etex, A );
endfig;


編譯指令
> mpost 1.mp
> m...
更多 METAPOST 範例
            http://melusine.eu.org/syracuse/metapost/
革改革改革改
   改      革
                        革
改
改




                     革改
  革
  革 改革改革
    改革改革




                   ...
我們都在看(閱讀)什麼?

 紙
  一大疊
  一小疊
  一整張折疊
  一整張
我們都在看(閱讀)什麼?

 發光的四角框框
  超大
  大
  中
  小
我們都在看(閱讀)什麼?

 其他
  不發光的四角框框
  天空、窗外
  …
專業很重要
不同媒體之間表現手法不同
同媒體不同場合、尺寸表現手法也不同
再論幕後排版:格式轉檔無用論
為什麼這個問題會這麼多年都無法解決?
因為大家都只想用轉檔來處理。
問題是格式的轉換無法處理媒體呈現特質。
            媒體呈現特質

以電子書舉例,電子閱讀器尺寸有限,又只能呈現灰階
色彩,DPI 也...
數學課


DPI = 每英吋內包含多少像素
一般印刷最低解析度為 300 DPI
1英吋 = 2.54 cm
請問 Kindle 的 DPI 為何?

Size (in inches): 8" x 5.3" x 0.36" (203.2mm x 134.6mm x 9.1mm).

Display: 6" diagonal E Ink® electro...
知己知彼;百戰百勝
對手(紙書) 有多強?
 在台灣一頁價格約為一元
 可輕易通過敲頭及從三樓掉下試驗
 不挑眼睛
 年紀最大已過數百年,不墊便當保證超過十年
 看一萬次和看一次花得錢相同
 有「主人」的感覺,想借誰就借誰
知己知彼;百戰百勝
對手(紙書) 有什麼弱點?
 聽說快進博物館了哪些树木可以(适宜)用来造纸?
 查資料緩慢
 怕水
 沒光線無法閱讀
 又重又佔空間
 亂畫會被媽媽發現
我方:三國、春秋戰國、五胡十六國

將 PDF 轉換成專用程式格式 (for Windows)
 ebook.com.tw : Koobe
 book11.com.tw : Bookey
 ebook.com : dnlsetup
 cite....
製版印刷優勢
大量印製成本比雷射列印低
大量印製速度較快
裝訂較無掉頁問題
不受硬體規格限制,依然可形成技術門檻
(如紙鈔)
數位印刷優勢
沒有套版位置偏移問題
極少量印刷成本較低且快速
可輕易完成動態資料
ebook.com.tw




http://www.ebook.com.tw/main/ShowBook.asp?BookNo=YLDZ0011-00-01-01
Koobe
book11.com.tw




PDF 試讀本為 Java 的 iText 製作
cite.com.tw
PDF 轉換問題
圖文混合
錯誤的決策比沒什麼都不做更糟
網站年齡查詢 http://www.ranknow.cn/tools/domainage
網站歷史 http://web.archive.org/



  在資訊領域,封閉是註定短命的,
    錯一次不是就夠了...
還有什麼問題?
推動純數位閱讀(出版)時機未到
一樣的事情為什麼要重複作?
 純文字內容無法同時適用網頁、平面輸出、電子
 書格式,不同的媒體就需要重新處理一次。
 圖文無法同步:改文字圖片不會同步修改,圖片
 還要再改一次。
圖文不同步帶來的損失
Blog 的興起

讓不懂網站架設、網頁設計的人可以
使用專業人士架設的平台與版面,因此
         平台 版面




專注在   內容 質量      的   上
WEB 環境
WEB Server : Apache 或其他
DataBase : MySQL 或其他
Langage : PHP 或其他
…
實際環境
一. FreeBSD : … 殘念
二. openSUSE 11.2 : 為了取得 METAPOST 1.0
   以上版本
EP 同步不同貌
                  網頁


          格
          式       PDF
          轉
  內容
          換
          處       EPUB
    ...
網路成書排版
Word + PowerPoint = PDF


Word 有紙張尺寸、頁數概念



                  PowerPoint 有版式概念
說明
書 = 內容 + 版式 + 排版
每本書都是根據內容配合版式組合而成,換
句話說一本書就是很多版式模組組合而成
什麼是版式
這就是版式

單元數

      單元名稱



 內容
根據版式轉成網頁上輸入的格式
單一模組完成
所以流程就是
1. 選擇一個版式模組
2. 根據選擇版式特性輸入資料
3. 結果
4. 選擇下一個版式,一直循環直到結束
翻雲手
全新的雲端創作寫作平台
   創造出版業新的產業鍊
   報告人:黃志賢 hoyo
為什麼是你?
為什麼是你?
為什麼有翻雲手
現代的人越來越重視環保,電子書從西元 2000 年開始發
展到現在,一直無法正式取代紙書,因為現在人們還可以
接受紙漿1的價格。

不過推行電子閱讀也是必然的趨勢,只發行紙書或只發行
電子書都不是聰明的作法。




1.今年紙...
翻雲手有什麼?
   可將編輯內容同時產生多種格式2
   使用 UTF-8 可同時使用多國文字
   圖形繪製功能可簡化數學幾何圖形及統計圖表
   使用文字編輯數學公式及特殊符號




2.目前支援網頁、Flash 電子書、PDF、EPU...
翻雲手可以?
翻雲手可以?
現在出版有什麼問題
創作者

 網頁創作現在有 Blog ,那紙書、電子書創作
 該使用何種工具?
 專業圖表是否有辦法讓不懂繪圖的人自己產生
 ?
 對於創作是否有充分自主權?
現在出版有什麼問題
出版者
 和作者之間的校對是否有更直接的方式,是否
 有可以讓作者直接修改的方法?
 同類型的資料無法輕易的彙整再利用
 現在流行電子書該用什麼方法製作?那以後流
 行其他格式是否又用重新製作一次?
 數學公式及特殊符號是否...
現在出版有什麼問題
讀者

 相同的內容作品我可以自己選擇閱讀的方式嗎
 ?
 久病成良醫,我可以嘗試自己創作嗎?
模擬場景
模擬場景
新產業鍊 - 開始
  麥斯是一位數學老師教學熱忱,
  某日他想將自己手寫的教案製作
  成書,他希望作品可以在高質感
  以及可隨時編輯的情況完成,
    可隨時編輯
  麥斯找上了翻雲手寫作平台,
  第一步麥斯需要請人將手稿打字
  ...
新產業鍊 – 打字及輸入
    因為翻雲手對於數學公式、特殊
    符號使用 Latex 格式,所有打字
    人員有一致性的依據,不會有不
    同出版社或不同軟體輸入方式不
    同問題。
    當然爾後麥斯也可以學習 Late...
新產業鍊 – 內頁模板
   麥斯拿著打字完成的檔案到平台建
   立自己的教材,他發現平台提供公
   開模板沒有他滿意的。
   麥斯在平台上刊登求助的資訊,馬
   上就有廠商開發了適用的模板,因
   為模板開發完成後,除非公開,要
 ...
新產業鍊 – 封面設計
   內頁完成還需要封面設計,麥斯
   透過平台瀏覽由個人或公司展示
   的作品網頁,尋找適合的風格並
   且發包完成封面製作。
新產業鍊 – 印刷、裝訂
    最後麥斯透過在平台登錄的廠商
    ,交付直接由平台產生的 PDF 進
    行印後流程。
新產業鍊 – 數位發行
   麥斯現在有成書的輔助教材了,
   另外在有投影機的教室也可以使
   用網頁版本進行教學,有電子閱
   讀器的學生更可以下載 EPUB 格
   式電子書檔案回家複習。
   忘了說了一點,麥斯設定除了他
  ...
商業模式
簡單說就是「使用者付費」
 作者可以在平台上創作,看書要付費,不過只
 收一次錢,不搞 DRM
 美術設計者、廠商可在平台招攬生意:封面及
 模板,模板可以成為永續的收費項目
 平台上眾生皆平等,你可以是讀者付費閱讀其
 他人的創作,...
服務描述:營運模式

付費版面、版型使用
 除了自行開發版型之外,也可輔導其他出版、排版公
 司設計適用的版型,如此可加速版型豐富程度,提供
 的公司也可從使用者中獲利。

付費閱讀、下載
  參考起點中文營利模式,連載類書籍
服務描述

這是一個雲端書城,裡面的書不是上傳的,是寫出來的。


你可以在網頁上閱讀 (一般網頁格式)
 可以下載 PDF 檔進行紙書印刷
 可以下載 EPUB 電子書到你的閱讀器
平台畫面功能展示
平台畫面功能展示
本身就是一個雲端書城
每個創作都有多種輸出格式
網頁格式,當然可以放圖片,簡單說就是 blog 模式
Flash 電子書可全螢幕閱讀,
           足夠清晰而且不需要放大、縮小
PDF 支援 CMYK 可直接交付落大版印刷
電子書格式為 EPUB
試題模組編輯畫面
試題模組網頁顯示畫面
試題模組 PDF 輸出設定
試題模組 PDF 輸出結果
數學模型產生器
競爭優勢


整合:翻雲手結合出版業 know-how,研發成員本
   身具有網頁平台系統多年經驗,目前任職於出
   版公司,與現有出版公司和資訊公司的結合有
   本質上的差異。


   在平台上則是系統軟體和程式的高度整合。
競爭優勢 -續


創新:翻雲手試圖創造出「數位出版 2.0」的流程,
   以便解決現今指書出版流程缺陷,以及為往後
   電子書鋪路。

彙整:平台寫作需設定版塊模組,特定模組可彙整成
   新的產品,例如題目整理考卷、圖片整理成圖
   ...
服務描述:市場和經濟規模

排版面:一間年營業額一億元的出版公司,排版費用
    約 250 萬,2008 年書籍和雜誌加總出版營業
    額約 528 億元,排版費用換算約為 21 億元


報告面:每年畢業的大學生、碩博士人數約有 25...
服務描述:市場和經濟規模

網頁閱讀面:以起點中文為例,2009 年營業額將一億
       人民幣


電子書閱讀面:美國 2009 年電子書下載金額年將達
        1.695億美元 (約59億新台幣)


其他層面:產品說明書、電...
預計使用者與使用範圍

出版公司、出版社:出版、排版、轉檔工具
所有內容創作者 (文學、藝術):創作
學生:撰寫論文、期刊
所有需要閱讀
翻         開新的數位排版歷史




      雲在         端書城寫作平台




      手    寫       從此可以只專注在創作上



※ 寫手泛指所有內容創作者
敬請指教
敬請指教
名詞解釋
出版:在此指的是書籍出版
數位典藏:將實體物品轉成數位型態儲存
電子書:數位型態之書籍
電子閱讀器:原指使用電子墨水技術之產品
(Kindle),後來泛指可長時間使用並支援相關數
位出版格式之產品 (iPad)
參考資源、進階討論 .1
RGB & CMYK 轉換色偏
http://tw.myblog.yahoo.com/da-yeh/article?mid=113&prev=122&next=107

紙鈔 – 變色油墨
http://hi.baid...
參考資源、進階討論 .2
台灣數位出版聯盟
http://www.dpublishing.org.tw

內容推進實驗室
http://www.contnt.net/

EPUB - 維基百科
http://zh.wikipedia.org/w...
END
數位出版2.0 it
數位出版2.0 it
Upcoming SlideShare
Loading in …5
×

數位出版2.0 it

2,375 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,375
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
14
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

數位出版2.0 it

  1. 1. 數位出版 2.0 Is True EP同步就是這麼容易 實踐者:黃志賢 hoyo 關鍵字: EP同步 LaTeX 數位排版 METAPOST PDF 電子書
  2. 2. 工商服務時間 Q. 我是誰? 黃志賢(hoyo) http://www.hoyo.idv.tw 我是台灣人,全家都是台灣人,從祖先到猴子都是台灣人 經歷 大眾電腦 巨匠電腦 威世登珠寶 研芯科技 現任 酷!學園 – 灌水榮譽博士 漢華文教 翻雲手 http://ebook.hoyo.idv.tw
  3. 3. 我是怎麼認識 的?
  4. 4. 故事開始 這是一個長約三年的故事… 沒有 YY ! 沒有穿越! 沒有特異功能! 更沒有河蟹! 丟筆~~
  5. 5. hoyo 到公司上班後, 主管就交付了幾個神聖的 SSS 級任務: 1. 解決排版編輯檔無法再使用問題 2. 建置題庫系統
  6. 6. 解題構思 題庫就是將「題目」、「答案」存在資料庫, 題目連結科目、章節、類型等分類。 因為資料庫是
  7. 7. 資料庫 資料庫是一種將『文字』儲存,達到進一步使用的軟體 也就是可以使用 SQL 指令檢索資料 SELECT * FROM sss WHERE alldata LIKE ‘%eee%’ 非文字資料,就轉變成對『檔案』的處理 例如將圖片或是 Office 檔案塞入資料庫內
  8. 8. 所以,只要看排版檔案是否可匯出文字檔 (一般文字、XML…) 然後寫個軟體系統就搞定了 看似兩個問題,其實只有一個問題
  9. 9. 要解決問題,就要先瞭解問題 現在的編輯出版環境是大家已經從 進步到 照相打字 電腦排版
  10. 10. 紙書出版流程 邀稿 打字 印刷 裝訂 印前 排版 印後 成書 校對 發行 製版 已精簡流程
  11. 11. 電腦排版 整體上分為兩大類 幕前 Scribus InDesgin QuarkXPress PageMaker 幕後 任何可以利用文字轉換成 PDF 的方式
  12. 12. 什麼是幕前軟體? 所視即所得 WYSIWYG 幕前軟體有什麼缺點?
  13. 13. 含數學公式的 PDF
  14. 14. 從 PDF 複製文字 無法得知幕前軟體是如何儲存顯示資訊
  15. 15. Word 數學方程式複製 因為是物件,所以什麼都複製不出來
  16. 16. Word 數學方程式另存文字 還是什麼都沒有 備註:外掛 MathType 可輸出 格式
  17. 17. 祈求幕前軟體「資源再使用, 不是空想就是要繼續想。」 真有實現的一天,也一定要花很多錢 那『幕後排版』的情況呢?
  18. 18. 在U很大U不用$有這麼一個過場 2009 五月份的 SA@Taipei - U很大U不用錢---啪兔 http://phorum.study-area.org/index.php?topic=56567.0
  19. 19. 不 知 道 哪 裡 抄 來 的 ?
  20. 20. is なに? 可產生各式文件、出版需求 可應付科學、數理公式 以上功能皆保證可應用在高品質印刷 什麼是出版? http://zh.wikipedia.org/zh-tw/LaTeX http://www.latex-project.org/
  21. 21. 先認識什麼是書本吧 你動我;我動你時間
  22. 22. 書的元素 .1 封面 封面、封面裡 書背 封底、封底裡 內頁 前言、序 目錄、頁碼 內容 (章、節、交互參照、索引、參考文獻、附錄) 其他
  23. 23. 書的元素 .2 紙張材質:道林、圖畫、銅西… 尺寸:12K、16K… 頁數:通常是 8 的倍數, 印色:單、雙、特別色、彩色 CMYK 翻頁:左、右、天、地 邊界:一般、裝訂
  24. 24. 美勞時間 動手學落版
  25. 25. 16 1 4 13 9 8 5 12
  26. 26. 14 3 2 15 11 6 7 10
  27. 27. 書的內容 尺寸:大小、頁眉頁腳、裝訂邊 外觀:顏色、文字 圖:照片、線條(數學幾何、統計等)
  28. 28. 認識顏色 什麼是 RGB 什麼是 CMYK Cyan 青綠 Magenta 洋紅 Yellow 黃 BlacK 黑 Red 紅 Green 綠 Blue 藍
  29. 29. RGB & CMYK 的差異 型態:顏料、碳粉 對象:紙張 背景色:白 型態:光線 對象:螢幕 背景色:黑 不同份量的顏料價格不一樣; 不同份量的光線價格卻一樣
  30. 30. CMYK 疊印示意 使用 CMY 及 CMYK 差別 http://en.wikipedia.org/wiki/Process_color
  31. 31. 字型、字音、注音 字型檔:顧名思義就是只存放「文字形狀」的檔案。 一般的處理方式為使用 TTC 字型包裝,來達成同一 字不同型的目的 中文有些字會有一個以上的發音,稱之為「破音 字」,如
  32. 32. 字型、字音、注音 TTC :在單一的檔案中包含數個 TrueType 字型 檔,故稱之為 True Type 字型集合。 breakttc.exe 可以將 TTC 分離成單一 TTF 檔案
  33. 33. TTC 包裝及字音處理示意
  34. 34. 筆順:字型選擇另一個重點 新 標 文 華 細 楷 鼎 康 明 體 黑 中 體 體 黑 體 常用國字標準字體筆順學習網 http://stroke-order.learningweb.moe.edu.tw/character.jsp
  35. 35. 字描邊 相同內容,不同字型檔案大小不一樣,楷體就比黑體檔案大的多。
  36. 36. 實戰
  37. 37. 準備環境 作業系統 * 1 (Win Linux BSD Mac 不拘) 1. 安裝 Tex 套件 Windows : TexLive MiKTEX cwTex UNIX like : TexLive TeTex 2. 安裝 Big5 字型 - bsmi 3. 設定 UTF-8 環境 (非必備,強烈建議) 4. WEB 環境 (非必備) 安裝 LaTeX 環境通常就會包含 METAPOST
  38. 38. 1. 安裝 FreeBSD : ports (teTex latex-cjk) Windows : TexLive openSUSE : YaST …
  39. 39. 請參考 LaTeX Notes 1.17.pdf 副檔名 .tex 文件分為前言 (preamble) 和文件 (document) documentlclass[option]{class} 前言 (preamble) begin{document} 本文 (document) end{document}
  40. 40. 第一個 1.tex 檔案內容 documentclass{article} begin{document} Hello world! end{document} 編譯指令 > latex 1.tex ; dvips 1.dvi ; ps2pdf 1.ps
  41. 41. TeX to PDF 流程 latex dvips ps2pdf .tex .dvi .ps .pdf
  42. 42. TEX 解譯 latex dvips ps2pdf .tex .dvi .ps .pdf latex : 英文、Unicode 格式 bg5latex : Big5 專用
  43. 43. DVI (Device Independent) 處理 latex dvips ps2pdf .tex .dvi .ps .pdf dvigif : DVI 輸出 GIF 圖檔格式 dvips : DVI 輸出 PostScript dvipdfm & dvipdfmx : DVI 輸出 PDF DVI viewer :
  44. 44. PS (Post Script) 處理 latex dvips ps2pdf .tex .dvi .ps .pdf ps2pdf : 將 PS 格式轉成 PDF ImageMagick : PS 轉換各式圖檔 GS viewer :
  45. 45. 2. 安裝字型(中文環境) 直接從系統套件尋找安裝即可 bkai : KaitiM Big5 bsmi : Mingti2L Big5 ukai : CJK Unicode font Kai Style uming : CJK Unicode font Ming 感謝文康科技
  46. 46. 2. 安裝字型 unicode .1 取得 TureType 字型檔 轉換成各種類型提供不同的輸出使用 *.tfm (TeX Font Metric, 字型描述檔) : .dvi *.pfa (POSTSCRIPT Font Ascii) :POSTSCRIPT Type 1 字型檔,純文字格式 *.pfb (POSTSCRIPT Font Binary) :同 .pfa , binary 格式 *.fd (font description) :LaTeX 找字型用的字型定 義檔 我的CJK.pdf
  47. 47. 安裝字型 unicode .2 轉檔指令、工具 FontForge updmap mkfont.sh mkt1.sh http://edt1023.sayya.org/tex/mycjk/node5.html http://blog.bs2.to/post/EdwardLee/8341
  48. 48. 多國文字 TTF Big5 ………族繁不及備載 CJK :中日韓文 Chinese+Japanese+Korean New Gulim : NGULIM.TTF 微軟正黑體 : MSJH.TTF 多國 Arial Unicode MS : ARIALUNI.TTF 華康 Unicode 字型
  49. 49. 中文測試 tex – Big5 檔案編碼 ASCII 2.tex 檔案內容 documentclass{article} usepackage{CJK} begin{document} begin{CJK}{Bg5}{bsmi} 哈囉,你好! end{CJK} end{document} 編譯指令 > bg5latex 2.tex ; dvips 2.dvi ; ps2pdf 2.ps
  50. 50. 中文測試 tex – UTF8 檔案編碼 UTF-8 3.tex 檔案內容 documentclass{article} usepackage{CJK} begin{document} begin{CJK}{UTF8}{nsung} 哈囉,你好! end{CJK} end{document} 編譯指令 > latex 3.tex ; dvips 3.dvi ; ps2pdf 3.ps
  51. 51. 多國語言測試 tex – UTF8 檔案編碼 UTF-8 4.tex 檔案內容 documentclass{article} usepackage{CJK} begin{document} begin{CJK}{UTF8}{arialuni} オークション 新 闻 新聞 소녀와 หัวขอขาว конфиденциаль tronçon end{CJK} end{document} 編譯指令 > latex 4.tex ; dvips 4.dvi ; ps2pdf 4.ps
  52. 52. 快速指令 pdflatex : tex → pdf dvipdfm[f] : dvi → pdf bg5pdflatex : 同 pdflatex ,Big5 專用 骨子裡都是一樣的 [ DVI → PS → PDF ] 所以逐步執行發生錯誤, 用這些指令也一樣會錯
  53. 53. 功能分類 空間與位置 標準文稿類別 巨集套件 表格的處理 圖形的處理 數學排版 其他
  54. 54. usepackage documentclass{article} usepackage{CJK} usepackage {amsmath} : 基本數學公式符號 {MnSymbol} : 特殊符號 {multicol} : 單、雙欄混合 {graphicx} : 插入圖檔 EPS [T1]{fontenc} : 大於 小於 符號修正 {cancel} : cancel 使用 Ex: usepackage{amsmath, multicol, graphicx}
  55. 55. 數學公式 $sum_{i=0}ˆ2 $ [ z = left{ begin{array}{ll} 1 & (x>0) 0 & (x<0) end{array} right. ]
  56. 56. 數學公式、符號
  57. 57. 樂譜、棋譜 http://zzg34b.w3.c361.com/templet/musicBook.htm
  58. 58. 足跡 論文 國外期刊投稿 大陸排版工作室 教材 (大部分為編輯數學公式)
  59. 59. 繪圖 – 支援 CMYK WYSIWYG Illustrator PhotoShop Script METAPOST 1.0 up CMYK 的支援只對單、雙或套色的產品有差別
  60. 60. MATEPOST 語法來自 METAFONT 使用 script 來繪製圖形 精確繪製角度、長度、比例 無法「隨意」的畫 可使用程式控制變數 可附加在 中;也可以加入 通常包含在 TeX 套件內 ( teTex…) 圖形工具 MetaGraf http://w3.mecanica.upm.es/metapost/metagraf.php
  61. 61. METAPOST example .1 檔案內容 beginfig(1) draw (0,0)--(1cm,0)--(0,1cm)--cycle; endfig; beginfig(2) pair A, B, C; A:=(0,0); B:=(1cm,0); C:=(0,1cm); draw A--B--C--cycle; endfig; 編譯指令 > mpost 1.mp
  62. 62. METAPOST example .2 beginfig(2) pair A, B, C; A:=(0,0); B:=(1cm,0); C:=(0,1cm); draw A--B--C--cycle; draw 1/2[A,B] -- C; draw 1/2[B,C] -- A; draw 1/2[C,A] -- B; draw 1/3 A + 1/3 B + 1/3 C withpen pencircle scaled 4bp; endfig;
  63. 63. METAPOST example .3 beginfig(3) pair A,B,C,D; u:=2cm; A=(0,0); B=(u,0); C=(u,u); D=(0,u); transform T; A transformed T = 1/5[A,B]; B transformed T = 1/5[B,C]; C transformed T = 1/5[C,D]; path p; p = A--B--C--D--cycle; for i=0 upto 100: draw p; p:= p transformed T; endfor; endfig;
  64. 64. LaTeX 附加 METAPOST file.tex file.mp documentclass{article} filenametemplate "%j%c.mps"; usepackage{graphicx} beginfig(1); begin{document} z1=(0,0); Hi there: includegraphics{file1.mps} z2=(10mm,10mm); end{document} drawarrow(z1--z2); label.ulft(btex $A$ etex, .5[z1,z2]); endfig; bye 編譯指令 > mpost file > latex file > dvipdfmx file http://math.berkeley.edu/~vojta/tex/samp-l/mpost.html
  65. 65. METAPOST 使用 LaTeX beginfig(1) pair A; A=(0,0); label.lft( btex $trac{1}{2}$ etex, A ); endfig; 編譯指令 > mpost 1.mp > mps2eps 1.1 http://www.ida.liu.se/~joned/download/mps2eps/
  66. 66. 更多 METAPOST 範例 http://melusine.eu.org/syracuse/metapost/
  67. 67. 革改革改革改 改 革 革 改 改 革改 革 革 改革改革 改革改革 改 改革 改 改 革革 革 革 改 改 革 改革 改 革 改革 改
  68. 68. 我們都在看(閱讀)什麼? 紙 一大疊 一小疊 一整張折疊 一整張
  69. 69. 我們都在看(閱讀)什麼? 發光的四角框框 超大 大 中 小
  70. 70. 我們都在看(閱讀)什麼? 其他 不發光的四角框框 天空、窗外 …
  71. 71. 專業很重要 不同媒體之間表現手法不同 同媒體不同場合、尺寸表現手法也不同
  72. 72. 再論幕後排版:格式轉檔無用論 為什麼這個問題會這麼多年都無法解決? 因為大家都只想用轉檔來處理。 問題是格式的轉換無法處理媒體呈現特質。 媒體呈現特質 以電子書舉例,電子閱讀器尺寸有限,又只能呈現灰階 色彩,DPI 也無法達到一般印刷要求,將 A4 尺寸版面 的書,依據頁 by 頁的方式轉換,會去讀這本書的人我 會建議他去看一下眼科。
  73. 73. 數學課 DPI = 每英吋內包含多少像素 一般印刷最低解析度為 300 DPI 1英吋 = 2.54 cm
  74. 74. 請問 Kindle 的 DPI 為何? Size (in inches): 8" x 5.3" x 0.36" (203.2mm x 134.6mm x 9.1mm). Display: 6" diagonal E Ink® electronic paper display, 600 x 800 pixel resolution at 167 ppi, 16-level gray scale.
  75. 75. 知己知彼;百戰百勝 對手(紙書) 有多強? 在台灣一頁價格約為一元 可輕易通過敲頭及從三樓掉下試驗 不挑眼睛 年紀最大已過數百年,不墊便當保證超過十年 看一萬次和看一次花得錢相同 有「主人」的感覺,想借誰就借誰
  76. 76. 知己知彼;百戰百勝 對手(紙書) 有什麼弱點? 聽說快進博物館了哪些树木可以(适宜)用来造纸? 查資料緩慢 怕水 沒光線無法閱讀 又重又佔空間 亂畫會被媽媽發現
  77. 77. 我方:三國、春秋戰國、五胡十六國 將 PDF 轉換成專用程式格式 (for Windows) ebook.com.tw : Koobe book11.com.tw : Bookey ebook.com : dnlsetup cite.com.tw : cite HyReader 將 PDF 轉換成 Flash 格式,通常為網站經營 點陣圖格式: cite.com.tw pubu.com.tw Flash swf 格式:calameo.com
  78. 78. 製版印刷優勢 大量印製成本比雷射列印低 大量印製速度較快 裝訂較無掉頁問題 不受硬體規格限制,依然可形成技術門檻 (如紙鈔)
  79. 79. 數位印刷優勢 沒有套版位置偏移問題 極少量印刷成本較低且快速 可輕易完成動態資料
  80. 80. ebook.com.tw http://www.ebook.com.tw/main/ShowBook.asp?BookNo=YLDZ0011-00-01-01
  81. 81. Koobe
  82. 82. book11.com.tw PDF 試讀本為 Java 的 iText 製作
  83. 83. cite.com.tw
  84. 84. PDF 轉換問題
  85. 85. 圖文混合
  86. 86. 錯誤的決策比沒什麼都不做更糟 網站年齡查詢 http://www.ranknow.cn/tools/domainage 網站歷史 http://web.archive.org/ 在資訊領域,封閉是註定短命的, 錯一次不是就夠了嗎? 消費者為什麼要當廠商的實驗品!
  87. 87. 還有什麼問題? 推動純數位閱讀(出版)時機未到 一樣的事情為什麼要重複作? 純文字內容無法同時適用網頁、平面輸出、電子 書格式,不同的媒體就需要重新處理一次。 圖文無法同步:改文字圖片不會同步修改,圖片 還要再改一次。
  88. 88. 圖文不同步帶來的損失
  89. 89. Blog 的興起 讓不懂網站架設、網頁設計的人可以 使用專業人士架設的平台與版面,因此 平台 版面 專注在 內容 質量 的 上
  90. 90. WEB 環境 WEB Server : Apache 或其他 DataBase : MySQL 或其他 Langage : PHP 或其他 …
  91. 91. 實際環境 一. FreeBSD : … 殘念 二. openSUSE 11.2 : 為了取得 METAPOST 1.0 以上版本
  92. 92. EP 同步不同貌 網頁 格 式 PDF 轉 內容 換 處 EPUB 理 其他… 使用一般文字的幕後排版,可根據不同需求轉換顯示格式
  93. 93. 網路成書排版 Word + PowerPoint = PDF Word 有紙張尺寸、頁數概念 PowerPoint 有版式概念
  94. 94. 說明 書 = 內容 + 版式 + 排版 每本書都是根據內容配合版式組合而成,換 句話說一本書就是很多版式模組組合而成
  95. 95. 什麼是版式
  96. 96. 這就是版式 單元數 單元名稱 內容
  97. 97. 根據版式轉成網頁上輸入的格式
  98. 98. 單一模組完成
  99. 99. 所以流程就是 1. 選擇一個版式模組
  100. 100. 2. 根據選擇版式特性輸入資料
  101. 101. 3. 結果
  102. 102. 4. 選擇下一個版式,一直循環直到結束
  103. 103. 翻雲手 全新的雲端創作寫作平台 創造出版業新的產業鍊 報告人:黃志賢 hoyo
  104. 104. 為什麼是你? 為什麼是你?
  105. 105. 為什麼有翻雲手 現代的人越來越重視環保,電子書從西元 2000 年開始發 展到現在,一直無法正式取代紙書,因為現在人們還可以 接受紙漿1的價格。 不過推行電子閱讀也是必然的趨勢,只發行紙書或只發行 電子書都不是聰明的作法。 1.今年紙漿從12元漲到15元/每基重
  106. 106. 翻雲手有什麼? 可將編輯內容同時產生多種格式2 使用 UTF-8 可同時使用多國文字 圖形繪製功能可簡化數學幾何圖形及統計圖表 使用文字編輯數學公式及特殊符號 2.目前支援網頁、Flash 電子書、PDF、EPUB 四種格式
  107. 107. 翻雲手可以? 翻雲手可以?
  108. 108. 現在出版有什麼問題 創作者 網頁創作現在有 Blog ,那紙書、電子書創作 該使用何種工具? 專業圖表是否有辦法讓不懂繪圖的人自己產生 ? 對於創作是否有充分自主權?
  109. 109. 現在出版有什麼問題 出版者 和作者之間的校對是否有更直接的方式,是否 有可以讓作者直接修改的方法? 同類型的資料無法輕易的彙整再利用 現在流行電子書該用什麼方法製作?那以後流 行其他格式是否又用重新製作一次? 數學公式及特殊符號是否有更好得輸入方式?
  110. 110. 現在出版有什麼問題 讀者 相同的內容作品我可以自己選擇閱讀的方式嗎 ? 久病成良醫,我可以嘗試自己創作嗎?
  111. 111. 模擬場景 模擬場景
  112. 112. 新產業鍊 - 開始 麥斯是一位數學老師教學熱忱, 某日他想將自己手寫的教案製作 成書,他希望作品可以在高質感 以及可隨時編輯的情況完成, 可隨時編輯 麥斯找上了翻雲手寫作平台, 第一步麥斯需要請人將手稿打字 成為電子檔。
  113. 113. 新產業鍊 – 打字及輸入 因為翻雲手對於數學公式、特殊 符號使用 Latex 格式,所有打字 人員有一致性的依據,不會有不 同出版社或不同軟體輸入方式不 同問題。 當然爾後麥斯也可以學習 Latex 後,以後自行修改。
  114. 114. 新產業鍊 – 內頁模板 麥斯拿著打字完成的檔案到平台建 立自己的教材,他發現平台提供公 開模板沒有他滿意的。 麥斯在平台上刊登求助的資訊,馬 上就有廠商開發了適用的模板,因 為模板開發完成後,除非公開,要 不然只要有人使用同樣可以獲利。
  115. 115. 新產業鍊 – 封面設計 內頁完成還需要封面設計,麥斯 透過平台瀏覽由個人或公司展示 的作品網頁,尋找適合的風格並 且發包完成封面製作。
  116. 116. 新產業鍊 – 印刷、裝訂 最後麥斯透過在平台登錄的廠商 ,交付直接由平台產生的 PDF 進 行印後流程。
  117. 117. 新產業鍊 – 數位發行 麥斯現在有成書的輔助教材了, 另外在有投影機的教室也可以使 用網頁版本進行教學,有電子閱 讀器的學生更可以下載 EPUB 格 式電子書檔案回家複習。 忘了說了一點,麥斯設定除了他 的學生之外,其他人都是付費瀏 覽的。
  118. 118. 商業模式 簡單說就是「使用者付費」 作者可以在平台上創作,看書要付費,不過只 收一次錢,不搞 DRM 美術設計者、廠商可在平台招攬生意:封面及 模板,模板可以成為永續的收費項目 平台上眾生皆平等,你可以是讀者付費閱讀其 他人的創作,也可以自行創作當作家,也可能 是美術設計提供者
  119. 119. 服務描述:營運模式 付費版面、版型使用 除了自行開發版型之外,也可輔導其他出版、排版公 司設計適用的版型,如此可加速版型豐富程度,提供 的公司也可從使用者中獲利。 付費閱讀、下載 參考起點中文營利模式,連載類書籍
  120. 120. 服務描述 這是一個雲端書城,裡面的書不是上傳的,是寫出來的。 你可以在網頁上閱讀 (一般網頁格式) 可以下載 PDF 檔進行紙書印刷 可以下載 EPUB 電子書到你的閱讀器
  121. 121. 平台畫面功能展示 平台畫面功能展示
  122. 122. 本身就是一個雲端書城
  123. 123. 每個創作都有多種輸出格式
  124. 124. 網頁格式,當然可以放圖片,簡單說就是 blog 模式
  125. 125. Flash 電子書可全螢幕閱讀, 足夠清晰而且不需要放大、縮小
  126. 126. PDF 支援 CMYK 可直接交付落大版印刷
  127. 127. 電子書格式為 EPUB
  128. 128. 試題模組編輯畫面
  129. 129. 試題模組網頁顯示畫面
  130. 130. 試題模組 PDF 輸出設定
  131. 131. 試題模組 PDF 輸出結果
  132. 132. 數學模型產生器
  133. 133. 競爭優勢 整合:翻雲手結合出版業 know-how,研發成員本 身具有網頁平台系統多年經驗,目前任職於出 版公司,與現有出版公司和資訊公司的結合有 本質上的差異。 在平台上則是系統軟體和程式的高度整合。
  134. 134. 競爭優勢 -續 創新:翻雲手試圖創造出「數位出版 2.0」的流程, 以便解決現今指書出版流程缺陷,以及為往後 電子書鋪路。 彙整:平台寫作需設定版塊模組,特定模組可彙整成 新的產品,例如題目整理考卷、圖片整理成圖 庫。
  135. 135. 服務描述:市場和經濟規模 排版面:一間年營業額一億元的出版公司,排版費用 約 250 萬,2008 年書籍和雜誌加總出版營業 額約 528 億元,排版費用換算約為 21 億元 報告面:每年畢業的大學生、碩博士人數約有 25 萬 人,為了畢業論文除了實做、實驗外,還要 寫出符合學校、期刊的論文格式。
  136. 136. 服務描述:市場和經濟規模 網頁閱讀面:以起點中文為例,2009 年營業額將一億 人民幣 電子書閱讀面:美國 2009 年電子書下載金額年將達 1.695億美元 (約59億新台幣) 其他層面:產品說明書、電子書報雜誌
  137. 137. 預計使用者與使用範圍 出版公司、出版社:出版、排版、轉檔工具 所有內容創作者 (文學、藝術):創作 學生:撰寫論文、期刊 所有需要閱讀
  138. 138. 翻 開新的數位排版歷史 雲在 端書城寫作平台 手 寫 從此可以只專注在創作上 ※ 寫手泛指所有內容創作者
  139. 139. 敬請指教 敬請指教
  140. 140. 名詞解釋 出版:在此指的是書籍出版 數位典藏:將實體物品轉成數位型態儲存 電子書:數位型態之書籍 電子閱讀器:原指使用電子墨水技術之產品 (Kindle),後來泛指可長時間使用並支援相關數 位出版格式之產品 (iPad)
  141. 141. 參考資源、進階討論 .1 RGB & CMYK 轉換色偏 http://tw.myblog.yahoo.com/da-yeh/article?mid=113&prev=122&next=107 紙鈔 – 變色油墨 http://hi.baidu.com/%CE%D2%B0%AE%D6%BD%B1%D2/blog/item/3cc69ef8 2797d553242df2f7.html Edward G.J. Lee's Note, 果正札記 http://edt1023.sayya.org/ type 1 字型檔案解說:製作中文 Type1 字型 http://edt1023.sayya.org/tex/mycjk/node5.html CLE 檔案伺服器 -- 字型區 http://cle.linux.org.tw/fonts/
  142. 142. 參考資源、進階討論 .2 台灣數位出版聯盟 http://www.dpublishing.org.tw 內容推進實驗室 http://www.contnt.net/ EPUB - 維基百科 http://zh.wikipedia.org/wiki/EPUB 高雄高工數位教材資源中心 > 圖文傳播科 http://content.ksvs.kh.edu.tw/DocLib9/Forms/AllItems.aspx?RootFolder=%2FD ocLib9&View={BD6870FF-994A-4671-A86B-F619CB0E6DD6}
  143. 143. END

×