世新大學．電子書平台 初階練習 (Part 1) 教學卓越中心 2013/01/23 ( 三 ) 2013/01/24 ( 四 ) 練習 & 素材檔： 網站首頁左下角「友善連結」處 網站首頁 1

大綱 平台簡介 登入／帳號 書本基本設定 練習 (1) ：圖檔 練習 (1) ：圖檔 練習 (2) ： PowerPoint 轉 PDF 練習 (2) ： PowerPoint 轉 PDF 練習 (3) ：平台的多媒體功能 練習 (3) ：平台的多媒體功能 2 本簡報適用於 1/23 、 1/24 的教 育訓練 ， 與「 練習檔 」相搭配。 單獨觀看無法得到相當之理解。

Finder 官網，有教學專區 Finder 官網  官網「操作教學手冊」有較詳細之說明  ▫ 註：官網手冊為「商務版」，本校所購為「多媒體版」 3

本平台的書，長這樣： 只要放入「內容」， 「介面」交給平台 … ▫ 使用者  翻頁  自動播放  縮圖預覽  搜尋  作筆記  與作者聯絡  … ▫ 作者  流量分析  書本瀏覽次數  看多久  何時多少人看  哪頁被看幾次  … 4 介面介面 介面介面 介面 ：翻頁

特色 瀏覽器線上直接觀看，無須下載 ▫ 上平台直接觀看 ▫ 可引用網址 ( 例： 寄出 ) ▫ 可將書本嵌入網頁 ( 例：系網 ) 為 Flash (swf 檔 )  因此， i 系列無法觀看  本校 i 系列行動平台方案洽談中 ( 跨頁時 ) 觀看方式有時有點小討厭 ~ 5

遇空白頁時，請稍等一下 翻很快，遇空白頁時，請稍等一下，馬上就會出現了 ▫ 因平台每次約下載 10 頁 6

其他平台、工具比較 電子書平台： issuu ▫ 例：【澤澤稱奇】 (by: 數媒系學生 ) iBooks Author ( 免費編輯工具 ) ▫ Apple 推出「電子教科書」平台 Apple 推出「電子教科書」平台 下載式 ▫ 本校圖書館的電子書 本校圖書館的電子書 ▫ 歷史博物館，賞心悅目 “ 電子書 “ 歷史博物館，賞心悅目 “ 電子書 “ 7

這兩項，請洽平台管理者 建帳號 ▫ 請參閱：帳號申請公告帳號申請公告 刪書 8

全校帳號數 現階段只有 250 本 ▫ 因此，帳號目前只提供給單位，不提供給個人 現階段每教學單位 5 本 （行政單位也可申請，但酌減）  每本 ( 多媒體版 ) 每年上架費：市價 $23,000  5 本每年價值： 11 萬 5 千 各單位自行支配所擁有的額度 ▫ 系所簡介、研討會／活動快報 … ▫ 教師特色教材、學生作品 … 9

所幸，每本書，無 頁數限制！ 廠商官網實例連結：  【威力導演 11 】 （ 282 頁，不含封面 ）   【暨南大學．學生手冊】 （ 156 頁，不含封面及封底）  本校公告，頁面擷圖舉例：  電子書應用舉例： (1) 【暨南大學．學生手冊】 電子書應用舉例： (1) 【暨南大學．學生手冊】  電子書應用舉例： (2) 【軟體教學：威力導演 11 】 電子書應用舉例： (2) 【軟體教學：威力導演 11 】 10

登入 ( 進行編修 ) 1. 登入 2. 編書 2. 改密碼 3. 縮回如上 11

登入 帳號 ▫ 目前最少要 4 碼  已向廠商表達要取消 4 碼限 制，但不知何時會修改。 注意： ▫ 帳號一經建立，無法更名 ▫ 帳號下已建之內容，無法移轉 ▫ 因此，慎重決定帳號名稱 密碼 ▫ 建議不要與 cc ( 單位信箱 ) 密碼相同 本校所購額度 不足全校師生同仁使用 可上原廠網站，申請試用帳號： 限制： 每 帳號可申請一本 試用 30 天 每頁正中央會被打上原廠的浮水印 本校所購額度 不足全校師生同仁使用 可上原廠網站，申請試用帳號： 限制： 每 帳號可申請一本 試用 30 天 每頁正中央會被打上原廠的浮水印 12 參見公告： 本校「電子書平台」，請提供 貴單位 擬使用的「帳號」名稱 pus_source_ebook_account.htm 本校「電子書平台」，請提供 貴單位 擬使用的「帳號」名稱 pus_source_ebook_account.htm

