出版流程數位化建置 - reading.udn.comreading.udn.com/co/course/0831-1.pdf · 我是誰?!...

43
出版流程數位化建置 數位部 何冠慧 2011.08.31

Transcript of 出版流程數位化建置 - reading.udn.comreading.udn.com/co/course/0831-1.pdf · 我是誰?!...

Page 1: 出版流程數位化建置 - reading.udn.comreading.udn.com/co/course/0831-1.pdf · 我是誰?! 何冠慧 ! 加州州立大學大傳與新聞碩士 ! 服務過出版社及網路公司

出版流程數位化建置

數位部 何冠慧 2011.08.31

Page 2: 出版流程數位化建置 - reading.udn.comreading.udn.com/co/course/0831-1.pdf · 我是誰?! 何冠慧 ! 加州州立大學大傳與新聞碩士 ! 服務過出版社及網路公司

我是誰?

!  何冠慧

!  加州州立大學大傳與新聞碩士

!  服務過出版社及網路公司

!  落腳康軒10年

!   網路,出版,數位,科技,資訊+教育+實務經驗

Page 3: 出版流程數位化建置 - reading.udn.comreading.udn.com/co/course/0831-1.pdf · 我是誰?! 何冠慧 ! 加州州立大學大傳與新聞碩士 ! 服務過出版社及網路公司

在國教產業裡

!  決定的是老師

!  出錢的是家長

!  使用的是學生

誰是目標族群?

Page 4: 出版流程數位化建置 - reading.udn.comreading.udn.com/co/course/0831-1.pdf · 我是誰?! 何冠慧 ! 加州州立大學大傳與新聞碩士 ! 服務過出版社及網路公司

國教產業的熱門話題

!  未來教室

!  電子書包

!  教育雲端

!  親師生互動

商模在哪裡?

Page 5: 出版流程數位化建置 - reading.udn.comreading.udn.com/co/course/0831-1.pdf · 我是誰?! 何冠慧 ! 加州州立大學大傳與新聞碩士 ! 服務過出版社及網路公司

大家都在說

!  內容是王道

!  內容要做好準備

!  內容要跨平台,跨載具

!  內容要多元運用

How? Where is the magic button?

Page 6: 出版流程數位化建置 - reading.udn.comreading.udn.com/co/course/0831-1.pdf · 我是誰?! 何冠慧 ! 加州州立大學大傳與新聞碩士 ! 服務過出版社及網路公司

事實上是

!  數位閱讀出版浪潮來襲

!  科技業來訪頻率持續增高

!  開始依照各家需求進行格式轉換

還沒賺到錢,就付出不少人力成本

Page 7: 出版流程數位化建置 - reading.udn.comreading.udn.com/co/course/0831-1.pdf · 我是誰?! 何冠慧 ! 加州州立大學大傳與新聞碩士 ! 服務過出版社及網路公司

流動性高 互通性高 精確性低 設計度低

流動性低 互通性低 精確性高 設計度高

版面彈性 版面固定

程式整合度高

程式整合度低

app

PDF PostScript

EPUB

HTML

電子 雜誌

數位出版品形態分析

Page 8: 出版流程數位化建置 - reading.udn.comreading.udn.com/co/course/0831-1.pdf · 我是誰?! 何冠慧 ! 加州州立大學大傳與新聞碩士 ! 服務過出版社及網路公司

以載具為標的進行開發

數位出版品

以內容為核心 進行轉製

EPUB HTML XML PDF

iPhone iPAD 平板電腦 手機

依形態不同分為兩類製程

Page 9: 出版流程數位化建置 - reading.udn.comreading.udn.com/co/course/0831-1.pdf · 我是誰?! 何冠慧 ! 加州州立大學大傳與新聞碩士 ! 服務過出版社及網路公司

今天的分享

!  上半場

一場以內容為核心進行轉製的實驗

!  下半場

一場以ipad為標的進行開發的實作

Page 10: 出版流程數位化建置 - reading.udn.comreading.udn.com/co/course/0831-1.pdf · 我是誰?! 何冠慧 ! 加州州立大學大傳與新聞碩士 ! 服務過出版社及網路公司

!  相同內容進行跨媒體出版的概念

