潘文昕，馮天祥，岑 崗

(浙江科技學(xué)院 信息與電子工程學(xué)院，杭州 310023)

《普通高中語(yǔ)文課程標(biāo)準(zhǔn)(2017年版)》指出，閱讀是學(xué)生的個(gè)性化行為，不應(yīng)以教師的分析來(lái)代替學(xué)生的閱讀實(shí)踐[1]。隨著互聯(lián)網(wǎng)時(shí)代的到來(lái)，手機(jī)閱讀、線上學(xué)習(xí)等新興數(shù)字化學(xué)習(xí)方式逐漸成為青少年的主要學(xué)習(xí)方式之一。據(jù)《2017年度中國(guó)數(shù)字閱讀白皮書(shū)》，截至2017年中國(guó)數(shù)字閱讀用戶(hù)規(guī)模近4億人，其中青少年占比70.9%[2]。在數(shù)字閱讀方興未艾的今天，數(shù)字閱讀與教育相結(jié)合是必然趨勢(shì)[3]。但目前初高中閱讀教育仍以課堂和課外的書(shū)面閱讀作業(yè)為主，傳統(tǒng)的閱讀教學(xué)存在著學(xué)生自主性低、課外作業(yè)效果不佳的弊端[4]。

批注式閱讀是一種從內(nèi)容、層次、思想情感、表現(xiàn)手法、語(yǔ)言特色等方面對(duì)文本進(jìn)行理解和感悟，并將自己思維軌跡用批注的形式記錄的探究型閱讀方式[5]。作為一種以主動(dòng)探究為核心的閱讀方式，批注式閱讀能較好地在閱讀中激發(fā)學(xué)生思維，展現(xiàn)學(xué)生個(gè)性[6]。因此，將HTML批注技術(shù)與數(shù)字閱讀相結(jié)合[7]用于輔助閱讀教學(xué)，將是一種新型的、高效的閱讀教學(xué)方法。隨著數(shù)字閱讀的發(fā)展，已經(jīng)有許多批注工具應(yīng)運(yùn)而生，但目前仍缺乏能提供線上批注工具的數(shù)字教學(xué)平臺(tái)[8]。因此，項(xiàng)目組以“互聯(lián)網(wǎng)+”教育理念為支撐[9]，設(shè)計(jì)開(kāi)發(fā)了批注式課外閱讀教學(xué)平臺(tái)。

1 系統(tǒng)的必要性

項(xiàng)目組經(jīng)調(diào)查發(fā)現(xiàn)，在實(shí)際教學(xué)中，由于每個(gè)人的閱讀習(xí)慣不同，即使在規(guī)定批注格式的情況下，學(xué)生提交的作業(yè)仍會(huì)出現(xiàn)格式多樣、書(shū)寫(xiě)雜亂等問(wèn)題，給教師批改造成困難，增加了教師的工作負(fù)擔(dān)；對(duì)學(xué)生而言，紙質(zhì)閱讀作業(yè)容易損壞或丟失，不易保存，且隨著數(shù)量增加，厚度加大，難以裝訂成冊(cè)又占空間，常有做完就扔的現(xiàn)象發(fā)生；優(yōu)秀作業(yè)可以起到示范帶頭作用，但紙質(zhì)作業(yè)不便傳閱，使優(yōu)秀作業(yè)不便展示；傳統(tǒng)紙質(zhì)閱讀作業(yè)布置成本較高，對(duì)于高中閱讀，一篇優(yōu)秀文章的主體部分文字量在3 000字左右，同時(shí)為了方便學(xué)生批注，每行文字需留有較大行間距，由此，一個(gè)30人班級(jí)一天閱讀作業(yè)的紙張消耗量約為120張A4紙，用紙量較大。

