基于ueditor富文本編輯器的實驗報告在線編輯系統(tǒng)設(shè)計

呂景美

摘 要： 本文在詳細分析當(dāng)前高校實驗報告管理模式中存在的問題的基礎(chǔ)上，以ueditor富文本編輯器為切入點，設(shè)計和構(gòu)建實驗報告在線編輯系統(tǒng)，解決傳統(tǒng)紙質(zhì)實驗報告無法提交多媒體數(shù)據(jù)、教師需手動批改報告、不能實時對學(xué)生的實驗結(jié)果作出反饋和指導(dǎo)等問題，達到減輕實驗教師工作量、方便學(xué)生提交實驗關(guān)鍵數(shù)據(jù)、強化實驗教學(xué)效果的目的。

關(guān)鍵詞： ueditor富文本編輯器 在線編輯系統(tǒng) 高校實驗報告

一、引言

我國自20世紀(jì)90年代末開始大力實施教育信息化戰(zhàn)略。所謂教育信息化，是指在教育教學(xué)領(lǐng)域的各個方面，在先進的教育思想指導(dǎo)下，積極應(yīng)用信息技術(shù)，深入開發(fā)，廣泛利用信息資源，培養(yǎng)適應(yīng)信息社會要求的創(chuàng)新型人才。2012年3月，教育部印發(fā)了《教育信息化十年發(fā)展規(guī)劃（2011—2020年）》，規(guī)劃提出未來十年要大力推動信息技術(shù)與教育教學(xué)的深度融合，建設(shè)開放、互動、知識共享和以學(xué)生為中心的信息化教學(xué)平臺。

隨著高校教學(xué)改革的不斷深化和質(zhì)量工程計劃的實施，實驗室作為教學(xué)、科研和科技成果轉(zhuǎn)化的基地，不僅在學(xué)校的科研工作中占有重要地位，對學(xué)校的發(fā)展也起到舉足輕重的作用。各高校在實驗室開放管理、器材管理、資料管理等方面充分利用信息化的理念和手段，構(gòu)建信息化管理系統(tǒng)，促進高校實驗室建設(shè)與管理水平，全面提高學(xué)生實踐能力和創(chuàng)新精神，進一步提升高等院校的辦學(xué)水平。在現(xiàn)代信息技術(shù)逐漸成為21世紀(jì)高校實驗室發(fā)展新動力的今天，基于傳統(tǒng)概念下的實驗室各項工作正在發(fā)生質(zhì)的演變，朝著現(xiàn)代化、開放化和高效化的工作模式躍進。

二、當(dāng)前高校實驗報告管理模式存在的問題

實驗報告是實驗教學(xué)的一個重要環(huán)節(jié)，目前大多數(shù)高校對實驗報告的管理還是采用傳統(tǒng)的紙質(zhì)實驗報告。紙質(zhì)實驗報告存在以下問題。

1.紙質(zhì)實驗報告信息含量低，很多課程的實驗結(jié)果在紙質(zhì)實驗報告中不能表現(xiàn)或不能完全表現(xiàn)。

2.學(xué)生不能方便地提交、查詢實驗結(jié)果。

3.大量的紙質(zhì)實驗報告在批閱、管理和保存等方面浪費人力和物力。

4.紙質(zhì)的實驗報告給學(xué)生相互抄襲提供了可能。

實踐證明，這種紙質(zhì)實驗報告管理方式已無法適應(yīng)高校快速發(fā)展的信息化辦學(xué)模式，急需一種科學(xué)化、規(guī)范化和信息化的實驗報告管理模式彌補以上不足。

三、基于ueditor富文本編輯器的實驗報告在線編輯系統(tǒng)設(shè)計

1.ueditor富文本編輯器

隨著計算機技術(shù)和網(wǎng)絡(luò)技術(shù)的發(fā)展，由百度Web前端研發(fā)部研發(fā)的ueditor富文本編輯器為高校實驗報告的管理模式提供了新的視角和方法。富文本編輯器（Rich Text Editor），簡稱RTE，它提供類似于Microsoft Word的文本編輯功能，可以被不會編寫HTML頁面的用戶使用并且支持各種文本格式的設(shè)置。較之已有的基于C/S、B/S模式的實驗報告在線編輯系統(tǒng)，其優(yōu)勢主要體現(xiàn)在以下三個方面。

