楊公義+王勝清

摘 要：基于Flex+Spring+BlazeDS技術(shù)開發(fā)的北大移動課堂能通過rtmp流安全高效地獲取遠(yuǎn)程服務(wù)器端的直播流和點播流。功能模塊包括院系列表、統(tǒng)一身份認(rèn)證、院系的課程列表、課程的所有視頻列表、視頻點播、直播教室的列表、教室直播、意見建議。在服務(wù)器端，通過J2EE應(yīng)用的部署與配置把Spring管理的Bean通過BlazeDS發(fā)布成服務(wù)。在客戶端，通過Flash Builder搭建Flex開發(fā)環(huán)境，并通過DCD技術(shù)調(diào)用服務(wù)器端BlazeDS遠(yuǎn)程服務(wù)。以開發(fā)“院系列表”為例介紹了Flex調(diào)用服務(wù)器端BlazeDS服務(wù)的機(jī)制。北大移動課堂實現(xiàn)了讓北大師生通過安卓手機(jī)點播北京大學(xué)視頻資源庫的教學(xué)視頻，在線觀看北大網(wǎng)絡(luò)教育電視臺15個教室的教學(xué)實況，并與學(xué)校的統(tǒng)一認(rèn)證進(jìn)行了整合。

關(guān)鍵詞：Flex；Spring BlazeDS集成；Android App開發(fā)；移動課堂

中圖分類號：G434 文獻(xiàn)標(biāo)志碼：A 文章編號：1673-8454（2017）07-0045-04

一、引言

移動課堂App是移動教育的重要工具，為了讓北大師生用Google Android手機(jī)或移動終端點播北大視頻資源庫的教學(xué)視頻，在線觀看北大網(wǎng)絡(luò)教育電視臺15個教室的教學(xué)實況，北大自主研發(fā)了移動課堂。為保護(hù)版權(quán)，視頻資源庫和網(wǎng)絡(luò)教育電視臺均采用了Adobe公司的Flash流媒體服務(wù)器。從技術(shù)一致性考慮，北大移動課堂的開發(fā)采用了Adobe公司的Flex語言，因為用Flex語言能很好地調(diào)用基于rtmp協(xié)議的Flash流媒體服務(wù)器中的直播流或點播流。

二、北京大學(xué)移動課堂的界面與功能設(shè)計[1]

北大移動課堂App的安裝，在Android手機(jī)上，用瀏覽器訪問http：//www.metc.pku.edu.cn/xiazai/course.apk下載并安裝。如果手機(jī)上沒有Adobe air運行環(huán)境，需要訪問http：//www.metc.pku.edu.cn/xiazai/air.apk下載并安裝。course.apk運行之后，首頁如圖1所示。（為了抓圖的方便，本文圖片是來自FlashBuilder的手機(jī)模擬器，在手機(jī)上實際運行的效果會更美觀）北大移動課堂與計算中心的統(tǒng)一認(rèn)證進(jìn)行了對接，經(jīng)過認(rèn)證的用戶可以隨時隨地點播課程錄像或看教室直播。用戶在圖1中單擊任一院系名稱或者在圖6中單擊任一教室名稱，會進(jìn)入圖2要求通過計算中心的統(tǒng)一認(rèn)證?！氨贝笠苿诱n堂”的功能主要包括直播和點播。點播：首頁（圖1）單擊“院系課堂”進(jìn)入“院系列表”，顯示所有院系的院系名稱、課程門數(shù)。系統(tǒng)實現(xiàn)了按“院系名稱”模糊查詢的功能，查詢結(jié)果以“課程數(shù)量”降序排列。圖1中單擊任一院系名稱，進(jìn)入該院系的課程列表如圖3所示，可瀏覽該院系的所有課程，并能按“課程名稱”模糊查詢。圖3中單擊任一課程名稱，進(jìn)入該課程的“視頻列表”，如圖4所示，圖4中單擊任意一個視頻，可以全屏播放該視頻，如圖5所示。播放方式采用RTMP流，使用戶只能在線觀看，不能下載播放，保證了視頻資源的安全性。[2]