項(xiàng)目組針對(duì)如何利用“互聯(lián)網(wǎng)+”來(lái)輔助教師教學(xué)，解決課外閱讀作業(yè)布置成本高、收發(fā)不便、查驗(yàn)難、不易保存等問(wèn)題，設(shè)計(jì)開(kāi)發(fā)了批注式閱讀教學(xué)平臺(tái)。該平臺(tái)將作業(yè)的布置從線下遷移到了線上，實(shí)現(xiàn)了作業(yè)的無(wú)紙化和云端存儲(chǔ)，同時(shí)利用工具規(guī)范了學(xué)生的批注格式，方便了教師的教學(xué)和核查，提高了效率及教學(xué)質(zhì)量。學(xué)生閱讀作業(yè)有跡可循，規(guī)范統(tǒng)一，同時(shí)平臺(tái)提供了優(yōu)秀作業(yè)展示功能，優(yōu)秀作業(yè)可供學(xué)生隨時(shí)閱讀，起到示范作用，從而提高學(xué)生的作業(yè)質(zhì)量。

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

本平臺(tái)為多終端互動(dòng)型學(xué)習(xí)平臺(tái)，并對(duì)Web端及移動(dòng)端進(jìn)行了良好的適配。Web端側(cè)重于教師閱讀資料的發(fā)布及各功能模塊的管理，移動(dòng)端則側(cè)重于學(xué)生對(duì)資料的閱讀及批注，兩個(gè)終端優(yōu)勢(shì)互補(bǔ)。

2.1 作業(yè)流程

首先，教師創(chuàng)建班級(jí)構(gòu)建教學(xué)環(huán)境，之后便可在班級(jí)中發(fā)布作業(yè)。學(xué)生加入班級(jí)后可在班級(jí)內(nèi)完成作業(yè)。教師在接收到學(xué)生提交的作業(yè)后批改打分，完成一次作業(yè)流程，如圖1所示。

圖1 學(xué)生和教師兩類(lèi)用戶(hù)作業(yè)流程圖Fig.1 Flow chart of student and teacher users

2.1.1 創(chuàng)建班級(jí)

班級(jí)是進(jìn)行教學(xué)活動(dòng)的必要環(huán)境。教師可在平臺(tái)班級(jí)界面創(chuàng)建班級(jí)，之后可以在班級(jí)內(nèi)完成作業(yè)、講義的發(fā)布和作業(yè)的批改等操作。相應(yīng)地，學(xué)生在班級(jí)內(nèi)可以完成作業(yè)，查看教師講義和學(xué)生優(yōu)秀作業(yè)。此外，教師還能夠?qū)Π嗉?jí)內(nèi)的資料和人員進(jìn)行管理，刪除錯(cuò)誤或過(guò)時(shí)的資料，針對(duì)班級(jí)人員的變動(dòng)進(jìn)行成員的添加和移除[10]。

2.1.2 發(fā)布作業(yè)

創(chuàng)建班級(jí)后，教師可在指定班級(jí)中發(fā)布作業(yè)。作業(yè)的發(fā)布采用富文本編輯器，教師可以手動(dòng)輸入或直接將互聯(lián)網(wǎng)上優(yōu)秀文章保留格式，一鍵發(fā)布，這大大縮短了作業(yè)的布置流程，提高了效率。此外，為了提高學(xué)生的作業(yè)完成度，每篇作業(yè)可設(shè)置最少批注數(shù)。批注數(shù)未達(dá)標(biāo)的作業(yè)，系統(tǒng)將不允許提交。教師還可以設(shè)置作業(yè)的截止時(shí)間，超過(guò)截止時(shí)間后，作業(yè)將自動(dòng)提交并歸入已截止作業(yè)。

2.1.3 完成作業(yè)

