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

沈旭 柯晴 王新政

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

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

中圖分類號：TP301 ? ? 文獻(xiàn)標(biāo)識碼：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)今社會，隨著科技的飛躍進(jìn)步，移動智能已經(jīng)走進(jìn)每家每戶，漸漸地Android操作系統(tǒng)也已成為移動智能科技市場的主流，各種移動應(yīng)用程序早已深入到人們生活之中，使得移動應(yīng)用編程成為程序開發(fā)的一個非常重要的方向。利用計(jì)算機(jī)編程來設(shè)計(jì)與開發(fā)一個移動應(yīng)用程序精品課程網(wǎng)站，能夠有效減少傳統(tǒng)課堂的約束與限制，有利于人們隨時隨地利用網(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é)資源，還能讓用戶通過網(wǎng)絡(luò)將各種優(yōu)秀的教學(xué)方法和案例分享到網(wǎng)站上來進(jìn)行相互學(xué)習(xí)與交流，有利于更高效率地學(xué)習(xí)。因此，移動應(yīng)用程序精品課程網(wǎng)站是一個有效地學(xué)習(xí)平臺。

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

2.1 ? 研究現(xiàn)狀

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

如今，互聯(lián)網(wǎng)與移動智能的發(fā)展速度都在快速提升，人類的日常生活更是與其密不可分?，F(xiàn)在全球的移動應(yīng)用程序正處于爆發(fā)式快速發(fā)展期，移動智能網(wǎng)絡(luò)技術(shù)更是日新月異、與時俱進(jìn)[4，5]。從而人們對移動應(yīng)用程序開發(fā)的需求也在快速增長，種種因素和趨勢都推動了全球移動應(yīng)用程序開發(fā)技術(shù)的全面普及與創(chuàng)新發(fā)展，網(wǎng)絡(luò)教學(xué)是個大趨勢，所以移動應(yīng)用程序精品課程網(wǎ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í)者可通過精品課程網(wǎng)站的教學(xué)內(nèi)容和教學(xué)錄像等教學(xué)資源進(jìn)行在線學(xué)習(xí)，將傳統(tǒng)課堂電子化。

2.2 ? 研究內(nèi)容

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

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

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

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

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

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

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

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

（5）可管理性：系統(tǒng)的開發(fā)與設(shè)計(jì)具有一定的可管理性，系統(tǒng)使用的數(shù)據(jù)幾乎都會存儲到MySQL數(shù)據(jù)庫，而且系統(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)行留言提問等;教師可以在線上傳教學(xué)資源和回復(fù)學(xué)生留言，解答問題等;管理員可以對用戶信息、課程信息、教學(xué)資源和留言等進(jìn)行增刪改操作管理。系統(tǒng)功能結(jié)構(gòu)如圖1所示。

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

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

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

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

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

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

4.1 ? 用戶注冊與登錄

4.1.1 ? 用戶注冊界面

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

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

4.1.2 ? 用戶登錄

用戶注冊成功后會自動跳轉(zhuǎn)到登錄界面。該界面要求登錄的賬號和密碼不能為空，否則提示“請輸入賬號或密碼！”。如果輸入不正確的賬號密碼或選擇不與賬號相對應(yīng)的用戶身份進(jìn)行登錄，會提示“賬號或密碼或身份權(quán)限不正確！”。只有用戶需要輸入正確的賬號、密碼，以及選擇相應(yīng)的用戶身份才可以登錄成功，系統(tǒng)根據(jù)用戶身份進(jìn)行驗(yàn)證然后跳轉(zhuǎn)到相應(yīng)的頁面。如果用戶已經(jīng)進(jìn)行登錄操作，返回再次登錄的話，會彈出“您已經(jī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īng)用程序精品課程的課程簡介、課程內(nèi)容和課程相關(guān)的拓展資源。課程首頁界面圖如圖4所示。

4.2.2 ? 課程公告

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

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é)生可以對這些文件進(jìn)行下載。

4.2.6 ? 交流互動

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

4.2.7 ? 個人信息

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

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

（1）教師主界面

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

（2）修改密碼

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

（3）個人資料

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

（4）視頻管理

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

（5）文件管理

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

（6）留言管理

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

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

（1）管理員主界面

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

（2）修改密碼

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

（3）用戶管理

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

（4）公告管理

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

（5）圖片管理

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

（6）視頻管理

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

（7）文件管理

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

（8）留言管理

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

5 ? 結(jié)論（Conclusion）

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

參考文獻(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] 林定殷.對動態(tài)網(wǎng)頁開發(fā)技術(shù)的分析[J].信息與電腦（理論版），2019（01）：11-12.

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

作者簡介：

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

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

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