新媒體互動平臺設計與實現

王燕清，李 程，鄭昕曄

（北京電視臺信息網絡管理部，北京 100022）

新媒體互動平臺設計與實現

王燕清，李 程，鄭昕曄

（北京電視臺信息網絡管理部，北京 100022）

本文以北京電視臺新媒體現場互動系統為案例，詳細介紹了電視臺報名、投票、抽獎為基礎的互動方案設計思路和技術方案，并結合當下熱門的Wi-Fi等技術，為互聯網化下的電視臺互動系統建設提供了一種新型的建設思路。

新媒體互動平臺；微信互動

1 引言

隨著互聯網視頻網站的崛起，傳統電視臺觀眾人群被嚴重分流，收視率急劇下降。與互聯網視頻網站顯示相比，傳統電視臺除節目內容受到局限外，節目收看過程的互動性差、觀眾參與感弱等問題逐漸凸顯，許多電視臺紛紛探索提升轉型之路。近兩年移動互聯網、新媒體、云計算等技術的快速發展，為電視臺在節目過程中加入更多的互動環節提供了技術和環境基礎，但是電視節目的多樣性、實時性和多變性導致很多互動活動需要定制化開發，就又產生互動活動開發節奏不能滿足節目要求、互動活動開發成本過高等一系列問題，針對上述問題，北京電視臺提出了將互動活動的展示頁面與業務邏輯控制分離、并抽象互動活動邏輯。

2 總體設計

2.1 設計思路

結合當前互聯網化的大潮以及微信平臺使用的普及，北京電視臺充分考慮當前現場互動的便捷化、智能化需求，提出新媒體互動平臺的建設。該平臺是成熟的多媒體互動活動平臺，滿足了有網和無網環境下的直播現場互動需求，同時該平臺設計具有較好的開放性、穩定性，具有較高的安全防范能力，能夠承擔大型活動的現場互動需求，為電視臺新媒體互動業務的發展提供有力支撐。

（1）互動入口。平臺互動可以通過多種方式參與。有網環境下，基于微信搖一搖，用戶打開微信搖一搖功能，即可搜到活動的信息，并點擊進行參與；用戶還可以掃描活動地址，并通過微博進行第三方登錄，直接參與互動。無網環境下，用戶通過手機連接Wi-Fi，直接進行一鍵互動交流。

（2）用戶定義。根據不同的入口方式，平臺定義和兼容了多種的用戶方式，支持微信用戶、微博用戶、手機MAC用戶等。用戶在平臺的互動交流，不受用戶類型和形式的影響，完全無縫。

（3）互動形式。平臺提供多種互動形式，有報名、投票、抽獎，滿足一般現場活動的互動需要，并可以接入現場大屏幕，實施顯示互動情況。

（4）營銷傳播。平臺提供便捷直觀的活動咨詢，支持廣告導入和動態化展示，為了增強互動效果，平臺可以支持線下優惠券的發放，為線上線下的宣傳提供了很好的媒介渠道。

2.2 業務架構

圖1 業務架構圖

3 平臺架構

互動平臺采用了多種先進的互聯網技術框架，如Spring，Mybatis，Redis，Netty，Dubbo等，采用互聯網行業流行的規模化部署技術架構，確保系統運行的高效、穩定、安全，以及可擴展。

圖2 平臺架構圖

互動平臺基于Java平臺的J2EE技術體系，構建于MVC三層應用結構之上，并采用Spring，Netty，Dubbo等框架以及面向對象程序設計方法，將復雜的業務邏輯、流程控制邏輯和數據存取邏輯通過在不同的技術層面上實現，在應用服務器之上，實現業務邏輯的快速部署和靈活調整，充分保證系統的安全可靠訪問。

基于Redis的數據緩存技術，數據可以從主服務器向任意數量的從服務器上同步，從服務器可以是關聯其他從服務器的主服務器。這使得Redis可執行單層樹復制，存盤可以有意無意地對數據進行寫操作，同步對讀取操作的可擴展性和數據冗余很有幫助。

基于HTML5開放的Web網絡平臺奠基石的互動，提高了用戶體驗，加強了視覺感受。HTML5技術在移動端，能夠讓應用程序回歸到網頁，并對網頁的功能進行擴展，用戶不需要下載客戶端或插件，就能夠觀看視頻、玩游戲，操作更加簡單，用戶體驗更好。

互動平臺支持并采用集群化的部署架構。從前端負載均衡、Web服務器，到后端應用服務器、緩存服務器、數據庫服務器，為了提升健壯性、穩定性及高效性，均采用集群的部署方式，實現并行提供服務的能力，以及災備的功能。

