新媒體互動(dòng)平臺(tái)設(shè)計(jì)與實(shí)現(xiàn)

王燕清，李 程，鄭昕曄

（北京電視臺(tái)信息網(wǎng)絡(luò)管理部，北京 100022）

新媒體互動(dòng)平臺(tái)設(shè)計(jì)與實(shí)現(xiàn)

王燕清，李 程，鄭昕曄

（北京電視臺(tái)信息網(wǎng)絡(luò)管理部，北京 100022）

本文以北京電視臺(tái)新媒體現(xiàn)場(chǎng)互動(dòng)系統(tǒng)為案例，詳細(xì)介紹了電視臺(tái)報(bào)名、投票、抽獎(jiǎng)為基礎(chǔ)的互動(dòng)方案設(shè)計(jì)思路和技術(shù)方案，并結(jié)合當(dāng)下熱門(mén)的Wi-Fi等技術(shù)，為互聯(lián)網(wǎng)化下的電視臺(tái)互動(dòng)系統(tǒng)建設(shè)提供了一種新型的建設(shè)思路。

新媒體互動(dòng)平臺(tái)；微信互動(dòng)

1 引言

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

2 總體設(shè)計(jì)

2.1 設(shè)計(jì)思路

結(jié)合當(dāng)前互聯(lián)網(wǎng)化的大潮以及微信平臺(tái)使用的普及，北京電視臺(tái)充分考慮當(dāng)前現(xiàn)場(chǎng)互動(dòng)的便捷化、智能化需求，提出新媒體互動(dòng)平臺(tái)的建設(shè)。該平臺(tái)是成熟的多媒體互動(dòng)活動(dòng)平臺(tái)，滿(mǎn)足了有網(wǎng)和無(wú)網(wǎng)環(huán)境下的直播現(xiàn)場(chǎng)互動(dòng)需求，同時(shí)該平臺(tái)設(shè)計(jì)具有較好的開(kāi)放性、穩(wěn)定性，具有較高的安全防范能力，能夠承擔(dān)大型活動(dòng)的現(xiàn)場(chǎng)互動(dòng)需求，為電視臺(tái)新媒體互動(dòng)業(yè)務(wù)的發(fā)展提供有力支撐。

（1）互動(dòng)入口。平臺(tái)互動(dòng)可以通過(guò)多種方式參與。有網(wǎng)環(huán)境下，基于微信搖一搖，用戶(hù)打開(kāi)微信搖一搖功能，即可搜到活動(dòng)的信息，并點(diǎn)擊進(jìn)行參與；用戶(hù)還可以?huà)呙杌顒?dòng)地址，并通過(guò)微博進(jìn)行第三方登錄，直接參與互動(dòng)。無(wú)網(wǎng)環(huán)境下，用戶(hù)通過(guò)手機(jī)連接Wi-Fi，直接進(jìn)行一鍵互動(dòng)交流。

（2）用戶(hù)定義。根據(jù)不同的入口方式，平臺(tái)定義和兼容了多種的用戶(hù)方式，支持微信用戶(hù)、微博用戶(hù)、手機(jī)MAC用戶(hù)等。用戶(hù)在平臺(tái)的互動(dòng)交流，不受用戶(hù)類(lèi)型和形式的影響，完全無(wú)縫。

（3）互動(dòng)形式。平臺(tái)提供多種互動(dòng)形式，有報(bào)名、投票、抽獎(jiǎng)，滿(mǎn)足一般現(xiàn)場(chǎng)活動(dòng)的互動(dòng)需要，并可以接入現(xiàn)場(chǎng)大屏幕，實(shí)施顯示互動(dòng)情況。

（4）營(yíng)銷(xiāo)傳播。平臺(tái)提供便捷直觀的活動(dòng)咨詢(xún)，支持廣告導(dǎo)入和動(dòng)態(tài)化展示，為了增強(qiáng)互動(dòng)效果，平臺(tái)可以支持線(xiàn)下優(yōu)惠券的發(fā)放，為線(xiàn)上線(xiàn)下的宣傳提供了很好的媒介渠道。

2.2 業(yè)務(wù)架構(gòu)

圖1 業(yè)務(wù)架構(gòu)圖

3 平臺(tái)架構(gòu)

互動(dòng)平臺(tái)采用了多種先進(jìn)的互聯(lián)網(wǎng)技術(shù)框架，如Spring，Mybatis，Redis，Netty，Dubbo等，采用互聯(lián)網(wǎng)行業(yè)流行的規(guī)模化部署技術(shù)架構(gòu)，確保系統(tǒng)運(yùn)行的高效、穩(wěn)定、安全，以及可擴(kuò)展。

圖2 平臺(tái)架構(gòu)圖

互動(dòng)平臺(tái)基于Java平臺(tái)的J2EE技術(shù)體系，構(gòu)建于MVC三層應(yīng)用結(jié)構(gòu)之上，并采用Spring，Netty，Dubbo等框架以及面向?qū)ο蟪绦蛟O(shè)計(jì)方法，將復(fù)雜的業(yè)務(wù)邏輯、流程控制邏輯和數(shù)據(jù)存取邏輯通過(guò)在不同的技術(shù)層面上實(shí)現(xiàn)，在應(yīng)用服務(wù)器之上，實(shí)現(xiàn)業(yè)務(wù)邏輯的快速部署和靈活調(diào)整，充分保證系統(tǒng)的安全可靠訪問(wèn)。

