畢業(yè)設(shè)計(jì)（論文）矢量圖形處理技術(shù)網(wǎng)絡(luò)平臺(tái)的設(shè)計(jì)與開(kāi)發(fā)

1、<p><b>　　本科畢業(yè)設(shè)計(jì)</b></p><p><b>　?。ㄈ宋目茖W(xué)）</b></p><p>　　題 目：矢量圖形處理技術(shù)網(wǎng)絡(luò)平臺(tái)的設(shè)計(jì)與開(kāi)發(fā)</p><p>　　院（系、部）： 教育學(xué)院 </p><p>　　學(xué)

2、 生 姓 名： 徐風(fēng)肖 </p><p>　　指 導(dǎo) 教 師： 谷麗偉 職 稱 講師 </p><p><b>　　2016年6月5日</b></p><p>　　河北科技師范學(xué)院教務(wù)處制 </p><p><b>　　資

3、料目錄</b></p><p><b>　　河北科技師范學(xué)院</b></p><p><b>　　本科畢業(yè)設(shè)計(jì)</b></p><p>　　矢量圖形處理技術(shù)網(wǎng)絡(luò)平臺(tái)的設(shè)計(jì)與開(kāi)發(fā)</p><p>　　院（系、部）名 稱 ： 教育學(xué)院 </p>

4、<p>　　專 業(yè) 名 稱： 教育技術(shù)學(xué) </p><p>　　學(xué) 生 姓 名： 徐風(fēng)肖 </p><p>　　學(xué) 生 學(xué) 號(hào)： 1911110222 </p><p>　　指 導(dǎo) 教 師： 谷麗偉 </p><

5、p>　　2016年5月28日</p><p>　　河北科技師范學(xué)院教務(wù)處制 </p><p><b>　　學(xué) 術(shù) 聲 明</b></p><p>　　本人呈交的學(xué)位論文，是在導(dǎo)師的指導(dǎo)下，獨(dú)立進(jìn)行研究工作所取得的成果，所有數(shù)據(jù)、圖片資料真實(shí)可靠。盡我所知，除文中已經(jīng)注明引用的內(nèi)容外，本學(xué)位論文的研究成果不包含他人享有著作權(quán)

6、的內(nèi)容。對(duì)本論文所涉及的研究工作做出貢獻(xiàn)的其他個(gè)人和集體，均已在文中以明確的方式標(biāo)明。本學(xué)位論文的知識(shí)產(chǎn)權(quán)歸屬于河北科技師范學(xué)院。</p><p>　　本人簽名： 日期： </p><p>　　指導(dǎo)教師簽名： 日期： </p>

7、;<p><b>　　摘 要</b></p><p>　　隨著信息技術(shù)的飛速發(fā)展，網(wǎng)絡(luò)教學(xué)平臺(tái)不僅僅成為了傳統(tǒng)課堂的重要輔助手段和補(bǔ)充，更是成為某些學(xué)習(xí)課題的重要發(fā)展形式，給學(xué)習(xí)者帶來(lái)了便利的學(xué)習(xí)條件，更調(diào)動(dòng)了他們自主學(xué)習(xí)的積極性，本平臺(tái)是以coreldraw課程為主來(lái)設(shè)計(jì)矢量圖形處理技術(shù)這一門(mén)課程的網(wǎng)絡(luò)平臺(tái)。該網(wǎng)絡(luò)平臺(tái)以PHP+MySql技術(shù)為支撐，開(kāi)發(fā)該網(wǎng)站。研究目的是為了

8、充分調(diào)動(dòng)學(xué)習(xí)者的積極性，并輔助他們高效的學(xué)習(xí)矢量圖形處理技術(shù)這門(mén)課程。從技術(shù)上來(lái)講，我們以PHP+MySql技術(shù)為支撐，該技術(shù)具有開(kāi)源、免費(fèi)、應(yīng)用廣的特點(diǎn)，對(duì)于開(kāi)發(fā)者來(lái)講就不會(huì)存在費(fèi)用問(wèn)題。并且由于應(yīng)用廣，可參考的實(shí)例就會(huì)很多，對(duì)于開(kāi)發(fā)者創(chuàng)新很有優(yōu)勢(shì)；從內(nèi)容上講，該課程是基于長(zhǎng)期從事coreldraw課程教學(xué)的一線教師豐富的教學(xué)經(jīng)驗(yàn)來(lái)安排教學(xué)內(nèi)容的，所以對(duì)于學(xué)習(xí)者的學(xué)習(xí)心理、課程的重難點(diǎn)等都研究的很透徹，這樣課程內(nèi)容也更符合學(xué)習(xí)者的學(xué)習(xí)

9、習(xí)慣跟心理特點(diǎn)。有了成熟的技術(shù)支撐，豐富的課程內(nèi)容，這些都為搭建本平臺(tái)奠定了堅(jiān)實(shí)的基礎(chǔ)。</p><p>　　關(guān)鍵詞：網(wǎng)絡(luò)教學(xué)平臺(tái)；coreldraw課程；矢量圖形處理技術(shù)；PHP技術(shù)；MySql</p><p><b>　　Abstract</b></p><p>　　With the rapidly development of infor

10、mation technology, Network teaching platform is not only as an adjunct or supplement to traditional classroom but also the important development form for some subjects. Network teaching platform brought convenient learni

11、ng conditions for the learners and arouse the enthusiasm of their autonomous learning.This platform is based on PHP+MySql technology,and focuses on Coreldraw course to  show the vector graphics processing technology

12、. Research purpose is in ord</p><p>　　Keywords: Network teaching platform; Coreldraw course; vector graphics processing technology ；PHP; MySql</p><p><b>　　目 錄</b></p><p>

13、;<b>　　摘 要I</b></p><p>　　AbstractII</p><p><b>　　一、緒論1</b></p><p>　　（一）系統(tǒng)開(kāi)發(fā)的背景及其意義1</p><p>　?。ǘ┚W(wǎng)絡(luò)教學(xué)平臺(tái)現(xiàn)狀分析與研究1</p><p>　　1．國(guó)外研究現(xiàn)狀

14、2</p><p>　　2．國(guó)內(nèi)研究現(xiàn)狀2</p><p>　?。ㄈ┚W(wǎng)絡(luò)教學(xué)平臺(tái)的研究?jī)?nèi)容2</p><p>　　二、 開(kāi)發(fā)工具的介紹3</p><p>　?。ㄒ唬㏄HP技術(shù)綜述3</p><p>　　1.PHP的概念3</p><p>　　2.PHP工作原理3</p>

15、;<p>　?。ǘ?MySql的介紹3</p><p>　?。ㄈ?CMS內(nèi)容管理系統(tǒng)4</p><p><b>　　三、需求分析5</b></p><p>　　(一) 用戶需求分析5</p><p>　　1.學(xué)習(xí)者用戶分析5</p><p>　　2.管理者用戶分析5&

16、lt;/p><p>　　（二）可行性分析5</p><p>　?。ㄈ?shù)據(jù)庫(kù)需求分析6</p><p>　　四、系統(tǒng)總體設(shè)計(jì)6</p><p>　?。ㄒ唬┚W(wǎng)絡(luò)教學(xué)平臺(tái)的設(shè)計(jì)思想6</p><p>　?。ǘ┫到y(tǒng)功能設(shè)計(jì)6</p><p><b>　　1.系統(tǒng)構(gòu)架6</b&

17、gt;</p><p>　　2.主要功能模塊目標(biāo)設(shè)計(jì)7</p><p>　?。ㄈ┫到y(tǒng)界面設(shè)計(jì)原則8</p><p>　?。ㄋ模?shù)據(jù)庫(kù)設(shè)計(jì)9</p><p><b>　　1.數(shù)據(jù)庫(kù)介紹9</b></p><p>　　2.數(shù)據(jù)庫(kù)中數(shù)據(jù)表的結(jié)構(gòu)9</p><p>　　

18、五、網(wǎng)絡(luò)教學(xué)平臺(tái)的實(shí)現(xiàn)11</p><p>　　（一）登錄模塊12</p><p>　　1.用戶登錄模塊12</p><p>　　2.教師或管理員后臺(tái)登錄模塊12</p><p>　?。ǘ┣芭_(tái)教學(xué)模塊13</p><p><b>　　1.主頁(yè)13</b></p><

