• 
    <ul id="auswy"><sup id="auswy"></sup></ul>
  • <ul id="auswy"></ul>
    ABB
    關(guān)注中國自動化產(chǎn)業(yè)發(fā)展的先行者!
    CAIAC 2025
    2025工業(yè)安全大會
    OICT公益講堂
    當(dāng)前位置:首頁 >> 案例 >> 案例首頁

    案例頻道

    基于ASP的網(wǎng)絡(luò)教學(xué)系統(tǒng)設(shè)計與實現(xiàn)
    • 企業(yè):控制網(wǎng)     領(lǐng)域:工業(yè)無線     行業(yè):網(wǎng)絡(luò)通訊    
    • 點擊數(shù):2101     發(fā)布時間:2011-01-29 09:52:16
    • 分享到:
    隨著計算機(jī)網(wǎng)絡(luò)技術(shù)的飛速發(fā)展, 網(wǎng)絡(luò)課堂作為一種新型教學(xué)模式,正在得到廣泛應(yīng)用,基于網(wǎng)絡(luò)的教學(xué)系統(tǒng)開發(fā)也隨之應(yīng)運而生。本文介紹了如何利用ASP技術(shù)去設(shè)計和實現(xiàn)一個綜合網(wǎng)絡(luò)教學(xué)課件系統(tǒng),作為課堂教學(xué)的有益補充,達(dá)到鞏固課堂學(xué)習(xí)和自學(xué)課程的目的。

        引言  

        信息技術(shù)和網(wǎng)絡(luò)技術(shù)的飛速發(fā)展,網(wǎng)絡(luò)技術(shù)在教育中的應(yīng)用日益廣泛和深入,軍隊院校教學(xué)的內(nèi)容和形式也隨之發(fā)生了新的變化。網(wǎng)絡(luò)教學(xué)不但適應(yīng)了教育信息化、網(wǎng)絡(luò)化的發(fā)展需求,促進(jìn)了教學(xué)的靈活性和有效性,同時也大大提高了教員的授課質(zhì)量,形成了教與學(xué)的新興模式。隨著軍隊院校教學(xué)改革步伐的加快, 各院校在如何把握軍隊院校教育特點和規(guī)律,打破傳統(tǒng)教學(xué)模式,提高教育質(zhì)量方面進(jìn)行了積極的探索與實踐。網(wǎng)絡(luò)教學(xué)作為一種新型的現(xiàn)代教育技術(shù)手段,因其自身所具有的開放性、交互性等獨特優(yōu)勢,符合當(dāng)代軍校教育的特點要求,日益成為提升教學(xué)質(zhì)量的一個重要平臺。

        1.系統(tǒng)總體設(shè)計

        系統(tǒng)采用Browser/Server模式,以《多媒體技術(shù)》課程為基礎(chǔ),采用模塊化設(shè)計的方法實現(xiàn)了網(wǎng)絡(luò)課堂、在線答疑、網(wǎng)上測試、視頻教學(xué)、資源下載共五部分功能。通過校園網(wǎng)學(xué)員可以方便地瀏覽多媒體課件,與教員進(jìn)行交流,觀看視頻講座,參加測試以及下載學(xué)習(xí)資源等,達(dá)到鞏固課堂教學(xué)和自學(xué)課程的目的。(系統(tǒng)操作流程見圖一)

        1.1  網(wǎng)絡(luò)課堂:學(xué)員通過網(wǎng)絡(luò)課堂學(xué)習(xí),以達(dá)到回顧課堂知識和自學(xué)的效果。該模塊包括教員授課多媒體課件的錄入、瀏覽、修改、刪除。包括課程介紹、學(xué)習(xí)重點,以及每章的簡介、要點,章下每節(jié)的主要內(nèi)容。

        1.2  在線答疑: 提供教員、學(xué)員交流的平臺,學(xué)員能夠針對學(xué)習(xí)中遇到的問題進(jìn)行提問,教員進(jìn)行解答,并總結(jié)學(xué)員學(xué)習(xí)該門課程中的常見問題,并對課程的前沿知識和發(fā)展動態(tài)作以介紹,學(xué)員可在此交流學(xué)習(xí)心得體會,發(fā)表個人見解等。

        1.3  網(wǎng)上測試:學(xué)員通過測試檢驗學(xué)習(xí)效果。本模塊包括試卷的錄入(先添加試卷名稱、設(shè)置考試時間、單選和多選題數(shù)目、每題分值,然后再進(jìn)入所添加試卷的管理,錄入題目)、試卷內(nèi)容的修改、刪除、瀏覽。用戶測試時可選擇設(shè)置測試時間。分?jǐn)?shù)實時統(tǒng)計,用戶在做完題提交后系統(tǒng)自動統(tǒng)計并反饋分值。

        1.4  視頻教學(xué)和資源下載:為教員和學(xué)員提供資源共享的空間,通過此模塊用戶可以上傳和下載各種學(xué)習(xí)資源,視頻文件和可下載資源文件都是事先存放到指定目錄下,只對其路徑進(jìn)行添加、修改和刪除,前臺用戶可根據(jù)需要瀏覽下載資源,在線點播授課視頻。

        1.5  用戶管理:用戶信息的注冊、修改、刪除。包括用戶名、密碼、所在單位等信息;用戶分超級管理員、管理員(教員)和普通用戶(學(xué)員)。超級管理員負(fù)責(zé)對整個系統(tǒng)的管理和維護(hù),具有最大權(quán)限,管理員只能修改網(wǎng)絡(luò)課堂教學(xué)內(nèi)容,修改試題庫和閱卷。普通用戶需通過注冊進(jìn)行網(wǎng)上考試,其它模塊的前臺使用對所有用戶是開放的。

                         

                                                     圖一 系統(tǒng)操作流程圖

        2.系統(tǒng)主要功能技術(shù)實現(xiàn)

        本系統(tǒng)五部分功能在使用中除在線測試模塊要求注冊外,其它部分均采用了開放的形式,可以對系統(tǒng)內(nèi)容進(jìn)行瀏覽、下載、提問等操作。

        2.1  網(wǎng)絡(luò)課堂功能實現(xiàn):可以為大家提供圖文并貌的多媒體課件,分為課程介紹、課程章內(nèi)容、每章節(jié)內(nèi)容。教員以管理員身份登錄后,可對網(wǎng)絡(luò)課堂的教學(xué)課件進(jìn)行添加、修改、刪除等操作。

        添加課件內(nèi)容的實現(xiàn)過程分三個步驟:

        (1)添加課程章名稱。在數(shù)據(jù)庫中單獨為章名稱建立一張表,表的內(nèi)容主要包括每章的名稱,每章的內(nèi)容簡介以及每章的學(xué)習(xí)要點。可以對各章名稱進(jìn)行刪除和修改,刪除章操作的同時刪除所屬章的所有節(jié)及其詳細(xì)內(nèi)容。
        (2)為每章添加節(jié)名稱。在數(shù)據(jù)庫中為節(jié)名稱建立一張表,所有章的所屬節(jié)名稱都存放在這張表中,其中還對應(yīng)存放每一節(jié)的詳細(xì)內(nèi)容。在操作上可對每節(jié)名稱進(jìn)行刪除和修改,刪除節(jié)時同時刪除節(jié)內(nèi)的內(nèi)容。
        (3)為每節(jié)添加詳細(xì)內(nèi)容。為達(dá)到多媒體課件生動形象的效果,可以在后臺編輯窗口中插入圖片,設(shè)定圖片位置,設(shè)置字體、字號、以及字體的顏色,還可以插入表格和鏈接等,使得前臺客戶端智能生成的課件內(nèi)容更加豐富多樣。數(shù)據(jù)庫中對每節(jié)詳細(xì)內(nèi)容的保存采取HTML代碼的形式,上傳的圖片以及鏈接的Flash文件等存放在指定的文件夾下。
    部分代碼如下:

     <SCRIPT>
       var L_DEFAULTHTML_TEXT
       L_DEFAULTHTML_TEXT="<DIV><%=content%></DIV>";
       window.onload = _initEditor;
       function _drawIE4Focus()
        {      if (isIE4)
         document.write("<INPUT TYPE=textbox STYLE=\"width:0;height:0;left:0;position:absolute\"  VALUE=\"Ray\">Ray");
     }   </SCRIPT>           
     <BODY bgcolor=#FFFFE5 oncontextmenu="return false" TABINDEX  ="-1" SCROLL ="no" ONSELECTSTART ="return false" ONDRAGSTART="return false" ONSCROLL="return false">
     <DIV ID="idEditor" STYLE="VISIBILITY: hidden">
     <TABLE ID=idToolbar WIDTH="100%" CELLSPACING=0 CELLPADDING=0 ONCLICK="_CPopup_Hide()">
       <TR ID=tbTopBar>
     <TD ID=tbUpLeft></TD>
     <TD COLSPAN=2 ID=tbUpMiddle></TD>
     <TD ID=tbUpRight></TD>
     </TR>
          <TR>
     <TD ID=tbMidLeft></TD>
            <TD ID=tbContents><SCRIPT>_drawToolbar()</SCRIPT></TD>
     <TD ID=tbButtons ALIGN=right></TD>
     <TD ID=tbMidRight></TD>
       </TR>
       <TR ID=tbbottomBar>
     <TD ID=tbLowLeft></TD>
     <TD COLSPAN=2 ID=tbLowMiddle></TD>
     <TD ID=tbLowRight></TD>
     </TR>
     </TABLE>
     <IFRAME NAME="idPopup" STYLE="HEIGHT: 200px; LEFT: 25px; MARGIN-TOP: 8px; POSITION: absolute; VISIBILITY: hidden; WIDTH: 200px; Z-INDEX: -1">
     </IFRAME>
    <DIV ID="idEditRegion">
     <IFRAME TABINDEX=1 ID="EditBox" NAME="idEditbox"  WIDTH="100%" HEIGHT="100%" ONFOCUS="_CPopup_Hide();_fireFocus()">
     </IFRAME>
    </DIV>
      <SCRIPT language=javascript>_drawIE4Focus();
      </SCRIPT>
     <DIV ID="tbmode"><SCRIPT>_drawModeSelect();</SCRIPT></DIV>
     </BODY>

        2.2  網(wǎng)上測試功能實現(xiàn)

        網(wǎng)上測試模塊為學(xué)員提供了檢驗學(xué)習(xí)水平的機(jī)會,其可分為五個環(huán)節(jié),如圖:

       

         2.2.1  學(xué)員參加測試

        學(xué)員注冊登陸后方可進(jìn)入考試頁面進(jìn)行考試。考試題目分為主觀題和客觀題兩種,學(xué)員提交試卷后,客觀題由系統(tǒng)根據(jù)標(biāo)準(zhǔn)答案自動評定成績,主觀題由教員注冊登陸后根據(jù)標(biāo)準(zhǔn)答案進(jìn)行人工閱卷,同時給出成績,之后系統(tǒng)會將兩部分成績匯總,生成本門課程考試成績,并供學(xué)員查詢。

        當(dāng)學(xué)員輸入用戶名及密碼后,點擊“進(jìn)入”到考試頁面,代碼如下:

        〈form method="POST" action="./Default.asp" onSubmit="return CheckForm(this)"> 用&nbsp;戶&nbsp;名:
     <input type="text" name="UserID" size="15" maxlength="10" style="font-size: 10pt; color: #0000FF" >//輸入用戶名
     用戶口令:<input type="password" name="Password" size="15" maxlength="8" style="font-size: 10pt; color: #0000FF"><//輸入用戶密碼
     align="center" height="80">
     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
     <input type="submit" value=" 進(jìn) 入 " name="B1">//點擊“進(jìn)入”</form>

         2.2.2  教員對試題內(nèi)容的添加與修改

         當(dāng)管理員(教員)通過用戶名和密碼登陸以后就可以對試題內(nèi)容進(jìn)行添加和修改。部分代碼如下:

     document.getElementById("sunny").innerHTML = "請選擇題號:<SELECT name='class2' style='BACKGROUND-COLOR: #d6eade; COLOR: rgb(33,102,102); FONT-SIZE: 9pt' width='20'>"
     + "<OPTION value='1'>第 1 題</OPTION>"
     + "<OPTION value='2'>第 2 題</OPTION>"
     + "<OPTION value='3'>第 3 題</OPTION>"
     document.getElementById("suny").innerHTML = "試題題目:
     <br><TEXTAREA name='question' cols='75' rows='5'></TEXTAREA><br>
     <br>"+ "試題答案;<br>
     <TEXTAREA name='answer' cols='75' rows='5'></TEXTAREA><br>";
     document.getElementById("sunysuny").innerHTML = "<input type='submit' value=' 提交試題 ' name='B1'>";}
     menu.options(i).selected=true

        結(jié)束語

        網(wǎng)絡(luò)環(huán)境下的教學(xué)模式是一種全新的教學(xué)形式,隨著信息技術(shù)的發(fā)展,網(wǎng)絡(luò)技術(shù)的不斷完善和功能的提高,網(wǎng)絡(luò)平臺的操作簡單化等等,網(wǎng)絡(luò)教學(xué)模式將成為軍隊院校教育多種教學(xué)模式的重要組成部分,與其他教學(xué)形式一起,為培養(yǎng)出我軍現(xiàn)代化建設(shè)所需的高素質(zhì)綜合型人才而發(fā)揮積極作用。

    熱點新聞

    推薦產(chǎn)品

    x
    • 在線反饋
    1.我有以下需求:



    2.詳細(xì)的需求:
    姓名:
    單位:
    電話:
    郵件: