移動(dòng)學(xué)習(xí)系統(tǒng)在網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)課程中的應(yīng)用

摘 ?要 網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)課程是一門重視理論與實(shí)踐結(jié)合，強(qiáng)調(diào)學(xué)生參與式學(xué)習(xí)的課程。為解決教學(xué)中存在的問(wèn)題，把移動(dòng)學(xué)習(xí)系統(tǒng)引入課程教學(xué)，以移動(dòng)學(xué)習(xí)活動(dòng)模型（MLADM模型）為指導(dǎo)，從需求分析、迷你活動(dòng)設(shè)計(jì)、學(xué)習(xí)情境設(shè)計(jì)、學(xué)習(xí)支持設(shè)計(jì)方面進(jìn)行簡(jiǎn)要論述，重點(diǎn)論述學(xué)習(xí)評(píng)價(jià)設(shè)計(jì)和學(xué)習(xí)策略設(shè)計(jì)，以促使學(xué)生掌握網(wǎng)頁(yè)設(shè)計(jì)的特點(diǎn)及工作流程，把握網(wǎng)頁(yè)設(shè)計(jì)的業(yè)務(wù)運(yùn)行模式，高質(zhì)量完成網(wǎng)站的設(shè)計(jì)與建設(shè)。

關(guān)鍵詞 移動(dòng)學(xué)習(xí)系統(tǒng);網(wǎng)頁(yè)設(shè)計(jì);實(shí)訓(xùn)

中圖分類號(hào)：G712 ? ?文獻(xiàn)標(biāo)識(shí)碼：B

文章編號(hào)：1671-489X（2015）01-016-04

1 引言

高職類院校每學(xué)期都會(huì)開設(shè)一到三門實(shí)訓(xùn)類課程，在與實(shí)際工作環(huán)境十分相似的情況下，讓學(xué)生完成真實(shí)的工作項(xiàng)目。教學(xué)過(guò)程中重視理論與實(shí)踐結(jié)合，強(qiáng)調(diào)學(xué)生的參與式學(xué)習(xí)，讓學(xué)生通過(guò)課程的學(xué)習(xí)，學(xué)到需要的技能、工作的經(jīng)驗(yàn)、團(tuán)隊(duì)合作的精神、工作的方法等方面內(nèi)容。以網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)課程為例，它是在網(wǎng)頁(yè)設(shè)計(jì)課程之后開設(shè)的一門獨(dú)立課程，開設(shè)時(shí)間為兩周。這兩周內(nèi)，學(xué)生只上一門課程，學(xué)時(shí)為60學(xué)時(shí)，其中教師講授時(shí)間為10學(xué)時(shí)，其余均為實(shí)踐學(xué)習(xí)，占4學(xué)分。當(dāng)前在網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)教學(xué)中主要存在以下幾方面的問(wèn)題。

學(xué)生作品實(shí)用性差 ?網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)課主要讓學(xué)生熟悉網(wǎng)站設(shè)計(jì)與建設(shè)的流程，最終完成一個(gè)網(wǎng)站的設(shè)計(jì)與建設(shè)。為了提高學(xué)生的學(xué)習(xí)動(dòng)力，一般給學(xué)生的實(shí)訓(xùn)任務(wù)都是學(xué)校目前需要的網(wǎng)站，如某一精品課程網(wǎng)站的建設(shè)。一方面讓學(xué)生真正做到學(xué)以致用，另一方面也可以作為學(xué)生學(xué)習(xí)期間的作品，為將來(lái)找工作做好基礎(chǔ)。但是當(dāng)實(shí)訓(xùn)結(jié)束后，學(xué)生的網(wǎng)站總會(huì)出現(xiàn)各類問(wèn)題，如網(wǎng)頁(yè)的Flash換一個(gè)瀏覽器后就會(huì)錯(cuò)位等，網(wǎng)站總有用戶不滿意的地方。這樣就會(huì)導(dǎo)致用戶的采納率低，部分網(wǎng)站沒(méi)有應(yīng)用于實(shí)踐，學(xué)生作品實(shí)用性差。