19、;p>　　2.課程介紹頁(yè)面13</p><p>　　3.教學(xué)內(nèi)容頁(yè)面13</p><p>　　4.視頻資源頁(yè)面14</p><p>　　5.案例展示頁(yè)面14</p><p>　　6.學(xué)生作品展示頁(yè)面16</p><p>　　7.素材下載頁(yè)面16</p><p>　　8.互動(dòng)交流

20、頁(yè)面17</p><p>　?。ㄈ┖笈_(tái)管理模塊17</p><p>　　1.后臺(tái)管理主頁(yè)面17</p><p>　　2.教學(xué)內(nèi)容添加和管理頁(yè)面17</p><p>　　3.教學(xué)視頻添加和管理模塊頁(yè)面18</p><p>　　4.作品展示添加和管理頁(yè)面19</p><p>　　5.用

21、戶管理頁(yè)面19</p><p><b>　　結(jié)論20</b></p><p><b>　　參考文獻(xiàn)20</b></p><p><b>　　致謝22</b></p><p><b>　　一、緒論</b></p><p>　　

22、（一）系統(tǒng)開(kāi)發(fā)的背景及其意義</p><p>　　隨著信息技術(shù)與網(wǎng)絡(luò)資源的飛速發(fā)展，尤其是近兩年信息技術(shù)的迅猛發(fā)展，比如最近來(lái)勢(shì)洶洶的人工智能，等等，都在向我們展示信息技術(shù)在我們生活中是多么的重要，我們生活中的大部分都在被信息技術(shù)和網(wǎng)絡(luò)資源占據(jù)，我們?cè)絹?lái)越多的開(kāi)始從網(wǎng)上獲取信息，學(xué)習(xí)我們想要補(bǔ)充的知識(shí)，獲取更便利的生活條件。當(dāng)然，對(duì)于教學(xué)也是一樣的，我們現(xiàn)在越來(lái)越多的傾向于從網(wǎng)上獲取知識(shí)，因?yàn)樗臒o(wú)地域限制性。不

23、僅信息技術(shù)在我國(guó)的發(fā)展如此迅速，國(guó)家在網(wǎng)絡(luò)教育上的投入也越來(lái)越多，越來(lái)越重視。各種校園網(wǎng)絡(luò)、多媒體教室的建設(shè)，再到現(xiàn)在的各類網(wǎng)絡(luò)課堂，e-learning，網(wǎng)絡(luò)微課等教學(xué)模式的突起。所以無(wú)論是網(wǎng)絡(luò)技術(shù)上的發(fā)展，學(xué)習(xí)者選擇的傾向性，還是國(guó)家對(duì)于網(wǎng)絡(luò)教學(xué)的重視，都在向我們展示著，網(wǎng)絡(luò)教育將成為以后教育發(fā)展的重要形式之一。</p><p>　　網(wǎng)絡(luò)學(xué)習(xí)是借助計(jì)算機(jī)網(wǎng)絡(luò)進(jìn)行的一種學(xué)習(xí)活動(dòng)，自主學(xué)習(xí)與協(xié)商學(xué)習(xí)是它的主要學(xué)習(xí)

24、方式。網(wǎng)絡(luò)學(xué)習(xí)的特征包括具有共享豐富的網(wǎng)絡(luò)化學(xué)習(xí)資源、自主學(xué)習(xí)、探索知識(shí)和協(xié)作學(xué)習(xí)為主要形式、突破了傳統(tǒng)學(xué)習(xí)的時(shí)空限制等等[1]。通過(guò)網(wǎng)絡(luò)學(xué)習(xí)，學(xué)習(xí)者可以方便的獲取各種各樣的資源，包括文字，圖像，視頻，音頻等等。也正因?yàn)榫W(wǎng)絡(luò)的共享性，我們可以重復(fù)利用我們的資源，相比于傳統(tǒng)課堂，我們不用再一遍遍講授，一個(gè)知識(shí)點(diǎn)放到網(wǎng)上，可以無(wú)限次，被無(wú)數(shù)人查看。這樣，學(xué)習(xí)者就可以通過(guò)網(wǎng)絡(luò)，在教師的指導(dǎo)下進(jìn)行自主探索和協(xié)商學(xué)習(xí)。這種模式更能體現(xiàn)在網(wǎng)絡(luò)教學(xué)環(huán)

25、境中，教與學(xué)，理論與實(shí)踐的充分結(jié)合[2]。也更能體現(xiàn)以學(xué)生為主的，培養(yǎng)學(xué)生自主學(xué)習(xí)的教學(xué)理念。</p><p>　　而矢量圖形處理技術(shù)作為一門(mén)更重操作的實(shí)踐課程，單純的理論課堂不足于滿足學(xué)習(xí)者的學(xué)習(xí)需求，學(xué)習(xí)者更需要的是操作實(shí)驗(yàn)，這樣基于操作的視頻講解還有矢量圖形案例便成為教學(xué)素材的重點(diǎn)。而對(duì)于視頻與圖例來(lái)說(shuō)，通過(guò)網(wǎng)絡(luò)平臺(tái)更易傳播與共享，是對(duì)傳統(tǒng)教學(xué)模式的重要補(bǔ)充，并具有不可替代性的優(yōu)越性。而在傳統(tǒng)的課堂教學(xué)中，

26、由于只能通過(guò)學(xué)生與教師之間進(jìn)行有限的知識(shí)交流，而使得教學(xué)在學(xué)習(xí)內(nèi)容上難以擴(kuò)展，教育效果并不明顯。利用PHP網(wǎng)絡(luò)技術(shù)進(jìn)行網(wǎng)絡(luò)教學(xué)平臺(tái)的設(shè)計(jì)可以有效的提高教學(xué)靈活性與高效性[3]。</p><p>　　網(wǎng)絡(luò)教學(xué)模式的應(yīng)用離不開(kāi)網(wǎng)絡(luò)教學(xué)平臺(tái)的支撐，因此合理設(shè)計(jì)網(wǎng)絡(luò)教學(xué)平臺(tái)，讓其更利于老師的教與學(xué)習(xí)者的學(xué)，對(duì)于網(wǎng)絡(luò)教學(xué)平臺(tái)而言，具有重大意義[4]。</p><p>　?。ǘ┚W(wǎng)絡(luò)教學(xué)平臺(tái)現(xiàn)狀分析與

27、研究</p><p>　　網(wǎng)絡(luò)教學(xué)平臺(tái)是基于Internet開(kāi)展現(xiàn)代遠(yuǎn)程教育的支撐平臺(tái)，為遠(yuǎn)程教學(xué)的學(xué)習(xí)者和教育者提供了授課、學(xué)習(xí)、答疑、討論以及作業(yè)處理等教學(xué)過(guò)程的支持工具[5]。</p><p><b>　　1．國(guó)外研究現(xiàn)狀</b></p><p>　　1990年，由美國(guó)克萊蒙特大學(xué)教授凱尼斯.格林（Kenneth Green）發(fā)起并主持的

28、一項(xiàng)大型科研項(xiàng)目“信息化校園計(jì)劃”（The Campus Computing Project），是數(shù)字化校園概念的最早出現(xiàn)[6]。也就是現(xiàn)在的網(wǎng)絡(luò)教學(xué)的前身。因此網(wǎng)絡(luò)教平臺(tái)在國(guó)外發(fā)展比較早。在1996年，美國(guó)就出現(xiàn)了虛擬大學(xué)，并且當(dāng)時(shí)的學(xué)習(xí)者，可以通過(guò)在網(wǎng)絡(luò)平臺(tái)學(xué)習(xí)計(jì)算機(jī)網(wǎng)絡(luò)課程，采用計(jì)算機(jī)考試并獲得學(xué)位，這是網(wǎng)絡(luò)教育的開(kāi)端[7]。而在二十一世紀(jì)的今天，在國(guó)際上具備較強(qiáng)的影響力的網(wǎng)絡(luò)教學(xué)平臺(tái)主要包括：WEB CT，BlackBoard，

