數位科技

「933樂活網」友善設計功能大公開

「933樂活網」友善設計功能大公開
  • 節目時間
  • 節目名稱Elin哇哇哇
恭喜933樂活網入圍網路金手指獎!感謝聽眾朋友對於933樂活網的使用回饋,讓我們有機會將933樂活網優化成最友善的數位平台,今天邀請到933樂活網的技術團隊代表,跟大家分享933樂活網的友善功能設計概念!


大家最有感的網站設計是甚麼呢?除了933樂活網開發團隊提出的瀏覽速度、網站架構、搜尋功能之外,親愛的網友們有沒有甚麼其他的使用經驗可以分享呢?
歡迎在下方留言,933樂活網的技術團隊會聽取大家的意見,設計出最符合大家使用需求的網站。
 

933樂活網入圍「網路金手指獎─最佳使用者介面項」平台設計概念

一、定位與商業概念
奠基在FM93.3雲嘉電台,「用聽的網頁─933樂活網」數位廣播平台為現代人的數位生活習慣量身規劃,將實體廣播轉換為多種載具皆可播放廣播內容的數位平台;不同於線上收聽或電台APP,過往節目隨選隨聽及節目內容文字化的建立,更符合興趣導向及社群分享的使用習慣。整合虛(資訊)實(產品)分享的服務是933樂活網著重的發展項目。
 
二、動線設計,互動功能,友善介面 
一目瞭然的版面設計:所有單元內容均使用塊狀的圖文編排設計,簡潔的排版、直覺式的動線操作、明顯的搜尋功能設置,瀏覽、操作網站零障礙。
關聯資訊串聯:音檔及文字化內容整合頁面,從何一個單元進入內容皆能收聽節目或閱覽節目內容/產品介紹文章。
視覺無障礙設計:網頁設計符合視覺障礙者使用,開啟載具視覺障礙輔助功能,視覺障礙者即可輕鬆瀏覽、使用網站服務。
隨選隨聽的收聽段落選擇功能:解決重啟頁面即會重啟音檔,必須從頭開始聽的問題,音檔段落搭配文章段落,點擊文章段落,音檔即會從該段落開始播放。
廣播收聽群眾年齡層偏高,因此網站設計時盡量以流程簡易,讓聽眾可以使用多維度找尋到想聽的節目。 

三、內容特色 
開啟網頁即可收聽直播節目。
節目回顧可隨選隨聽。
搭配音檔,節目內容文字化,分享及搜尋的便利性大提升。
串接社群平台,線上互動更即時。 

四、技術整合與運用表現
1.   平台系統採用Java Spring framework開發,搭配Hibernate連結資料庫,俱備強大系統擴充性.
2.   系統採用RWD開發,適用於多平台多載具,減少用戶完成目標所需執行的操作,打造更加流暢的交互體驗。
3.   獨立的數位廣播排播系統建置,可在平台上編排直播節目,輕鬆建立多頻道Channel廣播系統。
4.   由於需要多種平台上播放音檔,因此建置了Real-time Transcoding系統,讓即時數位廣播音源,無時差轉換格式達到可以在 桌上型電腦、Android、Iphone 多種平台上即時播放,行動裝置IOS與Android是採用HLS通訊協定與m3u8格式來傳輸音源,桌上型電腦則採用RTMP通訊協定與flv格式,各平台的音訊格式則統一轉換成aac格式。

五、創新性
1.     由於廣播音檔無法搜尋與聲音段落定位,因此每一個廣播音檔上稿時,後台系統皆提供節目文檔上稿與聲音檔段落定位,方便使用者可以快速搜尋,收聽單一節目中斷時可以迅速找尋到當初最後聽到的段落。
2.     有一些廣播節目是有販售內容CD,這些節目在直播時不會產生問題,但用於隨選隨播時就需要去避免使用者可以直接下載音檔,系統開發時所有非直播的音檔皆加入保護,防止使用者可以借由播放平台下載音檔,所有隨選隨播連結皆透過加系統密保護,不會曝露真實音檔連結位置,隨選隨播URL連結在兩分鐘內會隨機更改,就的URL就會自動廢止使用,達到節目音檔DRM的保護。
3.     單一音源即時多重格式轉換,讓使用者可以藉由各種平台,隨時隨地透過網路輕鬆的收聽網路廣播節目。







 
  • 分享文章給朋友:
  • 分享到FaceBook
  • 列印
  • 轉寄

