李興田 張麗萍

摘 要：文章利用Ajax和WebGL技術，研究開發(fā)并部署了畫法幾何答疑系統(tǒng)。該系統(tǒng)以教材習題為主線，利用解題思路、課程知識點、立體模型、網(wǎng)絡課件、音視頻講解等，給學生提供了全方位的學習平臺，解決了答疑回饋時間滯后、效率低下的問題，有效提高了學生的學習效率，使教師擺脫了繁重的答疑工作，也為教學方式和手段的改革提供了一種思路。

關鍵詞：畫法幾何;答疑系統(tǒng)

中圖分類號：TP391 文獻標志碼：B? ? ? ? ? 文章編號：1673-8454（2019）08-0089-05

一、引言

既然有“教”，則“學”必有所惑，“解惑”就成了教學活動中非常重要的環(huán)節(jié)。在教學的5個經(jīng)典環(huán)節(jié)中，答疑具有重要的現(xiàn)實意義[1-6]：①輔導答疑是教學活動中不可或缺的措施和手段，也是促進學生學習的重要環(huán)節(jié)之一。學生在學習過程中，由于課堂講授信息量大，內容抽象難懂，接受知識的能力存在差異性，總會出現(xiàn)部分學生對課堂內容理解不充分的情況。所以，答疑是補充，也是反思與促進。②答疑是對學生學習效果的強化。畫法幾何的學習中，學生經(jīng)常出現(xiàn)“聽得懂，不會做”的情況。通過答疑，學生能夠更加深入地理解相關知識點，掌握知識的應用，從而提高學習效率，強化學習效果。③輔導答疑是獲取教學信息、改進教學方法的重要環(huán)節(jié)。通過輔導答疑，教師和學生有了交流和溝通，有了學生的反饋信息，教師可對教學內容和方法進行調整和優(yōu)化，做到持續(xù)改進。

隨著計算機的發(fā)展，多媒體、數(shù)字化等教學手段已經(jīng)深入課堂，“傳道授業(yè)”有了新的方式和方法，畫法幾何的“教”與“學”也不例外。目前來看，教師答疑的方式有線下答疑、郵件答疑、QQ群答疑和機器人自動回復答疑[7]等。這些答疑方式優(yōu)勢明顯，但也存在諸多問題：

（1）線下答疑。學生在學習中遇到問題時無法得到及時解答，隨著時間的推移，問題不斷累積，影響學習效率和效果;對部分學生來說，由于心理活動因素的影響，學生在答疑中表現(xiàn)出焦慮、緊張和思路不清，嚴重影響答疑效果;線下答疑一般為“一對一”的方式，當答疑學生較多時，容易造成答疑效率低下，進而影響其他學生的時間利用率;同時由于指定了答疑的時間和地點，所以答疑活動受到時間和空間的限制，答疑具有時空性，不方便答疑活動的展開;由于面對較多學生且很多問題具有重復性，教師的工作壓力較大，同時帶來忍耐性的考驗。

（2）郵件答疑。從學生發(fā)出郵件到教師接收和回復，中間都存在較大的時間差，再加上郵件客戶端的繁瑣操作，都會影響學生學習的連續(xù)性和學習效率。

（3）QQ群答疑。這種答疑方式快捷方便，既能和教師保持較為快捷的溝通，也能和同學展開廣泛的討論。但是教師對問題的反饋具有時段性，這就決定了答疑結果的滯后性。

（4）機器人自動回復答疑。圖靈機器人等人工智能技術的出現(xiàn)，使得機器人自動回復這種答疑方式方便實用。但是該技術被少數(shù)公司掌握，引入多媒體答疑所需成本太高，造成使用困難。從長遠來看，如果相關公司及其服務器出現(xiàn)不可抗力，會給答疑活動造成不可持續(xù)性，影響正常的教學活動。