29、E-Learning等。</p><p>　　還有edX （edX是麻省理工和哈佛大學(xué)于2012年4月聯(lián)手創(chuàng)建的大規(guī)模開(kāi)放在線課堂平臺(tái)[8]。它免費(fèi)給大眾提供大學(xué)教育水平的在線課堂。兩所大學(xué)在這個(gè)非盈利性計(jì)劃各資助三千萬(wàn)美元）和Coursera（Coursera是免費(fèi)大型公開(kāi)在線課程項(xiàng)目，由美國(guó)斯坦福大學(xué)兩名計(jì)算機(jī)科學(xué)教授創(chuàng)辦。旨在同世界頂尖大學(xué)合作，在線提供免費(fèi)的網(wǎng)絡(luò)公開(kāi)課程。Coursera 的首批合作院校包

30、括斯坦福大學(xué)、密歇根大學(xué)、普林斯頓大學(xué)、賓夕法尼亞大學(xué)等美國(guó)名校）等，北京大學(xué)同時(shí)也與這兩家教育平臺(tái)簽訂協(xié)議。因此網(wǎng)絡(luò)教學(xué)平臺(tái)進(jìn)一步和知名傳統(tǒng)名校結(jié)合。</p><p><b>　　2．國(guó)內(nèi)研究現(xiàn)狀 </b></p><p>　　我國(guó)的網(wǎng)絡(luò)教育始于1994年國(guó)家實(shí)施的教育科研網(wǎng)示范工程。我國(guó)的網(wǎng)絡(luò)教育雖然起步晚，但發(fā)展的快[9]。近二十年來(lái)，隨著我國(guó)網(wǎng)絡(luò)技術(shù)的發(fā)展和國(guó)

31、家對(duì)于網(wǎng)絡(luò)教學(xué)平臺(tái)的扶持，網(wǎng)絡(luò)教學(xué)平臺(tái)越來(lái)越受到重視，也越來(lái)越受到學(xué)習(xí)者的青睞。比如現(xiàn)在不僅有國(guó)家大力展開(kāi)的“網(wǎng)絡(luò)微課”，還有各知名學(xué)校的公開(kāi)課，比如北京大學(xué)，清華大學(xué)相繼加入edX，和國(guó)外大型網(wǎng)絡(luò)教學(xué)平臺(tái)合作。不僅如此，網(wǎng)絡(luò)主流媒體也紛紛設(shè)立公開(kāi)網(wǎng)課，比如網(wǎng)易視頻公開(kāi)課和網(wǎng)易云課堂、淘寶同學(xué)等。愛(ài)課程網(wǎng)與網(wǎng)易云課堂合作，推出“中國(guó)大學(xué)MOOC”平臺(tái)；在線數(shù)字資源提供商超星集團(tuán)推出“超星慕課”；卓越睿新數(shù)碼公司與東西部高校課程共享聯(lián)盟合

32、作，推出“智慧樹(shù)”......近兩年來(lái)，高校和互聯(lián)網(wǎng)企業(yè)紛紛殺入在線教育產(chǎn)業(yè)，開(kāi)發(fā)的各種類型大規(guī)模在線開(kāi)放課程平臺(tái)紛紛上線[10]。由此可以看出我國(guó)網(wǎng)絡(luò)教學(xué)平臺(tái)發(fā)展之迅猛。但在發(fā)展的同時(shí)仍有些待解決的問(wèn)題，需要我們進(jìn)一步去完善。</p><p>　　（三）網(wǎng)絡(luò)教學(xué)平臺(tái)的研究?jī)?nèi)容</p><p>　　建立網(wǎng)絡(luò)教學(xué)平臺(tái)，實(shí)現(xiàn)矢量圖形處理技術(shù)的教學(xué)視頻和教學(xué)內(nèi)容，素材案例的共享，實(shí)現(xiàn)學(xué)生的自主學(xué)

33、習(xí)和協(xié)商學(xué)習(xí)，同時(shí)實(shí)現(xiàn)這門(mén)課程最優(yōu)化的教學(xué)方式。后臺(tái)管理必須滿足教務(wù)人員的需求，前臺(tái)更要做好交互功能，提高學(xué)生的積極性，成為自主探索的好幫手。不僅如此，還要完善留言答疑等功能，不僅教師可以更方便的為學(xué)生答疑解惑，學(xué)生之間也可以相互交流，相互學(xué)習(xí)。</p><p>　　二、 開(kāi)發(fā)工具的介紹</p><p>　?。ㄒ唬㏄HP技術(shù)綜述</p><p><b>　

34、　1.PHP的概念</b></p><p>　　PHP（外文名:PHP: Hypertext Preprocessor，中文名：“超文本預(yù)處理器”）是一種通用開(kāi)源腳本語(yǔ)言。最初是 1994 年 Rasmus Lerdorf 創(chuàng)建的，剛開(kāi)始只是一個(gè)簡(jiǎn)單的用 Perl 語(yǔ)言編寫(xiě)的程序，用來(lái)統(tǒng)計(jì)個(gè)人網(wǎng)站的訪問(wèn)量。以后越來(lái)越多的網(wǎng)站使用了 PHP，并且強(qiáng)烈要求擴(kuò)充 PHP 的新特性，逐步發(fā)展為今天功能強(qiáng)大的用

35、于開(kāi)發(fā)動(dòng)態(tài)網(wǎng)站的 PHP 語(yǔ)言[11]。語(yǔ)法吸收了C語(yǔ)言、Java和Perl的特點(diǎn)，利于學(xué)習(xí)，使用廣泛，主要適用于Web開(kāi)發(fā)領(lǐng)域。PHP 獨(dú)特的語(yǔ)法混合了C、Java、Perl以及PHP自創(chuàng)的語(yǔ)法。它可以比CGI或者Perl更快速地執(zhí)行動(dòng)態(tài)網(wǎng)頁(yè)。用PHP做出的動(dòng)態(tài)頁(yè)面與其他的編程語(yǔ)言相比，PHP是將程序嵌入到HTML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用）文檔中去執(zhí)行，執(zhí)行效率比完全生成HTML標(biāo)記的CGI要高許多；PHP還可以執(zhí)行編譯后代碼，

36、編譯可以達(dá)到加密和優(yōu)化代碼運(yùn)行，使代碼運(yùn)行更快[12]。</p><p><b>　　2.PHP工作原理</b></p><p>　　PHP的所有應(yīng)用程序都是通過(guò)WEB服務(wù)器(如IIS或Apache)和PHP引擎程序解釋執(zhí)行完成的，工作過(guò)程：</p><p>　　(1)當(dāng)用戶在瀏覽器地址中輸入要訪問(wèn)的PHP頁(yè)面文件名，然后回車就會(huì)觸發(fā)這個(gè)PHP

37、請(qǐng)求，并將請(qǐng)求傳送化支持PHP的WEB服務(wù)器[13]。</p><p>　　(2)WEB服務(wù)器接受這個(gè)請(qǐng)求，并根據(jù)其后綴進(jìn)行判斷如果是一個(gè)PHP請(qǐng)求，WEB服務(wù)器從硬盤(pán)或內(nèi)存中取出用戶要訪問(wèn)的PHP應(yīng)用程序，并將其發(fā)送給PHP引擎程序。</p><p>　　(3)PHP引擎程序?qū)?huì)對(duì)WEB服務(wù)器傳送過(guò)來(lái)的文件從頭到尾進(jìn)行掃描并根據(jù)命令從后臺(tái)讀取，處理數(shù)據(jù)，并動(dòng)態(tài)地生成相應(yīng)的HTML頁(yè)面。&

38、lt;/p><p>　　(4)PHP引擎將生成HTML頁(yè)面返回給WEB服務(wù)器。WEB服務(wù)器再將HTML頁(yè)面返回給客戶端瀏覽器[14]。</p><p>　?。ǘ?MySql的介紹</p><p>　　MySQL是一個(gè)關(guān)系型數(shù)據(jù)庫(kù)管理系統(tǒng)，由瑞典MySQL AB 公司開(kāi)發(fā)，目前屬于 Oracle 旗下公司[15]。MySQL 最流行的關(guān)系型數(shù)據(jù)庫(kù)管理系統(tǒng)，在 WEB 應(yīng)

39、用方面MySQL是最好的 RDBMS (Relational Database Management System，關(guān)系數(shù)據(jù)庫(kù)管理系統(tǒng)) 應(yīng)用軟件之一。</p><p>　　圖1 PHP的工作原理圖</p><p>　　MySQL是一種關(guān)聯(lián)數(shù)據(jù)庫(kù)管理系統(tǒng)，關(guān)聯(lián)數(shù)據(jù)庫(kù)將數(shù)據(jù)保存在不同的表中，而不是將所有數(shù)據(jù)放在一個(gè)大倉(cāng)庫(kù)內(nèi)，這樣就增加了速度并提高了靈活性。</p><p&