!  從前端寫稿、編輯到後端設計、製作都能具備嚴僅的資料結構,並能彈性應用於各類數位出版品

以內容為核心進行轉製

pc 網頁

閱讀器

行動載具

資料庫型式

內容可流動的 電子書格式

內容

Page 11: 出版流程數位化建置 - reading.udn.comreading.udn.com/co/course/0831-1.pdf · 我是誰?! 何冠慧 ! 加州州立大學大傳與新聞碩士 ! 服務過出版社及網路公司

建構合於康軒的數位編輯流程

縮短文、美編溝通時間及成本

嘗試建立康軒文件標籤(Tag), 為數位出版品做好資料準備

展開實驗的核心價值

開源 與 節流

Page 12: 出版流程數位化建置 - reading.udn.comreading.udn.com/co/course/0831-1.pdf · 我是誰?! 何冠慧 ! 加州州立大學大傳與新聞碩士 ! 服務過出版社及網路公司

美編製作

數位出版

讀者 文編整稿

一直存在的困難

!  斷點一:文編整稿與美編製作之間

!  斷點二:美編製作與數位出版之間

斷點一

斷點二

Page 13: 出版流程數位化建置 - reading.udn.comreading.udn.com/co/course/0831-1.pdf · 我是誰?! 何冠慧 ! 加州州立大學大傳與新聞碩士 ! 服務過出版社及網路公司

Word 文字編輯工具 Word InDesign

txt txt

數位編輯流程的第一個斷點

!  未對內容進行結構化的解釋

!  文美編之間的語言差異

Page 14: 出版流程數位化建置 - reading.udn.comreading.udn.com/co/course/0831-1.pdf · 我是誰?! 何冠慧 ! 加州州立大學大傳與新聞碩士 ! 服務過出版社及網路公司

標題

內文

插圖

圖說

刊物內容的結構化

Page 15: 出版流程數位化建置 - reading.udn.comreading.udn.com/co/course/0831-1.pdf · 我是誰?! 何冠慧 ! 加州州立大學大傳與新聞碩士 ! 服務過出版社及網路公司

內容結構化的三大要項

1

編輯必須正確清楚描述刊物內容結構與樣式,並維持整本書邏輯架構一致性

3

文美編須確認最終標籤 (tag)種類及數量,並製定文件格式(DTD)

2

可利用Word與InDesign樣式功能產生結構化標記

Page 16: 出版流程數位化建置 - reading.udn.comreading.udn.com/co/course/0831-1.pdf · 我是誰?! 何冠慧 ! 加州州立大學大傳與新聞碩士 ! 服務過出版社及網路公司

InDesign PDF 數位產品

加值

數位編輯流程的第二個斷點

!  所有內容必須重製

Page 17: 出版流程數位化建置 - reading.udn.comreading.udn.com/co/course/0831-1.pdf · 我是誰?! 何冠慧 ! 加州州立大學大傳與新聞碩士 ! 服務過出版社及網路公司

1

將視覺導向的樣式轉換為資料結構

3

對應未來出版的無限可能性

2

針對資料結構重新定義數位出版品外觀(如CSS)

結構化內容的再應用

Page 18: 出版流程數位化建置 - reading.udn.comreading.udn.com/co/course/0831-1.pdf · 我是誰?! 何冠慧 ! 加州州立大學大傳與新聞碩士 ! 服務過出版社及網路公司

數位編輯流程的專案核心

Page 19: 出版流程數位化建置 - reading.udn.comreading.udn.com/co/course/0831-1.pdf · 我是誰?! 何冠慧 ! 加州州立大學大傳與新聞碩士 ! 服務過出版社及網路公司

展開的實驗是這樣的

!  內部稱之為數位編輯流程專案, 期望在進稿及編輯流程中嵌入XML標籤

Page 20: 出版流程數位化建置 - reading.udn.comreading.udn.com/co/course/0831-1.pdf · 我是誰?! 何冠慧 ! 加州州立大學大傳與新聞碩士 ! 服務過出版社及網路公司

文本結構分析

!  選定98年度國中小出版品,依據成書內容分析現有的結構

!  建立對照表,除了縱向分析(同一單元內所需要的樣式層級),並進行橫向分析(跨單元的比對)

!  選擇不同領域但同一系統品項,對照分析出的樣式層級是否適用

