VisualBasic在線視頻APP的設(shè)計(jì)與實(shí)現(xiàn)

鄭州航空工業(yè)管理學(xué)院 臧利萍 劉燕美 周 博

VisualBasic在線視頻APP的設(shè)計(jì)與實(shí)現(xiàn)

鄭州航空工業(yè)管理學(xué)院 臧利萍 劉燕美 周 博

隨著互聯(lián)網(wǎng)技術(shù)和工業(yè)4.0的發(fā)展，互聯(lián)網(wǎng)+教育沖擊著傳統(tǒng)的課堂教學(xué)。在校大學(xué)生課程、時(shí)間比較自由，對(duì)APP接受度極高。如何將公共課程VisualBasic知識(shí)移動(dòng)化、手機(jī)化，使得學(xué)生隨時(shí)隨地學(xué)習(xí)，成為研究的課題。本文是基于Android平臺(tái)開(kāi)發(fā)的VisualBasic在線視頻APP的設(shè)計(jì)與實(shí)現(xiàn)，項(xiàng)目主要涉及視頻播放、多線程斷點(diǎn)續(xù)傳下載、網(wǎng)絡(luò)編程、數(shù)據(jù)庫(kù)操作等技術(shù)點(diǎn)。為用戶提供了較全面的VisualBasic在線學(xué)習(xí)功能，包括在線視頻觀看、視頻下載、文章閱讀等模塊。該應(yīng)用降低了用戶的學(xué)習(xí)成本，提高了用戶的學(xué)習(xí)效率，具有較高的實(shí)用價(jià)值。

Android；在線視頻；文件下載

1 引言

Android是Google公司推出基于Linux內(nèi)核的開(kāi)源移動(dòng)平臺(tái)。Android的優(yōu)勢(shì)在于第一層通過(guò)最快的C語(yǔ)言保證效率，上層使用Java簡(jiǎn)單快速進(jìn)行開(kāi)發(fā)。Android的到來(lái)奠定了移動(dòng)操作系統(tǒng)的一個(gè)里程碑時(shí)代的開(kāi)始，現(xiàn)在Google正利用其搜索、移動(dòng)、web的各個(gè)入口，來(lái)掌握互聯(lián)網(wǎng)的控制權(quán)，而Android有了Google這樣的支持更是如魚(yú)得水，不僅在搜索上利用Google Now的優(yōu)勢(shì)，更利用了Google Map工具將移動(dòng)系統(tǒng)與web系統(tǒng)聯(lián)系在了一起。Android正在不斷成長(zhǎng)，正逐漸走向更輝煌的未來(lái)。

本項(xiàng)目的任務(wù)就是基于Android平臺(tái)設(shè)計(jì)一款在線學(xué)習(xí)類移動(dòng)APP。包括在線視頻觀看、視頻下載、文章閱讀等幾大功能模塊，移動(dòng)端采用Android Studio進(jìn)行開(kāi)發(fā)，服務(wù)端采用Bmob+七牛云存儲(chǔ)實(shí)現(xiàn)云數(shù)據(jù)庫(kù)和云文件存儲(chǔ)功能。

2 技術(shù)分析

2.1 Bmob后端云服務(wù)

移動(dòng)后端即服務(wù)——Backend as a Service也叫Baas，就是將服務(wù)端的內(nèi)容打包，將數(shù)據(jù)庫(kù)的設(shè)計(jì)、服務(wù)器的搭建以及后臺(tái)邏輯處理等都放在了云端，用戶只需要調(diào)用他們提供的API接口就可以實(shí)現(xiàn)網(wǎng)絡(luò)通訊功能。Baas其主要為用戶提供文件存儲(chǔ)、容器服務(wù)、消息推送、云端邏輯、應(yīng)用統(tǒng)計(jì)等功能。Bmob可以為開(kāi)發(fā)者提供便捷、快速的云數(shù)據(jù)庫(kù)服務(wù)，方便用戶瀏覽終端保存的各種信息。使用Bmob無(wú)需再打造服務(wù)端，便能輕松擁有應(yīng)用開(kāi)發(fā)的各種后端能力支持，減少了開(kāi)發(fā)者將應(yīng)用從idea到產(chǎn)品（成品）的時(shí)間。

2.2 流媒體傳輸協(xié)議

流媒體技術(shù)的主要特點(diǎn)是以“流(Streaming)”的形式在基于IP協(xié)議的互聯(lián)網(wǎng)中進(jìn)行多媒體數(shù)據(jù)的實(shí)時(shí)、連續(xù)傳播，客戶端在播放前并不需要下載整個(gè)媒體文件，而是在將緩存區(qū)中已經(jīng)收到的媒體數(shù)據(jù)進(jìn)行播放的同時(shí)，媒體流的剩余部分仍持續(xù)不斷地從服務(wù)器遞送到客戶端，即所謂的“邊下載，邊播放”。移動(dòng)互聯(lián)網(wǎng)是傳統(tǒng)桌面互聯(lián)網(wǎng)向移動(dòng)通信網(wǎng)絡(luò)的延伸。作為移動(dòng)互聯(lián)網(wǎng)中具有代表性的典型應(yīng)用，移動(dòng)流媒體業(yè)務(wù)主要是利用互聯(lián)網(wǎng)和3G移動(dòng)通信網(wǎng)絡(luò)平臺(tái)，為以手機(jī)為主的嵌入式終端設(shè)備提供基于音視頻的流式多媒體服務(wù)。流媒體協(xié)議是支撐流媒體業(yè)務(wù)運(yùn)行的關(guān)鍵核心技術(shù)之一。