40、gt;　　MySQL所使用的 SQL 語(yǔ)言是用于訪問(wèn)數(shù)據(jù)庫(kù)的最常用標(biāo)準(zhǔn)化語(yǔ)言。MySQL 軟件采用了雙授權(quán)政策，它分為社區(qū)版和商業(yè)版，由于其體積小、速度快、總體擁有成本低，尤其是開(kāi)放源碼這一特點(diǎn)，一般中小型網(wǎng)站的開(kāi)發(fā)都選擇 MySQL 作為網(wǎng)站數(shù)據(jù)庫(kù)[16]。</p><p>　　（三） CMS內(nèi)容管理系統(tǒng)</p><p>　　CMS是Content Management System的縮

41、寫(xiě)，意為"內(nèi)容管理系統(tǒng)"。 內(nèi)容管理系統(tǒng)是企業(yè)信息化建設(shè)和電子政務(wù)的新寵，也是一個(gè)相對(duì)較新的市場(chǎng)。對(duì)于內(nèi)容管理，業(yè)界還沒(méi)有一個(gè)統(tǒng)一的定義，不同的機(jī)構(gòu)有不同的理解。內(nèi)容管理解決方案重點(diǎn)解決各種非結(jié)構(gòu)化或半結(jié)構(gòu)化的數(shù)字資源的采集、管理、利用、傳遞和增值，并能有機(jī)集成到結(jié)構(gòu)化數(shù)據(jù)的商業(yè)智能環(huán)境中，簡(jiǎn)化網(wǎng)站開(kāi)發(fā)流程，有效實(shí)現(xiàn)后臺(tái)實(shí)時(shí)更新前臺(tái)頁(yè)面功能[17]。</p><p>　　這個(gè)系統(tǒng)可以讓開(kāi)發(fā)者更

42、多的將精力放在內(nèi)容上來(lái)，而對(duì)于一些簡(jiǎn)單的功能實(shí)現(xiàn)不必重復(fù)開(kāi)發(fā)。同時(shí)CMS系統(tǒng)本身也是開(kāi)源的，方便大家共同建設(shè)，共享信息。</p><p><b>　　三、需求分析</b></p><p>　　(一) 用戶需求分析</p><p><b>　　1.學(xué)習(xí)者用戶分析</b></p><p>　　因?yàn)槭蔷W(wǎng)絡(luò)

43、教學(xué)平臺(tái)，對(duì)于學(xué)習(xí)者而言更多的是自主學(xué)習(xí)，所以我們要把一切有關(guān)的學(xué)習(xí)材料盡可能多的呈現(xiàn)出來(lái)。又因?yàn)檫@門(mén)課程的性質(zhì)是一門(mén)更重操作的實(shí)踐課，所以需要將矢量處理的操作視頻展示于教學(xué)平臺(tái)上。除了教學(xué)視頻之外，還需要將課程內(nèi)容，案例展示放于平臺(tái)上，以便于學(xué)習(xí)者正確把握該課程的方向。又因網(wǎng)絡(luò)平臺(tái)的空間隔絕性，這個(gè)特性，會(huì)使得學(xué)習(xí)者減少學(xué)習(xí)氛圍，為此，我們需要搭建一個(gè)網(wǎng)絡(luò)交流平臺(tái)。這個(gè)交流平臺(tái)不僅可以讓學(xué)生之間相互交流，更能成為教師為學(xué)生答疑解惑的平

44、臺(tái)。</p><p>　　網(wǎng)絡(luò)教學(xué)平臺(tái)的學(xué)習(xí)者的學(xué)習(xí)狀態(tài)是自己獨(dú)自對(duì)著電腦或移動(dòng)終端，因?yàn)闆](méi)有傳統(tǒng)課堂教師與學(xué)生的互動(dòng)，學(xué)習(xí)者會(huì)比傳統(tǒng)課堂的更容易走思，注意力更容易轉(zhuǎn)移。因此對(duì)于如何提高學(xué)習(xí)者注意力，對(duì)于這方面要在學(xué)習(xí)過(guò)程中小測(cè)驗(yàn)就顯得尤為重要。這些小的測(cè)驗(yàn)，可以提醒學(xué)習(xí)者落下了什么，不至于出現(xiàn)視頻一直在播放，可以學(xué)習(xí)者什么都沒(méi)有聽(tīng)進(jìn)去這種狀況。同時(shí)，也可以將視頻做的盡量短小精悍，讓視頻長(zhǎng)度處于學(xué)習(xí)者的注意力時(shí)長(zhǎng)

45、范圍之內(nèi)。</p><p><b>　　2.管理者用戶分析</b></p><p>　　對(duì)于教師或是管理者而言，他需要將全部的知識(shí)內(nèi)容都上傳到服務(wù)器上，所以他們需要在后臺(tái)便利的上傳視頻，更改教學(xué)內(nèi)容，上傳教學(xué)案例。管理者還需要管理學(xué)生用戶，所以后臺(tái)也需要實(shí)現(xiàn)對(duì)于用戶的便捷操作。比如對(duì)于違返規(guī)則的不文明發(fā)言的用戶的管理，刪帖等等。</p><p>

46、;<b>　?。ǘ┛尚行苑治?lt;/b></p><p>　　可行性分析，是在系統(tǒng)調(diào)查的基礎(chǔ)上，針對(duì)新系統(tǒng)的開(kāi)發(fā)是否具備必要性和可能性，對(duì)新系統(tǒng)的開(kāi)發(fā)從技術(shù)、經(jīng)濟(jì)、社會(huì)的方面進(jìn)行分析和研究，以避免投資失誤，保證新系統(tǒng)的開(kāi)發(fā)成功[18]?？尚行匝芯康哪康木褪怯米钚〉拇鷥r(jià)在盡可能短的時(shí)間內(nèi)確定問(wèn)題是否能夠解決。該系統(tǒng)的可行性分析包括以下幾個(gè)方面的內(nèi)容。</p><p>　　

47、該系統(tǒng)運(yùn)用的開(kāi)發(fā)工具是appserv跟cms這兩者者是免費(fèi)產(chǎn)品，它的免費(fèi)性，對(duì)于處于大四畢業(yè)生這個(gè)階段是非常有利的，這個(gè)起碼在經(jīng)濟(jì)上保證了其可實(shí)施性。另一方面因?yàn)镻HP、MySql的開(kāi)源性，不僅在我國(guó)，在世界上很多產(chǎn)品都是應(yīng)用PHP開(kāi)發(fā)的[19]，這就為我搭建本網(wǎng)絡(luò)教學(xué)平臺(tái)提供了豐富的可參考可借鑒的例子，使我進(jìn)一步完善我的作品。</p><p>　?。ㄈ?shù)據(jù)庫(kù)需求分析</p><p>　

48、　通過(guò)以上的用戶需求分析、網(wǎng)站分析，現(xiàn)在可以大致判斷出數(shù)據(jù)庫(kù)需求。</p><p>　　對(duì)用戶管理，所以需在用戶管理表。</p><p>　　資料需要展示在平臺(tái)上，因此我們需要一個(gè)放視頻的表，但是因?yàn)橐曨l占用資源太大，放在數(shù)據(jù)庫(kù)過(guò)于冗余，還會(huì)拖慢數(shù)據(jù)庫(kù)搜索速度，所以我們不放視頻在數(shù)據(jù)庫(kù)，而是放置視頻地址，讓后臺(tái)直接調(diào)用視頻地址，從而達(dá)到播放視頻的效果，降低了數(shù)據(jù)量。</p>

49、<p>　　網(wǎng)站的實(shí)際操作過(guò)程中，視頻資源不是單獨(dú)出現(xiàn)的，還有許多說(shuō)明性文字，所以我們將視頻跟那些說(shuō)明性文字合在一個(gè)數(shù)據(jù)表內(nèi)，合一個(gè)為文章表。</p><p>　　視頻之外，本教學(xué)網(wǎng)站還有大量圖集，因此對(duì)于圖集來(lái)說(shuō)，我們單獨(dú)建一個(gè)數(shù)據(jù)表。</p><p>　　網(wǎng)站不僅有教師用戶，學(xué)生用戶，如果需要的話還需要管理員用戶，因此我們也需要建立一個(gè)專門(mén)存放管理員信息的數(shù)據(jù)表。</p