Page 21: 出版流程數位化建置 - reading.udn.comreading.udn.com/co/course/0831-1.pdf · 我是誰?! 何冠慧 ! 加州州立大學大傳與新聞碩士 ! 服務過出版社及網路公司

標的物選擇

!  多樣性、具發展、版型結構需求嚴謹

!  依上述原則,本專案優先以參考書及試題類產品進行測試

Page 22: 出版流程數位化建置 - reading.udn.comreading.udn.com/co/course/0831-1.pdf · 我是誰?! 何冠慧 ! 加州州立大學大傳與新聞碩士 ! 服務過出版社及網路公司
Page 23: 出版流程數位化建置 - reading.udn.comreading.udn.com/co/course/0831-1.pdf · 我是誰?! 何冠慧 ! 加州州立大學大傳與新聞碩士 ! 服務過出版社及網路公司

Word 與InDesign 間樣式對應相關問題

Word 樣式設定注意事項

InDesign樣式設定注意事項

文件結構先於文件外觀

!  透過樣式設定以順利銜接Word與InDesign之間編輯流程

Page 24: 出版流程數位化建置 - reading.udn.comreading.udn.com/co/course/0831-1.pdf · 我是誰?! 何冠慧 ! 加州州立大學大傳與新聞碩士 ! 服務過出版社及網路公司

段落樣式

字元樣式

自訂樣式

段落樣式

字元樣式

優先選項

Word樣式結構 InDesig樣式結構

WORD與ID對應相關問題

Page 25: 出版流程數位化建置 - reading.udn.comreading.udn.com/co/course/0831-1.pdf · 我是誰?! 何冠慧 ! 加州州立大學大傳與新聞碩士 ! 服務過出版社及網路公司

段落設定

WORD樣式設定注意事項

Page 26: 出版流程數位化建置 - reading.udn.comreading.udn.com/co/course/0831-1.pdf · 我是誰?! 何冠慧 ! 加州州立大學大傳與新聞碩士 ! 服務過出版社及網路公司

字元設定

WORD樣式設定注意事項

Page 27: 出版流程數位化建置 - reading.udn.comreading.udn.com/co/course/0831-1.pdf · 我是誰?! 何冠慧 ! 加州州立大學大傳與新聞碩士 ! 服務過出版社及網路公司

InDesign樣式設定注意事項

Page 28: 出版流程數位化建置 - reading.udn.comreading.udn.com/co/course/0831-1.pdf · 我是誰?! 何冠慧 ! 加州州立大學大傳與新聞碩士 ! 服務過出版社及網路公司

內容

結構

外觀

經編輯、整理的正確內容

Word,InDesign賦予的外觀樣式

內容元件再利用

XML結構化文件

CSS重訂內容樣式

紙本出版 結構定義與轉換 數位出版

以內容為核心定義結構

Page 29: 出版流程數位化建置 - reading.udn.comreading.udn.com/co/course/0831-1.pdf · 我是誰?! 何冠慧 ! 加州州立大學大傳與新聞碩士 ! 服務過出版社及網路公司

數位產品

css

內容

這是標題 </h1> <h1>

h1 {40pt; 紅色}

這是標題

以內容為核心再應用

Page 30: 出版流程數位化建置 - reading.udn.comreading.udn.com/co/course/0831-1.pdf · 我是誰?! 何冠慧 ! 加州州立大學大傳與新聞碩士 ! 服務過出版社及網路公司

xml+css

將外觀樣式轉換為資料結構

定義外觀樣式

行銷計畫

匯出xml及定義CSS資料再利用

利用DTD將InDesign樣式轉換至xml

透過編輯會議及版型設計 定義樣式結構

實體與虛擬出版的行銷計畫

內容轉製的數位編輯流程

Page 31: 出版流程數位化建置 - reading.udn.comreading.udn.com/co/course/0831-1.pdf · 我是誰?! 何冠慧 ! 加州州立大學大傳與新聞碩士 ! 服務過出版社及網路公司

結果

!  編輯夥伴再度擁抱word

!  注音字(破音字)、數學符號與方程式、化學式等問題尚待克服

!  維持既有圖片進稿方式

但流程是通的