收聽當集節目

樂活文章數位科技

「933樂活網」友善設計功能大公開

「933樂活網」友善設計功能大公開圖片
  • 節目時間2015-12-04(五) 09點
  • 節目名稱Elin哇哇哇
恭喜933樂活網入圍網路金手指獎!感謝聽眾朋友對於933樂活網的使用回饋,讓我們有機會將933樂活網優化成最友善的數位平台,今天邀請到933樂活網的技術團隊代表,跟大家分享933樂活網的友善功能設計概念!


大家最有感的網站設計是甚麼呢?除了933樂活網開發團隊提出的瀏覽速度、網站架構、搜尋功能之外,親愛的網友們有沒有甚麼其他的使用經驗可以分享呢?
歡迎在下方留言,933樂活網的技術團隊會聽取大家的意見,設計出最符合大家使用需求的網站。
 

933樂活網入圍「網路金手指獎─最佳使用者介面項」平台設計概念

一、定位與商業概念
奠基在FM93.3雲嘉電台,「用聽的網頁─933樂活網」數位廣播平台為現代人的數位生活習慣量身規劃,將實體廣播轉換為多種載具皆可播放廣播內容的數位平台;不同於線上收聽或電台APP,過往節目隨選隨聽及節目內容文字化的建立,更符合興趣導向及社群分享的使用習慣。整合虛(資訊)實(產品)分享的服務是933樂活網著重的發展項目。
 
二、動線設計,互動功能,友善介面 
一目瞭然的版面設計:所有單元內容均使用塊狀的圖文編排設計,簡潔的排版、直覺式的動線操作、明顯的搜尋功能設置,瀏覽、操作網站零障礙。
關聯資訊串聯:音檔及文字化內容整合頁面,從何一個單元進入內容皆能收聽節目或閱覽節目內容/產品介紹文章。
視覺無障礙設計:網頁設計符合視覺障礙者使用,開啟載具視覺障礙輔助功能,視覺障礙者即可輕鬆瀏覽、使用網站服務。
隨選隨聽的收聽段落選擇功能:解決重啟頁面即會重啟音檔,必須從頭開始聽的問題,音檔段落搭配文章段落,點擊文章段落,音檔即會從該段落開始播放。
廣播收聽群眾年齡層偏高,因此網站設計時盡量以流程簡易,讓聽眾可以使用多維度找尋到想聽的節目。 

三、內容特色 
開啟網頁即可收聽直播節目。
節目回顧可隨選隨聽。
搭配音檔,節目內容文字化,分享及搜尋的便利性大提升。
串接社群平台,線上互動更即時。 

四、技術整合與運用表現
1.   平台系統採用Java Spring framework開發,搭配Hibernate連結資料庫,俱備強大系統擴充性.
2.   系統採用RWD開發,適用於多平台多載具,減少用戶完成目標所需執行的操作,打造更加流暢的交互體驗。
3.   獨立的數位廣播排播系統建置,可在平台上編排直播節目,輕鬆建立多頻道Channel廣播系統。
4.   由於需要多種平台上播放音檔,因此建置了Real-time Transcoding系統,讓即時數位廣播音源,無時差轉換格式達到可以在 桌上型電腦、Android、Iphone 多種平台上即時播放,行動裝置IOS與Android是採用HLS通訊協定與m3u8格式來傳輸音源,桌上型電腦則採用RTMP通訊協定與flv格式,各平台的音訊格式則統一轉換成aac格式。

五、創新性
1.     由於廣播音檔無法搜尋與聲音段落定位,因此每一個廣播音檔上稿時,後台系統皆提供節目文檔上稿與聲音檔段落定位,方便使用者可以快速搜尋,收聽單一節目中斷時可以迅速找尋到當初最後聽到的段落。
2.     有一些廣播節目是有販售內容CD,這些節目在直播時不會產生問題,但用於隨選隨播時就需要去避免使用者可以直接下載音檔,系統開發時所有非直播的音檔皆加入保護,防止使用者可以借由播放平台下載音檔,所有隨選隨播連結皆透過加系統密保護,不會曝露真實音檔連結位置,隨選隨播URL連結在兩分鐘內會隨機更改,就的URL就會自動廢止使用,達到節目音檔DRM的保護。
3.     單一音源即時多重格式轉換,讓使用者可以藉由各種平台,隨時隨地透過網路輕鬆的收聽網路廣播節目。