50、><p><b>　　四、系統(tǒng)總體設(shè)計(jì)</b></p><p>　?。ㄒ唬┚W(wǎng)絡(luò)教學(xué)平臺(tái)的設(shè)計(jì)思想</p><p>　　通過(guò)對(duì)于矢量圖形處理技術(shù)這門(mén)課的研究，首先確定其教學(xué)點(diǎn)，根據(jù)建構(gòu)主義理論來(lái)安排教學(xué)內(nèi)容，以期更符合學(xué)習(xí)者的學(xué)習(xí)心理。不僅如此，更要照顧到學(xué)習(xí)者是通過(guò)網(wǎng)絡(luò)教學(xué)平臺(tái)來(lái)學(xué)習(xí)的，所以對(duì)于學(xué)習(xí)者注意力的固定跟維護(hù)也是相當(dāng)重要的。然后再通過(guò)對(duì)于

51、學(xué)習(xí)者需求的分析設(shè)計(jì)數(shù)據(jù)庫(kù)。 完善明白的需求調(diào)研是后期開(kāi)發(fā)工作順利進(jìn)行的保證[20,21]。</p><p><b>　?。ǘ┫到y(tǒng)功能設(shè)計(jì)</b></p><p><b>　　1.系統(tǒng)構(gòu)架</b></p><p>　　根據(jù)系統(tǒng)功能的要求，可得如下圖2所示的系統(tǒng)功能模塊圖：</p><p>　　當(dāng)用

52、戶進(jìn)入系統(tǒng)之后，會(huì)根據(jù)用戶后臺(tái)的等級(jí)來(lái)斷判其身體，在前臺(tái)來(lái)講就是身份的確定，對(duì)于后臺(tái)來(lái)講其實(shí)就是所能做的操作的權(quán)限。作為學(xué)生用戶只有瀏覽各類教學(xué)內(nèi)容的的權(quán)限，如教學(xué)視頻 ，教學(xué)課件，還有案例圖集。目的是為了保證教學(xué)資源的準(zhǔn)確性，不會(huì)因?yàn)閭€(gè)別學(xué)生的錯(cuò)誤還誤導(dǎo)到他人。但是又為了保證平臺(tái)的交互性跟調(diào)動(dòng)學(xué)生的積極性，我們?cè)试S學(xué)生在互動(dòng)中心相互交流，并上傳自己的作品，達(dá)到相互學(xué)習(xí)，相互激勵(lì)的作用。而對(duì)于老師來(lái)講，除了學(xué)生的這些權(quán)限之外，還需要上傳

53、改動(dòng)教學(xué)內(nèi)容的權(quán)利。而管理員（某些情況教師也是管理者），不僅有這兩者全部權(quán)利，還有對(duì)用戶的管理，對(duì)于留言的刪貼，惡意破壞者的封號(hào)等權(quán)利。</p><p>　　圖2 系統(tǒng)功能模塊圖</p><p>　　2.主要功能模塊目標(biāo)設(shè)計(jì)</p><p><b>　　(1)課程介紹：</b></p><p>　　在這個(gè)模塊下又分為矢量

54、圖形介紹、處理軟件介紹、課程大綱。這個(gè)模塊主要是為了讓學(xué)習(xí)者在準(zhǔn)備學(xué)習(xí)階段能對(duì)矢量圖形、各種處理軟件有個(gè)初步的認(rèn)識(shí)，雖然我們本課程主要是以CorelDraw這一軟件來(lái)介紹，但是對(duì)于其它的如Adobe的AI還有其它的一些有名軟件都要有一個(gè)認(rèn)識(shí)，并對(duì)它們之間各個(gè)優(yōu)勢(shì)之間的了解，方便以后學(xué)習(xí)使用。而課程大綱則是對(duì)于本門(mén)課程整體的劃分，同時(shí)也告訴了學(xué)習(xí)者學(xué)習(xí)的目標(biāo)。由建構(gòu)主義理論我們知道，學(xué)習(xí)者不是被動(dòng)的接收者，還是主動(dòng)的探索者。因此給出教學(xué)目

55、標(biāo)就顯得尤為重要。當(dāng)然課程大綱這塊是由專業(yè)的教師專門(mén)研究得出的。</p><p><b>　　(2) 教學(xué)內(nèi)容：</b></p><p>　　在這一模塊，是教學(xué)大綱的具體詳述，這就跟傳統(tǒng)課堂上老師所講內(nèi)容相似，也可以說(shuō)是本教學(xué)網(wǎng)絡(luò)平臺(tái)其它案例的文字參考。學(xué)習(xí)者也可以將這個(gè)作為參考手冊(cè)來(lái)使用這部分內(nèi)容。當(dāng)然，學(xué)習(xí)者在正式操作之前是要學(xué)習(xí)這部分內(nèi)容的。這一部分一共分為九講

56、，從基礎(chǔ)講到各種操作和特效。 </p><p><b>　　(3) 視頻資源：</b></p><p>　　這一部分是本教學(xué)網(wǎng)站的非常重要的一部分，也是資源重復(fù)利用并且學(xué)習(xí)者能快速高效掌握矢量處理操作之所在。因?yàn)楸鹃T(mén)課程的實(shí)踐性強(qiáng)，因此這一部分是必不可少的，必須有的部分。在這一部分會(huì)有豐富的視頻操作實(shí)錄，而且每一個(gè)視頻都很短小，方便學(xué)習(xí)者快速查閱跟上手操作。是非常適合

57、學(xué)生平時(shí)學(xué)習(xí)，碎片化學(xué)習(xí)的。每一個(gè)視頻實(shí)錄都是一個(gè)完整的作品。并且每一個(gè)小視頻下都有簡(jiǎn)單的說(shuō)明文字，方便了解。</p><p><b>　?。?）案例展示：</b></p><p>　　這一部分是教學(xué)案例，主要以圖集的形式展示，這部分是培合視頻資源跟教學(xué)內(nèi)容的實(shí)際案例。也有只存在于教學(xué)案例的例子。這里會(huì)對(duì)圖形處理的元素跟最后效果做一個(gè)整理跟說(shuō)明，方便學(xué)習(xí)者學(xué)習(xí)參考。&

58、lt;/p><p>　?。?）學(xué)生作品展示：</p><p>　　這一部分是學(xué)生自己做的優(yōu)秀作品，雖然有案例展示了，但是為了激勵(lì)學(xué)生，鼓勵(lì)學(xué)生創(chuàng)新，激發(fā)學(xué)生的積極性。同時(shí)在這一部分其它學(xué)生可以對(duì)作品進(jìn)行點(diǎn)贊，加入這一社交屬性會(huì)更加促進(jìn)學(xué)生之間的學(xué)習(xí)積極性，拉進(jìn)因時(shí)空隔離而缺少的學(xué)習(xí)氛圍。這就如朋友圈一樣，加入這一社交屬性，會(huì)使學(xué)習(xí)者迅速進(jìn)入這個(gè)學(xué)習(xí)圈，形成濃重的學(xué)習(xí)氛圍，并踴躍發(fā)表自己的作品，

59、相互切磋。</p><p><b>　　（6）素材下載：</b></p><p>　　這里會(huì)有許多圖片素材跟cdr形式的處理形式供大家下載。方便學(xué)習(xí)，改進(jìn)。</p><p><b>　　（7）互動(dòng)交流：</b></p><p>　　在這里，學(xué)生可以將問(wèn)題發(fā)布于此，教師定期答疑解惑。當(dāng)然除了老師的回答

60、，還有學(xué)生也可以回答，進(jìn)一步節(jié)省人力成本，減少教師精力。同時(shí)有那么多的學(xué)生的回答，集思廣益，產(chǎn)生濃厚的學(xué)習(xí)氛圍。</p><p><b>　?。?）個(gè)人空間：</b></p><p>　　這一模塊并不展示在主頁(yè)的菜單欄上，而是個(gè)人用戶在登錄后顯示在網(wǎng)頁(yè)主體模塊中，這一部分可以說(shuō)更加有社交屬性，同時(shí)也是個(gè)人作品的一個(gè)集合，學(xué)習(xí)者或是教師可以在此作為一個(gè)個(gè)人空間展示屬于自