Page 32: 出版流程數位化建置 - reading.udn.comreading.udn.com/co/course/0831-1.pdf · 我是誰?! 何冠慧 ! 加州州立大學大傳與新聞碩士 ! 服務過出版社及網路公司

demo

休息

Page 33: 出版流程數位化建置 - reading.udn.comreading.udn.com/co/course/0831-1.pdf · 我是誰?! 何冠慧 ! 加州州立大學大傳與新聞碩士 ! 服務過出版社及網路公司

下半場開始

Page 34: 出版流程數位化建置 - reading.udn.comreading.udn.com/co/course/0831-1.pdf · 我是誰?! 何冠慧 ! 加州州立大學大傳與新聞碩士 ! 服務過出版社及網路公司

事情的開端

!  PC時代進化到智慧型行動裝置

!  大家都在談EP同步

!  iPad來了;Wired紅了

!  別人的書架上不明顯,自己書架好些?

!  營編整合,嘗試新市場

Page 35: 出版流程數位化建置 - reading.udn.comreading.udn.com/co/course/0831-1.pdf · 我是誰?! 何冠慧 ! 加州州立大學大傳與新聞碩士 ! 服務過出版社及網路公司

發布

元件聚合

素材製作與準備

行銷計畫

製作完成 封裝與發布

租用平台(委外) 進行編輯與整合

圖文影音互動元素 同時進行

實體與虛擬出版的行銷計畫

新品開發的數位編輯流程

Page 36: 出版流程數位化建置 - reading.udn.comreading.udn.com/co/course/0831-1.pdf · 我是誰?! 何冠慧 ! 加州州立大學大傳與新聞碩士 ! 服務過出版社及網路公司

以內容為核心再應用

聲音模組 影片模組 瀏覽模組 投影片模組 連結模組 360度模組 互動模組

Page 37: 出版流程數位化建置 - reading.udn.comreading.udn.com/co/course/0831-1.pdf · 我是誰?! 何冠慧 ! 加州州立大學大傳與新聞碩士 ! 服務過出版社及網路公司

模組單-加值規劃範例

Page 38: 出版流程數位化建置 - reading.udn.comreading.udn.com/co/course/0831-1.pdf · 我是誰?! 何冠慧 ! 加州州立大學大傳與新聞碩士 ! 服務過出版社及網路公司

落版單

!  書籍的基本資料:標題、封面圖片、價格等資訊

!  直版及橫版落版:提供各頁面的頁面編號、檔案名稱、互動與否等資訊

Page 39: 出版流程數位化建置 - reading.udn.comreading.udn.com/co/course/0831-1.pdf · 我是誰?! 何冠慧 ! 加州州立大學大傳與新聞碩士 ! 服務過出版社及網路公司

教育+出版

!  不想也不應該侷限在載體上,而是希望內容能多樣發展,作最有價的應用

透過出版行為,產出符合教學者為 達教學目的所使用的出版品,

Page 40: 出版流程數位化建置 - reading.udn.comreading.udn.com/co/course/0831-1.pdf · 我是誰?! 何冠慧 ! 加州州立大學大傳與新聞碩士 ! 服務過出版社及網路公司

教育+出版+數位

透過出版行為,產出符合教學者為 達教學目的所使用的出版品,

Page 41: 出版流程數位化建置 - reading.udn.comreading.udn.com/co/course/0831-1.pdf · 我是誰?! 何冠慧 ! 加州州立大學大傳與新聞碩士 ! 服務過出版社及網路公司

產品發展藍圖

Page 42: 出版流程數位化建置 - reading.udn.comreading.udn.com/co/course/0831-1.pdf · 我是誰?! 何冠慧 ! 加州州立大學大傳與新聞碩士 ! 服務過出版社及網路公司

努力方向

!  確認階段性發展品項

!  追蹤技術(平台、工具、儲存等方案)

!  持續進行不同的流程改造

!  強化人員數位編輯能力

!  強化數位版權管理

Page 43: 出版流程數位化建置 - reading.udn.comreading.udn.com/co/course/0831-1.pdf · 我是誰?! 何冠慧 ! 加州州立大學大傳與新聞碩士 ! 服務過出版社及網路公司

感謝聆聽

歡迎下載TOP 945 APP

來信交流 冠慧:Kuan0608@gmail.com

震中:[email protected]