《課程在線學習系統(tǒng)的設(shè)計與實現(xiàn)》9600字（論文）

圖4-4系統(tǒng)框架圖OS課程在線學習系統(tǒng)學生用戶模塊的功能分為：用戶的登錄與注冊，在線學習模塊，資料下載模塊，在線交流模塊，在線答題模塊，信息修改模塊及安全退出模塊。圖4-5學生模塊功能圖OS課程在線學習系統(tǒng)教師用戶能夠使用的功能基本上分為：個人信息修改，課后作業(yè)的上傳，與學生的在線交流，教學視頻的上傳與管理，在線測試的試題上傳與管理，教學課件的上傳與管理，教師學要對網(wǎng)站熟記的用戶須知和安全退出模塊。圖4-6教師模塊功能圖OS課程在線學習系統(tǒng)管理員用戶能夠使用的功能：網(wǎng)站的信息介紹，對學生信息的管理，對教師信息的管理，網(wǎng)站公告的管理，個人信息修改模塊和安全退出模塊。圖4-7管理員模塊功能圖4.3數(shù)據(jù)庫設(shè)計4.3.1概念結(jié)構(gòu)設(shè)計1、實體—及其屬性定義(1)學生實體圖如下：圖4-8學生實體屬性圖教師實體圖如下：圖4-9教師實體屬性圖管理員實體屬性圖如下：圖4-10管理員實體屬性圖文件實體屬性圖如下：圖4-11文件屬性圖新聞實體屬性圖如下：圖4-12新聞屬性圖在線交流信息實體屬性圖如下：圖4-13交流屬性圖視頻實體屬性圖如下：圖4-14視頻屬性圖作業(yè)實體屬性圖如下：圖4-15作業(yè)實體屬性圖在線自測實體屬性圖如下：圖4-16在線自測實體屬性圖4.3.2實體—聯(lián)系定義圖4-17分別描述的是教師、管理員、學生和公告之間的聯(lián)系。管理員與教師之間的是1對n的關(guān)系。管理員與學生之間的是1對n的關(guān)系。管理員與公告之間是1對n的關(guān)系。教師與公告之間是n對n的聯(lián)系。學生與教師之間的是n對n的關(guān)系。圖4-17操作系統(tǒng)在線學習系統(tǒng)（E-R）1圖圖4-18描述的是教師、視頻和學生之間的聯(lián)系。教師與視頻之間是n對n的聯(lián)系。學生與視頻之間的關(guān)系是n對n的聯(lián)系。教師與學生之間存在著多個E-R圖，與4-18圖類似，因此只畫了教師、視頻和學生之間的聯(lián)系圖。圖4-18操作系統(tǒng)在線學習系統(tǒng)（E-R）2圖4.3.3數(shù)據(jù)庫表設(shè)計（1）學生信息表學生信息表主要用來保存學生信息的。學生{學號，姓名，性別，年紀，密碼}。表4-1學生信息表（2）教師信息表教師信息表用來保存教師信息的。教師{ID，工號，密碼，姓名，性別，年紀}。表4-2課件信息表（3）文件信息表文件實體主要用于保存課件的內(nèi)容，和老師上傳的信息。教學文件{ID，文件名，目標地址，原始地址，上傳日期}表4-3教學文件信息表（4）管理員信息表管理員表格主要用于存儲管理員賬戶和密碼。管理員{ID，賬戶，密碼}表4-4教學文件信息表（4）管理員信息表管理員表格主要用于存儲管理員賬戶和密碼。管理員{ID，賬戶，密碼}表4-5管理員信息表（5）新聞信息表新聞信息表主要保存最新的網(wǎng)站信息。新聞{ID，新聞標題，內(nèi)容，時間}表4-6新聞信息表（6）在線交流信息表在線交流表主要用于學生的留言和老師的回復(fù)信息。在線交流{ID，學生留言，留言時間，學生賬號，老師回復(fù)，回復(fù)時間}表4-7留言信息表（7）教學視頻表教學視頻表主要保存老師上傳的教學視頻資料的原始地址和更新過后的地址。教學視頻{ID，視頻名，視頻介紹，新地址，原始地址，時間}表4-8教學視頻信息表（8）在線自測表在線自測表主要使用來保存題目和答案，用于學生在線自測。在線自測{ID，題目，選項A，選項B，選項C，選項D,答案}表4-9教學視頻信息表第5章網(wǎng)站的實現(xiàn)5.1登錄界面的實現(xiàn)1描述：登錄界面如圖5-1所示，通過select控件將用戶分為三中類型分別是student、teacher和administrators。用戶輸入賬戶和密碼，當用戶點擊Submit后，通過loginService.login()跳轉(zhuǎn)到登陸的service中，檢驗用戶輸入的賬戶和密碼。當密碼驗證正確時頁面將分別跳轉(zhuǎn)到不同類型的用戶界面。當用我沒有注冊賬號時，在Submit按鈕下有注冊鏈接，分別是學生和老師注冊界面。2程序的效果圖如圖5-1所示:圖5-1登錄、注冊界面的效果圖5.2學生用戶界面5.2.1網(wǎng)站界面設(shè)計描述：網(wǎng)站首頁是由三個DIV構(gòu)成，每個盒子里面分別引入incTop.jsp（頁頭放在最上面，主要是界面的標題和導(dǎo)航欄）、incLeft.jsp（放在左側(cè)，里面主要是用戶的信息、公告欄和一個日歷）和incFoot.jsp（頁尾主要是一些聯(lián)系方式等的超鏈接）頁面。而網(wǎng)站的主體主要是通過用戶觸發(fā)請求，而通過一些action來動態(tài)表現(xiàn)出來。前臺的設(shè)計很重要，網(wǎng)站能不能吸引到用戶，主要就靠首頁的內(nèi)容，因為首頁都是自己完成的，在整體搭配上并沒有做出很好的效果，這里的話我還是需要多多努力。界面的效果圖如圖5-2所示：圖5-2界面的效果圖5.2.2課程的學習1.描述：當學生點擊導(dǎo)航欄中的Study標簽時，界面會跳轉(zhuǎn)到學習狀態(tài)，此時界面主體中有三中學習方式：視頻學習、課件的學習和作業(yè)練習。1.1視頻學習：當用戶點擊video時會觸發(fā)shipinAll.action頁面跳轉(zhuǎn)到視頻學習的狀態(tài)。學生選擇需要學習的視頻，點進去后可以看到老師對視頻的介紹（更有助于學生的學習），學生可以選擇在線看視頻也可以下載下來看。1.2課件學習：當用戶點擊Learningmaterials時觸發(fā)docAll.action時頁面跳轉(zhuǎn)到課件學習狀態(tài)。學生可以下載下來查看，也可以在線看。1.3作業(yè)練習：當用戶進去作業(yè)練習的狀態(tài)，里面放的是老師給的一些課時作業(yè)同學們通過練習加深自己對知識的鞏固。課程學習的效果圖如圖5-3所示圖5-3課程學習效果圖5.2.3在線測試1.描述：當學生點擊導(dǎo)航欄中的self-test標簽時，觸發(fā)timu.action，界面會跳轉(zhuǎn)到在線測試狀態(tài)，在此狀態(tài)下同學可以在線做題目，點擊提交的時候系統(tǒng)會自動生成成績。當用戶再次點擊self-test標簽的時候題目會自動刷新題目，顯示不同的題目。這也是做網(wǎng)站的時候遇到的一個比較困難的地方，但是通過網(wǎng)上查詢使用Math.random()函數(shù)很輕松的解決了這個問題。2.在線測試的效果圖如圖5-4所示圖5-4在線測試效果圖5.2.4在線交流描述：當學生點擊導(dǎo)航欄中的Q&A標簽時，觸發(fā)jiaolu.action，界面會跳轉(zhuǎn)到在線交流界面，再此界面中同學可以通過點擊留言按鈕用戶進入留言狀態(tài)，用戶可以輸入自己的問題。老師通過教師界面可以看到問題然后回答問題，已經(jīng)被回答的問題同學可以在交流界面看的到，點擊連接就可以顯示問題的答案。在線交流的效果圖如圖5-5所示圖5-5在線交流效果圖5.3教師用戶界面5.3.1教師信息修改1.描述：此模塊是教師用來更改個人信息和賬戶密碼用的，點擊Information按鈕，頁面會跳轉(zhuǎn)到userinfo.jsp界面，用戶此時可以填寫自己需要更改的信息，當點擊修改按鈕的時候會觸發(fā)teaEdit.action,此方法會對用戶的更改過后的個人信息進行數(shù)據(jù)庫保存，教師信息也就更新完畢。2.教師信息修改效果圖如圖5-6所示圖5-6教師信息修改效果圖5.3.2教學課件的管理1.描述：此模塊是教師用來上傳教學資料的，此模塊分為課件上傳和課件管理模塊。課件上傳模塊主要是在docAdd.jsp頁面中會有一個docAdd.action這個業(yè)務(wù)邏輯的橋梁，此時后臺會對教師上傳的資料進行保存。此時數(shù)據(jù)庫中保存的信息是教學資料的地址，這里面的地址分為原始地址和更改過后的地址，這樣的話課件上傳模塊就結(jié)束了。課件管理模塊的話主要是在docMana.jsp界面對教學課件進行增刪。增加的功能與課件上傳的功能類似，刪除的話會觸發(fā)docDel.action這個橋梁，此時docDel這個方法會將此時的一個課件數(shù)據(jù)進行刪除操作。教學課件管理界面圖如下圖5-7教學課件管理界面效果圖5.3.3在線測試題目管理1.描述：此模塊如標題可見是用來管理同學在線測試的題目的，主要是對題目進行增刪。刪除的話會觸發(fā)timuDel.action進試題的刪除，這是比較簡單的。增加的話會跳轉(zhuǎn)到timuAdd.jsp的頁面進行題目的錄入，點擊提交按鈕此時timuAdd.action會跳轉(zhuǎn)到后臺將題目進行數(shù)據(jù)庫保存。這就是整個在線測試題管理功能的介紹。2.在線測試試題管理界面圖如下圖5-8在線測試試題管理圖5.3.4在線交流管理1、描述：此模塊是用來管理學生提出的問題。教師查看問題、回答問題。教師可以根據(jù)情況刪除一些沒用的交流信息。刪除時onclick="liuyanDel(<s:propertyvalue="#liuyan.id"/>)對將要刪除的留言進行鎖定并進行刪除?；卮鹆粞孕畔r，如果教師沒有輸入回復(fù)信息，會有提示沒有輸入回復(fù)的信息。輸入信息都通過form表單中Liuyanhuify.action進行對回復(fù)信息的保存。2、在線交流管理界面圖如圖5-9所示圖5-9在線交流管理效果圖5.4管理員戶界面5.4.1管員信息修改1、描述：此模塊是管理員用來更改個人信息和賬戶密碼用的，點擊Information按鈕，頁面會跳轉(zhuǎn)到admininfo.jsp界面，用戶此時可以填寫自己需要更改的信息，當點擊修改按鈕的時候會觸發(fā)adminEdit.action,此方法會對用戶的更改過后的個人信息進行數(shù)據(jù)庫保存，教師信息也就更新完畢。教師信息修改圖圖5-10教師信息修改效果圖5.4.2教師和學生信息管理1.描述：在網(wǎng)站中經(jīng)常會出現(xiàn)一些沒用的用戶信息，老師的話會出現(xiàn)教師的離職的情況，學生的話也會出現(xiàn)畢業(yè)的情況，因此這些信息需要及時清理。點擊“Teather”按鈕，頁面會轉(zhuǎn)到teaMana.jsp界面，此時頁面會直接調(diào)用后臺的teaMana.action類，更改一些教師的信息，此時教師信息更改完畢。管理員點擊左側(cè)的菜單“Student”，此時頁面會跳轉(zhuǎn)到stuMana.jsp界面，頁面會直接調(diào)用后臺的stuMana.action類，更改一些學生的信息，更改完畢。2.Studentmanagement圖如5-11所示圖5-11Studentmanagement5.4.3添加公告1.描述：此公告信息是顯示在學生登錄后的界面，介紹網(wǎng)站的最新動態(tài)。用戶點擊Websiteannouncement中的公告信息時，頁面跳轉(zhuǎn)到此公告的詳細介紹頁面。當管理員輸入有關(guān)的公告信息后點擊Submit按鈕，如果用戶輸入的個是正確或者根本沒有輸入信息，系統(tǒng)會給出提醒，您的輸入有問題。這些數(shù)據(jù)是通過onsubmit函數(shù)來驗證，此函數(shù)是用來檢驗各種的輸入數(shù)據(jù)的方式是否正確。2.公告信息錄入的效果圖如下圖5.12所示：圖5.12公告添加效果圖5.4.4公告信息的管理點擊“notice”按鈕，頁面通過調(diào)用gonggaoMana.Action類，跳轉(zhuǎn)到gonggaoMana.jsp管理界面，調(diào)用后臺的gonggaoDel.action和gonggaoAdd.action類來管理這些notice，這些信息都會被封裝到List數(shù)據(jù)集合中，然后這些數(shù)據(jù)將被在數(shù)據(jù)庫中更改。學生登錄后，通過綁定request對象，這些信息會被顯示在界面中被查看。圖5-13公告信息管理效果圖結(jié)束語辛苦了兩個多月，熬了好多個晚上，OnlinelearningsystemofOS系統(tǒng)終于編寫完了。經(jīng)過多次的測試、修改，系統(tǒng)現(xiàn)在能夠良好的運行。本次的畢業(yè)論文也接近尾聲了。代碼編寫的過程很辛苦，一開始的時候拿到這個題目以為很簡單，但是真正編寫的時候卻不知從哪里下手，感覺什么都會又什么都不會，尤其在運用Structs2的時候老是不明白怎樣正確的使用action，不過經(jīng)過詢問同學老師，這些問題都得到解決了。雖然過程很辛苦，但是看到自己的努力并不是白費的，并取得很多的收獲，心里還是很開心的。這次實驗讓我收獲了很多，在遇到自己不明白、不擅長的地方不要害怕也不要緊張，靜下心來多查查資料就會發(fā)現(xiàn)其實并不難。就像我在編寫在線測試模塊的時候，只能夠?qū)崿F(xiàn)在線測試的功能。當拿給老師看的時候，老師要求不僅能實現(xiàn)在線測試功能還要求每次的測試題目都是不一樣的。老師問我會不會做，當時腦袋就懵掉了這個要怎么做呀！后來幾天問我一直擔心我做不出來，可是后來當我翻閱了一些資料并在網(wǎng)上查找類似的代碼的時候，發(fā)現(xiàn)原來是很簡單的，心里的壓力就沒有了。本項目也有很多不足的地方，首先是頁面的設(shè)計并不美觀，在用戶登錄界面背景設(shè)計上是很簡單的，并沒有像一些專業(yè)網(wǎng)站一樣的美觀；然后就是系統(tǒng)的功能也不是很全面，有些地方還是有些瑕疵。這些問題也是我以后需要注意的方向，我也會多加努力做出更好的產(chǎn)品。參考文獻歐運娟.基于Android的在線學習系統(tǒng)的設(shè)計與實現(xiàn)[J].計算機產(chǎn)品與流通,2020(03):129-130.馬晨輝,趙春,徐艷艷,等.基于Blackboard在線學習平臺的視頻工具設(shè)計與實現(xiàn)[J].中國教育信息化,2020,000(002):P.83-87.吳鍵成,周旭宇,陳怡芯.類MVVM架構(gòu)應(yīng)用于在線教學平臺的設(shè)計與實現(xiàn)[J].電腦知識與技術(shù),2020(5).冉毅凡.基于大數(shù)據(jù)推薦系統(tǒng)的多媒體在線直播教學系統(tǒng)的設(shè)計與實現(xiàn)[J].網(wǎng)絡(luò)安全技術(shù)與應(yīng)用,2020,No.234(06):63-64.張琦.高校輔助教學系統(tǒng)