學(xué)生在截止日期之前對(duì)教師發(fā)布的作業(yè)進(jìn)行閱讀并添加批注。用戶(hù)選中文字，然后根據(jù)添加批注的類(lèi)型選擇相應(yīng)的批注按鈕，在彈出框內(nèi)輸入批注內(nèi)容。批注內(nèi)容呈現(xiàn)在向右劃出的側(cè)邊欄中，閱讀正文時(shí)隱藏，這樣的設(shè)計(jì)保證了在移動(dòng)端有限的屏幕上批注內(nèi)容不會(huì)影響正文的閱讀。平臺(tái)將批注設(shè)為感想式批注、點(diǎn)評(píng)式批注、賞析式批注和疑問(wèn)式批注4類(lèi)，分別對(duì)應(yīng)4個(gè)批注按鈕。4類(lèi)批注在頁(yè)面上的表現(xiàn)形式分別為文字高亮、背景高亮、字體加粗和下劃線。通過(guò)這樣的方式，在一定程度上規(guī)范了學(xué)生批注的格式，并方便教師批改。

2.1.4 批閱作業(yè)

教師接收到學(xué)生提交的作業(yè)后便可對(duì)作業(yè)進(jìn)行查閱，確定完成后打分并書(shū)寫(xiě)評(píng)語(yǔ)。若作業(yè)完成度未達(dá)教師要求，教師也可將其退回，同時(shí)附上修改意見(jiàn)。屆時(shí)，平臺(tái)將以通知的方式提醒學(xué)生重新完成作業(yè)。作業(yè)的評(píng)分設(shè)A+、A、B、C、D五個(gè)等級(jí)，其中評(píng)分為A+的作業(yè)會(huì)自動(dòng)推送為優(yōu)秀作業(yè)，可以起到示范作用并激勵(lì)學(xué)生。此外，平臺(tái)在作業(yè)提交方面省去了傳統(tǒng)作業(yè)統(tǒng)一收集再上交的過(guò)程。這意味著只要有學(xué)生提交作業(yè)，教師即可利用空閑時(shí)間在手機(jī)開(kāi)始批改，無(wú)需等所有人都上交或時(shí)間截止，這使教學(xué)工作的開(kāi)展更加靈活機(jī)動(dòng)。

2.2 教學(xué)輔助

本平臺(tái)還提供了教學(xué)輔助功能，教師和學(xué)生可以在平臺(tái)首頁(yè)自由閱讀文章并添加批注，也可以創(chuàng)建群組并在群組內(nèi)分享資料，同時(shí)，講義功能給教師分享上課講義及學(xué)生課前預(yù)習(xí)、課后復(fù)習(xí)都帶來(lái)了便利。

2.2.1 自由閱讀

平臺(tái)為用戶(hù)提供了自由閱讀的空間，不再局限于課堂和作業(yè)。用戶(hù)可以在平臺(tái)上閱讀自己感興趣的文章。此外，平臺(tái)會(huì)根據(jù)用戶(hù)注冊(cè)時(shí)選擇的文章類(lèi)型喜好以及平時(shí)的閱讀習(xí)慣，通過(guò)k-means算法及資料聚類(lèi)標(biāo)簽，智能篩選出用戶(hù)可能喜歡的文章，并在首頁(yè)推薦給用戶(hù)，以提高用戶(hù)的閱讀興趣[11]。

2.2.2 添加批注

閱讀自己感興趣的文章時(shí)必然會(huì)有自己的所思所感，平臺(tái)同樣提供了批注工具，方便用戶(hù)在閱讀時(shí)隨時(shí)為文章添加批注。批注的添加方式與作業(yè)批注相同，但相比作業(yè)批注，自由閱讀批注還可在側(cè)邊欄查看其他用戶(hù)的批注。用戶(hù)在閱讀時(shí)能了解到其他用戶(hù)的想法，享受思想交流帶來(lái)的樂(lè)趣。

2.2.3 發(fā)布講義

講義的發(fā)布過(guò)程與作業(yè)發(fā)布類(lèi)似，教師用戶(hù)在班級(jí)中上傳講義后，可對(duì)其進(jìn)行在線批注。同時(shí)，班級(jí)中所有學(xué)生用戶(hù)都可以閱讀該講義及批注內(nèi)容，這方便了學(xué)生的預(yù)習(xí)和課后復(fù)習(xí)。