除了利用軟件工具進行答疑，廣大教育工作者也開發(fā)了一些基于網(wǎng)絡的助學或答疑系統(tǒng)。肖立峰[8]在《畫法幾何網(wǎng)絡答疑系統(tǒng)的開發(fā)與研究》中以學生共同參與的網(wǎng)絡留言板作為網(wǎng)絡答疑系統(tǒng);李平川[9]在《基于手機App的交互式助課系統(tǒng)的設計研究》中以手機應用的形式開發(fā)了能夠用于畫法幾何習題解答、模型顯示等功能的助課系統(tǒng);何培英[10]在《工程制圖網(wǎng)上答疑系統(tǒng)的設計與實現(xiàn)》中實現(xiàn)了自動答疑子系統(tǒng)和實時答疑論壇;瞿暢[11]等在《基于 Web 的工程制圖學習輔導系統(tǒng)的設計與實現(xiàn)》中以論壇的形式實現(xiàn)了在線答疑;董海瑞[12]在《“畫法幾何及機械制圖”網(wǎng)上答疑系統(tǒng)的研究與開發(fā)》中用Flash實現(xiàn)了習題解答的二維動畫，用VRML實現(xiàn)了三維模型的顯示;張錫愛[13]等在《基于校園網(wǎng)的畫法幾何及工程制圖輔導答疑系統(tǒng)》中以SWF文件的形式實現(xiàn)了三維模型的顯示等。以上系統(tǒng)包括習題題解、三維模型等功能，其中動畫實現(xiàn)基于Flash技術，使用時需安裝插件，容易造成使用不便、運行不穩(wěn)等情況;答疑系統(tǒng)主要以論壇形式部署，雖可保證全體學生的廣泛參與，但答疑互助活動顯著滯后，不利于學生的學習和答疑需求。因此，尋求適合該課程的答疑方式就顯得非常重要[14-20]。

本文將網(wǎng)絡技術引入教學環(huán)節(jié)，并結合最新的計算機應用技術，開發(fā)了基于網(wǎng)絡的答疑系統(tǒng)。無插件運行、即刻答疑的運行模式克服或彌補了以往答疑系統(tǒng)的不足，為學生提供了豐富的學習平臺，提高了學生的學習效率;同時也使教師擺脫了繁重的答疑工作，提高了工作效率。

二、畫法幾何答疑系統(tǒng)

1.總體設計

目前來看，多數(shù)畫法幾何在線課程或助學系統(tǒng)提供了系統(tǒng)的學習內容，學生在面對這些內容時，往往感覺無從下手，跟“閱讀一本畫法幾何教材”的體會是一樣的。多數(shù)學生在經(jīng)歷了“聽得懂”的環(huán)節(jié)后，卻發(fā)現(xiàn)“不會做”。這恰恰驗證了蒙日的說法：“這門課，單憑課堂講授是沒有效果的。只有通過大量的例題，使用直尺和圓規(guī)進行練習，才能取得足夠的經(jīng)驗，最終選擇簡單和明了的方法”。

就教學經(jīng)驗來說，學生通過課堂聽課和系統(tǒng)閱讀獲取了感性認知。如果不在此基礎上進行必要的習題練習，則對知識的理解只能停留在表面，造成理解不透徹、遇到問題不能解決等情況。為了解決這個問題，教學過程及課后均需給予一定數(shù)量的習題。由于學生對知識理解和掌握的能力千差萬別，所以期望在作業(yè)后解決所有問題是不現(xiàn)實的。

