移動應用程序開發精品課程網站研究與設計

沈旭 柯晴 王新政

摘 ?要：精品課程的建設是提高高等教育質量，實現高等教育跨越式發展的重要舉措，除了建設一流的教學團隊，創建一流的管理外，建設一個界面友好，資源豐富，互動性強的精品課程網站也至關重要。《移動應用程序開發》精品課程網站經過系統功能需求分析及總體設計，利用HBuilder平臺和PHP語言完成了注冊、登錄、瀏覽信息、上傳下載文件、在線交流、視頻播放等功能設計。系統后臺采用Apache、PHP和MySQL進行搭建。

關鍵詞：移動應用程序;精品課程;網站開發

中圖分類號：TP301 ? ? 文獻標識碼：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）

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

2 ? 研究現狀及內容（Research status and content）

2.1 ? 研究現狀

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

如今，互聯網與移動智能的發展速度都在快速提升，人類的日常生活更是與其密不可分。現在全球的移動應用程序正處于爆發式快速發展期，移動智能網絡技術更是日新月異、與時俱進[4，5]。從而人們對移動應用程序開發的需求也在快速增長，種種因素和趨勢都推動了全球移動應用程序開發技術的全面普及與創新發展，網絡教學是個大趨勢，所以移動應用程序精品課程網站自然而然地也成為時下的趨勢所在。而本課題的移動應用程序精品課程網站可將傳統課堂上的優秀教學視頻、課件、習題等共享到網絡，精品課程網絡化教學可在網絡環境下為學習者提供優秀的教學內容和教學方法，學習者可通過精品課程網站的教學內容和教學錄像等教學資源進行在線學習，將傳統課堂電子化。

2.2 ? 研究內容

本課題主要研究的內容是基于PHP的移動應用程序精品課程網站設計與開發，利用HBuilder作為開發平臺，采用PHP語言，使用Apache服務器和MySQL數據庫，設計開發一個交互網站系統，為學生和教師提供了新的學習和交流的平臺，對提高教學質量具有重要的意義[6]。主要實現的功能需求模塊如下：用戶管理模塊、課程描述模塊、課程公告模塊、教學隊伍模塊、教學資源模塊、教學練習模塊、交流互動模塊。

3 ? 系統設計（System design）

3.1 ? 設計原則

為確保系統的順利開發與設計，以及成功實現系統各個預期功能，必須遵循如下原則。

（1）安全性和可靠性：在開發系統的過程中，務必要保證系統的輸入與輸出數據具有一定的安全性與可靠性，從而保證系統的準確性。使用的主機、數據庫、開發軟件平臺和瀏覽器測試平臺等都要保障系統的安全性和可靠性。

（2）頁面的簡潔性和一致性：系統網站各頁面的布局風格要統一，色調上也要協調一致，清晰明了，再根據不同頁面的特點進行視覺優化，達到良好的美觀性、清晰的層次感，能夠使用戶更好的理解和操作[7]。

（3）實用性和經濟性：系統能實現精品課程網站應有的基本功能，在開發與設計過程中使用的開發平臺與資源完全免費開放，具有一定的實用性和經濟性。

（4）可擴展性：系統開發與設計過程中使用到的開發平臺具有良好的可擴展性，隨著以后的持續發展，系統仍能兼容與易實施。

（5）可管理性：系統的開發與設計具有一定的可管理性，系統使用的數據幾乎都會存儲到MySQL數據庫，而且系統管理員具有管理與處理數據的所有權限[8]。

3.2 ?系統功能結構圖

系統主要面向管理員、教師和學生。學生能夠進行在線學習，查看課程公告與下載各種學習資源，還可以進行留言提問等;教師可以在線上傳教學資源和回復學生留言，解答問題等;管理員可以對用戶信息、課程信息、教學資源和留言等進行增刪改操作管理。系統功能結構如圖1所示。

3.3 ? 系統流程圖設計

系統流程圖如圖2所示。

3.4 ? 數據庫設計

數據庫設計就是根據用戶需求和特定數據庫管理系統的具體特點，如何將現實世界的數據特征抽象為概念數據模型表示，最后構造出最優的數據庫模式，使之既能正確地反映現實世界的信息及其聯系，又能滿足用戶各種應用需求（信息要求和處理要求）的過程。系統用到的幾個典型數據表設計如表1—表3所示。

4 ? 系統實現（System implementation）

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

4.1 ? 用戶注冊與登錄

4.1.1 ? 用戶注冊界面

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

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

4.1.2 ? 用戶登錄

用戶注冊成功后會自動跳轉到登錄界面。該界面要求登錄的賬號和密碼不能為空，否則提示“請輸入賬號或密碼！”。如果輸入不正確的賬號密碼或選擇不與賬號相對應的用戶身份進行登錄，會提示“賬號或密碼或身份權限不正確！”。只有用戶需要輸入正確的賬號、密碼，以及選擇相應的用戶身份才可以登錄成功，系統根據用戶身份進行驗證然后跳轉到相應的頁面。如果用戶已經進行登錄操作，返回再次登錄的話，會彈出“您已經登錄，請勿重復登錄！”提示。只有用戶進行了“退出登錄”的操作，才需要進行重新登錄。

4.2 ? 學生端實現

4.2.1 ? 學生主界面

以學生的身份進行登錄才能進入到學生主界面。進入學生主界面最先看到的是課程首頁，該界面色彩搭配和諧，操作方便快捷，主要介紹了移動應用程序精品課程的課程簡介、課程內容和課程相關的拓展資源。課程首頁界面圖如圖4所示。

4.2.2 ? 課程公告

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

4.2.3 ? 教學隊伍

教學隊伍界面主要用于展示與該課程相關的名師風采圖及其基本信息。

4.2.4 ? 教學資源

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

4.2.5 ? 教學練習

教學練習界面主要用于展示課程作業習題及答案文件，學生可以對這些文件進行下載。

4.2.6 ? 交流互動

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

4.2.7 ? 個人信息

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

4.3 ? 教師端實現

（1）教師主界面

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

（2）修改密碼

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

（3）個人資料

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

（4）視頻管理

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

（5）文件管理

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

（6）留言管理

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

4.4 ? 管理員后臺實現

（1）管理員主界面

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

（2）修改密碼

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

（3）用戶管理

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

（4）公告管理

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

（5）圖片管理

圖片管理界面主要是用于展示該課程網站教學隊伍的名師風采圖片和信息，而且管理員有權利對所有名師風采信息進行修改與刪除操作，還能本地上傳名師風采信息。

（6）視頻管理

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

（7）文件管理

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

（8）留言管理

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

5 ? 結論（Conclusion）

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

參考文獻（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的精品課程建設管理系統的研究與設計[D].華東師范大學，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] 顧保磊，吳云.高校精品課程網站建設研究[J].軟件導刊，2014，? ? ? 13（02）：175-177.

[6] 周毅勇.基于PHP的精品課程網站設計與實現[J].信息技術與信息化，2018（11）：131-133;136.

[7] 林定殷.對動態網頁開發技術的分析[J].信息與電腦（理論版），2019（01）：11-12.

[8] 景劍雄，汪海波，郭會娟，等.基于用戶體驗的農村科技信息網站界面設計原則研究[J].安徽工業大學學報（社會科學版），2018，35（02）：55-57.

作者簡介：

沈 ? 旭（1979-），男，碩士，講師.研究領域：社會計算，移動研究.

柯 ? 晴（1997-），女，本科生.研究領域：移動開發.

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