學(xué)生缺乏動(dòng)力 ?網(wǎng)站的設(shè)計(jì)與建設(shè)其實(shí)是一個(gè)大工程，需要很多的時(shí)間和精力，如果中間沒(méi)有激勵(lì)，那么學(xué)生的開發(fā)動(dòng)力就會(huì)漸漸不足，在完成的過(guò)程中拖拖拉拉，最后在課程快結(jié)束時(shí)草草收尾。這樣一來(lái)，學(xué)生最終的實(shí)訓(xùn)作品會(huì)明顯看出所下功夫不足。

缺乏與學(xué)生進(jìn)行交流溝通的途徑 ?學(xué)生、教師在實(shí)訓(xùn)課程中不是全天見(jiàn)面，而是采用每天定時(shí)交流的方式。學(xué)生在實(shí)訓(xùn)中難免會(huì)感覺(jué)煩悶，因?yàn)樗麄兗鼻邢Ｍ谧约阂挥龅絾?wèn)題時(shí)就有人幫幫他們，或給予他們思路上的點(diǎn)撥，或給予他們技術(shù)上的指導(dǎo)。

通過(guò)研究和分析移動(dòng)學(xué)習(xí)的現(xiàn)狀和特點(diǎn)，筆者發(fā)現(xiàn)利用移動(dòng)學(xué)習(xí)解決以上問(wèn)題是一個(gè)很好的思路。于是設(shè)計(jì)和開發(fā)了相應(yīng)的移動(dòng)學(xué)習(xí)系統(tǒng)，在功能的設(shè)計(jì)上充分體現(xiàn)“移動(dòng)”的特色，開發(fā)適合移動(dòng)學(xué)習(xí)的功能。系統(tǒng)有說(shuō)明幫助、課程學(xué)習(xí)、移動(dòng)助學(xué)、討論交流四大功能模塊。其中，課程學(xué)習(xí)支持在線學(xué)習(xí)和離線學(xué)習(xí);交流包括短信、郵件、討論等，綜合了移動(dòng)通信和網(wǎng)絡(luò)通信，既有實(shí)時(shí)交流，又有非實(shí)時(shí)交流，具體如圖1所示。

2 移動(dòng)學(xué)習(xí)活動(dòng)設(shè)計(jì)模型

移動(dòng)學(xué)習(xí)系統(tǒng)應(yīng)用實(shí)踐是以移動(dòng)學(xué)習(xí)活動(dòng)設(shè)計(jì)模型（MLADM模型）為指導(dǎo)思想進(jìn)行的，如圖2所示。MLADM模型分為七個(gè)方面：需求分析、迷你活動(dòng)設(shè)計(jì)、學(xué)習(xí)情景設(shè)計(jì)、學(xué)習(xí)支持設(shè)計(jì)、技術(shù)環(huán)境部署、約束條件分析、學(xué)習(xí)評(píng)價(jià)設(shè)計(jì)。具體在網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)課程中的體現(xiàn)如表1所示。

3 學(xué)習(xí)策略設(shè)計(jì)

在網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)課程中，教師可以設(shè)計(jì)一系列豐富多彩的學(xué)習(xí)資源和學(xué)習(xí)活動(dòng)來(lái)激發(fā)學(xué)習(xí)者主動(dòng)參與到學(xué)習(xí)中。移動(dòng)學(xué)習(xí)系統(tǒng)在網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)課程中的應(yīng)用，主要學(xué)習(xí)策略有以下幾種。

自主學(xué)習(xí) ?網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)課程是一門綜合性比較強(qiáng)的課程，從學(xué)生能力角度來(lái)講，需要學(xué)生具有網(wǎng)頁(yè)美工能力、網(wǎng)頁(yè)編程能力、簡(jiǎn)單網(wǎng)站建設(shè)能力、網(wǎng)頁(yè)動(dòng)畫能力;從學(xué)習(xí)的具體內(nèi)容來(lái)講，涉及多種軟件與程序語(yǔ)言，有Photoshop、

Dreamweaver、Flash、Access、IIS應(yīng)用、ASP語(yǔ)言、HTML語(yǔ)言等。在短短的兩周之內(nèi)，學(xué)生要應(yīng)用如此多內(nèi)容，必然存在遺忘現(xiàn)象，這時(shí)學(xué)生就可以通過(guò)移動(dòng)學(xué)習(xí)系統(tǒng)復(fù)習(xí)前面學(xué)過(guò)的網(wǎng)頁(yè)設(shè)計(jì)課程，也可以在移動(dòng)學(xué)習(xí)系統(tǒng)搜索自己需要的內(nèi)容，為順利進(jìn)行實(shí)訓(xùn)提供了良好的條件。

學(xué)習(xí)反思 ?學(xué)習(xí)反思即是學(xué)生在學(xué)習(xí)過(guò)程中隨時(shí)記錄自己的思考或者與本課程有關(guān)的任何事情，把實(shí)訓(xùn)過(guò)程中的感受記錄下來(lái)。由于手機(jī)的輸入沒(méi)有電腦方便，所以本移動(dòng)學(xué)習(xí)系統(tǒng)在設(shè)計(jì)時(shí)對(duì)每次錄入的字?jǐn)?shù)有限制，提倡學(xué)生用不多的文字來(lái)表達(dá)。這樣也符合學(xué)生的心理，簡(jiǎn)單幾個(gè)字，把心情、狀態(tài)、想法描述清楚。因此，學(xué)生在實(shí)訓(xùn)課程結(jié)束之后，寫實(shí)訓(xùn)體會(huì)就很方便，可以直接拿過(guò)來(lái)用其中的內(nèi)容，也可以在此基礎(chǔ)上進(jìn)行擴(kuò)展。

首先，把自己在做的過(guò)程中喜歡的資源、覺(jué)得好的知識(shí)、學(xué)到的新知識(shí)點(diǎn)記錄下來(lái)，構(gòu)建自己對(duì)于網(wǎng)頁(yè)設(shè)計(jì)知識(shí)的認(rèn)識(shí)，作為自己的知識(shí)積累;

其次，隨時(shí)記錄的一點(diǎn)一滴給學(xué)生一種自信，讓學(xué)生有信心一步步做下去，讓學(xué)生有動(dòng)力完成下面的工作，讓學(xué)生看到自己的積累。

交流 ?網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)課程中，學(xué)生可以隨時(shí)隨地利用移動(dòng)學(xué)習(xí)平臺(tái)和教師進(jìn)行實(shí)時(shí)的與非實(shí)時(shí)的交流，可以采用各種方式進(jìn)行交流。

首先，教師把移動(dòng)學(xué)習(xí)系統(tǒng)可進(jìn)行交流的方式告訴學(xué)生，如有短信、郵件、討論、搜索網(wǎng)絡(luò)，學(xué)生認(rèn)為這是一個(gè)新鮮事物，愿意去嘗試。特別是在討論欄目中，伴隨使用時(shí)間的增長(zhǎng)，學(xué)生體會(huì)到使用平臺(tái)進(jìn)行學(xué)習(xí)的便捷、時(shí)效，能自發(fā)地進(jìn)行溝通交流，對(duì)于遇到的問(wèn)題、想發(fā)表的意見(jiàn)，能主動(dòng)發(fā)表到平臺(tái)上，豐富平臺(tái)的內(nèi)容。隨著平臺(tái)上各類信息的富集，過(guò)去的一些觀點(diǎn)和意見(jiàn)也會(huì)被注意到，這些交流的內(nèi)容不是在同一時(shí)間段交換思想，而是留在平臺(tái)的討論頁(yè)面上，在其他時(shí)間段被別人注意到，達(dá)到共享。

信息處理 ?在學(xué)生學(xué)習(xí)過(guò)程中，信息處理能力的培養(yǎng)是必不可少的，如果學(xué)生能很好地進(jìn)行信息處理，對(duì)他們實(shí)訓(xùn)作品的完成、網(wǎng)站設(shè)計(jì)與建設(shè)方面的知識(shí)的積累是很有益處的。在本移動(dòng)學(xué)習(xí)系統(tǒng)應(yīng)用中，需要進(jìn)行信息處理的主要有搜索、評(píng)價(jià)、發(fā)布。endprint

