劉宇軒++劉巖++董亞則

摘 要：混合學(xué)習(xí)已成為一種新型學(xué)習(xí)模式，而翻轉(zhuǎn)課堂作為典型的混合學(xué)習(xí)模式，在實(shí)踐中受到了眾多學(xué)生的歡迎。文章針對翻轉(zhuǎn)課堂設(shè)計(jì)多終端學(xué)習(xí)系統(tǒng)，根據(jù)教師需求在功能設(shè)計(jì)上注重學(xué)習(xí)狀態(tài)的監(jiān)控。系統(tǒng)以HTML5為前端開發(fā)技術(shù)實(shí)現(xiàn)多終端訪問，運(yùn)用JavaEE技術(shù)實(shí)現(xiàn)系統(tǒng)功能。本系統(tǒng)較好地支持混合學(xué)習(xí)模式，為翻轉(zhuǎn)課堂提供關(guān)鍵支撐。

關(guān)鍵詞：HTML5；多終端訪問；學(xué)習(xí)狀態(tài)監(jiān)控；混合學(xué)習(xí)

引言

混合學(xué)習(xí)已經(jīng)是我們目前主要的學(xué)習(xí)方式了，在這一方式中，提供良好的學(xué)習(xí)系統(tǒng)是學(xué)習(xí)效果的重要保障。移動(dòng)學(xué)習(xí)目前又是混合學(xué)習(xí)中在線學(xué)習(xí)最主要的部分，然而單一移動(dòng)設(shè)備上的操作仍然存在很多不便利，因此多終端學(xué)習(xí)系統(tǒng)即可以完善操作又可以為利用零散時(shí)間移動(dòng)學(xué)習(xí)帶來便利。自2014年HTML5規(guī)范制定完成，完善了在移動(dòng)設(shè)備上對多媒體的支持，我們?nèi)粘Ｋf的HTML5包括HTML標(biāo)記、CSS樣式表和JavaScript的一系列技術(shù)，HTNL5在技術(shù)上可以實(shí)現(xiàn)多終端響應(yīng)式開發(fā)，能夠較好的滿足學(xué)習(xí)者和教師對混合學(xué)習(xí)的需要。

1 混合學(xué)習(xí)系統(tǒng)設(shè)計(jì)

1.1 系統(tǒng)架構(gòu)設(shè)計(jì)

根據(jù)用戶關(guān)注點(diǎn)與實(shí)際需要，采用面向?qū)ο筌浖こ谭椒ㄔO(shè)計(jì)混合學(xué)習(xí)系統(tǒng)，將系統(tǒng)分為視頻學(xué)習(xí)模塊、課堂學(xué)習(xí)模塊、課后評價(jià)模塊、學(xué)習(xí)狀態(tài)跟蹤、資源管理模塊、公告管理模塊、疑問管理模塊、評測管理模塊、成績綜合評定管理模塊、學(xué)生管理模塊、課程管理模塊，系統(tǒng)架構(gòu)設(shè)計(jì)如圖1所示。

1.2 系統(tǒng)功能設(shè)計(jì)

本系統(tǒng)設(shè)計(jì)的目標(biāo)是為混合學(xué)習(xí)提供的多終端學(xué)習(xí)支持，幫助學(xué)習(xí)者更好的利用零散時(shí)間移動(dòng)學(xué)習(xí)，完成課前、課中和課后的學(xué)習(xí)任務(wù)，幫助教師更準(zhǔn)確的把握學(xué)習(xí)者的學(xué)習(xí)情況，為更有效的課堂教學(xué)提供支持。系統(tǒng)最終要實(shí)現(xiàn)的主要功能模塊描述如下。

1.2.1 視頻學(xué)習(xí)

視頻學(xué)習(xí)包括查看視頻、完成習(xí)題、發(fā)表評論。視頻資源按知識(shí)點(diǎn)進(jìn)行組織，學(xué)習(xí)者根據(jù)知識(shí)點(diǎn)查找視頻學(xué)習(xí)，觀看視頻后做與之對應(yīng)的習(xí)題，并可以對該視頻和習(xí)題發(fā)表評論。在這一過程中，系統(tǒng)記錄觀看視頻時(shí)間，并對習(xí)題完成情況給出該知識(shí)點(diǎn)掌握情況分析。其中知識(shí)點(diǎn)是按樹狀組織，并可以進(jìn)行增刪改操作。

1.2.2 課堂學(xué)習(xí)

課堂學(xué)習(xí)分為重難點(diǎn)查看、提問留言、隨堂測試三個(gè)主要功能。在課堂學(xué)習(xí)中學(xué)習(xí)者可查看到重難點(diǎn)，在教師講解時(shí)也可通過移動(dòng)終端提問留言，在課上可以通過移動(dòng)終端完成教師布置的隨堂練習(xí)，并且可以查看得分情況，教師可以設(shè)置試題分值，同時(shí)可以設(shè)置此次成績是否進(jìn)入最終測評成績。