考慮到學習是一個不斷思考和重復的過程，本文給出了以教材習題為主線的答疑系統(tǒng)：①以教材習題為主線，按照章節(jié)順序創(chuàng)建習題數(shù)據(jù)庫。②答疑系統(tǒng)是對學生的引導和幫助，所以針對每個習題都給出了詳細的求解思路，目的是引導學生進行自主、深入地思考，進而實現(xiàn)問題的求解，最終形成“問題-引導-求解-自主學習”的良性循環(huán)，增加學習的主動性。③從教學經(jīng)驗來講，學生對基礎知識的掌握程度不同，其所需的引導路徑和方法也應不同。當求解思路不能契合其知識架構時，相關的知識點的講解就是必須的。這些知識點聚合在一起，就形成了知識點庫。④為了便于網(wǎng)絡傳播，知識點的講解應保證思路清晰、語言簡潔、文件大小合適、表達方法恰當。因此，當易于用語言描述時，音頻就成為主要表達方式;當知識點較為復雜，則視頻（幻燈片+動畫+錄屏）就是主要的表達方式。⑤為了幫助學生理解立體的投影，系統(tǒng)創(chuàng)建了電子模型庫，從而使學生能夠將空間立體和其投影結合起來，加深理解。⑥對大部分學生來講，經(jīng)過求解思路的引導和知識點講解的幫助，基本能夠解決大部分的問題。但是對少數(shù)基礎較差的學生來說，這還不夠。因此，提供詳細的在線網(wǎng)絡課件進行系統(tǒng)學習是非常必要的。

畫法幾何答疑系統(tǒng)就是將上述內容進行架構和組合，用手機、平板等移動端幫助學生解決問題并完成課程知識學習的平臺。該系統(tǒng)以教材習題為主線，利用解題思路、相關知識點、立體模型、網(wǎng)絡資源、音視頻講解等，幫助學生提高學習效率。同時，通過部署網(wǎng)絡數(shù)據(jù)庫、提供注冊登錄入口、統(tǒng)計學生學習和訪問數(shù)據(jù)并繪制圖表，使教師能掌握學生學習的第一手資料，并對數(shù)據(jù)進行分析，為以后的教學優(yōu)化和改革提供數(shù)據(jù)支撐。

為了說明系統(tǒng)的架構和層級關系，本文繪制了畫法幾何答疑系統(tǒng)總體架構如圖1所示。頂部為學生客戶端的表現(xiàn)層，能夠在瀏覽器中整合各種多媒體素材;中間部分為管理層，管理員可通過該接口實現(xiàn)對數(shù)據(jù)的訪問和數(shù)據(jù)庫的直接操作;最下面為系統(tǒng)結構層，包括客戶端、服務器端和數(shù)據(jù)庫?？蛻舳死肏TML5、CSS3和JavaScript實現(xiàn)系統(tǒng)的UI表現(xiàn)，利用Ajax、WebGL技術實現(xiàn)三維模型的加載展示。服務器端安裝部署了Apache服務器、PHP語言解釋器和MySQL數(shù)據(jù)庫，利用PHP語言響應客戶端的請求并完成數(shù)據(jù)的存取，并適時提供數(shù)據(jù)統(tǒng)計和繪圖。

2.創(chuàng)建系統(tǒng)數(shù)據(jù)庫

為了保證運行的穩(wěn)定性和擴展性，系統(tǒng)共創(chuàng)建了一個數(shù)據(jù)庫和32個數(shù)據(jù)表。這些數(shù)據(jù)表用來維護習題庫、知識庫和訪問記錄等數(shù)據(jù)。其中，習題庫和知識庫數(shù)據(jù)表在創(chuàng)建初期就組織并存儲了相應的基礎資料，如章節(jié)編號、題號、知識點編號、音視頻文件名、文本信息、鏈接網(wǎng)址、3D模型編號等;訪問記錄表則用于系統(tǒng)運行過程中動態(tài)記錄學生的注冊信息、習題訪問記錄、知識點訪問記錄等。

