Open edx平臺個性定制的設(shè)計與實現(xiàn)

杜小虎+張?zhí)t+駱超

摘要：近幾年，大型開放式在線學(xué)習(xí)平臺Mooc（massive open online courses）風(fēng)靡全球。現(xiàn)如今，Udacity、Coursera、edX是主流的開放式網(wǎng)絡(luò)學(xué)習(xí)課程，三大網(wǎng)絡(luò)學(xué)習(xí)平臺都有不同的特點。Open edx平臺以其開源代碼為優(yōu)勢，被國內(nèi)外眾多技術(shù)人員所接納。許多技術(shù)人員以edx平臺為基礎(chǔ)進(jìn)行二次開發(fā)，形成了許多有特色的開放式學(xué)習(xí)平臺。該文主要介紹以edx平臺為基礎(chǔ)，在底層框架基礎(chǔ)上進(jìn)行簡單的本地化、郵箱激活、頁面修改操作，最終設(shè)計實現(xiàn)本人的個性定制網(wǎng)絡(luò)學(xué)習(xí)平臺。

關(guān)鍵詞：Mooc；Open edx；二次開發(fā)；個性定制

中圖分類號：TP311 文獻(xiàn)標(biāo)識碼：A 文章編號：1009-3044（2018）02-0055-03

Design and Implementation of Personality Customization on Open EDX Platform

DU Xiao-hu， ZHANG Tai-hong， LUO Chao

（School of Computer Science and Information Engineering，Xinjiang Agricultural University， Urumqi 830000， China）

Abstract： In recent years，Mooc is popular all over the world.Now，Udacity、Coursera、edx are mainstream open online learning courses.The three major online learning platfroms have different characteristics.The open edx platform with its open source code， has been accepted by many technical personnel both at home and abroad.Many technical personnel Based on the edx platform for secondary development，fromed many distinctive open online platforms.This article is basis of the edx platfrom，on the basis of the underlying framework for simple localization、email activation、page modification，finally designs and implements my personalized customized web-based learning platform.

Key words： Mooc； secondary development； personalized customization； Open EDX

Mooc（大規(guī)模在線教育平臺）興起于2012年[1]，這種在線教育方式近年來發(fā)展迅猛，尤其是近一兩年。隨著高校教育改革和創(chuàng)新，為了方面人們對學(xué)習(xí)的需求，保證學(xué)習(xí)質(zhì)量和效果，大量在線教育平臺在國內(nèi)外涌現(xiàn)。Udacity、Coursera、edx三大Mooc平臺一直是國內(nèi)外流行的在線學(xué)習(xí)平臺。三大平臺中，edx以其開源非盈利特點，得到廣闊的發(fā)展。清華大學(xué)學(xué)堂在線是采用此平臺為基礎(chǔ)，根據(jù)自身需求對平臺做的個性化。

本文是以edx平臺作為底層框架，開發(fā)基于馬業(yè)在線教育平臺?，F(xiàn)階段工作是熟悉edx平臺體系結(jié)構(gòu)，能夠修改底層代碼，完成個性化平臺定制。后續(xù)還會繼續(xù)跟進(jìn)和拓展，不斷優(yōu)化平臺，最終完成馬業(yè)在線培訓(xùn)平臺的建設(shè)。

1 總體設(shè)計

Edx平臺是一種龐大、復(fù)雜的開源框架，底層代碼復(fù)雜多樣，要實現(xiàn)個性定制需要對edx平臺基本架構(gòu)有所認(rèn)識。根據(jù)自身學(xué)習(xí)，在本地計算機(jī)上搭建edx平臺，搭建完成后實現(xiàn)本地化、郵箱激活、頁面修改等個性定制，具體方案設(shè)計如圖1。

2 具體功能實現(xiàn)

2.1 edx平臺搭建