新增電子刊物 先建立一本書 之後就可以上傳頁面了 13 新增電子刊物

書本基本設定 (1) 書名 作者 該書的信箱，與帳號 不同 電子信箱 ▫ 要與作者聯絡的信箱 分類 ▫ 院系所 … 基本介紹 ▫ 非必要，但建議提供

[ 簡易式 ] 內容  上傳  發佈 本機準備：內容 ( 這才是要花心力的地方 ) 平台使用：上傳、發佈 內容（即：頁面） ▫ 圖檔 ▫PDF  Powerpoint 轉 PDF ▫ 很簡單  其他 轉 PDF  Word  Indesign  Illustrator ▫ 較專業，可以比較好看 新增電子刊物 ▫ 書本基本設定 上傳 ▫ 多頁  建議使用 ▫ 單一頁面  不得已而為之 發佈觀看 ▫ 全世界立刻都可以看到了！ 15

提醒：內容 基本上，本校電子書是「上架」公開的， 因此： ▫ 不要觸犯「版權」 ▫ 不要洩漏「個資」  本校電子書現階段只有〝 250 本〞，額度很 吃緊，雖然也能鎖密碼，但請以能公開的內容 優先。 16

【架構／跨頁】 封面．內內內內頁．封底 封面封底 封面封底 平台頁碼的算法： 「封面」打開後起算，內頁均為「左、右」呈現。 「奇」數頁碼在「左」， 「偶」數在「右」 ( 與 Word 不同。 ) 左右頁的內容要對應時，自己可以先這樣排 17 為了方便計算頁面，可先將「封面」移後。

練習 (1) ：圖檔 適用： 活動、 研討會成果照片 18

當天照片直接上傳，結果馬上呈現 … 【例】保釣 2012/09/25 19

練習：上傳多頁 20

練習：排序 ▫ 選 ( 呈現綠底 )  可同時多張  Ctrl  Shift ▫ 按住 ( 滑鼠左鍵 )  拖動 21 按，拖

「封面」頁舉足輕重！ 「封面」頁的大小、長寬比例， 影響整部書 的版面 ！ 不管哪張 被排序到「 封面 」位置， 版面就以它為準！ ▫ 照片大小不一時，請特別注意！ 22 封面

練習 新增 ▫ 新增 / 上傳多頁  適合多頁時  上傳後先被排在最後面， 之後再自己排序。 ▫ 新增單一頁面  可先指定排在第幾頁 刪除 23 「全選」後 「送出」， 所有頁面就刪光了，只剩書殼。 勾選

練習：單頁／跨頁 預設為「單頁」 若選「跨頁」  編輯時看不出效果  打開書，且放大時， 才知道怎麼回事 ▫ 不熟悉時， 建議少用 適用情況  直式照片：宜單  橫式照片：可跨 名稱取得不理想， 這是本平台很讓人混淆的地方 ~ 逐批設定 2. 只設定此頁

圖檔〝跨頁〞的意思？ 25 游標移到畫面上按一下， 就會看到如下張投影片的跨頁效果。

〝跨頁〞放大後才會呈現效果 26

注意事項 方向宜儘量一致 ▫ 例：直式為主 解析度不要太低 ▫ 相機拍的較好，但有可能太大  例： 4000x3000 ▫ 手機拍的可能太小、模糊、光線不好 ▫ 從網頁抓下來的，可能解析度很差、麻點  例： 600x450 27

書本基本設定 (2) 閱讀權限 ▫ 無權限設定  預設值  就是「公開」的意思啦 ~ ▫ 需輸入密碼  呈核主管時，可先這樣 … 28 需輸入密碼的結果

書本基本設定 (3) Logo ： ▫ 不改，就預設值，如右圖 若想換： ▫ 尺寸： 300 x 43 像素 ▫ 格式：  建議： png ▫ 透明背景，如右 3 圖  也可： jpg 、 gif 29 PNG (24) 有透明時， 適合任何背景色：

書本基本設定 (4) 背景音樂 ▫ 貫穿整本書  書裡很多影片檔時， 不建議有背景音樂 ▫ 瀏覽時可按右上角關掉 翻頁方向 ▫ 向左翻  預設 ▫ 向右翻  適合中文直書 30

練習 (2) ： PowerPoint 最後要轉存 pdf 檔 選〝多頁〞方式上傳 31

使用 PowerPoint 的好處？ 32

[2007] ：版面 「直式」較能善用螢幕空間 ▫ 設計  投影片方向  直式 大小 ▫ 版面設定 ▫ 預設： 960x720 像素 (4:3)  有點小，可大些  不一定要 4:3 的比例 還沒放內容前就先決定 ▫ 避免之後變形 封面封底