基于Redis的數(shù)據(jù)緩存技術(shù)，數(shù)據(jù)可以從主服務(wù)器向任意數(shù)量的從服務(wù)器上同步，從服務(wù)器可以是關(guān)聯(lián)其他從服務(wù)器的主服務(wù)器。這使得Redis可執(zhí)行單層樹(shù)復(fù)制，存盤(pán)可以有意無(wú)意地對(duì)數(shù)據(jù)進(jìn)行寫(xiě)操作，同步對(duì)讀取操作的可擴(kuò)展性和數(shù)據(jù)冗余很有幫助。

基于HTML5開(kāi)放的Web網(wǎng)絡(luò)平臺(tái)奠基石的互動(dòng)，提高了用戶(hù)體驗(yàn)，加強(qiáng)了視覺(jué)感受。HTML5技術(shù)在移動(dòng)端，能夠讓?xiě)?yīng)用程序回歸到網(wǎng)頁(yè)，并對(duì)網(wǎng)頁(yè)的功能進(jìn)行擴(kuò)展，用戶(hù)不需要下載客戶(hù)端或插件，就能夠觀看視頻、玩游戲，操作更加簡(jiǎn)單，用戶(hù)體驗(yàn)更好。

互動(dòng)平臺(tái)支持并采用集群化的部署架構(gòu)。從前端負(fù)載均衡、Web服務(wù)器，到后端應(yīng)用服務(wù)器、緩存服務(wù)器、數(shù)據(jù)庫(kù)服務(wù)器，為了提升健壯性、穩(wěn)定性及高效性，均采用集群的部署方式，實(shí)現(xiàn)并行提供服務(wù)的能力，以及災(zāi)備的功能。

互動(dòng)平臺(tái)采用開(kāi)放性的數(shù)據(jù)架構(gòu)，能夠提供強(qiáng)大的外部對(duì)接能力。關(guān)鍵數(shù)據(jù)加密存儲(chǔ)，關(guān)鍵數(shù)據(jù)請(qǐng)求，采用https加密協(xié)議，保證傳輸安全。采用數(shù)據(jù)權(quán)限控制，保證不同的級(jí)別的人員只能查看自己相關(guān)的數(shù)據(jù)。系統(tǒng)請(qǐng)求采用session判斷，驗(yàn)證訪問(wèn)合法性，杜絕非系統(tǒng)人員訪問(wèn)及非系統(tǒng)訪問(wèn)行為。

4 平臺(tái)實(shí)現(xiàn)

4.1 數(shù)據(jù)模型

數(shù)據(jù)模型是通過(guò)對(duì)現(xiàn)實(shí)世界的事與物主要特征的分析、抽象，為信息系統(tǒng)的實(shí)施提供數(shù)據(jù)存取的數(shù)據(jù)結(jié)構(gòu)以及相應(yīng)的約束?；?dòng)平臺(tái)的數(shù)據(jù)模型具有靈活性強(qiáng)、擴(kuò)展性高等特點(diǎn)，對(duì)報(bào)名、投票和抽獎(jiǎng)三大活動(dòng)類(lèi)型進(jìn)行了高度抽象，提取了共性、通用的數(shù)據(jù)參數(shù)。數(shù)據(jù)模型設(shè)計(jì)將多變的業(yè)務(wù)過(guò)程相關(guān)實(shí)體同穩(wěn)定的實(shí)體以及實(shí)體關(guān)系分離，用來(lái)適應(yīng)業(yè)務(wù)變化，將實(shí)體進(jìn)行分類(lèi)、實(shí)體數(shù)據(jù)進(jìn)行拆分，用以提升系統(tǒng)的穩(wěn)定性、可擴(kuò)展性。

4.2 數(shù)據(jù)接口

互動(dòng)平臺(tái)提供豐富的數(shù)據(jù)接口，數(shù)據(jù)報(bào)文支持XML/JSON等常用的格式，數(shù)據(jù)接口傳輸協(xié)議支持HTTP/HTTPS/TCP/RPC/WebService等常用協(xié)議。在數(shù)據(jù)接口調(diào)用過(guò)程中，需要進(jìn)行接口認(rèn)證和數(shù)據(jù)簽名以保障數(shù)據(jù)安全。

4.3 互動(dòng)模版

4.3.1 報(bào)名模板

針對(duì)移動(dòng)端平臺(tái)展示層提供了基礎(chǔ)活動(dòng)報(bào)名頁(yè)面模板，使用H5技術(shù)語(yǔ)言實(shí)現(xiàn)，頁(yè)面的信息都可通過(guò)后臺(tái)配置完成，便于平臺(tái)使用方快速實(shí)現(xiàn)基礎(chǔ)報(bào)名類(lèi)互動(dòng)活動(dòng)。報(bào)名活動(dòng)的基本信息主要包括標(biāo)題、主題內(nèi)容說(shuō)明、主題圖片、報(bào)名表單、報(bào)名起至?xí)r間、報(bào)名條款等，以上信息都可以通過(guò)管理平臺(tái)進(jìn)行配置。