表1所示為習題數(shù)據(jù)表，其中字段chapterorder、exerciseorder、exerciseanswer、knowledge1、knowledge2、knowledge3和3D分別用來存儲題目所在的章編號、節(jié)編號、求解思路、知識點1、知識點2、知識點3和3D模型文件。由于解題思路用來引導學生完成思考，進而形成主動式學習的良性循環(huán)，其作用非常重要。因此，每個習題均帶有詳細的解題思路。由表1可知，跟習題有關的知識點最多列出3個，其相關內容根據(jù)表2索引可得。當題解需要3D模型時，則可根據(jù)3D字段中的模型文件進行三維模型的顯示和觀察。

表2所示為知識點數(shù)據(jù)表，字段chapterorder、knowledgeorder、audio、video和link用來存儲每個知識點所在的章編號、節(jié)編號、音頻文件名、視頻文件名和相關鏈接。音視頻文件被存儲在各自的文件夾中并以章節(jié)順序進行編號;相關鏈接是畫法幾何在線網(wǎng)絡課件的網(wǎng)址鏈接，用來對知識點進行詳細的補充說明。

表3 是學生對習題的訪問記錄表。其中字段studentID用來維護學生的學號，其后每個字段用來維護所有學生對本章習題的訪問次數(shù)。為了方便數(shù)據(jù)存取，每章均對應一個用來存儲習題庫和知識點庫訪問記錄的數(shù)據(jù)表，限于篇幅，這里不再一一列出。

3.在線網(wǎng)絡課件

為了照顧各個層面學生的學習，系統(tǒng)依次提供了求解思路、知識點音視頻講解、在線網(wǎng)絡課件等。前兩部分作為多媒體內容被整合在系統(tǒng)中，而后者作為外部鏈接完成對知識點的補充講解和說明。

為了制作能部署于網(wǎng)絡服務器、例題講解動畫演示的網(wǎng)絡課件，本文避開Html5、CSS3和Javascript等技術門檻相對較高的編程語言，而是利用課件制作軟件Lectora，在梳理和總結教材內容的基礎上，采用簡潔的語言、高精度圖片、題解動畫演示和菜單導航等，實現(xiàn)了面向學生、易于交互的網(wǎng)絡課件，如圖2所示。

該課件不單是對系統(tǒng)中出現(xiàn)的知識點的補充，也是對課堂內容的再現(xiàn)。課件中動態(tài)的題解仿真過程有效仿真了板書授課中復雜的題解作圖過程，利于學生反復學習和思考，使學生的學習擴展到更廣的時空，提高了學習的自主性。

4.3D模型庫（圖3）

為了使學習和題解更加直觀，系統(tǒng)在立體截切、相貫、組合體等章節(jié)中增加了3D模型的展示。學生可通過手機等移動端基于系統(tǒng)或鏈接實現(xiàn)模型的顯示操作?？紤]到系統(tǒng)的可擴展性，同時為了避免在客戶端安裝插件，本文采用WebGL技術進行建模和顯示。使用WebGL技術建模時，JavaScript將頂點數(shù)據(jù)通過緩沖區(qū)對象傳遞給顯卡，顯卡執(zhí)行頂點著色器程序完成圖元裝配及光柵化，再通過片元著色器將像素顏色寫入顏色緩沖區(qū)，最終在瀏覽器中顯示圖形，其可視化流程如圖4所示。

為了實現(xiàn)模型的旋轉，首先根據(jù)鼠標的移動位置計算通過原點的旋轉軸，然后將頂點坐標右乘式1所示的旋轉矩陣并將計算結果傳遞給著色器的內建變量gl_Position。

其中，nx、ny和nz分別是代表旋轉軸的向量分量，θ為旋轉角，其正向為從旋轉軸正向觀察時的逆時針方向。

在頁面中添加用于顏色調整、視點改變的菜單后，單獨運行于瀏覽器的模型庫如圖3所示。若在系統(tǒng)中直接調用模型庫，則對模型的操作僅限于三維旋轉觀察。

5.請求和響應

