移動(dòng)應(yīng)用程序開(kāi)發(fā)精品課程網(wǎng)站研究與設(shè)計(jì)

沈旭 柯晴 王新政

摘 ?要：精品課程的建設(shè)是提高高等教育質(zhì)量，實(shí)現(xiàn)高等教育跨越式發(fā)展的重要舉措，除了建設(shè)一流的教學(xué)團(tuán)隊(duì)，創(chuàng)建一流的管理外，建設(shè)一個(gè)界面友好，資源豐富，互動(dòng)性強(qiáng)的精品課程網(wǎng)站也至關(guān)重要。《移動(dòng)應(yīng)用程序開(kāi)發(fā)》精品課程網(wǎng)站經(jīng)過(guò)系統(tǒng)功能需求分析及總體設(shè)計(jì)，利用HBuilder平臺(tái)和PHP語(yǔ)言完成了注冊(cè)、登錄、瀏覽信息、上傳下載文件、在線交流、視頻播放等功能設(shè)計(jì)。系統(tǒng)后臺(tái)采用Apache、PHP和MySQL進(jìn)行搭建。

關(guān)鍵詞：移動(dòng)應(yīng)用程序;精品課程;網(wǎng)站開(kāi)發(fā)

中圖分類號(hào)：TP301 ? ? 文獻(xiàn)標(biāo)識(shí)碼：A

Abstract：Elaborate course construction is an important measure to improve the quality of higher education and achieve the leaping development of higher education.In addition to building a first-class teaching team and creating a first-class management，it is also essential to build a website for elaborate course with friendly interface，rich resources and strong interactions.Through the analysis of system functional requirements and overall design，the website of mobile application development elaborate course has completed the function construction of registration，login，browsing information，uploading and downloading files，online communication and video playback by using HBuilder platform and PHP language.Apache，PHP and MySQL are used to build the system background.

Keywords：mobile application;elaborate course;website development

1 ? 引言（Introduction）

當(dāng)今社會(huì)，隨著科技的飛躍進(jìn)步，移動(dòng)智能已經(jīng)走進(jìn)每家每戶，漸漸地Android操作系統(tǒng)也已成為移動(dòng)智能科技市場(chǎng)的主流，各種移動(dòng)應(yīng)用程序早已深入到人們生活之中，使得移動(dòng)應(yīng)用編程成為程序開(kāi)發(fā)的一個(gè)非常重要的方向。利用計(jì)算機(jī)編程來(lái)設(shè)計(jì)與開(kāi)發(fā)一個(gè)移動(dòng)應(yīng)用程序精品課程網(wǎng)站，能夠有效減少傳統(tǒng)課堂的約束與限制，有利于人們隨時(shí)隨地利用網(wǎng)絡(luò)即可進(jìn)行學(xué)習(xí)。精品課程是具有一流教師隊(duì)伍、一流教學(xué)內(nèi)容、一流教學(xué)方法、一流教材、一流教學(xué)管理等特點(diǎn)的示范性課程[1，2];是有效提高各高等學(xué)校教學(xué)質(zhì)量與促進(jìn)教學(xué)改革必不可少且極為重要的組成部分。而精品課程網(wǎng)站不僅展示了精品課程優(yōu)秀的教學(xué)資源，還能讓用戶通過(guò)網(wǎng)絡(luò)將各種優(yōu)秀的教學(xué)方法和案例分享到網(wǎng)站上來(lái)進(jìn)行相互學(xué)習(xí)與交流，有利于更高效率地學(xué)習(xí)。因此，移動(dòng)應(yīng)用程序精品課程網(wǎng)站是一個(gè)有效地學(xué)習(xí)平臺(tái)。

2 ? 研究現(xiàn)狀及內(nèi)容（Research status and content）

2.1 ? 研究現(xiàn)狀

2003年，教育部啟動(dòng)了“高等學(xué)校教學(xué)質(zhì)量和教學(xué)改革工程”;2008年，《國(guó)家精品課程評(píng)審指標(biāo)》中提出，精品課程是有特色的優(yōu)秀課程[3]，到2010年國(guó)家共建設(shè)了3910門精品課程。精品課程有著免費(fèi)開(kāi)放、完整全面、在線互動(dòng)等的特點(diǎn)。經(jīng)過(guò)了十幾年的努力發(fā)展，如今精品課程網(wǎng)站建設(shè)獲得了顯著的成效。伴隨著優(yōu)質(zhì)的精品課程的迅速崛起，在很大程度上促進(jìn)了優(yōu)秀的教學(xué)內(nèi)容和教學(xué)方法以及教學(xué)隊(duì)伍的共享，對(duì)提高課程整體的教學(xué)質(zhì)量具有積極的作用。