在部署edx平臺之前，建議在自己電腦上安裝搭建edx平臺，在本地計算機(jī)完成個性化定制，能夠?qū)δ芡卣?，在將平臺部署在服務(wù)器中。這樣利于初學(xué)者對edx平臺學(xué)習(xí)，出現(xiàn)錯誤利于修改。edx官網(wǎng)已給出安裝過程，但因國內(nèi)網(wǎng)絡(luò)資源限制，安裝過程比較緩慢。在此對平臺搭建不做過多說明，只簡單列出平臺搭建環(huán)境所需軟件及硬件要求：

軟件：虛擬機(jī) 采用oracle公司的Virtualbox

鏡像 Ubuntu16.04amd64（oraclejdk需要）

硬件：電腦配置 至少8G運行內(nèi)存 至少2GHz 或者EC2

至少25G空閑磁盤 推薦50G作為生產(chǎn)運行用

2.2 本地化

完成搭建Open edx平臺，開始顯示的語言為英文，為了方便使用，必須進(jìn)行本地化。edx平臺采用專業(yè)的集成翻譯平臺transifex，進(jìn)行平臺的翻譯、管理工作。在transifex平臺，有許多愛好者免費在這里翻譯。我們只需要將翻譯好的內(nèi)容下載到本地，通過編譯覆蓋edx英文語言，應(yīng)用中文即可實現(xiàn)本地化。以下為用transifex進(jìn)行本地化步驟：

1） 安裝transifex客戶端

Sudo apt-get install transifex-client

2） 在home目錄新建transifex配置文件并編輯寫入以下內(nèi)容

[https：//www.transifex.com]endprint

hostname = https：//www.transifex.com

username = user #自己申請的用戶名

password = pass #密碼

token =

3） 修改.transifexrc文件權(quán)限

Chmod o+rw ～/.transifexrc

4） 切換到 edxapp 用戶并加載對應(yīng)的環(huán)境變量

sudo -u edxapp bash

source /edx/app/edxapp/edxapp_env

cd /edx/app/edxapp/edx-platform

5） 修改lms.env.json和cms.env.json 文件

“LANGUAGE_CODE”：”zh-cn”

6） 執(zhí)行翻譯

tx pull -l zh_CN 抓取中文語言包 paver i18n_generate

7） 更新assets 并重啟

paver update_assets lms —settings aws

paver update_assets cms —settings aws

sudo /edx/bin/supervisorctl restart edxapp：

完成以上操作，edx平臺的本地化與國際化基本完成。在transifex中，edx平臺漢化不是100%完整的，有些細(xì)節(jié)地方?jīng)]有翻譯，這就需要我們從底層翻譯文件進(jìn)行翻譯。在conf/locale/zh_cn文件夾里存著這.mo和.po文件，其中.po文件就是我們要進(jìn)行翻譯的文件，上傳編譯后生成.mo文件。我們只需要在.po文件msgid” ”中寫入我們翻譯的英文語言，在msgstr” ”寫入對應(yīng)的中文即可。如圖2是漢化完成后的平臺樣式。

2.3 郵箱激活

郵件激活是注冊賬號時候使用郵箱驗證功能。注冊后發(fā)送一封郵件到注冊郵箱里面，然后點擊郵箱里面的鏈接激活郵箱。這個其實就是通過第三方，將數(shù)據(jù)傳遞給用戶來獲取驗證碼。郵件激活服務(wù)可以專門搭建郵件服務(wù)器負(fù)責(zé)發(fā)送郵件，可以采用SMTP（簡單郵件服務(wù)協(xié)議）來發(fā)送激活郵件。本次采用SMTP發(fā)送激活郵件，使用qq第三方客戶端發(fā)送。具體如下：

1） 打開smtp并記住第三方授權(quán)密碼

查看各種收發(fā)郵件是否支持smtp協(xié)議，如果支持需要在郵件設(shè)置中打開smtp。以qq郵箱為例：

打開qq郵箱smtp 步驟：登陸郵箱—設(shè)置—賬戶—將滾動條拖到最后，找到smtp 打開，會獲得一個授權(quán)第三方登陸密碼（在lms.auth.json和cms.auth.json中需要填入的密碼）

2） 配置發(fā)件服務(wù)器地址和端口：

sudo vi /edx/app/edxapp/cms.env.json