報(bào)名活動(dòng)頁(yè)面提供報(bào)名活動(dòng)的基本信息和報(bào)名表單，活動(dòng)參與者填寫(xiě)報(bào)名信息之后，點(diǎn)擊按鈕進(jìn)行提交操作，系統(tǒng)對(duì)填寫(xiě)內(nèi)容進(jìn)行必要的檢查，成功即完成報(bào)名，失敗則對(duì)用戶(hù)進(jìn)行相應(yīng)的提示。

4.3.2 投票模板

投票頁(yè)面提供投票活動(dòng)的基本信息，主要包括投票活動(dòng)背景圖片、投票活動(dòng)相關(guān)信息的介紹、投票選項(xiàng)。活動(dòng)參與者進(jìn)行投票后，系統(tǒng)向活動(dòng)參與者反饋實(shí)時(shí)投票結(jié)果?；?dòng)平臺(tái)提供了多種投票活動(dòng)的頁(yè)面模板，便于平臺(tái)使用者通過(guò)后臺(tái)信息配置就能夠快速生成投票活動(dòng)：

⊙ 投票模板A：點(diǎn)擊被投票人圖片后以個(gè)人主頁(yè)的形式展現(xiàn)被投票人信息。

⊙ 投票模板B：點(diǎn)擊被投票人圖片后以圖片翻轉(zhuǎn)的形式展現(xiàn)被投票人信息。

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

4.3.3 抽獎(jiǎng)模板

互動(dòng)平臺(tái)提供了多套抽獎(jiǎng)模板，平臺(tái)使用方通過(guò)活動(dòng)管理后臺(tái)進(jìn)行簡(jiǎn)單的配置即可快速生成自動(dòng)抽獎(jiǎng)活動(dòng)，并可預(yù)設(shè)活動(dòng)發(fā)布時(shí)間、獎(jiǎng)品概率等參數(shù)，該活動(dòng)也支持手工即時(shí)發(fā)布和取消發(fā)布，取消發(fā)布需要有審批環(huán)節(jié)。

活動(dòng)參與者進(jìn)入抽獎(jiǎng)活動(dòng)頁(yè)面后，通過(guò)搖動(dòng)手機(jī)參與抽獎(jiǎng)，抽獎(jiǎng)活動(dòng)頁(yè)面介紹隨機(jī)抽獎(jiǎng)活動(dòng)的基本信息。用戶(hù)按照抽獎(jiǎng)規(guī)則完成抽獎(jiǎng)后，系統(tǒng)實(shí)時(shí)反饋用戶(hù)是否中獎(jiǎng)。主要內(nèi)容包括用戶(hù)是否中獎(jiǎng)的說(shuō)明，中獎(jiǎng)?lì)愋图熬唧w獎(jiǎng)品說(shuō)明，領(lǐng)獎(jiǎng)渠道說(shuō)明，以及其他中獎(jiǎng)信息說(shuō)明等。對(duì)于未中獎(jiǎng)用戶(hù)系統(tǒng)也即時(shí)給出相應(yīng)提示，關(guān)于中獎(jiǎng)信息活動(dòng)參與者可以到自己的個(gè)人中心查看。

5 結(jié)束語(yǔ)

北京電視臺(tái)新媒體互動(dòng)平臺(tái)的建設(shè)和運(yùn)營(yíng)，滿(mǎn)足了北京電視臺(tái)及相關(guān)受眾在互動(dòng)、娛樂(lè)、獎(jiǎng)品刺激等方面的需求。相比傳統(tǒng)電視臺(tái)的互動(dòng)性差、觀眾參與感弱等問(wèn)題，大大提高了北京電視臺(tái)節(jié)目現(xiàn)場(chǎng)互動(dòng)效果和線(xiàn)上互動(dòng)的效率，為北京電視臺(tái)新媒體互動(dòng)業(yè)務(wù)的發(fā)展打下了堅(jiān)實(shí)的基礎(chǔ)?！?/p>

第三代樹(shù)莓派計(jì)算模塊面市

e絡(luò)盟近日推出第三代樹(shù)莓派計(jì)算模塊、樹(shù)莓派計(jì)算模塊精簡(jiǎn)版及樹(shù)莓派計(jì)算模塊開(kāi)發(fā)套件等三款全新產(chǎn)品。樹(shù)莓派計(jì)算模塊3代（CM3）及其精簡(jiǎn)版（CM3L）是可機(jī)械兼容DDR2-SODIMM的系統(tǒng)級(jí)模塊（SoM），包含內(nèi)置處理器、存儲(chǔ)器、eMMC閃存（僅CM3）及輔助電源電路。這些模塊能夠讓設(shè)計(jì)師將樹(shù)莓派軟件及硬件棧用于其定制化系統(tǒng)和結(jié)構(gòu)設(shè)計(jì)當(dāng)中。

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