ppt / pptx ：存成 PDF 另存新檔  PDF ▫ 選項： PDF （ A / E/ X ? ） ▫ 文字仍為文字  放大仍很清楚 ▫ 可保留對外 (http) 的超連結  投影片本身的連結則失效 另存新檔  PNG ▫ 圖檔  放大會變糊  所以一開始「版面」的 寬高要設大些。 。 34 別忘了 ppt/ pptx 也要儲存， 以方便日後要修改。 若是工讀生製作的， 別忘了請他們留下 ppt 檔！

提醒 35

上傳 PDF  頁數多時，要有耐心等它上傳完畢， 不要亂按其它選項 …  平台會把 PDF 檔拆出一個個的頁面，複雜的內容會比較慢 。 36 還在上傳中 … 【 3. 】還灰灰的， 這時不要到處亂按 … 平台 每次處理 20 頁 。 這個 PDF 檔頁數很多 (107 頁 ) ， 可看進度 ( 目前在處理第 頁 ) 。 【 3. 】變黑了，這時就可先睹為快了！

PPT 的「相簿」功能 ▫ 以照片為主，且有大批照片，並要加上文字說明時 ~ 37

PPT 的「相簿」功能 插入  「新增相簿」 ▫ 先任選一張圖，建立相簿  這時會另建立一個新檔 改成直式版面 ▫ 設計  投影片方向  直式  電子書較適合直式頁面 ▫ 刪掉含有剛那張圖的投影片 再「插入  編輯相簿」 ▫ 重選圖檔 圖片配置 ▫ 先選「調整至投影片大小」  這樣可保留照片較佳品質 ▫ 再重新進入「編輯相簿」，改成「一張有標題的圖片」  這樣就有輸入文字的框了 38

PPT 的「相簿」功能 ▫ 「相簿」很快地產生了，這時就可補上文字說明 … 39

練習 (3) ： 平台的多媒體功能 40

多媒體 哪頁要「編輯多媒體」，就點它  點選後，會另迸出「對話框」 ( 見下張投影片 ) 41 編輯多媒體

多媒體：設定框 (1) 預設圖示 (6 種 ) 連結 影片 圖片 聲音 地圖 文字 42

多媒體：設定框 (2) 預設圖示 (6 種 ) 連結 影片 ▫ 建議使用 Youtube 連結 圖片 聲音 地圖 文字 43

多媒體：練習 (1) 影片  Youtube ▫ 我有一個夢想 （馬丁‧路德‧金恩）  精彩片段：  全文： ▫ 採紅菱 (Lady Gaga 版 )  聲音 ▫mp3  （素材夾） ▫ 應用  音樂欣賞、朗讀、聽力測驗 44

多媒體：影片 建議： ▫ 使用 Powerpoint 進行編排 時，建議：  將要放影片的框拉出來 （大小、位置），以方便 在平台上進行對位。  這個框不要全黑，不然 在平台上很不容易看到。  打上網址 ▫ 如此能儘量在本機檔案留有 資料。 45 Powerpoint

多媒體：練習 (2) 地圖 地圖 ▫ 地址：點選後，會連向 google map  校本部  台北市木柵路一段 17 巷 1 號  立報  新北市新店區復興路 43 號 1 樓  深坑世新會館  新北市深坑區深南路 21 號  上海世新进修学院  上海市复兴中路 369 号 46

多媒體：練習 (3) 超連結 超連結 (2 種 ) ▫ 鏈結網址 (  校網 ▫ ▫  維基百科：世新大學 wiki/%E4%B8%96%E6%96%B0%E5%A4%A7%E5%AD%B8 wiki/%E4%B8%96%E6%96%B0%E5%A4%A7%E5%AD%B8  文建會 ( 文化部 ) 兒童繪本 (Flash 說故事 ) 西雅圖酋長的宣言 ▫ ▫ 書本跳頁  可用來作「目錄頁」 47 書本跳頁鏈結網址 在此框輸入頁碼 指這裡的頁碼

「多媒體」素材管理 圖片 ▫ Gif 動畫 ▫ Flash 動畫 (swf) 2012 Finder 全國大專盃電子書創作大賽 【嫁妝】的「目錄」選單， 使用 動畫 ( 玄奘大學，饒志威、黨家榛同學 )

祝 精采！ 您，就是線上出版大師 ~ 49 Part 2 教育訓練，歡迎參加！ （版面、 去背、美化、 … ）