61、己的一切在并矢量圖片的作品。同時(shí)也可以展示個(gè)人生活的一面，拉近網(wǎng)絡(luò)學(xué)習(xí)者之間的距離。減少網(wǎng)絡(luò)的隔絕感。</p><p>　　（三）系統(tǒng)界面設(shè)計(jì)原則</p><p>　　在對(duì)大量教學(xué)網(wǎng)站觀察分析之后，好的網(wǎng)絡(luò)教學(xué)平臺(tái)往往是簡(jiǎn)潔明了，讓無(wú)論是學(xué)習(xí)者還是管理者都能很快上手操作。因此該網(wǎng)站，也遵循這一原則：簡(jiǎn)潔明了。除此之外，由于學(xué)習(xí)者在自主學(xué)習(xí)的時(shí)候，需要長(zhǎng)時(shí)間對(duì)著電腦，因此對(duì)于界面配色要以柔合

62、，舒適，對(duì)眼睛的刺激較小為主。一方面，減少學(xué)習(xí)者的疲勞度，另一方面，同時(shí)也延長(zhǎng)了學(xué)習(xí)者的注意時(shí)間長(zhǎng)度。</p><p>　　而對(duì)于后臺(tái)來(lái)說(shuō)，更是需要簡(jiǎn)潔明了。因?yàn)楹笈_(tái)涉及到許多的內(nèi)容操作，如果過(guò)于繁瑣，則對(duì)于教師而言，很容易出錯(cuò)，也會(huì)出現(xiàn)很多不可控因素，而這些不可控因素對(duì)于一個(gè)教學(xué)網(wǎng)站來(lái)說(shuō)，是非常危險(xiǎn)的。</p><p>　　總而言之，界面要舒適，自然，并且簡(jiǎn)潔明了。</p>

63、<p><b>　?。ㄋ模?shù)據(jù)庫(kù)設(shè)計(jì)</b></p><p><b>　　1.數(shù)據(jù)庫(kù)介紹</b></p><p>　　數(shù)據(jù)庫(kù)是依照某種數(shù)據(jù)模型組織起來(lái)并存放在存儲(chǔ)器中的數(shù)據(jù)集合。這些數(shù)據(jù)為多個(gè)應(yīng)用程序服務(wù)，獨(dú)立與具體的應(yīng)用程序。數(shù)據(jù)庫(kù)由數(shù)據(jù)庫(kù)管理系統(tǒng)（Database Management System,DBMS）統(tǒng)一管理，數(shù)據(jù)的插入

64、、修改和檢索均要通過(guò)數(shù)據(jù)庫(kù)管理系統(tǒng)進(jìn)行[22]。因?yàn)楫?dāng)今社會(huì)對(duì)數(shù)據(jù)的需求越來(lái)迫切，所以數(shù)據(jù)庫(kù)技術(shù)的發(fā)展一日千里?，F(xiàn)代數(shù)據(jù)庫(kù)不僅能夠存儲(chǔ)傳統(tǒng)的文字?jǐn)?shù)據(jù)（Alphanumeric Data），還可以存儲(chǔ)圖像、多媒體、交互視頻和數(shù)字圖書(shū)館等數(shù)據(jù)。就功能而言，現(xiàn)代數(shù)據(jù)庫(kù)不再局限于數(shù)據(jù)的管理和存取，他們還提供圖像對(duì)比、語(yǔ)音識(shí)別以及圖形識(shí)別等功能。</p><p>　　本次設(shè)計(jì)采用MySql數(shù)據(jù)庫(kù)，MySQL是一種開(kāi)放源代碼

65、的關(guān)系型數(shù)據(jù)庫(kù)管理系統(tǒng)（RDBMS），MySQL數(shù)據(jù)庫(kù)系統(tǒng)使用最常用的數(shù)據(jù)庫(kù)管理語(yǔ)言--結(jié)構(gòu)化查詢語(yǔ)言（SQL）進(jìn)行數(shù)據(jù)庫(kù)管理。本使用基于MySql的圖形化管理工具phpMyAdmin來(lái)進(jìn)行管理，大大減化了使用的步驟[23]。</p><p>　　2.數(shù)據(jù)庫(kù)中數(shù)據(jù)表的結(jié)構(gòu)</p><p>　　根據(jù)上文的需求分析，設(shè)計(jì)出以下的數(shù)據(jù)表：</p><p>　　(1)管理員

66、和教師信息表(dede_admin)：包括序號(hào)、用戶名、密碼、用戶權(quán)限、添加時(shí)間等等。其結(jié)構(gòu)如表1所示。該表主要是對(duì)于管理者的所有信息進(jìn)行存儲(chǔ)。</p><p>　　表1 管理員和教師信息表</p><p>　　(2)學(xué)生信息表(dede_member)：包括序號(hào)、用戶登錄id、密碼、姓名、性別等。其結(jié)構(gòu)如表2所示。</p><p><b>　　表2 學(xué)生

67、信息表</b></p><p>　　(3)教學(xué)內(nèi)容信息表(dede_addonarticle)：包括序號(hào)、標(biāo)題、發(fā)布時(shí)間、作者，標(biāo)題，點(diǎn)擊次數(shù)關(guān)鍵詞等。其結(jié)構(gòu)如表3所示。</p><p>　　表3 教學(xué)內(nèi)容信息表</p><p>　　(4)教學(xué)視頻信息表(dede_addonarticle)：包括序號(hào)、所屬欄目、課程內(nèi)容說(shuō)明、視頻地址。其結(jié)構(gòu)如表4所示。