如今，互聯(lián)網(wǎng)與移動(dòng)智能的發(fā)展速度都在快速提升，人類的日常生活更是與其密不可分。現(xiàn)在全球的移動(dòng)應(yīng)用程序正處于爆發(fā)式快速發(fā)展期，移動(dòng)智能網(wǎng)絡(luò)技術(shù)更是日新月異、與時(shí)俱進(jìn)[4，5]。從而人們對(duì)移動(dòng)應(yīng)用程序開(kāi)發(fā)的需求也在快速增長(zhǎng)，種種因素和趨勢(shì)都推動(dòng)了全球移動(dòng)應(yīng)用程序開(kāi)發(fā)技術(shù)的全面普及與創(chuàng)新發(fā)展，網(wǎng)絡(luò)教學(xué)是個(gè)大趨勢(shì)，所以移動(dòng)應(yīng)用程序精品課程網(wǎng)站自然而然地也成為時(shí)下的趨勢(shì)所在。而本課題的移動(dòng)應(yīng)用程序精品課程網(wǎng)站可將傳統(tǒng)課堂上的優(yōu)秀教學(xué)視頻、課件、習(xí)題等共享到網(wǎng)絡(luò)，精品課程網(wǎng)絡(luò)化教學(xué)可在網(wǎng)絡(luò)環(huán)境下為學(xué)習(xí)者提供優(yōu)秀的教學(xué)內(nèi)容和教學(xué)方法，學(xué)習(xí)者可通過(guò)精品課程網(wǎng)站的教學(xué)內(nèi)容和教學(xué)錄像等教學(xué)資源進(jìn)行在線學(xué)習(xí)，將傳統(tǒng)課堂電子化。

2.2 ? 研究?jī)?nèi)容

本課題主要研究的內(nèi)容是基于PHP的移動(dòng)應(yīng)用程序精品課程網(wǎng)站設(shè)計(jì)與開(kāi)發(fā)，利用HBuilder作為開(kāi)發(fā)平臺(tái)，采用PHP語(yǔ)言，使用Apache服務(wù)器和MySQL數(shù)據(jù)庫(kù)，設(shè)計(jì)開(kāi)發(fā)一個(gè)交互網(wǎng)站系統(tǒng)，為學(xué)生和教師提供了新的學(xué)習(xí)和交流的平臺(tái)，對(duì)提高教學(xué)質(zhì)量具有重要的意義[6]。主要實(shí)現(xiàn)的功能需求模塊如下：用戶管理模塊、課程描述模塊、課程公告模塊、教學(xué)隊(duì)伍模塊、教學(xué)資源模塊、教學(xué)練習(xí)模塊、交流互動(dòng)模塊。

3 ? 系統(tǒng)設(shè)計(jì)（System design）

3.1 ? 設(shè)計(jì)原則

為確保系統(tǒng)的順利開(kāi)發(fā)與設(shè)計(jì)，以及成功實(shí)現(xiàn)系統(tǒng)各個(gè)預(yù)期功能，必須遵循如下原則。

（1）安全性和可靠性：在開(kāi)發(fā)系統(tǒng)的過(guò)程中，務(wù)必要保證系統(tǒng)的輸入與輸出數(shù)據(jù)具有一定的安全性與可靠性，從而保證系統(tǒng)的準(zhǔn)確性。使用的主機(jī)、數(shù)據(jù)庫(kù)、開(kāi)發(fā)軟件平臺(tái)和瀏覽器測(cè)試平臺(tái)等都要保障系統(tǒng)的安全性和可靠性。

（2）頁(yè)面的簡(jiǎn)潔性和一致性：系統(tǒng)網(wǎng)站各頁(yè)面的布局風(fēng)格要統(tǒng)一，色調(diào)上也要協(xié)調(diào)一致，清晰明了，再根據(jù)不同頁(yè)面的特點(diǎn)進(jìn)行視覺(jué)優(yōu)化，達(dá)到良好的美觀性、清晰的層次感，能夠使用戶更好的理解和操作[7]。