2.2.4 作業(yè)講評(píng)

作業(yè)講評(píng)是教學(xué)活動(dòng)中必不可少的環(huán)節(jié)，平臺(tái)將作業(yè)流程信息化的同時(shí)也為教師提供了更加便捷的作業(yè)講評(píng)方式。區(qū)別于單調(diào)的“聽(tīng)說(shuō)”式講評(píng)，教師可使用平臺(tái)的作業(yè)講評(píng)功能，在課堂上利用教師、學(xué)生客戶(hù)端內(nèi)容同步顯示技術(shù)或者屏幕投影的方式，對(duì)作業(yè)進(jìn)行批注講解，與學(xué)生共同解析作業(yè)，將講評(píng)方式提升為更具吸引力的“視聽(tīng)說(shuō)”三位一體式講評(píng)。此外，平臺(tái)會(huì)自動(dòng)將在作業(yè)批閱功能中被推送的優(yōu)秀作業(yè)納入作業(yè)講評(píng)素材，供教師在講評(píng)時(shí)展示。對(duì)于沒(méi)有被評(píng)為優(yōu)秀但是具有代表性的作業(yè)，教師可手動(dòng)標(biāo)記，將其納入作業(yè)講評(píng)素材庫(kù)中。

2.2.5 創(chuàng)建群組

不管是教師還是學(xué)生都可以在平臺(tái)群組界面創(chuàng)建群組并邀請(qǐng)其他用戶(hù)加入。群組可作為教師與學(xué)生一對(duì)一輔導(dǎo)的空間。例如學(xué)生的作文批改，在群組內(nèi)教師對(duì)學(xué)生的作文進(jìn)行批注，通過(guò)批注準(zhǔn)確、具體、直觀地給出修改意見(jiàn)，從而提高批改效率。

2.2.6 分享資料

群組還實(shí)現(xiàn)了用戶(hù)間的資料共享，具有相同興趣的用戶(hù)可加入同一個(gè)群組。用戶(hù)在群組內(nèi)上傳自己喜歡的文章，通過(guò)批注分享自己的見(jiàn)解。同時(shí)，組內(nèi)其他用戶(hù)也可以添加自己的批注，分享自己的見(jiàn)解，讓不同的思想相互碰撞，達(dá)到“奇文共賞，疑義相析”的效果。

3 技術(shù)路線

3.1 技術(shù)架構(gòu)

基于HTML批注的課外閱讀教學(xué)平臺(tái)支持多終端使用。平臺(tái)前端采用Framework7、Bootstrap、Dom7和jQuery框架。移動(dòng)端首頁(yè)由卡片組成，并采用jQuery框架進(jìn)行前端界面渲染，為復(fù)雜的Web應(yīng)用程序提供視圖層驅(qū)動(dòng)[12]。Web端將Bootstrap作為前端框架，可根據(jù)屏幕分辨率自動(dòng)調(diào)整結(jié)構(gòu)和大小，以適應(yīng)不同類(lèi)型的客戶(hù)端設(shè)備[13]。此外，Web端調(diào)用了ECharts組件，采用ajax輪詢(xún)技術(shù)，定時(shí)向服務(wù)端請(qǐng)求數(shù)據(jù)，用多樣的圖表實(shí)時(shí)多維度地顯示復(fù)雜而龐大的平臺(tái)數(shù)據(jù)，實(shí)現(xiàn)了前端后臺(tái)之間的解耦合以及功能的模塊化[14]；平臺(tái)服務(wù)端采用Tomcat作為服務(wù)器，使用基于JavaEE的Spring+SpringMVC+Hibernate框架，這3種輕量級(jí)框架，使得系統(tǒng)代碼可維護(hù)性、可擴(kuò)展性大大增加，同時(shí)Java語(yǔ)言的封裝性、多態(tài)性、繼承性保證了系統(tǒng)的高效安全。服務(wù)端采用前后端分離設(shè)計(jì)模式，使數(shù)據(jù)與視圖相互分離，數(shù)據(jù)處理與前端顯示分離，使得模塊的獨(dú)立性大大增加，極大提升了系統(tǒng)的局部性能、可拓展性和可維護(hù)性，降低了維護(hù)成本，提高了開(kāi)發(fā)的獨(dú)立性與高效性[15]。