2.3 多線程斷點(diǎn)續(xù)傳下載

網(wǎng)絡(luò)文件的多線程斷點(diǎn)續(xù)傳下載就要運(yùn)用到多線程技術(shù)和文件讀寫(xiě)操作，關(guān)鍵點(diǎn)有首次訪問(wèn)獲取文件總長(zhǎng)度、在本地創(chuàng)建一個(gè)同樣大小的文件并根據(jù)線程個(gè)數(shù)將文件分段、從本地SQLite數(shù)據(jù)庫(kù)中獲到上次下載的進(jìn)度，通過(guò)Service開(kāi)啟一個(gè)線程進(jìn)行文件進(jìn)行分段下載，下載過(guò)程通過(guò)發(fā)送Broadcast來(lái)將進(jìn)度廣播出去，界面中利用BroadcastReciver接收進(jìn)度變化并更新Activity界面上的進(jìn)度條顯示，下載完成后刪除下載信息等。需要注意的地方有網(wǎng)絡(luò)請(qǐng)求HttpUrlConnection需要設(shè)置RequestProperty(“Range”)來(lái)控制下載部分和返回值通過(guò)206來(lái)確認(rèn)是否下載成功，另外為了優(yōu)化性能，最好通過(guò)線程池的使用來(lái)減少多線程的創(chuàng)建和銷毀，提高軟件性能。

3 需求分析

3.1 主要功能結(jié)構(gòu)

該項(xiàng)目的主要功能模塊劃分視頻學(xué)習(xí)、視頻下載、文章閱讀、個(gè)人中心四部分。其中視頻學(xué)習(xí)部分主要包括在線視頻觀看、視頻搜索等功能；視頻下載有斷點(diǎn)下載等功能；文章閱讀部分有文章搜索、文章顯示、文章點(diǎn)評(píng)等功能；個(gè)人中心部分包括登錄注冊(cè)、軟件設(shè)置和軟件常用功能等。

3.2 主要功能分析

1)視頻播放:用戶可通過(guò)篩選條件搜索出自己希望觀看的視頻，視頻播放分為橫屏和豎屏兩種模式，可手勢(shì)控制亮度和音量。

2)視頻下載:視頻文件可進(jìn)行多線程斷點(diǎn)續(xù)傳下載，當(dāng)用戶暫停下載，將下載進(jìn)度保存到本地?cái)?shù)據(jù)庫(kù)，用戶下次進(jìn)入時(shí)繼續(xù)下載。

3)文章閱讀:用戶可以在界面直接閱讀文章，也可以根據(jù)自己的興趣和需求進(jìn)行搜索，并將搜索結(jié)果呈現(xiàn)在界面上。

4)個(gè)人中心:該模塊包含個(gè)人中心模塊常用功能，包括登錄注冊(cè)、用戶收藏、軟件設(shè)置、消息推送等。

4 概要設(shè)計(jì)

該項(xiàng)目的主要界面結(jié)構(gòu)分為四部分：課堂、學(xué)習(xí)、共享、我的。其中課堂模塊為APP的首頁(yè)，包含一個(gè)圖片輪播器以及熱門(mén)視頻列表；學(xué)習(xí)模塊主要為視頻進(jìn)行搜索、播放視頻、視頻設(shè)點(diǎn)播放；共享模塊主要為文章共享，包含用戶查看的文章呈現(xiàn)出得列表，用戶根據(jù)自己的需求搜索文章，用戶針對(duì)文章發(fā)表自己的想法、意見(jiàn)和建議。我的模塊主要是一些個(gè)人中心常用功能，包括用戶登錄注冊(cè)、APP設(shè)置、我的收藏、我的筆記、發(fā)表文章、我的下載以及我的消息等界面。

5 詳細(xì)設(shè)計(jì)

1)視頻播放功能:視頻播放利用Vitamio框架實(shí)現(xiàn)，配合自定義MediaContrller實(shí)現(xiàn)視頻播放功能。通過(guò)重寫(xiě)onTouchListener實(shí)現(xiàn)手勢(shì)控制音量和亮度功能。

2)視頻下載功能:視頻下載通過(guò)service開(kāi)啟多線程進(jìn)行下載，將下載進(jìn)度通過(guò)發(fā)送broadCast進(jìn)行回傳，下載進(jìn)保存在SQLite數(shù)據(jù)庫(kù)中，多條下載線程利用線程池進(jìn)行管理。

