基于WordPress的專題學習網(wǎng)站的設(shè)計與實現(xiàn)
2014-07-09 03:47:44沈涵飛SHENHanfei
價值工程 2014年23期
沈涵飛SHEN Han-fei
（蘇州工業(yè)園區(qū)服務外包職業(yè)學院，蘇州215123）
1 建設(shè)專題學習網(wǎng)站的意義
《國家中長期教育改革和發(fā)展規(guī)劃綱要（2010-2020年）》明確指出：“信息技術(shù)對教育發(fā)展具有革命性影響，必須予以高度重視”。教育部在2012年3月發(fā)布的《教育信息化十年發(fā)展規(guī)劃（2011-2020年）》要求“推進信息技術(shù)與教學融合。建設(shè)智能化教學環(huán)境，提供優(yōu)質(zhì)數(shù)字教育資源和軟件工具，利用信息技術(shù)開展啟發(fā)式、探究式、討論式、參與式教學，鼓勵發(fā)展性評價，探索建立以學習者為中心的教學新模式，倡導網(wǎng)絡(luò)校際協(xié)作學習，提高信息化教學水平”。
專題學習網(wǎng)站的建立，有助于鼓勵學生利用信息手段主動學習、自主學習、合作學習；培養(yǎng)學生利用信息技術(shù)學習的良好習慣，發(fā)展興趣特長，提高學習質(zhì)量，增強學生在網(wǎng)絡(luò)環(huán)境下提出問題、分析問題和解決問題的能力。
2 WordPress的功能和優(yōu)勢
WordPress使用PHP語言和MySQL數(shù)據(jù)庫開發(fā)，最初用于創(chuàng)建個人博客系統(tǒng)，在發(fā)展過程中逐步演化成一款輕量級的內(nèi)容管理系統(tǒng)。WordPress功能強大，插件眾多，易于擴充功能，安裝使用都非常方便。WordPress已成為全球用戶使用最多的內(nèi)容管理系統(tǒng)，大約95%的博客用戶都是使用的這款CMS，很多中小型企業(yè)網(wǎng)站、小型購物網(wǎng)站、視頻圖片分享站點及內(nèi)容站點都用其內(nèi)核修改主題之后搭建的。
WordPress采用了內(nèi)容和結(jié)構(gòu)相分離的MVC設(shè)計模式，具備優(yōu)異的擴展性，官方網(wǎng)站提供了海量的模板和插件庫。使用WordPress來創(chuàng)建學科專題網(wǎng)站，可以極大地降低教師的學習門檻，將更多的精力集中在內(nèi)容的創(chuàng)建上。
專題學習網(wǎng)站的設(shè)計可以分成兩個層次：1）以內(nèi)容發(fā)布為主的基本功能；2）以提升交互性和發(fā)揮多媒體特性為目標的增強功能。
3 內(nèi)容發(fā)布功能的設(shè)計
3.1 采用CMS的展現(xiàn)方式 WordPress自帶的模板采用的是個人博客的呈現(xiàn)方式，文章按照發(fā)布的時間逆序排列，最新發(fā)布的文章出現(xiàn)在網(wǎng)站的最上方。這種方式不適合學生來快速定位自己想學的內(nèi)容。
由于WordPress采用了優(yōu)秀的MVC設(shè)計方法，內(nèi)容和結(jié)構(gòu)完全分離，很容易設(shè)計出類似內(nèi)容管理系統(tǒng)或者新聞發(fā)布網(wǎng)站外觀的模板，應用這些模板可以在網(wǎng)站首頁顯示多個目錄，每個目錄下面包括指定數(shù)量的文章標題，整個網(wǎng)站的內(nèi)容就一目了然。
為了使網(wǎng)站具備更好的導航效果，根據(jù)學科的知識點而不是發(fā)布時間排列，需要對文章出現(xiàn)的順序進行調(diào)整。ReOrder Post Within Categories插件可以實現(xiàn)這一功能，調(diào)整指定目錄下文章出現(xiàn)的順序。
3.2 頁面靜態(tài)化的實現(xiàn) WordPress采用PHP和MySQL實現(xiàn)，默認狀態(tài)下網(wǎng)站的響應速度較慢，一個30個學生的班級同時訪問就可以讓網(wǎng)站失去響應。采用頁面靜態(tài)化技術(shù)就可以極大的提升網(wǎng)站的訪問速度。所謂靜態(tài)化就是生成了所有文章以及首頁的靜態(tài)頁面，每次訪問的時候不需要讀取數(shù)據(jù)庫和執(zhí)行PHP腳本，能夠大幅降低CPU占用率，加快訪問速度。將全新的WordPress部署在Ubutu Server 12.04LTS 64位操作系統(tǒng)上，使用ApacheBench進行測試，采用頁面靜態(tài)化技術(shù)較默認方式的響應速度要快3個數(shù)量級。
3.3 CDN技術(shù)的運用 在實現(xiàn)頁面靜態(tài)化之后，網(wǎng)站的訪問速度大幅提升，但如果網(wǎng)頁中存在較多的圖片，在不同的網(wǎng)絡(luò)環(huán)境下的用戶的訪問速度不能達到保證。采用CDN方案可以很好的解決這個問題。
CDN的全稱是Content Delivery Network，即內(nèi)容分發(fā)網(wǎng)絡(luò)。CDN系統(tǒng)能夠?qū)崟r地根據(jù)網(wǎng)絡(luò)流量和各節(jié)點的連接、負載狀況以及到用戶的距離和響應時間等信息將用戶的請求重新導向離用戶最近的服務節(jié)點上，使用戶可就近取得所需內(nèi)容，解決網(wǎng)絡(luò)擁擠的狀況，提高網(wǎng)站的響應速度。
國內(nèi)提供CDN服務的供應商如七牛和又拍云對WordPress提供了完善的支持，WordPress官方插件庫中的七牛鏡像存儲WordPress插件，能一鍵實現(xiàn)WordPress靜態(tài)文件的CDN加速。這個插件簡化了使用CDN的操作，無需將圖片上傳到七牛的服務器上，只需在WordPress站點做些簡單的修改，就可以使用七牛的CDN服務。
3.4 頁面的計數(shù)功能 掌握網(wǎng)站頁面的訪問情況可以更有效地了解學生的關(guān)注和學習的重點。WP-PostViews插件是應用較為廣泛的頁面計數(shù)插件。該插件的主要功能是記錄顯示文章或自定義頁面被瀏覽的次數(shù)，同時也提供了最少訪問和熱門文章、特定分類目錄下最新訪問和熱門文章功能。
3.5 代碼高亮的實現(xiàn) 如果專題學習網(wǎng)站中通常會包含大量的代碼，將代碼以高亮的方式展現(xiàn)能夠提高網(wǎng)站的友好性，更方便學生的閱讀。
WP-Syntax插件可以方便的將代碼已高亮的方式顯示，如圖1所示。
圖1 代碼高亮顯示效果
需要高亮顯示的代碼嵌入在標簽
和之間，LANGUAG 表示使用的編程語言。WP-Syntax支持包括C/C++、JAVA、PHP、C#、ObjectiveC、HTML等在內(nèi)的超過100種編程語言。為了更方便地在編輯器中插入高亮代碼，可以安裝WP-Syntax Editor Integration插件。啟用插件后，選中需要高亮的代碼，點擊這個插件的圖標，就能自動將代碼嵌入在標簽
和之間。4 網(wǎng)站關(guān)鍵功能的設(shè)計
專題學習網(wǎng)站除了需要實現(xiàn)內(nèi)容發(fā)布之外，還需要實現(xiàn)和用戶的高度互動，增強學生的使用體驗，提升學習效果。
4.1 評論功能實現(xiàn)和用戶的互動 WordPress最初定位是個人博客平臺，強調(diào)和用戶的互動，核心模塊本身就具備支持評論功能。每篇文章在發(fā)布時可以開啟或關(guān)閉評論功能，并且在后臺提供了強大的評論管理功能。學生可以在每篇文章的下方填寫自己的疑問、建議等內(nèi)容，提高網(wǎng)站的互動性。
4.2 測驗模塊 為了幫助學生評估自己的學習效果，在文章中間或者末尾可以插入練習題，學生在學習完某個知識點后，就可以通過練習來評估自己掌握的情況，實現(xiàn)內(nèi)容和練習的無縫集成。WP-Pro-Quiz插件提供了測驗的功能，題目中支持HTML編輯，可以顯示圖片和視頻，支持的題型包括單選題、多選題、排序題、填空題等常見題型。這個插件還具有強大的后臺分析功能，可以統(tǒng)計每題的得分情況，有助于教師細粒度地分析學生的掌握情況。
圖2 測試模塊的顯示（填空題）
4.3 基于HTML5的視頻播放方案 在WordPress中播放視頻無需使用任何插件，使用標準的HTML5標簽video就能視頻播放。代碼如下：
建議統(tǒng)一采用mp4格式保存視頻，如果是其他格式，可以采用格式工廠等視頻轉(zhuǎn)換軟件先轉(zhuǎn)換成mp4格式。
Internet Explorer 9+,Firefox,Opera,Chrome以及Safari支持
實現(xiàn)的原理大致是使用了flash技術(shù)，使用flash播放器嵌入視頻的方式，使得IE及Firefox支持video標簽，這個播放器稱為flowplayer。這樣就實現(xiàn)Windows平臺、Mac平臺、Android平臺、iOS平臺的全平臺播放。
5 小結(jié)
采用WordPress作為內(nèi)容發(fā)布平臺，可以快速地創(chuàng)建出專題學習網(wǎng)站。利用模板機制，可以實現(xiàn)網(wǎng)站清晰的導航；利用各類插件，可以使專題網(wǎng)站實現(xiàn)頁面靜態(tài)化、頁面計數(shù)、代碼高亮顯示、學習測驗、下載管理等功能。
專題學習網(wǎng)站的建設(shè)為學生創(chuàng)造了學習、評估、練習、答疑等功能于一體的無縫網(wǎng)絡(luò)學習環(huán)境。學生不但可以隨時瀏覽網(wǎng)站進行學習，而且還可以及時完成不同層次的練習，使學生能夠自己評估學習效果，為教師的有效教學提供了數(shù)據(jù)的支撐。
[1]益永鋼，陳潔蓉，沈莉.依托專題網(wǎng)站構(gòu)建校本課程[J].中國電化教育，2005（5）.
[2]江波，覃燕梅.基于開源軟件WordPress構(gòu)建高校信息素質(zhì)教育門戶[J].現(xiàn)代情報，2011（11）.
[3]王光煜.試論專題學習網(wǎng)站的設(shè)計與開發(fā)[J].科教文匯（下旬刊），2007（10）.
猜你喜歡
省婦聯(lián)召開 理論學習中心組學習(擴大)會議 專題學習黨的十九屆五中全會精神海峽姐妹(2020年12期)2021-01-18 05:53:02 在住院醫(yī)師規(guī)范化培訓中開展腰痛專題學習的必要性中國畢業(yè)后醫(yī)學教育(2020年6期)2020-12-06 07:30:16 物理專題學習的“分類＋變式”設(shè)計——以直流電路動態(tài)分析專題學習為例中學生數(shù)理化(高中版.高考理化)(2020年2期)2020-04-21 05:33:02 自編插件完善App Inventor與樂高機器人通信電子制作(2019年22期)2020-01-14 03:16:34 創(chuàng)世代碼動漫星空(2018年11期)2018-10-26 02:24:02 創(chuàng)世代碼動漫星空(2018年2期)2018-10-26 02:11:00 創(chuàng)世代碼動漫星空(2018年9期)2018-10-26 01:16:48 創(chuàng)世代碼動漫星空(2018年5期)2018-10-26 01:15:02 榆樹市檔案局召開專題學習會議蘭臺內(nèi)外(2017年6期)2017-03-12 11:03:13 MapWindowGIS插件機制及應用黑龍江工程學院學報(2015年5期)2015-12-04 01:39:38