（1）具有功能全面，性能優(yōu)良，使用簡單且支持多種主流瀏覽器等特點。用戶可以其嵌入在網(wǎng)頁中，在編輯器的編輯區(qū)域編輯文字樣式、上傳圖片和Flash文件、編輯表格等。

（2）分層架構(gòu)，方便定制與擴展。整個系統(tǒng)分為了核心層、命令插件層和UI層這樣三個低耦合的層次，核心層提供了編輯器底層的一些方法和概念，如DOM樹操作、Selection、Range等。在核心層之上覆蓋的是命令插件層。所有的功能型實驗都是通過命令和插件來完成的，并且各個命令和插件之間基本互不耦合。UI設(shè)計與核心層和命令插件層幾乎完全解耦，簡單的幾個配置就可以為編輯器在界面上添加額外的UI元素和功能。

（3）開源基于BSD協(xié)議，允許用戶自由使用和修改代碼，支持商業(yè)和非商業(yè)用戶的免費使用和任意修改。

2.系統(tǒng)設(shè)計

根據(jù)高校實驗教學(xué)的特點，選擇ueditor富文本編輯器作為開發(fā)工具，并對其功能進行擴充，設(shè)計出一種適用于高校實驗報告在線編輯的系統(tǒng)。該系統(tǒng)能指導(dǎo)學(xué)生在指定編輯器中插入圖片、音頻、視頻、flash等多媒體文件及超鏈接，且具有自主繪圖、屏幕截圖、自動批改、添加網(wǎng)頁批注等功能，達到減輕實驗教師的工作量、方便學(xué)生填寫實驗關(guān)鍵數(shù)據(jù)、更好地指導(dǎo)學(xué)生的學(xué)習(xí)過程的目的。具體從以下幾個方面進行。

（1）ueditor富文本編輯器內(nèi)嵌于瀏覽器。主要包括精簡無關(guān)的文檔及示例頁面、部署PHP程序目錄、配置ueditor編輯器等。

（2）ueditor富文本編輯器個性化功能模塊開發(fā)。主要根據(jù)當(dāng)前實驗報告管理模式的需求，開發(fā)出具有自主繪圖、屏幕截圖、自動批改、添加網(wǎng)頁批注等具有個性化功能的模塊。

（3）前、后端數(shù)據(jù)之間的交互。主要實現(xiàn)富文本內(nèi)容、圖片上傳、word圖片轉(zhuǎn)存、圖片抓取、圖片在線管理、屏幕截圖、附件上傳等交互功能。

（4）實驗報告中自動批改規(guī)則的制定方法。運用基于DroolS規(guī)則引擎的軟件專家系統(tǒng)解決實驗報告中自動批改規(guī)則的制定，包括規(guī)則引擎的軟件結(jié)構(gòu)、批改規(guī)則的存儲模式、推理模式匹配算法的選擇等方面，實現(xiàn)實驗報告的自動批改功能。

四、結(jié)語

基于ueditor富文本編輯器的實驗報告在線編輯系統(tǒng)，結(jié)合J2EE、Asp.net技術(shù)，解決傳統(tǒng)紙質(zhì)實驗報告無法提交多媒體數(shù)據(jù)、教師需手動批改報告、不能實時對學(xué)生的實驗結(jié)果作出反饋和指導(dǎo)等問題，達到減輕實驗教師工作量、方便學(xué)生提交實驗關(guān)鍵數(shù)據(jù)、強化實驗教學(xué)效果的目的。

參考文獻：

[1]侯穎.基于.NET的中學(xué)實驗報告管理與輔助決策系統(tǒng)的設(shè)計與實現(xiàn)[D].電子科技大學(xué)，2011.

[2]張明文.初中化學(xué)虛擬實驗半自動實驗報告系統(tǒng)的設(shè)計與實現(xiàn)研究[D].西北師范大學(xué)，2012.

[3]朱倩.實驗報告管理系統(tǒng)的設(shè)計與開發(fā)[D].電子科技大學(xué)，2009.

[4]王軍.基于Web的教學(xué)資源在線編輯技術(shù)研究與實現(xiàn)[D].北京郵電大學(xué)，2012.

[5]葉旭，劉潔，唐瑛.基于云平臺的實驗報告系統(tǒng)建設(shè)探索[J].中國校外教育，2012，2.

基金資助：湖南省教育廳基金項目（13C1068）。