（3）實(shí)用性和經(jīng)濟(jì)性：系統(tǒng)能實(shí)現(xiàn)精品課程網(wǎng)站應(yīng)有的基本功能，在開(kāi)發(fā)與設(shè)計(jì)過(guò)程中使用的開(kāi)發(fā)平臺(tái)與資源完全免費(fèi)開(kāi)放，具有一定的實(shí)用性和經(jīng)濟(jì)性。

（4）可擴(kuò)展性：系統(tǒng)開(kāi)發(fā)與設(shè)計(jì)過(guò)程中使用到的開(kāi)發(fā)平臺(tái)具有良好的可擴(kuò)展性，隨著以后的持續(xù)發(fā)展，系統(tǒng)仍能兼容與易實(shí)施。

（5）可管理性：系統(tǒng)的開(kāi)發(fā)與設(shè)計(jì)具有一定的可管理性，系統(tǒng)使用的數(shù)據(jù)幾乎都會(huì)存儲(chǔ)到MySQL數(shù)據(jù)庫(kù)，而且系統(tǒng)管理員具有管理與處理數(shù)據(jù)的所有權(quán)限[8]。

3.2 ?系統(tǒng)功能結(jié)構(gòu)圖

系統(tǒng)主要面向管理員、教師和學(xué)生。學(xué)生能夠進(jìn)行在線學(xué)習(xí)，查看課程公告與下載各種學(xué)習(xí)資源，還可以進(jìn)行留言提問(wèn)等;教師可以在線上傳教學(xué)資源和回復(fù)學(xué)生留言，解答問(wèn)題等;管理員可以對(duì)用戶信息、課程信息、教學(xué)資源和留言等進(jìn)行增刪改操作管理。系統(tǒng)功能結(jié)構(gòu)如圖1所示。

3.3 ? 系統(tǒng)流程圖設(shè)計(jì)

系統(tǒng)流程圖如圖2所示。

3.4 ? 數(shù)據(jù)庫(kù)設(shè)計(jì)

數(shù)據(jù)庫(kù)設(shè)計(jì)就是根據(jù)用戶需求和特定數(shù)據(jù)庫(kù)管理系統(tǒng)的具體特點(diǎn)，如何將現(xiàn)實(shí)世界的數(shù)據(jù)特征抽象為概念數(shù)據(jù)模型表示，最后構(gòu)造出最優(yōu)的數(shù)據(jù)庫(kù)模式，使之既能正確地反映現(xiàn)實(shí)世界的信息及其聯(lián)系，又能滿足用戶各種應(yīng)用需求（信息要求和處理要求）的過(guò)程。系統(tǒng)用到的幾個(gè)典型數(shù)據(jù)表設(shè)計(jì)如表1—表3所示。

4 ? 系統(tǒng)實(shí)現(xiàn)（System implementation）

系統(tǒng)使用HBuilder和WampServer兩個(gè)開(kāi)發(fā)工具共同進(jìn)行設(shè)計(jì)與開(kāi)發(fā)，結(jié)合選用MySQL數(shù)據(jù)庫(kù)作為后臺(tái)數(shù)據(jù)管理平臺(tái)，設(shè)計(jì)并實(shí)現(xiàn)了一種基于PHP與MySQL的移動(dòng)應(yīng)用程序精品課程網(wǎng)站。本系統(tǒng)的網(wǎng)頁(yè)端主要在HBuilder開(kāi)發(fā)平臺(tái)上利用HTML5與PHP語(yǔ)言結(jié)合CSS樣式來(lái)開(kāi)發(fā)設(shè)計(jì)，實(shí)現(xiàn)了各個(gè)界面的頁(yè)面布局、各個(gè)界面之間的頁(yè)面跳轉(zhuǎn)，以及各個(gè)界面的基本功能需求;而后臺(tái)服務(wù)端則借助WampServer開(kāi)發(fā)平臺(tái)利用Apache服務(wù)器來(lái)連接MySQL數(shù)據(jù)庫(kù)，根據(jù)網(wǎng)頁(yè)端的數(shù)據(jù)請(qǐng)求來(lái)操作管理數(shù)據(jù)庫(kù)，并把處理操作的結(jié)果返回到網(wǎng)頁(yè)端，從而實(shí)現(xiàn)前端與后臺(tái)之間的數(shù)據(jù)交互。