3.2 核心技術(shù)

批注功能的實(shí)現(xiàn)使用HTML批注技術(shù)，Range對(duì)象表示文檔的連續(xù)范圍區(qū)域，在所要選定的文本處長(zhǎng)按屏幕即可選定文本，系統(tǒng)將用戶(hù)文本選擇范圍自動(dòng)轉(zhuǎn)化為Range對(duì)象，在用戶(hù)選擇批注類(lèi)型后，系統(tǒng)用定義好相應(yīng)CSS樣式的標(biāo)簽將該Range對(duì)象包圍起來(lái)，即顯示批注效果[16]。批注的內(nèi)容及編號(hào)作為標(biāo)簽的屬性存儲(chǔ)，同時(shí)將當(dāng)前批注用戶(hù)ID、當(dāng)前批注文章ID，批注所在段落號(hào)、在段中開(kāi)始位置、在段中結(jié)束位置、批注類(lèi)型、批注內(nèi)容、選中文字內(nèi)容等信息存儲(chǔ)到數(shù)據(jù)庫(kù)，即可完成批注記錄的存儲(chǔ)；當(dāng)某用戶(hù)再次閱讀該篇文章時(shí)，系統(tǒng)會(huì)根據(jù)當(dāng)前批注用戶(hù)ID及批注文章ID在批注記錄存儲(chǔ)表中進(jìn)行遍歷查詢(xún)，若有匹配的批注記錄，則根據(jù)批注所在段落號(hào)在段中開(kāi)始及結(jié)束位置等對(duì)該文章進(jìn)行渲染，當(dāng)需要查看具體批注內(nèi)容時(shí)，根據(jù)批注ID通過(guò)ajax技術(shù)異步調(diào)取相應(yīng)的批注內(nèi)容，即可完成批注記錄的查看。批注記錄存儲(chǔ)的設(shè)計(jì)表如表1所示。

表1 批注記錄存儲(chǔ)表Table 1 Annotation record storage table

推薦功能根據(jù)用戶(hù)行為及閱讀習(xí)慣，通過(guò)k-means算法和資料聚類(lèi)標(biāo)簽為用戶(hù)推薦其感興趣的內(nèi)容。排行功能根據(jù)文章的點(diǎn)贊數(shù)、發(fā)布時(shí)間、批注人數(shù)、批注數(shù)進(jìn)行加權(quán)計(jì)算，并對(duì)優(yōu)秀的文章、批注進(jìn)行排序推送[17]。

4 結(jié) 語(yǔ)

基于“互聯(lián)網(wǎng)+”與批注式閱讀相結(jié)合的設(shè)計(jì)理念，我們?cè)O(shè)計(jì)開(kāi)發(fā)了批注式課外閱讀教學(xué)平臺(tái)，為目前閱讀教學(xué)中存在的作業(yè)布置成本高、收發(fā)不便、查驗(yàn)難、不易保存等問(wèn)題提供了較為完善的解決方案。本平臺(tái)成果在2018年(第11屆)中國(guó)大學(xué)生計(jì)算機(jī)設(shè)計(jì)大賽中榮獲二等獎(jiǎng)且在成果展示會(huì)上得到了專(zhuān)家們的一致好評(píng)，并有專(zhuān)家明確地表達(dá)了使用意愿，這證明該平臺(tái)的設(shè)計(jì)理念確實(shí)符合了教師的教學(xué)需求。