傳統(tǒng)頁面中，當用戶點擊頁面上的某個部分向服務器發(fā)出請求時，服務器都將返回一個完整的頁面，這使瀏覽器和服務器之間存在著大量的來回通信，從而造成頁面刷新時間長、用戶體驗差等情況。為了解決這個問題，本文使用Ajax技術創(chuàng)建請求，并從服務器獲取真正需要的東西，實現(xiàn)頁面局部刷新，從而使通信量更小、頁面更新更少、頁面刷新的時間更短，大大提升用戶體驗。

為此，用Javascript語言創(chuàng)建請求并將學生的輸入信息發(fā)送給服務器，關鍵代碼如下：

request = new XMLHttpRequest（）;

url = url + "？question=" + question + "&dummy=" + new Date（）.getTime（）;

request1.open（"GET"， url， true）;

request1.send（null）;

服務器收到請求后，將從請求中取出學生發(fā)送的信息，然后在數(shù)據(jù)庫中進行查詢。如果查到習題和知識點數(shù)據(jù)行，則系統(tǒng)將獲取字段exerciseanswer的內容并返回客戶端，同時記錄訪問時間和次數(shù)?？蛻舳说玫秸埱蟮捻憫獢?shù)據(jù)后，取出其中的頁面標簽并將其動態(tài)地插入當前頁面，實現(xiàn)圖片、音視頻和3D模型的展示，完成一次會話。關鍵代碼如下：

// PHP接收ajax發(fā)送的信息（學生輸入的問題關鍵詞）

$infofromajax = trim（$_GET["question"]）;

$dbc = mysqli_connect（DB_HOST， DB_USER， DB_PASSWORD， DB_NAME）;

$query = "SELECT * FROM questionandknowledges WHERE exercise = '$infofromajax'";

$data = mysqli_query（$dbc， $query）;

// Html更新內容

content.innerHTML += '

+newTotal+'

學生注冊并登錄后，由于學習活動具有持續(xù)性，所以需要客戶端和服務器能持續(xù)會話。如果會話頻繁中斷，將給學習造成困擾。為此，系統(tǒng)在學生登錄后馬上創(chuàng)建session并記錄cookie，保證會話的持續(xù)性。

為了統(tǒng)計學生對習題和知識庫的訪問情況，系統(tǒng)利用PHP語言從數(shù)據(jù)庫中獲取訪問數(shù)據(jù)，然后在服務端繪制圖形并將其發(fā)送到客戶端，詳細的代碼不再列出。圖5所示為習題庫訪問數(shù)據(jù)的柱狀圖。其中圖5a是第三章的訪問數(shù)據(jù)，圖5b是第五章的訪問數(shù)據(jù)。

6.畫法幾何答疑系統(tǒng)實例