68、</p><p>　　表4 教學(xué)視頻信息表</p><p>　　表4這么簡(jiǎn)單，是因?yàn)樵谡{(diào)用的時(shí)候并不是單一調(diào)用而是跟教學(xué)信息表共同調(diào)用，因此表3有的，表4就不用再重復(fù)聲明了。</p><p>　　(5)欄目信息表(dede_arctype)：包括樣目編號(hào)、父欄目編號(hào)、欄目名稱和欄目相對(duì)地址。其結(jié)構(gòu)如表5所示。</p><p><b>

69、;　　表5 欄目信息表</b></p><p>　　(6)作品展示信息表(zuopinzhanshi)：包括序號(hào)、名稱、作品和添加時(shí)間。其結(jié)構(gòu)如表6所示。</p><p>　　表6 作品展示信息表</p><p>　　(7)互動(dòng)交流信息表(dede_guestbook)：包括序號(hào)、留言者、留言標(biāo)題、留言內(nèi)容、留言時(shí)間。其結(jié)構(gòu)如表7所示。</p>

70、;<p>　　表7 互動(dòng)交流信息表</p><p>　　五、網(wǎng)絡(luò)教學(xué)平臺(tái)的實(shí)現(xiàn)</p><p>　　此教學(xué)網(wǎng)絡(luò)平臺(tái)在前臺(tái)頁(yè)面上可以實(shí)現(xiàn)學(xué)習(xí)者瀏覽頁(yè)面，觀看教學(xué)視頻，下載素材留言還可以使用個(gè)人空間；教師和管理者通過(guò)登錄后臺(tái)對(duì)教學(xué)資源的增刪，更新，視頻的上傳，管理用戶等。且此網(wǎng)站所有的前臺(tái)頁(yè)面都是由HTML+CSS進(jìn)行設(shè)計(jì)布局的。</p><p><

71、b>　　（一）登錄模塊</b></p><p><b>　　1.用戶登錄模塊</b></p><p>　　如圖3 所示。在頁(yè)面的左邊模塊內(nèi)，有登錄按鈕，平時(shí)我們也可以不登錄頁(yè)面還進(jìn)行瀏覽，既以游客的身份瀏覽，但相比于登錄，游客的權(quán)限要少很多。以下是點(diǎn)擊登錄按鈕之后跳轉(zhuǎn)到的登錄頁(yè)面。具體實(shí)現(xiàn)是以表單的形式提交到后臺(tái)的php處理頁(yè)面，再與數(shù)據(jù)庫(kù)中的信息進(jìn)

72、行對(duì)比，如若信息符合便可登錄到主頁(yè)。</p><p>　　圖3首頁(yè)中用戶登錄頁(yè)面</p><p>　　2.教師或管理員后臺(tái)登錄模塊</p><p><b>　　圖4后臺(tái)登錄頁(yè)面</b></p><p>　　后臺(tái)登錄頁(yè)面如圖4所示，在我們前臺(tái)并沒(méi)有后臺(tái)登錄的入口，主要是安全為主，當(dāng)我們輸入http://localhost/

73、dedema（本地測(cè)試）就會(huì)直接到后臺(tái)登錄頁(yè)面。當(dāng)教師或管理員登錄頁(yè)面之后，根據(jù)權(quán)限的不同，可以對(duì)前臺(tái)展示的視頻，案例，素材進(jìn)行增刪，更改，也可以對(duì)用戶組進(jìn)行管理，還可以刪除留言等等。</p><p><b>　?。ǘ┣芭_(tái)教學(xué)模塊</b></p><p><b>　　1.主頁(yè)</b></p><p>　　主頁(yè)（index

74、.php） 如圖5給出的頁(yè)面效果，直接輸入http://localhost(本地測(cè)試，遠(yuǎn)程為輸入服務(wù)器主機(jī))便可進(jìn)入網(wǎng)站的主頁(yè)面。主頁(yè)面分為7個(gè)欄目，在菜單欄右側(cè)還可以直接對(duì)全站進(jìn)行搜索。首頁(yè)采用扁平化的設(shè)計(jì)，因此并沒(méi)有放logo而是將網(wǎng)站名稱直接作為網(wǎng)站標(biāo)識(shí)置于頭部，底部的藍(lán)色也是參考最近很流行的顏色。而首頁(yè)登錄面板右側(cè)的圖片是以幻燈的方式展示，運(yùn)用js來(lái)實(shí)現(xiàn)這個(gè)功能。</p><p><b>　　圖

75、5 主頁(yè)</b></p><p><b>　　2.課程介紹頁(yè)面</b></p><p>　　如圖6就是課程介紹頁(yè)面（http://localhost/a/kechengjieshao//），點(diǎn)進(jìn)去之后可以看到這部分分三個(gè)子版塊，分別為課程大綱、介紹，分別點(diǎn)擊左側(cè)的子欄目可以看到每個(gè)子欄目的具體內(nèi)容。這個(gè)欄目主要是讓學(xué)習(xí)者總體上把握這門(mén)課的性質(zhì)，矢量圖的概念

76、跟總體學(xué)習(xí)目標(biāo)。</p><p><b>　　3.教學(xué)內(nèi)容頁(yè)面</b></p><p>　　如圖7就是教學(xué)內(nèi)容頁(yè)面。點(diǎn)擊進(jìn)入教學(xué)內(nèi)容欄目之后就會(huì)看到如下圖所示的內(nèi)容，這一部分主要是每一講的內(nèi)容，點(diǎn)擊左側(cè)的章節(jié)，可以看到每一節(jié)課的具體內(nèi)容。</p><p><b>　　圖6 課程介紹頁(yè)面</b></p><

77、;p><b>　　圖7 教學(xué)內(nèi)容頁(yè)面</b></p><p><b>　　4.視頻資源頁(yè)面</b></p><p>　　如圖8就是視頻資源頁(yè)面。進(jìn)入視頻資源這一欄目之后，可以看到一條條的視頻簡(jiǎn)介，點(diǎn)擊任一條就可看到其祥細(xì)內(nèi)容，并觀看教學(xué)視頻。教學(xué)視頻的播放是整合了一款名為ckplayer的插件得以實(shí)現(xiàn)。</p><p&g

78、t;<b>　　5.案例展示頁(yè)面</b></p><p>　　如圖9就是案例展示頁(yè)面。進(jìn)入案例展示頁(yè)面（http://localhost/a/youxiuanli/）之后，可以看到每個(gè)案例的元素跟結(jié)果展示。我這兒是分專題展示，點(diǎn)進(jìn)去之后如圖10所示又包含許多圖片。</p><p><b>　　圖8視頻資源頁(yè)面</b></p><

79、;p><b>　　圖9 案例展示頁(yè)面</b></p><p><b>　　圖10專題內(nèi)部</b></p><p>　　6.學(xué)生作品展示頁(yè)面</p><p>　　如圖11進(jìn)入學(xué)生作品展示這一欄目（http://localhost/a/youxiuzuopinzhanshi/）之后可以看到學(xué)生的作品，并且每個(gè)作品下面都會(huì)

80、有點(diǎn)贊標(biāo)識(shí)，可以活躍學(xué)習(xí)氣氛，增強(qiáng)學(xué)習(xí)競(jìng)爭(zhēng)力，讓學(xué)習(xí)者做出更優(yōu)秀的作品來(lái)。</p><p>　　圖 11學(xué)生作品展示頁(yè)面</p><p><b>　　7.素材下載頁(yè)面</b></p><p>　　如圖12所示，進(jìn)入素材下載頁(yè)面（http://localhost/a/sucaixiazai/）之后可以看到許多案例的cdr原始素材跟一些其它的相關(guān)素

81、材，直接點(diǎn)進(jìn)去就進(jìn)入下載頁(yè)面。</p><p>　　圖12 素材下載頁(yè)面</p><p><b>　　8.互動(dòng)交流頁(yè)面</b></p><p>　　如圖13所示，進(jìn)入互動(dòng)交流頁(yè)面（http://localhost/plus/guestbook.php）之后就可以看到大家的留言了，老師定期來(lái)這里答疑解惑，學(xué)生之間也可以相互學(xué)習(xí)，相互交流，進(jìn)一步提

82、高大家的學(xué)習(xí)積極性。</p><p>　　圖13 互動(dòng)交流頁(yè)面</p><p><b>　?。ㄈ┖笈_(tái)管理模塊</b></p><p><b>　　1.后臺(tái)管理主頁(yè)面</b></p><p>　　后臺(tái)管理主頁(yè)面（http://localhost/dedema/index.php）如圖14：當(dāng)然前題是

83、先登錄后臺(tái)才能看到后臺(tái)管理主頁(yè)面，如圖左側(cè)有一系列的功能鍵幫我們實(shí)現(xiàn)管理者所需要的操作內(nèi)容。</p><p>　　圖14 后臺(tái)管理主頁(yè)面</p><p>　　2.教學(xué)內(nèi)容添加和管理頁(yè)面</p><p>　　如圖15所示，我們首先點(diǎn)擊所有檔案列表，然后再選擇添加新文章，在這個(gè)頁(yè)面里可以選擇欄目跟內(nèi)容，因?yàn)檫x擇欄目不同，所以需要的項(xiàng)目也不一樣。當(dāng)我們需要更改已有文章的時(shí)

84、候，可以點(diǎn)擊檔案列表之后，在下方已有列表后方操作按鈕進(jìn)行修改。</p><p>　　圖15 檔案列表頁(yè)面</p><p>　　3.教學(xué)視頻添加和管理模塊頁(yè)面</p><p>　　教學(xué)視頻添加的時(shí)候，首先上傳到服務(wù)器，如圖16所以，但這樣上傳一般很慢，如果是遠(yuǎn)程服務(wù)器，可以直接用ftp工具傳過(guò)去。然后記下視頻地址，如上述添加文章內(nèi)容一樣，如圖17所示，直接寫(xiě)入文章視頻

85、地址即可展示在前臺(tái)頁(yè)面上。</p><p><b>　　圖16后臺(tái)上傳視頻</b></p><p>　　圖17教學(xué)視頻管理頁(yè)面</p><p>　　4.作品展示添加和管理頁(yè)面</p><p>　　作品展示添加頁(yè)面如圖18所示。進(jìn)入此頁(yè)面后點(diǎn)擊左側(cè)圖片集，然后點(diǎn)擊“添加文檔”進(jìn)入圖19頁(yè)面寫(xiě)上標(biāo)題，上傳圖片就可以了。<

86、;/p><p><b>　　圖18圖片集</b></p><p><b>　　圖19添加圖片</b></p><p><b>　　5.用戶管理頁(yè)面</b></p><p>　　在菜單欄里“會(huì)員“，進(jìn)入用戶管理，可以對(duì)用戶進(jìn)行管理，升級(jí)等等，在此大欄目下還可以對(duì)其發(fā)表的留言內(nèi)容進(jìn)行刪