3)共享模塊功能:共享模塊主要為文章列表，包含用戶查看的文章呈現(xiàn)出得列表，用戶根據(jù)自己的需求搜索文章，用戶針對(duì)文章發(fā)表自己的想法、意見(jiàn)和建議。

4)個(gè)人中心模塊功能:用戶頭像利用自定義BitmapShader實(shí)現(xiàn)圓形頭像顯示；背景使用RenderScript高斯模糊效果；推送功能通過(guò)BmobPush實(shí)現(xiàn)。

6 項(xiàng)目測(cè)試

1)視頻列表測(cè)試:視頻列表的熱門(mén)推薦是根據(jù)用戶訪問(wèn)量的權(quán)值以及知識(shí)點(diǎn)的重要性等幾個(gè)方面決定的，幾個(gè)因素利用算法進(jìn)行實(shí)現(xiàn)。視頻列表中的每一項(xiàng)都含有視頻題目、用戶訪問(wèn)量以及視頻播放的時(shí)間。

2)視頻播放測(cè)試:當(dāng)手機(jī)處于橫屏狀態(tài)下，會(huì)全屏播放視頻，當(dāng)手指在屏幕左側(cè)1/4范圍內(nèi)滑動(dòng)改變屏幕亮度，在屏幕右側(cè)3/4范圍內(nèi)滑動(dòng)改變視頻音量。當(dāng)手機(jī)豎直后會(huì)自動(dòng)切換回豎屏狀態(tài)。屏幕切換過(guò)程中視頻進(jìn)度狀態(tài)會(huì)及時(shí)保存。

3)視頻下載測(cè)試:視頻下載界面顯示正在下載的視頻列表，包括暫停、開(kāi)始按鈕和當(dāng)前下載的視頻信息以及下載進(jìn)度等。

4)文章閱讀測(cè)試:文章閱讀和視頻列表類似，文章閱讀還有文章列表，列表中的文章排序是根據(jù)用戶訪問(wèn)量進(jìn)行，每一項(xiàng)含有作者名字、最近訪問(wèn)時(shí)間、文章類型以及訪問(wèn)量。選中某一項(xiàng)文章點(diǎn)擊打開(kāi)后，界面呈現(xiàn)文章的具體內(nèi)容，用戶可以收藏，可以共享文章，用戶可以發(fā)表評(píng)論功能。

5)個(gè)人中心測(cè)試:個(gè)人中心界面中，如果用戶未登錄，則顯示默認(rèn)頭像和登錄按鈕，給用戶提供登錄入口，如果用戶已登錄，則顯示用戶頭像、昵稱和相關(guān)用戶信息。

7 總結(jié)與展望

本項(xiàng)目包括視頻播放、下載、文章閱讀、個(gè)人用戶設(shè)置等。項(xiàng)目從前期的需求分析、設(shè)計(jì)，到軟件框架搭建、前端后臺(tái)功能的實(shí)現(xiàn)，然后進(jìn)行項(xiàng)目的測(cè)試。該項(xiàng)目的特點(diǎn): 將視頻、文章閱讀、個(gè)人用戶設(shè)置集于一體，全面滿足用戶在線學(xué)習(xí)的相關(guān)需求?？蛻舳耸褂肁ndroid Studio開(kāi)發(fā)工具進(jìn)行開(kāi)發(fā)，視頻播放控件使用成熟的Vitamio框架；服務(wù)端采用新興的Bmob第三方后端云服務(wù)平臺(tái)，解決云數(shù)據(jù)庫(kù)問(wèn)題；由于視頻等文件容量過(guò)大，存儲(chǔ)方面采用七牛云存儲(chǔ)平臺(tái)，實(shí)現(xiàn)視頻文件的存儲(chǔ)、傳輸功能以及解決帶寬問(wèn)題和在線觀看視頻CDN加速問(wèn)題。

[1]李剛 著.瘋狂Android講義精粹[M].北京:電子工業(yè)出版社,2012

[2](美)李偉夢(mèng) 著.何晨光,李洪剛 譯. Android編程入門(mén)經(jīng)典[M].北京:清華大學(xué)出版社,2012.

[3]熊斌編 著.Android多媒體開(kāi)發(fā)技術(shù)實(shí)戰(zhàn)詳解[M].北京:電子工業(yè)出版社, 2012.

[4]范懷宇 著. Android開(kāi)發(fā)精要[M].北京:機(jī)械工業(yè)出版社,2012.

臧利萍（1984—），女，河南焦作人，碩士，講師，現(xiàn)供職于鄭州航空工業(yè)管理學(xué)院，研究方向：場(chǎng)景構(gòu)建、移動(dòng)終端

劉燕美（1986—），女，河南新鄉(xiāng)人，碩士，講師，現(xiàn)供職于鄭州航空工業(yè)管理學(xué)院，研究方向：計(jì)算機(jī)應(yīng)用。

周博（1994—），男，大學(xué)本科。

鄭州航院校青年基金（項(xiàng)目號(hào)：2015103004）；鄭州航空工業(yè)管理學(xué)院橫向項(xiàng)目（項(xiàng)目號(hào)：1010-22020006）。