4.1 ? 用戶注冊(cè)與登錄

4.1.1 ? 用戶注冊(cè)界面

注冊(cè)登錄界面是指用戶進(jìn)入移動(dòng)應(yīng)用程序精品課程網(wǎng)站的入口，然而用戶在登錄前必須先進(jìn)行注冊(cè)操作才能獲取登錄的賬號(hào)密碼。

用戶注冊(cè)時(shí)，注冊(cè)界面上所需要填的所有信息都不能為空，否則會(huì)彈出警告提示，無(wú)法成功注冊(cè)。注冊(cè)的賬號(hào)規(guī)定必須為20字以內(nèi)的數(shù)字，否則會(huì)彈出“請(qǐng)與所請(qǐng)求的格式一致”提示;前后兩次輸入的密碼要一致，否則彈出“密碼不一致”提示;該界面只允許以教師或者學(xué)生的身份進(jìn)行注冊(cè)。所有注冊(cè)信息填寫(xiě)完后，系統(tǒng)根據(jù)填寫(xiě)的注冊(cè)賬號(hào)來(lái)判斷該用戶是否存在，若不存在，則注冊(cè)成功。否則，注冊(cè)不成功。注冊(cè)界面圖如圖3所示。

4.1.2 ? 用戶登錄

用戶注冊(cè)成功后會(huì)自動(dòng)跳轉(zhuǎn)到登錄界面。該界面要求登錄的賬號(hào)和密碼不能為空，否則提示“請(qǐng)輸入賬號(hào)或密碼！”。如果輸入不正確的賬號(hào)密碼或選擇不與賬號(hào)相對(duì)應(yīng)的用戶身份進(jìn)行登錄，會(huì)提示“賬號(hào)或密碼或身份權(quán)限不正確！”。只有用戶需要輸入正確的賬號(hào)、密碼，以及選擇相應(yīng)的用戶身份才可以登錄成功，系統(tǒng)根據(jù)用戶身份進(jìn)行驗(yàn)證然后跳轉(zhuǎn)到相應(yīng)的頁(yè)面。如果用戶已經(jīng)進(jìn)行登錄操作，返回再次登錄的話，會(huì)彈出“您已經(jīng)登錄，請(qǐng)勿重復(fù)登錄！”提示。只有用戶進(jìn)行了“退出登錄”的操作，才需要進(jìn)行重新登錄。

4.2 ? 學(xué)生端實(shí)現(xiàn)

4.2.1 ? 學(xué)生主界面

以學(xué)生的身份進(jìn)行登錄才能進(jìn)入到學(xué)生主界面。進(jìn)入學(xué)生主界面最先看到的是課程首頁(yè)，該界面色彩搭配和諧，操作方便快捷，主要介紹了移動(dòng)應(yīng)用程序精品課程的課程簡(jiǎn)介、課程內(nèi)容和課程相關(guān)的拓展資源。課程首頁(yè)界面圖如圖4所示。

4.2.2 ? 課程公告

課程公告界面主要用于展示發(fā)布的所有公告信息。為了界面布局的協(xié)調(diào)，界面上方加了一個(gè)輪播圖，下方展示公告列表。

4.2.3 ? 教學(xué)隊(duì)伍

教學(xué)隊(duì)伍界面主要用于展示與該課程相關(guān)的名師風(fēng)采圖及其基本信息。

4.2.4 ? 教學(xué)資源

教學(xué)資源界面主要用于展示本課程的教學(xué)視頻和教學(xué)課件，學(xué)生可以在線觀看以及下載教學(xué)視頻，也可以下載相關(guān)教學(xué)課件。教學(xué)資源界面圖如圖5所示。

4.2.5 ? 教學(xué)練習(xí)

教學(xué)練習(xí)界面主要用于展示課程作業(yè)習(xí)題及答案文件，學(xué)生可以對(duì)這些文件進(jìn)行下載。

4.2.6 ? 交流互動(dòng)