87、除等管理。如圖20所示。</p><p><b>　　圖20用戶管理頁(yè)面</b></p><p><b>　　結(jié)論</b></p><p>　　本系統(tǒng)的實(shí)現(xiàn)采用PHP+MySql+Apache的技術(shù)，并且充分處用CMS內(nèi)容管理系統(tǒng)，開(kāi)發(fā)此網(wǎng)絡(luò)教學(xué)平臺(tái)。秉承著簡(jiǎn)單易用交互性強(qiáng)的原則來(lái)搭建本平臺(tái)。最終實(shí)現(xiàn)上來(lái)看基本使用的效果者

88、實(shí)現(xiàn)了。在教學(xué)內(nèi)容上，基于充分研究課題內(nèi)容，研究如何和網(wǎng)絡(luò)平臺(tái)進(jìn)行搭配，以最符合學(xué)習(xí)者心理的頁(yè)面展示出來(lái)。本平臺(tái)充分結(jié)合了各種多媒體的資源，以期達(dá)到學(xué)生自學(xué)的最好效果。</p><p>　　因?yàn)槭蔷W(wǎng)絡(luò)教學(xué)平臺(tái)，不利于形成班級(jí)學(xué)習(xí)氣氛，所以本平臺(tái)充分結(jié)合了社交媒體的屬性跟本網(wǎng)絡(luò)教學(xué)平臺(tái)整合，使學(xué)習(xí)者之間形成一個(gè)圈，加重學(xué)習(xí)氛圍。當(dāng)然我們的互動(dòng)中心也是如此，個(gè)人空間也是如此。要說(shuō)創(chuàng)新點(diǎn)還是我們的微信分享功能，跟學(xué)生作

89、品展示跟點(diǎn)贊功能。充分利用學(xué)習(xí)者的社交心態(tài)，促進(jìn)他們的學(xué)習(xí)。</p><p>　　本教學(xué)網(wǎng)絡(luò)平臺(tái)能讓學(xué)習(xí)者了解，學(xué)習(xí)，掌握基本的矢量圖形處理技術(shù)跟部分特效功能，充分展開(kāi)自主學(xué)習(xí)跟協(xié)商學(xué)習(xí)，并進(jìn)步提升學(xué)習(xí)者的自學(xué)能力。</p><p>　　當(dāng)然，時(shí)間他促，此教學(xué)網(wǎng)絡(luò)平臺(tái)肯定有許多不完善之處，望見(jiàn)諒。</p><p><b>　　參考文獻(xiàn)</b>&

90、lt;/p><p>　　[1]王梅.高中信息技術(shù)課程網(wǎng)絡(luò)協(xié)作學(xué)習(xí)平臺(tái)的研究與設(shè)計(jì)[D].山東師范大學(xué),2013.</p><p>　　[2]屠宏.網(wǎng)絡(luò)學(xué)習(xí)模式研究[D].陜西師范大學(xué)，2005.</p><p>　　[3]馮國(guó)良.基于Web及VRML網(wǎng)絡(luò)教學(xué)平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn)[D].西安電子科技大學(xué)，2010.</p><p>　　[4]朱萍. 高

91、校網(wǎng)絡(luò)教學(xué)平臺(tái)的管理研究[D].燕山大學(xué)，2012.</p><p>　　[5]寇媛媛.網(wǎng)絡(luò)教學(xué)平臺(tái)的發(fā)展現(xiàn)狀及趨勢(shì)[J].電子設(shè)計(jì)工程,2011．</p><p>　　[6]李靜，王清團(tuán).論數(shù)字化校園建設(shè)[J].黃河科技大學(xué)學(xué)報(bào)，2006,8（1）：106-107.</p><p>　　[7]朱舉英.基于交互學(xué)習(xí)的精品課程網(wǎng)站設(shè)計(jì)與開(kāi)發(fā)研究---以《甘肅民間美術(shù)》

92、精品課程為例[D].西北師范大學(xué)碩士學(xué)們論文，2012,(5):10.</p><p>　　[8]徐立斌.MOOC教學(xué)對(duì)思想政治教育的影響及實(shí)施策略[A].學(xué)園，2015（7）:38-39.</p><p>　　[9]林娜.淺析我國(guó)網(wǎng)絡(luò)教育的現(xiàn)狀與問(wèn)題[A].西南民族大學(xué)學(xué)報(bào)(人文社科版),2008.　</p><p>　　[10]畢巧春.學(xué)習(xí)者眼中的國(guó)內(nèi)五大MOO

93、C平臺(tái)[EB/OL]. http://www.edu.cn/xxh/media/zyyy/wljx/201510/t20151019_1327899.shtml</p><p>　　[11]杜闖.PHP在動(dòng)態(tài)網(wǎng)站開(kāi)發(fā)中的優(yōu)勢(shì)[A].電腦知識(shí)與技術(shù)，2010.</p><p>　　[12]PHP_ 百度百科[EB/OL]. http://baike.baidu.com/subview/99/

94、5828265.htm.</p><p>　　[13]楊國(guó)榮.網(wǎng)絡(luò)課程教學(xué)平臺(tái)的探討與研究[J].信息技術(shù),2011．</p><p>　　[14]金欣. 高校網(wǎng)絡(luò)教學(xué)平臺(tái)建設(shè)初探[J] .福建電腦， 2011.</p><p>　　[15]Yiu, W.-P.K,Chan, S.-H.G.SOT: secure overlay tree for applicati

95、on layer multicast.[C]in Communic- ations.2004 IEEE International Conference on.June 2014. </p><p>　　[16]Castro M, Druschel P, Kermarrec A M, et al. A. Scribe: A Largescale and Decentralized Application lev

96、el Multicast Infrastructure [J].IEEE JSAC.2012.</p><p>　　[17]鄭綱．關(guān)于網(wǎng)絡(luò)教學(xué)平臺(tái)的現(xiàn)狀和發(fā)展趨勢(shì)的探索[M]．東方企業(yè)文化 百家論壇，2012．</p><p>　　[18]向誠(chéng).網(wǎng)絡(luò)課程平臺(tái)建設(shè)中的問(wèn)題及解決方法[J].科技創(chuàng)業(yè),2012．</p><p>　　[19]劉艷青．網(wǎng)絡(luò)教學(xué)平臺(tái)的設(shè)計(jì)與實(shí)

97、現(xiàn)．電腦知識(shí)與技術(shù)．2011．</p><p>　　[20]薛偉勝.高校遠(yuǎn)程教育網(wǎng)絡(luò)課程的設(shè)計(jì)與實(shí)現(xiàn)研究[D].廈門(mén)大學(xué)碩士學(xué)位論文，2008. </p><p>　　[21]馮海燕.基于J2EE的現(xiàn)代遠(yuǎn)程教育系統(tǒng)設(shè)計(jì)[D].浙江工業(yè)大學(xué),2009.</p><p>　　[22] Nwaubani, Okechukwu O, Okafor, Ogochukwu St

98、ella. Assessing the Moral Relevance of Peace Education Contents in the Basic Education Social Studies Curricula for Effective Citizenship Participation in Nigeria[J]. Journal of Education and Practice, 2015. &l

99、t;/p><p>　　[23]T.S.E.Ng and H. Zhang,Predicting Internet Network Distance with Coordinates-Based Approaches.[C] in Proceedings of IEEE Infocom.2012.</p><p><b>　　致謝</b></p><p&

100、gt;　　至此，畢業(yè)設(shè)計(jì)還有說(shuō)明書(shū)已全部完結(jié)，在畢業(yè)前夕進(jìn)行一次這樣的工作對(duì)于我來(lái)說(shuō)是非常寶貴的。雖然這個(gè)過(guò)程很辛苦，也有很多讓人心煩的時(shí)刻，但也正因?yàn)檫^(guò)程中的荊棘才讓整個(gè)畢業(yè)設(shè)計(jì)成果顯得尤為美麗。在這個(gè)過(guò)程中，我要特別感謝我的導(dǎo)師谷麗偉谷老師，謝謝她陪伴跟指點(diǎn)，讓我找準(zhǔn)目標(biāo)，排除困難并到達(dá)終點(diǎn)。</p><p>　　本次畢業(yè)設(shè)計(jì)的完成，充分的鍛煉了我的耐心跟毅力，也讓我對(duì)自己的能力有了一個(gè)清晰的認(rèn)識(shí)。我之前網(wǎng)絡(luò)