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