直播：首頁單擊“直播教室”。如圖6所示，可以瀏覽北大網(wǎng)絡(luò)教育電視臺中15個直播教室，圖6中單擊任一教室，進(jìn)入如圖7所示的視頻畫面，可以在線觀看北大某一教室的教學(xué)實況。

意見建議：單擊導(dǎo)航條的“意見建議”，可以電話、短信、Email的方式進(jìn)行反饋。返回首頁：按手機(jī)上面的返回鍵。這里用代碼監(jiān)聽移動設(shè)備上的返回鍵，調(diào)用一段自定義代碼。關(guān)閉：單擊導(dǎo)航條的“退出”。

三、服務(wù)器端J2EE應(yīng)用的部署與配置

北大移動課堂客戶端程序，需要與遠(yuǎn)程服務(wù)器端的程序協(xié)作才能訪問北大視頻資源庫的視頻和北大網(wǎng)絡(luò)教育電視臺的頻道。[3]應(yīng)用服務(wù)器采用tomcat，Web應(yīng)用名稱為course，編程語言采用Java，開發(fā)框架采用Spring，Java后端與前端Flex的交互采用BlazeDS。BlazeDS是一個Adobe推出的基于服務(wù)器的Java遠(yuǎn)程調(diào)用和Web消息傳遞技術(shù)，使后臺的Java應(yīng)用程序和前端Flex應(yīng)用程序能夠相互通信。Spring BlazeDS Integration是Adobe與Spring聯(lián)合開發(fā)的一個開源項目，使用該項目開發(fā)者可以通過BlazeDS公開Spring管理的Bean而無需額外配置文件。[4]關(guān)于這些技術(shù)單獨使用的方法和需要部署的Jar等請參考官方文檔。這幾項技術(shù)集成及協(xié)同工作的關(guān)鍵技術(shù)是本文論述的重點。

以上以開發(fā)“院系列表”實例介紹了Flex調(diào)用服務(wù)器端BlazeDS服務(wù)的機(jī)制，大部分的業(yè)務(wù)邏輯的實現(xiàn)在服務(wù)器端，F(xiàn)lex手機(jī)應(yīng)用只是對遠(yuǎn)程服務(wù)和方法的調(diào)用。

七、結(jié)語

北大移動課堂實現(xiàn)了讓北大師生能通過安卓手機(jī)點播北京大學(xué)視頻資源庫的教學(xué)視頻，在線觀看北大網(wǎng)絡(luò)教育電視臺的15個教室的教學(xué)實況。播放方式均采用RTMP流，使用戶只能在線觀看，不能下載播放，保證了視頻資源的安全性。北大移動課堂和北大的統(tǒng)一認(rèn)證結(jié)合，只有合法用戶才能正常訪問?；贔lex+Spring+BlazeDS技術(shù)開發(fā)的北大移動課堂，良好穩(wěn)定地滿足了北大師生的需求。

參考文獻(xiàn)：

[1]楊公義，張亦工.北京大學(xué)教室管理系統(tǒng)的設(shè)計與實現(xiàn)[J].現(xiàn)代教育技術(shù)，2015（4）：115-120.

[2]楊公義，張亦工.基于Red5的網(wǎng)絡(luò)教育電視臺的設(shè)計與實現(xiàn)[J].現(xiàn)代教育技術(shù)，2012（8）：109-112.

[3]陳飛，楊公義，李志剛等.基于Blackboard系統(tǒng)的“北大教學(xué)網(wǎng)”擴(kuò)展開發(fā)研究[J].北京大學(xué)教育評論，2013（12）：201-211.

[4]Spring BlazeDS Integration[EB/OL]. http：//docs. spring.io/spring-flex/docs/1.5.x/javadoc-api/index.html.

[5]Flex Test Drive[EB/OL]. http：//www.adobe.com/cn/devnet/flex/testdrive/articles/1_build_a_flex_app2.html.

（編輯：王天鵬）