在搜索方面，主要是學(xué)生在遇到問(wèn)題，或是制作過(guò)程中對(duì)技術(shù)不理解時(shí)，可以通過(guò)移動(dòng)學(xué)習(xí)系統(tǒng)中的網(wǎng)絡(luò)搜索進(jìn)行搜索，為自己的作品積累一定的思路，也為自己?jiǎn)栴}的解決找到一個(gè)方向。

在發(fā)布方面，學(xué)生在搜索里發(fā)現(xiàn)好的有用的資源，可以將鏈接發(fā)布到討論交流平臺(tái)中，并過(guò)行推薦，供其他學(xué)生參考。

在評(píng)價(jià)方面，其他學(xué)生在討論交流中如果看到這一資源，可以對(duì)發(fā)布的這些資源進(jìn)行評(píng)價(jià)，如：它是否可以帶來(lái)幫助？是否能解決心中疑惑？這樣一來(lái)，好的資源就可以突顯出來(lái)，便于學(xué)習(xí)。

學(xué)習(xí)內(nèi)容推送 ?學(xué)習(xí)內(nèi)容的推送是對(duì)課程教學(xué)中比較薄弱的方面的很好的補(bǔ)充。例如，在學(xué)生設(shè)計(jì)主頁(yè)面那段時(shí)間，筆者就不斷地給學(xué)生推送關(guān)于設(shè)計(jì)的內(nèi)容，如一個(gè)網(wǎng)頁(yè)幾種色比較好，同色系的怎么搭配，多色時(shí)選擇哪些色，什么類型的網(wǎng)頁(yè)適合什么顏色，讓學(xué)生對(duì)色彩的應(yīng)用更深一層。由于教學(xué)時(shí)間短，這些內(nèi)容在網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)課程的課堂教學(xué)中沒(méi)有時(shí)間來(lái)完整進(jìn)行講述，所以在學(xué)生實(shí)訓(xùn)中可以推出。

同時(shí)，每天根據(jù)學(xué)生的進(jìn)度推送他們?cè)诰W(wǎng)頁(yè)設(shè)計(jì)過(guò)程中有可能遇到的問(wèn)題，可以推送不同類型的信息，如理論知識(shí)、設(shè)計(jì)原則、設(shè)計(jì)技巧、操作技巧、網(wǎng)頁(yè)代碼等。這樣做，一方面讓學(xué)生每天都有一種期待，提高學(xué)生的學(xué)習(xí)積極性;另一方面讓學(xué)生了解正常進(jìn)度，看看自己是快了還是慢了，在設(shè)計(jì)過(guò)程中自主進(jìn)行進(jìn)度調(diào)節(jié)。

4 學(xué)習(xí)評(píng)價(jià)設(shè)計(jì)

把學(xué)生的評(píng)價(jià)放在課程的每個(gè)環(huán)節(jié)中，綜合形成性評(píng)價(jià)和檔案袋評(píng)價(jià)的優(yōu)勢(shì)，形成本課程的評(píng)價(jià)模式。

1）課程之初，對(duì)學(xué)生要上傳的基本文件進(jìn)行要求，比如必須有網(wǎng)站主題相關(guān)信息說(shuō)明、網(wǎng)站欄目計(jì)劃、色彩計(jì)劃、首頁(yè)面初始設(shè)計(jì)、子頁(yè)面初始設(shè)計(jì)等文件。

2）每階段成果要求學(xué)生上傳到移動(dòng)學(xué)習(xí)系統(tǒng)，學(xué)生每上傳一部分內(nèi)容，教師進(jìn)行打分，寫出評(píng)語(yǔ)肯定其優(yōu)點(diǎn)，指出其不足及改進(jìn)措施。

3）當(dāng)學(xué)生進(jìn)行改進(jìn)后，教師修改作品評(píng)語(yǔ)，給予激勵(lì)。