互動平臺采用開放性的數據架構，能夠提供強大的外部對接能力。關鍵數據加密存儲，關鍵數據請求，采用https加密協議，保證傳輸安全。采用數據權限控制，保證不同的級別的人員只能查看自己相關的數據。系統請求采用session判斷，驗證訪問合法性，杜絕非系統人員訪問及非系統訪問行為。

4 平臺實現

4.1 數據模型

數據模型是通過對現實世界的事與物主要特征的分析、抽象，為信息系統的實施提供數據存取的數據結構以及相應的約束。互動平臺的數據模型具有靈活性強、擴展性高等特點，對報名、投票和抽獎三大活動類型進行了高度抽象，提取了共性、通用的數據參數。數據模型設計將多變的業務過程相關實體同穩定的實體以及實體關系分離，用來適應業務變化，將實體進行分類、實體數據進行拆分，用以提升系統的穩定性、可擴展性。

4.2 數據接口

互動平臺提供豐富的數據接口，數據報文支持XML/JSON等常用的格式，數據接口傳輸協議支持HTTP/HTTPS/TCP/RPC/WebService等常用協議。在數據接口調用過程中，需要進行接口認證和數據簽名以保障數據安全。

4.3 互動模版

4.3.1 報名模板

針對移動端平臺展示層提供了基礎活動報名頁面模板，使用H5技術語言實現，頁面的信息都可通過后臺配置完成，便于平臺使用方快速實現基礎報名類互動活動。報名活動的基本信息主要包括標題、主題內容說明、主題圖片、報名表單、報名起至時間、報名條款等，以上信息都可以通過管理平臺進行配置。

報名活動頁面提供報名活動的基本信息和報名表單，活動參與者填寫報名信息之后，點擊按鈕進行提交操作，系統對填寫內容進行必要的檢查，成功即完成報名，失敗則對用戶進行相應的提示。

4.3.2 投票模板

投票頁面提供投票活動的基本信息，主要包括投票活動背景圖片、投票活動相關信息的介紹、投票選項。活動參與者進行投票后，系統向活動參與者反饋實時投票結果。互動平臺提供了多種投票活動的頁面模板，便于平臺使用者通過后臺信息配置就能夠快速生成投票活動：

⊙ 投票模板A：點擊被投票人圖片后以個人主頁的形式展現被投票人信息。

⊙ 投票模板B：點擊被投票人圖片后以圖片翻轉的形式展現被投票人信息。

⊙ 瘋狂投票模板：HTML5小游戲的方式為選手投票。

4.3.3 抽獎模板

互動平臺提供了多套抽獎模板，平臺使用方通過活動管理后臺進行簡單的配置即可快速生成自動抽獎活動，并可預設活動發布時間、獎品概率等參數，該活動也支持手工即時發布和取消發布，取消發布需要有審批環節。

活動參與者進入抽獎活動頁面后，通過搖動手機參與抽獎，抽獎活動頁面介紹隨機抽獎活動的基本信息。用戶按照抽獎規則完成抽獎后，系統實時反饋用戶是否中獎。主要內容包括用戶是否中獎的說明，中獎類型及具體獎品說明，領獎渠道說明，以及其他中獎信息說明等。對于未中獎用戶系統也即時給出相應提示，關于中獎信息活動參與者可以到自己的個人中心查看。

5 結束語

北京電視臺新媒體互動平臺的建設和運營，滿足了北京電視臺及相關受眾在互動、娛樂、獎品刺激等方面的需求。相比傳統電視臺的互動性差、觀眾參與感弱等問題，大大提高了北京電視臺節目現場互動效果和線上互動的效率，為北京電視臺新媒體互動業務的發展打下了堅實的基礎。■

第三代樹莓派計算模塊面市

e絡盟近日推出第三代樹莓派計算模塊、樹莓派計算模塊精簡版及樹莓派計算模塊開發套件等三款全新產品。樹莓派計算模塊3代（CM3）及其精簡版（CM3L）是可機械兼容DDR2-SODIMM的系統級模塊（SoM），包含內置處理器、存儲器、eMMC閃存（僅CM3）及輔助電源電路。這些模塊能夠讓設計師將樹莓派軟件及硬件棧用于其定制化系統和結構設計當中。

Design and Implementation of New Media Interactive Platform

Wang Yanqing, Li Cheng, Zheng Xinye
(Beijing TV Station Information Network Management Dept., Beijing, 100022)

This paper takes Beijing TV new media site interaction system as an example, introduces the design idea and technical scheme of television registration, voting, lottery based interactive program, combined with the current popular Wi-Fi technology, provides a new construction method for construction of interactive television system under internet.

New media interactive platform; WeChat interactive

10.3969/J.ISSN.1672-7274.2017.02.015

TN92，TN94

B

1672-7274（2017）02-0058-03