為何改版 思考策略 執行重點 包含幾個思考點 Check Point 1：影音來源一站提供 Check Point 2：一個網址(vod.pts.org.tw)，千種變化 Check Point 3：挖出我們還沒發現的客層 Check Point 4：引進Opensource內容管理系統 預計2014年底，2015年初營運，我好愛wordpress啊啊啊啊啊 另外這次是用遠振主機，希望有不錯的效果

1. Tv everywhere
公共電視影音網前端工程報告
新媒體部互動媒體組

2. • 為何改版
• 思考策略
• 執行重點

4. 為何改版 1 ：影音對非 IE 用戶不友善

5. 為何改版 2 ：原有頁面已不符合手機 / 平版收看
電腦版 手機版

6. 為何改版 3 ：影音存放 / 播放平台， 2015 改變經營
者
數據分公司 北區分公司
2015 年第一季
改變經營者
Hichannel 中華影視
對公視合作方式未明

7. 思考點：好的設計，數據會 話說
2014 年 1 月公視首頁導入 RWD 技術
相較 2013 年觀 成長眾 73%

8. 思考點：目前最穩定的影音存放 / 播放平台

9. 參與製播會議 排檔側錄 VOD 上下架 宣傳 / 分
析
思考點：不只是改版，而是系統性的協同工作流程

10. 如何將公視首
頁的 RWD 經驗
複製過來
如何讓影音達
到最佳擴散效
果
如何 生收益產
網站管理：如何
前後台整合
思考策略

11. TV everywhere

12. Check Point 1 ：影音來源一站提供

13. Check Point 2 ：一個網址 (vod.pts.org.tw) ，千種變
化
Responsive Web Design 工程應用

14. Check Point 3 ： 出我們還沒發現的客層挖
Google analytics 數據分析：以公視首頁為例

15. Check Point 4 ：引進 Opensource 容管理系統內
•前後台功能模組化
•模版可快速 RWD
•第三方外掛 (email 、社群分享 ) 成熟

16. 資訊架構
視覺設計
前台
RWD 製作
CSS 設計
後台
資料庫規劃設定
網站模組建置
WP 系統導入 虛擬主機環境建立
上線測試
系統上線
7 月 8 月 9 月 10 月 12 月
執行時程

17. 電腦版面

18. 平版 (Tablet PC) 版面
首頁
節目、影音列表 播放頁

19. HTC 、 Sony 、 SAMSUN
G 、 LG… 全支援
Android 系統
iOS6~iOS8 全支援
iOS 系統
Mobile ( 手機 ) 版面

20. 影音網下一 ：網路行銷與策展步
• 公視影音網 APP
• 網路 ( 直 ) 排播服務
• 精確行銷 (E-mail)
• 網路社群關係黏度提昇 (FB 專頁 )
• 公視網站全面模組化 ( 新聞網 )

21. Q & A
新媒體部互動媒體組
謝宜紘 ( 阿醜 )