交流互動(dòng)界面主要用于展示發(fā)表的所有留言信息，學(xué)生可以在該界面發(fā)表自己的留言提問(wèn)，但是如果學(xué)生發(fā)表的留言內(nèi)容存在不良敏感詞的話，在提交發(fā)表的時(shí)候會(huì)被自動(dòng)替換成“@@@”;學(xué)生可以對(duì)自己的留言進(jìn)行刪除，也可以回復(fù)別人發(fā)表的留言，但不能刪除別人的留言。

4.2.7 ? 個(gè)人信息

個(gè)人信息界面主要用于展示學(xué)生用戶的個(gè)人資料和修改以及個(gè)人密碼的修改，學(xué)生用戶登錄成功后，系統(tǒng)根據(jù)學(xué)生的登錄賬號(hào)來(lái)獲取該學(xué)生的所有個(gè)人信息和密碼，學(xué)生進(jìn)行修改操作后，系統(tǒng)會(huì)根據(jù)學(xué)生的賬號(hào)來(lái)對(duì)學(xué)生的個(gè)人信息和密碼進(jìn)行更新。

4.3 ? 教師端實(shí)現(xiàn)

（1）教師主界面

以教師的身份輸入正確的賬號(hào)和密碼進(jìn)行登錄才能進(jìn)入到教師主界面。該界面功能主要有教師個(gè)人密碼修改、教師個(gè)人信息查詢及修改、上傳與刪除教學(xué)視頻、上傳與刪除教學(xué)文件和發(fā)表與回復(fù)留言。教師主界面圖如圖6所示。

（2）修改密碼

教師修改密碼界面主要是根據(jù)教師登錄的賬號(hào)進(jìn)行修改密碼操作，修改密碼成功后將自動(dòng)退出登錄，修改完密碼需要重新登錄。

（3）個(gè)人資料

教師個(gè)人資料界面主要是根據(jù)教師登錄的賬號(hào)來(lái)獲取該教師的所有個(gè)人資料，教師進(jìn)行修改操作后，系統(tǒng)會(huì)根據(jù)教師的賬號(hào)來(lái)對(duì)教師的個(gè)人資料進(jìn)行更新。

（4）視頻管理

教師視頻管理界面主要用于展示教師上傳的教學(xué)視頻，而且教師可上傳本地的教學(xué)視頻，上傳的視頻要控制在100M以內(nèi)，否則無(wú)法上傳。教師還可以對(duì)自己上傳的視頻進(jìn)行刪除操作。

（5）文件管理

教師文件管理界面主要用于展示教師上傳的教學(xué)文件，而且教師可上傳本地的教學(xué)文件，以及對(duì)自己上傳的文件進(jìn)行刪除操作。

（6）留言管理

教師留言管理界面主要用于展示發(fā)表的所有留言信息，教師可以在該界面發(fā)表自己的教學(xué)看法，但是如果教師發(fā)表的留言內(nèi)容存在不良敏感詞的話，在提交發(fā)表的時(shí)候會(huì)被自動(dòng)替換成“@@@”;教師可以對(duì)自己的留言進(jìn)行刪除，也可以回復(fù)學(xué)生發(fā)表的留言，但不能刪除自己以外的留言。

4.4 ? 管理員后臺(tái)實(shí)現(xiàn)

（1）管理員主界面

以管理員的身份輸入指定的賬號(hào)和正確的密碼進(jìn)行登錄才能進(jìn)入到管理員主界面。該界面主要功能有教師個(gè)人密碼修改、用戶管理、公告管理、圖片管理、視頻管理、文件管理和留言管理。管理員主界面圖如圖7所示。

（2）修改密碼

管理員修改密碼界面主要是根據(jù)管理員登錄的賬號(hào)進(jìn)行修改密碼操作，與其他用戶不同的是，管理員的賬號(hào)和姓名是系統(tǒng)里唯一的，不可修改的。同樣的，管理員修改密碼成功后將自動(dòng)退出登錄，修改完密碼需要重新登錄才能再次進(jìn)入到管理員主界面。

（3）用戶管理

用戶管理界面主要是用于展示已成功注冊(cè)本課程網(wǎng)站的所有用戶信息，而且管理員有權(quán)利對(duì)所有用戶信息進(jìn)行修改和刪除操作，還能添加新的用戶。

（4）公告管理