運行于手機端的畫法幾何答疑系統(tǒng)如圖6所示。圖6a為系統(tǒng)注冊登錄頁面，當學生完成注冊后，系統(tǒng)將引導進入登錄界面進行登錄。圖6b所示為題3-5的求解思路，如果不能在求解思路的幫助下完成解答，則可尋求其下方語音解答的幫助。圖6c所示為習題3-3的答疑頁面，如果學生對“用直角三角形法和換面法求直線的實長和α”的知識點掌握不夠，題目求解將出現(xiàn)困難。為此，答疑頁面的下方列出了相關知識點，學生點擊鏈接便出現(xiàn)如圖6d所示的知識點講解視頻。學習并掌握知識點后，回到題目繼續(xù)思考，問題將引刃而解。圖6e是題8-1中兩個平面體全貫的立體模型，通過三維旋轉觀察，可理解“一個立體的棱線和另一立體表面的交點”的含義并掌握貫穿點的數(shù)目和位置的確定方法。圖6f是已注冊學生對第3、5章習題的訪問情況，由此可掌握學生的學習動態(tài)，在教學中做出適當?shù)恼{整和優(yōu)化。

該系統(tǒng)以課程習題為主線，在給出解題思路的同時，以文本、圖片、音視頻和3D模型等形式給出了題目相關知識點的講解和展示。通過引導學生深入學習知識點、反復思考題解思路，從而提高學習效率和學習主動性。通過系統(tǒng)的部署和應用，可使教師擺脫繁重的答疑工作，從而提高工作效率，將新的網(wǎng)絡技術引入教學環(huán)節(jié)，實現(xiàn)了教學的信息化發(fā)展，為教學改革提供了思路。

參考文獻：

[1]鄭豐，敖萍萍.基于知識管理的在線答疑系統(tǒng)研究[J].教育教學論壇，2018（14）：273-274.

[2]王冕，陳計冰，狄勇靖.基于移動網(wǎng)絡下微信答疑課系統(tǒng)的設計研究[J].課程教育研究，2018（12）：33-34.

[3]陳志云，商月，錢冬明.基于知識圖譜的智能答疑系統(tǒng)研究[J].計算機應用與軟件，2018，35（2）：178-182.

[4]張俊飛.基于SPOC視頻和智能答疑的CAI模式研究[J].中國教育信息化，2018（1）：26-30.

[5]李春生，盧鵬飛，張可佳.基于語句相似度計算的智能答疑系統(tǒng)機理研究[J].計算機技術與發(fā)展，2018，28（4）：91-94.

[6]陳品帆.基于Web的遠程答疑系統(tǒng)的關鍵技術探討[J].信息技術與信息化，2015（2）：52-53.

[7]馮升.聊天機器人問答系統(tǒng)現(xiàn)狀與發(fā)展[J].機器人技術與應用，2016（4）：34-36.

[8]肖立峰.畫法幾何網(wǎng)絡答疑系統(tǒng)的開發(fā)與研究[J].工程圖學學報，2000，21（4）：86-89.

[9]李平川，崔馨丹，曲焱炎.基于手機App的交互式助課系統(tǒng)的設計研究[J].科技創(chuàng)新導報，2018，15（21）：237-238.

[10]何培英，竇憲民.工程制圖網(wǎng)上答疑系統(tǒng)的設計與實現(xiàn)[J].工程圖學學報，2002，23（1）：154-158.

[11]瞿暢，王君澤，沈雯曄.基于Web的工程制圖學習輔導系統(tǒng)的設計與實現(xiàn)[J].機械，2003，30（5）：74-77.

[12]董海瑞，劉靜華.“畫法幾何及機械制圖”網(wǎng)上答疑系統(tǒng)的研究與開發(fā)[J].工程圖學學報，2007，28（4）：122-127.

[13]張錫愛，陳志軍，解正宇等.基于校園網(wǎng)的畫法幾何及工程制圖輔導答疑系統(tǒng)[J].河北工業(yè)科技，2006，23（3）：167-170.

[14]繆君，儲珺，張桂梅.基于X3D的工程制圖網(wǎng)絡虛擬模型庫開發(fā)[J].畫法幾何學報，2011（2）：122-126.

[15]熊巍，劉林，陳錦昌.現(xiàn)代工程制圖課堂教學改革的探索與實踐[J].圖學學報，2014，35（2）：296-300.

[16]何麗，孫文磊，朱穎.Web三維模型共享平臺在工程制圖教學中的應用[J].機械工程與自動化，2015（4）：49-51.

[17]周海迎，史冬敏，湯蒂蓮.《工程制圖》虛擬模型庫的開發(fā)和應用[J].東華理工大學學報（社會科學版），2016，35（1）：79-81.

[18]王炳達，許琪，姚文亮等.工程制圖虛擬模型庫研究與設計[J].機電信息，2014（15）：140-141.

[19]楊敏，楊潔.慕課：班級授課制的終結者[J].當代教育理論與實踐，2014，6（5）：71-73.

[20]黃光芳，吳洪艷，金義富.泛在學習環(huán)境下SPOC有效教學的實踐與研究[J].電化教育研究，2016（5）：50-57.

（編輯：魯利瑞）