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

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

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

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

電腦版 手機版

為何改版 3：影音存放 /播放平台， 2015改變經營者

數據分公司 北區分公司

2015年第一季改變經營者

Hichannel 中華影視

對公視合作方式未明

思考點：好的設計，數據會 話說

2014年 1月公視首頁導入RWD技術相較2013年觀 成長眾 73%

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

參與製播會議 排檔側錄 VOD上下架 宣傳 /分析

思考點：不只是改版，而是系統性的協同工作流程

如何將公視首頁的 RWD 經驗複製過來

如何讓影音達到最佳擴散效果

如何 生收益產

網站管理：如何前後台整合

思考策略

TV everywhere

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

Check Point 2：一個網址 (vod.pts.org.tw)，千種變 化

Responsive Web Design工程應用

Check Point 3 ： 出我們還沒發現的客層挖

Google analytics 數據分析：以公視首頁為例

Check Point 4 ：引進 Opensource 容管理系統內

•前後台功能模組化•模版可快速 RWD•第三方外掛 (email 、社群分享 ) 成熟

資訊架構視覺設計

前台RWD製作CSS設計

後台資料庫規劃設定網站模組建置

WP系統導入 虛擬主機環境建立上線測試系統上線

7月 8月 9月 10月 12月

執行時程

電腦版面

平版 (Tablet PC) 版面

首頁 節目、影音列表

`

播放頁

HTC 、 Sony 、 SAMSUNG 、 LG… 全支援

Android 系統iOS6~iOS8 全支援

iOS系統

Mobile ( 手機 ) 版面

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

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