公告管理界面主要是用于展示已發(fā)布的所有公告信息，而且管理員有權(quán)利對(duì)所有公告信息進(jìn)行修改和刪除操作，還能添加新的公告。教師發(fā)布教學(xué)資源的同時(shí)，課程公告也會(huì)進(jìn)行實(shí)時(shí)更新。

（5）圖片管理

圖片管理界面主要是用于展示該課程網(wǎng)站教學(xué)隊(duì)伍的名師風(fēng)采圖片和信息，而且管理員有權(quán)利對(duì)所有名師風(fēng)采信息進(jìn)行修改與刪除操作，還能本地上傳名師風(fēng)采信息。

（6）視頻管理

視頻管理界面主要用于展示教師上傳的教學(xué)視頻，而且管理員可上傳本地的教學(xué)視頻，以及對(duì)所有已上傳的視頻進(jìn)行刪除操作。

（7）文件管理

文件管理界面主要用于展示教師上傳的教學(xué)文件，而且管理員可上傳本地的教學(xué)文件，以及對(duì)所有已上傳的文件進(jìn)行刪除操作。

（8）留言管理

留言管理界面主要用于展示發(fā)表的所有留言信息，管理員可以在該界面發(fā)表自己的教學(xué)看法，可以對(duì)自己的留言進(jìn)行刪除，也可以回復(fù)別人發(fā)表的留言，但不能刪除自己以外的留言。

5 ? 結(jié)論（Conclusion）

本文對(duì)移動(dòng)應(yīng)用程序開(kāi)發(fā)精品課程網(wǎng)站的設(shè)計(jì)開(kāi)發(fā)與實(shí)現(xiàn)做了詳細(xì)的敘述，并進(jìn)行了相應(yīng)的測(cè)試，預(yù)期的功能需求基本實(shí)現(xiàn)，但是還存在著一些不足之處：系統(tǒng)頁(yè)面布局相對(duì)簡(jiǎn)單，有待完善;留言板多級(jí)回復(fù)及在線練習(xí)和分類管理資源等功能有待進(jìn)一步完善;系統(tǒng)涵蓋的內(nèi)容還不全面，這些存在的問(wèn)題就是我們以后的努力方向。

參考文獻(xiàn)（References）

[1] B.Janarthanan，L.Sundararajah，M.Mahendran，et al.Web crippling behaviour and design of cold-formed steel section[J].Thin-Walled Structures，2019，140（07）：387-403.

[2] 韓映麗.基于Web的精品課程建設(shè)管理系統(tǒng)的研究與設(shè)計(jì)[D].華東師范大學(xué)，2010：18-36.

[3] Iman Dianat，Pari Adeli，Mohammad Asgari Jafarabadi，et al.User-centred web design，usability and user satisfaction：The case of online banking websites in Iran[J].Applied Ergonomics，2019，81（11）：83-87.

[4] Martin Classen，Wolfgang Kurz，Markus Sch?fer，et al.A mechanical design model for steel and concrete composite members with web openings[J].Engineering Structures，2019，197（10）：221-230.

[5] 顧保磊，吳云.高校精品課程網(wǎng)站建設(shè)研究[J].軟件導(dǎo)刊，2014，? ? ? 13（02）：175-177.

[6] 周毅勇.基于PHP的精品課程網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)[J].信息技術(shù)與信息化，2018（11）：131-133;136.

[7] 林定殷.對(duì)動(dòng)態(tài)網(wǎng)頁(yè)開(kāi)發(fā)技術(shù)的分析[J].信息與電腦（理論版），2019（01）：11-12.

[8] 景劍雄，汪海波，郭會(huì)娟，等.基于用戶體驗(yàn)的農(nóng)村科技信息網(wǎng)站界面設(shè)計(jì)原則研究[J].安徽工業(yè)大學(xué)學(xué)報(bào)（社會(huì)科學(xué)版），2018，35（02）：55-57.

作者簡(jiǎn)介：

沈 ? 旭（1979-），男，碩士，講師.研究領(lǐng)域：社會(huì)計(jì)算，移動(dòng)研究.

柯 ? 晴（1997-），女，本科生.研究領(lǐng)域：移動(dòng)開(kāi)發(fā).

王新政（1980-），男，碩士，講師.研究領(lǐng)域：模式識(shí)別.