4）當(dāng)學(xué)生把全部文件上傳后，教師針對(duì)學(xué)生的文檔和他們?cè)谝苿?dòng)學(xué)習(xí)系統(tǒng)中的參與度，寫出評(píng)語(yǔ)，給予分?jǐn)?shù)。

5）在課程的最后兩節(jié)課，學(xué)生整理自己的上交文件，按照事先的評(píng)價(jià)量規(guī)，對(duì)自己在本課程中的學(xué)習(xí)進(jìn)行在線評(píng)價(jià)。

5 總結(jié)

通過(guò)移動(dòng)學(xué)習(xí)系統(tǒng)應(yīng)用于網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)，通過(guò)與課堂教學(xué)的結(jié)合，一方面，學(xué)生在網(wǎng)頁(yè)頁(yè)面設(shè)計(jì)方面有了很大的提高，完成的網(wǎng)站美觀度大大增強(qiáng)，主題色彩符合網(wǎng)站的受眾心理，受到受眾的歡迎;另一方面，由于學(xué)習(xí)過(guò)程中的不斷督促與引導(dǎo)，學(xué)生的網(wǎng)站設(shè)計(jì)流程不再雜亂無(wú)章，而是循序漸進(jìn)，符合一定的職業(yè)規(guī)范，最終讓用戶得到滿意的成品。

同時(shí)，學(xué)生對(duì)于課程的反映也很好。一位學(xué)生在實(shí)訓(xùn)體會(huì)中寫到：“實(shí)訓(xùn)，讓我們知道完成一個(gè)完整的網(wǎng)站不是一件容易的事，它有一定的過(guò)程、思路和難度。在實(shí)訓(xùn)中，我們小組不斷地出現(xiàn)問(wèn)題，但是有這個(gè)移動(dòng)學(xué)習(xí)系統(tǒng)就方便多了，和同學(xué)溝通容易了，和老師溝通容易了。其中，我們還返工了一次，就是因?yàn)榧皶r(shí)的溝通，我們才發(fā)現(xiàn)了自己的錯(cuò)誤，從而及時(shí)返工;如果后期返工，那我們的任務(wù)就有可能完成不了了。我喜歡這個(gè)移動(dòng)學(xué)習(xí)系統(tǒng)，它讓我們的溝通變得更快、更多樣化，讓我思考的時(shí)間更多。”

參考文獻(xiàn)

[1]余勝泉.從知識(shí)傳遞到認(rèn)知建構(gòu)、再到情境認(rèn)知[J].中國(guó)電化教育，2007（6）：76-78.

[2]王偉，鐘紹春.利用多類終端實(shí)現(xiàn)移動(dòng)學(xué)習(xí)的支撐系統(tǒng)研究[J].中國(guó)電化教育，2008（7）：108-112.

[3]方海光，吳淑蘋，李玉順：基于EML構(gòu)建移動(dòng)學(xué)習(xí)資源對(duì)象單元的研究[J].現(xiàn)代教育技術(shù)，2009（12）：75-79.

[4]張鈺梅，王學(xué)明.大學(xué)生移動(dòng)學(xué)習(xí)現(xiàn)狀調(diào)查研究[J].中國(guó)教育技術(shù)裝備，2011（18）：29-31.

[5]方海光，王紅云，黃榮懷.移動(dòng)學(xué)習(xí)的系統(tǒng)環(huán)路線圖[J].現(xiàn)代教育技術(shù)，2011（1）：29-31.

[6]王敏娟，Barone T， Simpson S，等.移動(dòng)學(xué)習(xí)的案例研究及內(nèi)容分析：以mGage項(xiàng)目為例[J].現(xiàn)代教育技術(shù)，

2011（8）：14-19.

[7]黃榮懷，王曉晨，李玉順.面向移動(dòng)學(xué)習(xí)的學(xué)習(xí)活動(dòng)設(shè)計(jì)框架[J].遠(yuǎn)程教育雜志，2009（1）：3-7.endprint