sudo vi /edx/app/edxapp/lms.env.json

修改"EMAIL_HOST"： "smtp.163.com"， （qq修改為 smtp.qq.com）

"EMAIL_PORT"： 25， （端口不變）

"EMAIL_USE_TLS"： true，

"SITE_NAME"： "cherry.cs.tsinghua.edu.cn"， （發(fā)送激活郵件后 點擊激活進(jìn)入的頁面 本機(jī)127.0.0.1：98）

"DEFAULT_FROM_EMAIL"：jennyzhang8800@163.com"（自己的qq賬號120274165@qq.com）

3） 配置發(fā)件賬號和密碼

sudo vi /edx/app/edxapp/cms.auth.json

sudo vi /edx/app/edxapp/lms.auth.json

"EMAIL_HOST_USER"： "jennyzhang8800@163.com"，（自己的郵箱賬號 120274165@qq.com）

"EMAIL_HOST_PASSWord"："*****"， （第三方授權(quán)密碼 第一步給的）

4） 確認(rèn)無誤，重啟edxapp

sudo /edx/bin/supervisorctl restart edxapp：

sudo /edx/bin/supervisorctl restart edxapp_worker：

完成以上步驟即可完成第三方郵件發(fā)送，因為是本地計算機(jī)，暫時只用qq的SMTP來發(fā)送激活郵件，后期進(jìn)行開發(fā)會使用專門郵件服務(wù)器或用云端服務(wù)來發(fā)送激活郵件。

2.4 頁面樣式修改

頁面修改是定制個性化平臺的主要部分。頁面修改可以直接在edx底層代碼上直接修改，也可以新建主題（theme）進(jìn)行修改。直接修改底層代碼出現(xiàn)錯誤時不利于還原，所以建議新建主題，將需要修改頁面和Css樣式拷貝到自己的主題下面進(jìn)行修改。

Edx安裝完成開始使用的是默認(rèn)主題，我們可以更換edx平臺自帶的主題。在使用自己的主題前，需要驗證更換edx自帶主題是否成功，只有驗證成功，才可以應(yīng)用自己的主題。否則可能在安裝中或者底層代碼有錯誤。此時需要查看日志錯誤，進(jìn)行修改后驗證主題應(yīng)用。

Edx平臺自帶主題有edx.org、open-edx、red-theme、stanford-style。默認(rèn)主題為open-edx，可以直接使用的主題red-theme.stanford-style需要修改文件才能使用，其它兩個主題不適用于新版本。endprint

1） 應(yīng)用主題需要創(chuàng)建超級用戶如下：

sudo su -s /bin/bash edxapp

/edx/bin/python.edxapp /edx/bin/manage.edxapp lms manage_user zth zth@xjau.edu.cn —staff —superuser —settings=aws

設(shè)置超級用戶密碼：

exit

cd /edx/app/edxapp/edx-platform

sudo -u www-data /edx/bin/python.edxapp./manage.py lms —settings aws changepassword zth

完成以上操作，超級用戶創(chuàng)建成功。

2） 修改lms.env.json ENABLE_COMPREHENSIVE_THEMING 為true

在COMPREHENSIVE_THEME_DIRS 添加themes路徑

3） 登陸后臺管理員界面（http：//192.168.0.103/admin/）找到Theming進(jìn)入site theme，修改Theme dir name 為自己應(yīng)用的主題，如red-theme。應(yīng)用完成，重啟edxapp即可觀察是否應(yīng)用成功。

自建theme主題需要知道主題的文件目錄結(jié)構(gòu)，如圖3目錄結(jié)構(gòu)。

文章以自建主題my-theme為例，進(jìn)行后續(xù)頁面修改操作。

1） 修改logo圖片

直接將應(yīng)用主題logo拷貝到my-theme主題下的lms/static/images 中即可。應(yīng)用圖片大小一定要和原圖片大小一致，否則需要進(jìn)行樣式調(diào)整。

2） 背景圖片修改

將edx默認(rèn)主題的index.html和footer.html文件拷貝到/my-theme/lms/template中，編輯index.html. 找到