1.2.3 課后評價(jià)

在課后要完成教師安排的在線測試和作業(yè)，在線測試試題是教師先錄入到題庫中，之后從題庫中選題組織的試卷。

1.2.4 成績綜合管理

學(xué)習(xí)者的成績是根據(jù)視頻學(xué)習(xí)測試、隨堂測試、在線測試和作業(yè)四個(gè)部分成績最終計(jì)算出來的，每次測試都可以設(shè)定此次成績是否進(jìn)入最后總成績，并可以設(shè)定所占權(quán)重。在此可以查看所以測試成績和每個(gè)學(xué)習(xí)者的答題情況。

1.2.5 資源管理

教師需要上傳微課、輔助此微課學(xué)習(xí)的資料、課堂重難點(diǎn)說明等學(xué)習(xí)資源，并且資源全部按知識(shí)點(diǎn)組織。

1.2.6 知識(shí)點(diǎn)掌握情況分析

系統(tǒng)中的每一道試題都是按照考察知識(shí)點(diǎn)錄入，教師可以根據(jù)知識(shí)點(diǎn)查找需要組織試卷的考題，當(dāng)學(xué)習(xí)者完成測試后可以查看到對應(yīng)知識(shí)點(diǎn)掌握情況的分析，同時(shí)教師根據(jù)這一分析得知學(xué)習(xí)者某知識(shí)點(diǎn)掌握情況，進(jìn)而有針對性的設(shè)計(jì)課堂教學(xué)。

1.3 系統(tǒng)數(shù)據(jù)設(shè)計(jì)

本系統(tǒng)設(shè)計(jì)了視頻信息、疑問信息、答疑信息、試題信息、學(xué)生答題信息知識(shí)點(diǎn)信息等12張數(shù)據(jù)表結(jié)構(gòu)。其中視頻信息表結(jié)果如下：

CREATE TABLE `video` （`id` int（11） NOT NULL auto_increment， `techer` varchar（25） default NULL， `kid` int（30） NOT NULL， `name` varchar（50） default NULL， `length` varchar（100） default NULL， `path` varchar（100） default NULL， PRIMARY KEY （`id`），KEY `FK_video` （`kid`），CONSTRAINT `FK_video` FOREIGN KEY （`kid`） REFERENCES `knowledge` （`kid`））

2 混合學(xué)習(xí)系統(tǒng)的實(shí)現(xiàn)

2.1 系統(tǒng)實(shí)現(xiàn)技術(shù)

本系統(tǒng)以基于BookStrap的CDN、HTML5和JavaScript為前端開發(fā)技術(shù)實(shí)現(xiàn)響應(yīng)式布局，JavaEE為后臺(tái)開發(fā)技術(shù)，選用Dreamweaver8.0、MyEclipse10為開發(fā)環(huán)境，Tomcat7.0為Web服務(wù)器，MySql為數(shù)據(jù)庫服務(wù)器，設(shè)計(jì)并實(shí)現(xiàn)了混合學(xué)習(xí)系統(tǒng)。

2.2 系統(tǒng)實(shí)現(xiàn)

圖2為系統(tǒng)首頁，采用響應(yīng)式布局，可在多終端使用，分為學(xué)生、教師和管理員三類用戶。

3 結(jié)束語

本文根據(jù)大學(xué)混合學(xué)習(xí)的現(xiàn)狀，實(shí)現(xiàn)了多終端混合學(xué)習(xí)系統(tǒng)，該系統(tǒng)有效地暢通了教師與學(xué)生、學(xué)生與學(xué)生、教師與教師之間的信息渠道，通過本系統(tǒng)學(xué)生有效的完成課前、課中和課后的學(xué)習(xí)；系統(tǒng)提供的在線答題、學(xué)習(xí)跟蹤、作業(yè)管理及時(shí)有效的提供學(xué)習(xí)狀態(tài)，為教師做更完善合適的翻轉(zhuǎn)課堂教學(xué)設(shè)計(jì)提供依據(jù)，為學(xué)生積極主動(dòng)學(xué)習(xí)提供助力，在實(shí)際運(yùn)行中取得了較好的使用效果。

參考文獻(xiàn)

[1]張玉晴，黃瑾娉.基于HTML5的跨平臺(tái)移動(dòng)應(yīng)用關(guān)鍵技術(shù)的研究與實(shí)現(xiàn)[J].工業(yè)控制計(jì)算機(jī)，2013，26（3）：56-58.

[2]周志豪，董亞則，沈曉偉.基于HTML5的3D數(shù)據(jù)可視化[J].中國新技術(shù)新產(chǎn)品，2016（14）：34-35.