內文

讀我

這個 edX “開始使用Studio” 裡面的 “幫助” 和 PDF 文件是使用 Sphinx 1.2b1 and LaTex 所創建的。 您或者使用者社群可以幫忙更新和修訂這個專案文件,原始內容在 GitHub 上的

edx\edX-platform\userdocs\source

任何 pull request 都會需要一個 edX 工程師批准。而這份文件的 edX 聯繫人是mchang@edx.org

正體中文版本由 edX 平台開發研究實驗室 所維護,您可以在以下網址取得原始碼

https://github.com/edXPDRLab/manuals.git

正體中文版本每次的更新都會公佈於 edX 平台開發研究實驗室的網站,您亦可於此處取得 PDF 版本文件

http://edxpdrlab.logdown.com

線上閱讀版本與原始碼是同步的

http://edx-ca-zhtw.readthedocs.org/en/latest/index.html

關於 edX 平台開發研究實驗室

edX 平台開發研究實驗室由國立中央大學及國立中央大學資訊工程系所共同成立,專注於 edX/Open edX 平台開發與研究,同時負責 Open edX 正體中文語系版本的維護與協調工作。

_images/logo_ncu.png _images/logo_ncu_csie.png

開始使用 Studio

_images/image001.png

簡介

當我們開始發行 edX 給我們最初的夥伴時,我們已經提供一些機會讓另外的教師們在我們的平台上創建一些課程。 我們努力的成果是 Edge 與 Studio,這些工具不只對我們的 edX 平台有用,還能對所有大學協會的所有教職員有所幫助。

EdX (http://edx.org) 是我們獨創,最初的學習入口。 在 edX 上能做的事情,端看於您的學校和 edX 達成的協議內容。 您需要您學校的特別批准以將您的課程放置到 edX 上,一但課程被放置到 edX 入口,它就變成一個公開大型開放式線上課程(MOOC)。

Edge (http://edge.edx.org) 是我們最新的線上學習入口。 它和 edx.org 不論是能見度和功能幾乎完全相同,您可以在上面測試您的課程。

Edge 是可以看到您在 Studio 所創建的課程內容的網站,而 Studio 是我們的課程彙編工具。 在 Edge 上的課程不能夠被公開看到;除了您以外,只有您的同事能分享分享連結給學生,讓學生們可以看到您的課程。 我們鼓勵老師們用 Edge 去實驗性地創建一些課程,您不需要任何正式批准就可以在 Edge 上發佈一個課程

您可以創建一門課程並且立刻發佈。

Studio (http://studio.edge.edx.org) 是我們的網頁課程彙編工具,它是讓教師們在edX平台上以最簡單的方式開發課程的地方。 您可以在 Studio上 創建課程並且觀看並且立即在 Edge 上登記它們-甚至在您完成正在創建的課程之前。

這裡有個如何開始的工作流程 ,以下是份簡易的總結:

  1. 首先進入: https://studio.edge.edx.org. 註冊並且創建一個帳號。
_images/C01_01.png

接著

  1. 在 Studio 創建一門課程。
_images/C01_02.png

接著

  1. 在 Edge 上觀看您的課程。
_images/C01_03.png

創建一個帳號

要開始使用 Studio,您必須先以一個獨一無二的使用者名稱及密碼創建一個帳號。 Studio 帳號和 edX 帳號是不同的,即使您已經有一個 edX 帳號,您仍然需要另外創建一個分開的 Studio 帳號,當然您可以使用相同的電子郵件地址於兩個系統中。

當您創建您的 Studio 帳號後,系統會自動以相同的帳號密碼建立使用於 Edge 的帳號,您不需要分別創建 Studio 和 Edge 的帳號。

Edge 有兩種檢視模式 - 一個教師模式和一個學生模式。 當您在 Edge 上觀看您的課程,若您是以教師模式來觀看您的課程,您就會看到 教師 字樣顯示在頁面的右上方。

_images/C01_04.png

您的學生則是以學生模式在檢視課程,而學生模式與教師模式相似,但不包括教師才能使用的功能標籤或是課程釋出日期等資訊。

創建一個帳號:

  1. 進入 http://studio.edge.edX.org. The Welcome to edX Studio page opens.
_images/C01_01.png
  1. 捲動到頁面的底部然後點擊 註冊並開始創建一個 EDX 線上課程
_images/C01_05.png
  1. 填寫申請資料,必填的欄位旁有標註星號(*)。
_images/C01_06.png
  1. 電子郵件 欄位,填寫您的電子郵件地址。
  2. 密碼 欄位,填寫一個獨一無二的密碼。
  3. 公開的使用者名稱 欄位, 填寫一個當您在使用者論壇上發文時,想讓學生看到的名字 (大部分的網站稱這個叫做 “使用者名稱” )。
  4. 全名 欄位,填入您的全名。這個名字只出現在 Studio 中,您的學生將不會看到這個名字。
  5. 點選 我同意服務條款
_images/C01_07.png
  1. 點擊 創建我的帳戶 & 開始製作課程 ,當您點擊這個按鈕之後,系統會自動跳到下一個註冊完成的頁面。
_images/C01_08.png
  1. 要完成帳戶的創建,請檢查您於前述步驟中填寫的電子郵件信箱,您會收到一封驗証信驗證您的電子郵件信箱資訊是否正確。 請點擊您收到的驗證連結,當您點擊這個連結後,您會看到以下頁面。 恭喜您註冊完成,可以準備開始建立課程了!
_images/C01_07.png

創建一個新的課程

當您第一次登入 Studio 時,您會看到以下頁面。

_images/C01_07.png

點擊 控制台 連結,接著您會看到 我的課程 頁面開啟。

_images/C01_02.png

一旦您已經在 Studio 創建了任何課程,它會在這個頁面列出來。 您也可以從這個頁面點擊 新建課程 按鈕來立刻開始創建新的課程。

創建一個新的課程:

  1. 點擊 新建課程 ,系統會開始詢問您一些課程資訊。

註解

請小心輸入您的新課程資訊,這些資訊會變成您課程網址的一部分。 若欲在課程創建後改變網址,您必須聯繫 edX 的管理人員協助您處理,相關資訊請參考 Help site (http://help.edge.edx.org). 除此之外,由於這個資訊成為您課程網址的一部分,所以在三個欄位中全部的字元總數必須少於或等於 65。

  1. 請於 課程名稱 欄位輸入您的課程標題。 舉個例子,這個名稱可能是像是 “Sets, Maps and Symmetry Groups”。 若是課程名稱為英文,建議您以首字大寫的形式作為名稱的格式。

  2. 請於 組織名稱 欄位輸入您的大學名稱,請注意不要包含空白鍵或特殊字元。

  3. 請於 課程編號 欄位輸入一個主題縮寫以及一個數字。 舉個例子,如果是門公共衛生 207 (Public Health 207) 課程,可以輸入 “PH207”;若是數學 101x (Math 101x),可以輸入 “Math101x”。 請注意不要包含空白鍵或特殊字元在課程代號中。

    注意: 如果您的課程將對全世界開放,請於課程編號後加上 “x”,反之若課程僅對少數人提供,請不要於課程編號後加上 “x”。

  4. 點擊 儲存

新增教學大綱、靜態頁面、更新或課程講義

新增靜態頁面

靜態頁面 會列出所有課程底下所有的靜態頁面,這些頁面能協助您管理所有學生能夠快速存取的課程重要頁面。 靜態頁面不見得以一個特定的順序分布,端看您課程內容的需求。 舉例來說,您的靜態頁面可能包含您的教學大綱或您的評分標準。

_images/image155.png

當您創建一個靜態頁面,會在您課程頁面上方的導覽列沿著 教材課程資訊 以及其他標籤的地方顯示名稱。 舉例來說,接著導覽列包含一個 教學大綱 靜態頁面和一個 專題 靜態頁面。

_images/image157.png

新增一個靜態頁面:

  1. 在導覽列上,點擊 課程內容 ,之後點擊 靜態頁面
_images/image159.png
  1. 在右上角,點擊 新增頁面 ,接下來內容就會顯示。
_images/image161.png
  1. 在對話框g的右側,點擊 編輯 ,就會開啟對話框。
_images/image163.png
  1. 顯示名稱 欄位,填入您想要顯示在您課程中導覽列的名稱。
  2. 以您的內容取代佔位文字。
  3. 點擊 儲存

新增一個時程表

為您的課程創建一個時程表,您可以創建一個 Google 行事曆讓學生可以合併進他們個人時程表中,或者您可以使用 HTML 去創建一個動態行事曆讓學生可以點擊連結。 您也可以同時將兩種行事曆都使用在您課程中。

Google 行事曆

您的 Google 行事曆應包含所有釋出日期以及截止日期。 您可以連結他們到您的課程中,您的行事曆看起來像接下來的行事曆 BerkeleyX’s CS 169.2x 課程。 https://www.google.com/calendar/embed?src=edx.org_mcjhp2tv3ul2etfpb43hd388p4@group.calendar.google.com&ctz=America/New_York_

_images/image165.png

要創建一個 Google 行事曆,請先登入您的 Google 帳號,透過 Calendar 。 您就可以輸入您的行事曆資訊。您也可以在您的課程中任何地方創建一個連結到這個行事曆。

動態 HTML 時程表

您可以創建一個動態 HTML 時程表頁面,來手動更新課程的進展。 下面的樣板是改編自 Dan Klein 和 Pieter Abbeel 教授創建的版本。

在下面是一個範例課程行事曆,展現出三週課程行事曆的方式。 如您所見,教材在第三周後沒有連結,也就是說資訊尚未被釋出。

這個課程使用如下方式釋出行事曆:

  1. 當週課程在星期一釋出。
  2. 所有作業在星期三釋出,截止日期在則設定下星期的星期六。
  3. 所有考試在星期五釋出,截止日期則設定在下星期的星期六 (九天後)。
_images/image285.png

創建一個動態 HTML 行事曆:

  1. 在導覽列上,點擊 課程內容 ,之後點擊 靜態頁面
_images/image159.png
  1. 點擊右上角的 建立新頁 。接下來內容會顯示:
_images/image161.png
  1. 在對話框的右側,點擊 編輯 ,就會開啟對話框。
  2. 在編輯中開啟,並在 顯示名稱 中填入 時程表
  3. 點擊 HTML 標籤。
_images/image163.png
  1. 進入 附錄 B 並且複製編碼給動態行事曆樣板。
  2. 在 Studio 編輯之中,以動態行事曆樣板編碼取代在 HTML 標籤上的佔位編碼。

課程講義

在 Edge 上您的課程講義是列在 課程資訊 頁面上的 課程講義 側邊欄。 為了新增這些項目,您必須創建一個檔案以及上傳這個檔案到 檔案及上傳 頁面。 當您做了這件事之後,系統會替這個檔案產生網址,之後您就可以使用這個 URL 創建一個連結到 課程講義 側邊欄。 您可以在 課程更新 頁面創建這個連結。

註解

您不能上傳影片到 檔案及上傳 頁面,一方面是檔案上傳大小的限制,另一方面我們希望您把檔案上傳到 YouTube。

上傳一個檔案到檔案及上傳頁面

檔案與上傳頁面列出講義、圖片以及其他您想整合到您課程的內容。

_images/image160.png

舉例來說,如果您想要匯入一部卡通到您的每週更新當中,您可以上傳圖片到 檔案及上傳 。 當您做了這件事之後,系統會替這個檔案產生網址,之後您就可以使用這個 URL 創建一個圖片連結到課程之中。 同樣的,如果您想要匯入一份講義到 課程資訊 頁面或是課程中 課程大綱 頁面, 您先上傳講義到這裡,之後在課程頁面或是 課程大綱 之下創建一個連結給講義。

您也可以使用 檔案及上傳 頁面來集中所有的檔案,這些檔案除非您將連結公佈出去,不然學生並不會看到。

舉個例子,如果您創建一個 Word 檔案並使用在您的班級,然後再創建一個從 Word 複製內容過來的 PDF 副本, 如此一來原始的 Word 檔案跟 PDF 副本都能並存在 檔案及上傳 頁面上,但僅分享 PDF 檔案的連結。 如果您稍後從您的個人電腦中刪除這個檔案,或者一位同事要求使用您的課程中的其中一個檔案,但是會更改您講義的日期,您就可以簡單地在 檔案及上傳 頁面找到原始 Word 檔。

請注意當您命名您的檔案名稱新增到 檔案及上傳 頁面時您應該小心,因為這個檔案名稱會變成 URL 的一部分。 由於當學生開啟連結的時候會看到檔案名稱,所以請避免使用像是 “AnswerKey.pdf” 等直覺的檔名,以致讓其他人猜到您不想公佈的檔案名稱。

警告

在上傳檔案時,如果和已經上傳的檔案有相同的檔案名稱,將會導致原本的檔案被覆蓋掉。

當您嘗試上傳一個已經有相同檔案名稱檔案存在的情況發生時,目前沒有警告訊息通知您。

上傳一個檔案到 檔案及上傳 頁面:

  1. 在導覽列上,點擊 課程內容 ,之後點擊 檔案及上傳
  2. 檔案及上傳 頁面,點擊 上傳新檔案
_images/image162.png
  1. 檔案及上傳 的對話框中,點擊 選擇檔案
  2. 開啓 的對話框中,選擇您想要的檔案後點擊 開啓

新增另外的檔案,請繼續點擊 載入其他檔案 。欲關閉對話框,點擊在右上角的 X 。 當您關閉對話框,檔案出現在 檔案及上傳 頁面上。

  1. 決定您重新上傳檔案的 URL。 要做到這件事,在 檔案及上傳 頁面上,選擇列表中的檔案,在 URL 列右側可以看到這個 URL。 您將會需要使用這個 URL 來顯示一張圖片或創建一個超連結。
_images/image164.png

註解

目前來說,您不能在檔案上傳到 檔案及上傳 頁面後刪除檔案,您可以上傳一個相同檔名的檔案覆蓋原始檔案,但是您無法刪除它。

新增項目給講義側邊欄

  1. 在導覽列上,點擊 課程內容 ,之後點擊 更新
_images/image166.png
  1. 在右側選擇 課程講義 側邊欄,之後點擊 編輯
_images/image168.png
  1. 在 XML 對話框中,顯示、創建連結給您的檔案。
  • 為了創建一個連結給一個文件,請輸入接下來的語法。 要注意的是 URL OF FILE 欄位應該輸入的是於 檔案及上傳 上傳檔案時,第五步提示給您的 URL。 LINK TEXT 則是您想顯示在 課程講義 側邊欄上的訊息。
<p><a href="[URL OF FILE]">[LINK TEXT]</a></p>
  • 為了創建一個連結給一張您已經上傳的圖片,請輸入接下來的語法。 要注意的是 URL OF FILE 欄位應該輸入的是於 檔案及上傳 上傳檔案時,第五步提示給您的 URL。
<p><img src="[URL OF FILE]"/></p>
  1. 點擊 儲存 。您的檔案會出現在 課程講義 之下。

新增一個公告或更新

您可以新增公告或更新來歡迎學生來到這個班級,提醒學生考試,通知學生課程行事曆的變動,以及學生需要銘記的重要步驟。 這些更新出現在 edX 或 Edge 的 課程資訊 標籤上。 因為您的課程會自動開啟到 課程資訊 頁面,學生登入時將會馬上看到更新。
  1. 課程內容 選單上點擊 更新 ,開啟 課程更新 頁面。
_images/image185.png
  1. 點擊 新增更新 ,接著對話框開啟。
_images/image187.png

這個對話框的內容格式必須是 HTML,您可以參考 附錄 A 內的說明填入。

  1. 以 HTML 輸入您的更新,之後點擊 儲存

組織課程內容

如何組織課程

您可依照下列層級概念組織課程內容:

Studio提供彈性的組織方式,一般的課程模組的章節層級是指每週授課項目,小節所指的是每堂課程項目。

註解

建議您於發展課程前,先參考可用內容建置指導方針 建立無障礙教學內容之指導方針

課程大綱

在Studio的內容(Content)選單裡點選 大綱(Outline) ,可瀏覽該門課程的 內容組織 層級,下列圖片呈現出課程中所包含的章節、小節和單元項目:

_images/Course_Outline.gif

下列圖片是學習管理平台(LMS)所呈現的課程大綱畫面:

_images/Course_Outline_LMS.gif

章節

章節是課程組織中的第一個層級,顯示該門課程的時間週期、每週授課項目等。此層級之下包含多個小節內容。

設定步驟如下:

  1. 在課程大綱(course outline)頁面點選 建立章節(New Section)
  2. 輸入章節標題
  3. 點選 儲存(Save)

第一次新增的課程章節項目將依建立時間由上至下排序。 學生將於發佈日期當日才可瀏覽章節內容。詳細資訊請參閱發佈課程

發佈課程 for more information.

小節

依課程組織層級而言,章節之下是小節,小節之下又分為各單元項目。在小節中主要呈現出當週課程主題以及學習順序。

設定步驟如下:

  1. 課程大綱(course outline) 頁面的章節項目之下,點選 建立小節(New Subsection)
  2. 輸入小節標題
  3. 點選 儲存(Save)

第一次新增的小節項目將依建立時間由上至下排序。在各小節之下可新增單元項目。

編輯小節

課程大綱 頁面中可新增、刪除小節項目。

_images/Subsection.gif

各小節的設定功能是獨立的,點選小節標題可編輯下列功能:

  • 修改標題
  • 新增或刪除單元項目
  • 設定發佈日期和時間
  • 將小節設定為評量
  • 設定評量截止日期
  • 預覽草稿
  • 檢視線上版本

學生將於發佈日期當日才可瀏覽章節內容,詳細資訊請參閱發佈課程 發佈課程.

評量設定說明,請參閱建立評分政策 建立成績規則.

草稿預覽及線上版本檢視功能,請參閱預覽課程 Preview Your Course 、檢視線上課程 View Your Live Course.

單元

依課程組織層級而言,小節之下分為單元,單元之下又包含各項目。在學習管理平台中,單元連結顯示於畫面上方的橫軸,下列畫面中顯示8項單元內容:

_images/Units_LMS.gif

在課程大綱頁面或小節頁面中點選 新增單元(New Unit) 即可建立單元內容。

在新增單元頁面中可編輯下列功能:

  • 設定單元名稱
  • 建立單元項目
  • 修改單元可見性(系統將單元可見性預設為隱藏,詳細資訊請參閱發佈課程 發佈課程.
  • 預覽草稿
  • 檢視線上版本

警告

請勿同時多人於不同瀏覽器中編輯相同的單元內容! 由於Studio無法自動更新網頁,因此可能造成舊版資料取代新版資料的問題。提醒您,編輯公開或隱藏的單元內容時,務必執行網頁重新整理的功能。

項目

依課程組織層級而言,單元之下包含各項目,也就是線上版本所顯示的課程內容。

將滑鼠停留在單元橫軸上,即可瀏覽該單元包含的項目名稱(如下圖)

_images/ComponentNames_CourseRibbon.gif

在頁中單元網點選項目類型即可新增下列4種項目類型:

  • 討論區 :可設定討論區功能,讓學生能夠在此與同儕互相交流討論。
  • 網頁語法(HTML) :可增加文字、圖片和其他學習工具。
  • 問題 :可增加不同類型的測驗題型,例如單選題、多選題以及複雜迴路練習等。
  • 影音 :可增加課程影片。
_images/AddNewComponent.gif

詳細資訊請參閱:

重新組織課程內容

需要重新組織課程內容排序方式時,將滑鼠移至欲調整的項目右方,出現四向箭頭游標時即可將該項目開始拖曳。(如下圖)

_images/DragAndDrop.gif

進行拖曳時,畫面上的藍線代表該項目被調整後的位置。

_images/DragAndDrop_BlueLine.gif

在Studio中創建一門課程

一旦您已經創建一個課程,則您已經準備好去創建課程的內容。

警告

這個 Alpha 版本的 Studio 沒有版本控制機制,或於您的瀏覽器重新整理頁面時的自動更新功能,版本控制功能將會在未來的版本中釋出。 目前為止,請保持只有作者一個人於單一瀏覽器 (或是單一分頁) 上編輯課程內容,若是有一個單元同時間有多個網頁進行編輯,則有可能發生覆蓋的情況,新舊之間可能會互相影響。 因此,在每次開始編輯之前,請先重新整理您的瀏覽器頁面,以確保載入最新的資料。

簡介

正如離線課程一般,在一個線上課程內容被細分成許多細小的片段。 在 Studio 中,這些片段被分類成 小節 以及 單元 ,其中每個「單元」是由「組件」所組成,這些組件包含了您課程中的實際內容。

「節」,舉例來說,可對應您課程中的第幾週,而「小節」常常是對應您的第幾課、作業或者測驗。 一門課可以選擇由幾個單元所組成,像是影片、文字、圖片、討論以及問題所交織而成。 這是一個具有互動代表性的教材,您會在一次課程中經歷過所有部分。

課程大綱 頁,您可以一次瀏覽整門課程中所有的節、小節以及單元,以及小節是否為公開或私人狀態。

_images/C02_01.png _images/C02_02.png

章節

「章節」是最頂層的類別,可以用它來組織您的課程。 許多教師根據位於課程第幾週來命名,像是第一章被命名為「第一週」、第二章被命名為「第二週」,以此類推。 章當中包含了「小節」,裡面包著更多「單元」.

您可以設置給每一個您課程中的「章節」一個獨立的釋出日期,直到已經通過釋出日期之前,在章節中的內容不會被看見。

要了解更多有關如何創建一個「章節」的資訊,請看 創建一個章節和小節.

小節

一個「小節」是一個「章節」的子項目。許多教師根據課程的主題去命名小節。 當您於 Edge 上檢視課程時,每個小節的名字會依附於每個章節之下,顯示於左方的課程導覽面板當中。

_images/C02_03.png

您可以設定「小節」作為您作業中評分的依據,並將作業放置於小節之中。

您可以設置給每一個您課程中的「小節」一個獨立的釋出日期,直到已經通過釋出日期之前,在小節中的內容不會被看見。 如果您沒有設定一個釋出日期,這個小節會使用所屬的「節」的釋出日期。

要了解更多有關如何創建一個小節,請看 創建一個章節和小節.

單元

「單元」是一個進一步幫助您組織您的課程教材的類別,單元中包含建立各個課程區塊之「組件」。 當您於 Edge 中檢視您的課程時,單元不會顯示在左側顯示節與小節的面板中,而是顯示在主要面板的上方。 以下範例中可以看到一個小節中包含兩個單元的範例。

_images/C02_04.png

請注意,預設情況下所有的單元的可見度被設定成 私有 。 若要讓一個單元被學生看見,您必須明確的改變單元的可見度為 公開 。 要了解更多資訊,請看 發佈課程 .

組件

「組件」為一個「單元」的一部分,其中包含您的課程的實際內容。 當您透過滑鼠游標滑過畫面上方的單元導覽列,您可以看到每個單元的實際名稱。

_images/C02_05.png

目前一共有四種組件:討論組件、HTML 組件、問題組件以及影片組件。 欲了解更多資訊,請看 創建一個討論, 使用 HTML 組件, 創建問題, and 創建一個影片 .

創建一個章節和小節

  1. 登入 Studio,並且點擊您想要的課程。
  2. 課程大綱 頁面,點擊 建立新章節
_images/C03_01.png
  1. 建立新章節 名稱欄位,填入一個章節名稱,並且點擊 儲存

註解

在大部分的課程中,第一個章節的名稱是第一周 (Week 1)。 這個您已經創建的章節會顯示在 課程大綱 頁面之上。

_images/C03_02.png

您輸入的名稱也會顯示在課程導覽列中,如下所述。

_images/C03_03.png
  1. 創建一個新的「課」或「作業」在您的章節中,點擊 建立新小節
  2. 建立新小節 欄位,輸入這個小節的名稱,並且點擊 儲存

舉例來說,如果您輸入 Week 1 當成章節的標題以及 Subsection 1 當成小節的標題,您會看到如下。

_images/C03_04.png

如果您以學生的身分觀看您的課程,您會看到如下畫面。

_images/C03_05.png
  1. 點擊您剛創建的新的小節。在這個例子中,當點擊 Subsection 1 時,您會看到如下的畫面。
_images/C03_06.png

創建一個單元

  1. 課程大綱 上,點選您想要創建單元的小節。
  2. 點擊 建立新單元 如下的畫面會顯示。
_images/C04_01.png
  1. 顯示名稱 欄位中,填入單元名稱。在 Edge 上畫面上方這個名稱會顯示在單元導覽列中。

    每個單元有一個或多個組件。

  • 創建一個討論空間,您或您的學生就可以發佈問題或者參與討論,點擊 討論
  • 創建一個組件,您就可以增加文字、圖片,或者其他內容,點擊 HTML
  • 創建一個問題給您的學生解決,點擊 問題
  • 新增一個影片,點擊 影片

創建一個影片

許多教師使用影片舉行一個教室內的演講。 您可以創建一個您的演講影片,並且與其他的組件互相關聯,例如討論串及問題,來促進學生積極的學習。

要增加一個影片到單元中,您必須上傳您的影片到 YouTube 上,以及創建一個影片組件,您也可以增加一個字幕給您的影片。

您的影片可以以 0.75倍、1 倍、1.25倍、1.5倍速度播放。 為了做到這點,您必須分別上傳不同影片到 YouTube 上。

註解

YouTube 上普通帳號僅能上傳最長 15 分鐘的影片。 如果您選擇 0.75 倍播放速度,您必須確定來源的影片片段是只有11.25分鐘長,如此一來才能確定影片能全部上傳至 YouTube。 YouTube 有提供付費機制可以解除這個限制。

  1. 上傳您想要的的影片到 YouTube 上。 您會需要顯示在 watch?v=&feature 中間的影片編號,約略於下圖綠色方塊的位置。
_images/C5_01.png
  1. 在 Studio 中,進入您想要編輯的單元。
  2. 新增組件 之下,點擊 影片
  3. 在畫面上點擊 預設
  4. 當出現新的影片組件時,點擊 編輯 ,您將會看到一個自動播放的範例影片,您可以看到它的原始碼。
  5. 顯示名稱 欄位中,填入您想要於滑鼠滑過頁面時顯示的提示文字,這個文字也將會成為影片的標題文字。
  6. 利用於步驟1所記錄下來的影片編號,填入下圖中綠色方塊的位置。 格式為 速度:影片編號 。所以您可以同時在影片組件中指定多個檔案,讓使用者以不同速度播放。
_images/C5_02.png
  1. 點擊 儲存

註解

所有嵌入影片使用 edX 播放器開始自動撥放,目前暫時沒有關掉自動撥放的功能。

新增一個字幕到您的影片中

  1. 將您的字幕 str.sjson 檔案以 subs_YOUTUBE_ID.srt.sjson 的格式命名,其中 YOUTUBE_ID 是 YouTube 影片的影片編號。
  2. 上傳 subs_YOUTUBEID.srt.sjson 檔案到 檔案及上傳 頁面。
  3. 根據 新增教學大綱、靜態頁面、更新或課程講義 中, 新增項目給講義側邊欄 小節的說明,在頁面中建立一個檔案連結到您要的檔案上。

創建一個討論

要在您的課程裡創建一個討論,您需先在 Studio 中創建問題以及討論組件。 然後,您可以鼓勵學生在 edX 或 Edge 中開始此討論來回應。

創建討論組件

當您在創建討論組件時,請將下面的練習銘記在心。

  • 請確定您真的想加入討論組件。
  • 一但創建,您的論壇上討論類別是立即可見的(就位於您課程的的討論分頁上),既使它包含被設定為私密的討論組件。
  • 當您為討論組件創建一個 ID 時,請千萬要注意—特別是當您正在為一個進行中的課程新增討論組件時。 遵守以下的格式在步驟10以確保此ID在整個edx課程中是獨一無二的。
  • 只編輯討論組件編輯區上方的欄位。 不要去修改對話框中的 XML。

新增討論組件:

  1. 開啟 Studio.
  2. 做一個您目前所在小節的 顯示名稱 的筆記與您目前所在單元的 顯示名稱 的筆記。
  3. 在一個您想開始討論的單元位置 使用 HTML 組件 並其包含您希望學生去討論的問題。
  4. 在此新 HTML 組件的正下方,點擊 添加新組件 下方的 討論
_images/C06_01.png
  1. 當出現以下對話框,點擊 討論標籤
_images/image059.png
  1. 當出現以下對話框,點擊 編輯
_images/C06_02.png

當出現以下對話框時,您可以修改小對話框中的數值,但不會更改到大對話框中的內容。

_images/C06_03.png

註解

在今後,這些對話框會先填入初始數值。

  1. 討論分類 對話框,輸入您想創建之討論的分類名稱,可包含空白。
  2. 討論目標 對話框,輸入您想創建之討論的子分類名稱,可包含空白。

註解

分類名稱及子分類名稱只會出現在您課程的討論區,不會出現在單元中的討論區塊。

舉例來說,當您把 討論分類 設定成 “The Discussion Component”,並把 討論目標 設定成 “Online Instruction Methods”,分類及子分類會如下出現在討論區塊中的分類清單:

_images/C06_04.png
  1. 顯示名稱 對話框,鍵入討論名稱,當學生用滑鼠滑過單元導覽列時將會顯示出來。
  2. 點擊 儲存

在您的課程中開啟一個討論空間

當您創建一個討論,許多學生可能對是否要第一個發表答案感到猶豫。 您可以自行發表一個答案來開始這個討論,建議最好是以匿名或以學生名義發表,如此若學生不同意您的答案,他們也能較為自在的發表自己的看法。

要以學生名義發表,請按照下面的步驟。若您之後想以自己名義回覆,登入到您平常使用的帳號並忽略步驟1及步驟2。

  1. 以一個未關係到您課程團隊的電子信箱設定一個在 edX 或 Edge 上的測試帳號。
  2. 前往您的課程網址並註冊課程。
  3. 在 edX 或 Edge 中,找到包含一個討論區塊的單元。
  4. 在單元中,找到一個討論空間。
  5. 點擊 發表文章
  6. 在標題框中鍵入您要發表的標題,並輸入內文。
  7. 若您想的話,可以選取 匿名發表 或是 追蹤此文
  8. 當您對發表內容滿意,點擊 新增發表

您的發表會出現在單元中清單的上方。所有發表會以反向時間順序排序顯示。

使用 HTML 組件

前言

HTML 組件是建構課程的基本要素,利用 HTML 組件新增與格式化文字、連結、圖片等。

請見以下主題內容,取得更多資訊:

註解

Review 組織課程內容 and HTML 標記之最佳作業流程 before you start working with HTML components.

使用者介面

使用 HTML 組件編輯器新增 HTML 組件,編輯器提供兩種觀看模式: 視覺模式HTML 模式 。點下編輯器右上角的按鍵,可互換兩種模式。

_images/HTMLEditorTabs.gif
  • 視覺模式 提供「所見即所得」功能,使用編輯器上方的格式化功能時,能夠

立即看見結果。每次開啟 HTML 組件,系統預設採用視覺模式。

以下清單是視覺模式提供的格式化功能。

_images/HTML_VisualView_Toolbar.gif
  1. 選擇樣式,如:標題 1、標題 2 或段落。
  2. 文字粗體
  3. 文字斜體
  4. 文字加底線
  5. 新增項目符號清單
  6. 新增編號清單
  7. 減少縮排
  8. 縮排
  9. 引號
  10. 字型(如:使用 Courier 字體)
  11. 新增連結
  12. 刪除現有的連結

視覺模式透過學習管理平台顯示內容,請見下圖範例。

_images/HTMLComponent_VisualView_LMS.gif
  • HTML 模式 允許使用者直接用 HTML 語法編輯內容。

    _images/HTML_HTMLView.gif

    註解

    使用 HTML模式時,建議切換到視覺模式確認編輯成果,特別在新增圖片或

新增連結時,可以做雙重確認。

新增 HTML 組件

新增 HTML 組件的步驟:

  1. 新增組件,點下 html
_images/NewComponent_HTML.gif

2. 出現清單,點下 文字。 在畫面下方出現空白組件。

_images/HTMLComponent_Edit.gif

3. 點下 編輯。請見上圖範例。 開啟 HTML 組件編輯器,同時進入視覺模式。

_images/HTMLEditor.gif
  1. 在視覺模式或 HTML 模式,輸入文字與使用格式化功能。

5. 輸入名稱(希望給學生看到的名稱)。點下編輯器右上角的 設定,在 顯示名 稱 欄位輸入文字。

點下右上角的 編輯,回到原本的編輯模式。
  1. 點下 儲存

在 HTML 組件內,可以新增連結與圖片,或是匯入 LaTex 程式碼。取得更多資 訊,請見:

在 HTML 組件新增圖片

You can add any image that you have uploaded for the course to an HTML component. For more information about uploading images, see 新增課程檔案.

註解

Review 描述圖像之最佳作業流程 when you add images to HTML components.

To add an image, you’ll need the URL of the image that you uploaded to the course. You’ll then create a link to the image in the HTML component.

  1. 進入 檔案與上傳 頁面,複製圖片的網址。

  2. 進入 HTML 組件,切換至 HTML 模式。

  3. 找到要放置圖片的位置,依照下圖的語法,輸入圖片語法標籤。

    <p><img src="[URL of file]" alt="[description]"/></p>

    例如:圖片語法標籤應該會與下圖範例類似,差別僅在於圖片網址與描述說

明。

<p><img src="/static/GreatLakes.gif" alt="Map of the Great Lakes" /></p>
  1. 切換到視覺模式檢查圖片。

匯入 LaTeX 程式碼至 HTML 組件

匯入 LaTeX 程式碼後,可以新增與顯示數學公式,請見下圖。

_images/HTML_LaTeX_LMS.gif

警告

LaTeX 處理器是 Studio 作為轉換 LaTeX 程式碼為 XML 之用,屬於第三方工具,

使用時請留意。若要使用此處理器,請與 PM(專案管理人員)共同操作。

系統不會預設開啟此功能,請至課程的進階設定,修改設定。

在 HTML 組件包含 LaTeX 程式碼,請依照下列步驟:

  1. 開啟課程的規則序號。

    1. 進入 Studio 的 設定 ,點下 進階設定
    2. 進入 進階設定 頁面,下拉畫面至 使用 LaTeX 程式編輯 的規則序號。
    3. 找到 使用 LaTeX 程式編輯 的規則序號旁邊的規則屬性欄位,將 換成
    4. 點下 儲存改變
  2. 進入要新增組件的單元,點下在 新增組件html ,再點下 用 LaTeX 寫電子文本 ,產生新的組件。

  3. 點下新組件右上方的 上傳

    _images/HTML_LaTeX.gif
  4. 選擇要上傳的檔案,然後點下 開啟 ,檔案會被上傳至 LaTeX 編輯器。

    The file loads in the LaTeX editor.

    _images/HTML_LaTeXEditor.gif
  5. 若想要修改檔案。

#. 進入 LaTeX 編輯器,找到畫面左下的 使用儲存與編輯成 edX XML ,點下此 功能。

組件編輯器將被關閉,同時開啟單元頁面,便可觀看用 LaTeX 編輯的內容。

_images/HTML_LaTeX_CompEditor.gif
  1. 同樣在單元頁面,點下 預覽 ,檢查檔案在學習管理平台顯示的樣式。
    • 若發現有誤,回到單元頁面,點下 編輯 ,再度開啟組件。找到組件編輯器的左下方,點下 開啟 Latex 來源編輯器 ,重新編輯 LaTeX 程式碼。

創建問題

概要

「問題」單元允許您在您的課程中新增互動式及自動評分的練習,您可以在 Studio 創建許多不同種類的問題。 預設的情況下,所有的問題都是不評分練習問題。 要將這些問題改成評分問題,請改變小節中的作業種類。

創建一個問題時,需要決定:

  • 您想要創建的問題種類。
  • 這個問題所佔的權重。
  • 您是否想要隨機排列這問題。
  • 要如何結束一個問題,譬如需要多少學生參與回答 (當然是在截止時間結束前)。
  • 您想要如何提供回饋給學生們;是否顯示答案。

這個課程包含許多地方有更多資訊有關創建練習以及整合它們到您的課程中。

  • Writing Exercises 有許多關於作業分類的深入討論,並且附上許多不同類型問題的範例 Gallery of Response Types
  • 附錄 E 包含了許多不同問題回應種類之XML的文件。
  • 在 Edge 上的 Discussion Forum 是個詢問問題的好地方,您可以在此找到參考的答案或是尋求技術支援。
  • 新的線上格式的問題已經成為教育界一個新的競爭領域,edX 社群中有很大一群人正在關注這個議題 Creative Problems 。請先參考前面的討論,看看有哪些方法可以啟發您應用於課程中,也歡迎您回來社群中與我們討論您於實際課程中應用的經驗,並提供我們如何改善的建議。

簡易編輯器及進階編輯器

Studio 提供兩個介面來編輯問題組件。

  • 簡易編輯器 允許您以直觀的方式去編輯問題,不需要用 XML。
  • 進階編輯器 轉換這些問題成 edX 的 XML 標準,並且允許您直接去修改那個 XML。 想了解更多有關 XML 中不同問題種類,請參考 附錄 E

一些簡單的問題範例包括多重選擇,允許您在簡單編輯器中先開啟,再轉用進階編輯器繼續處理。 不過更複雜的問題種類像是電路圖之類的進階題,您必須在進階編輯器中才能編輯。

註解

您可以隨時點擊在簡單編輯器介面中的 “進階編輯器”,就可以從簡單介面切換到進階介面。

但是除非您新增一個單元,不然您無法從進階編輯器的介面切換回簡單編輯器。

要開啟進階編輯器,請點擊簡單編輯器右邊角落的 進階編輯器

_images/image275.png

接著是一個在進階編輯器中的多選題範例。

_images/image276.png

問題種類

您可能想要創建一個超過一個回應類型的問題。 舉例來說,您可能想要創建一個多選題,並且要求學生去解釋他或她的回應,您可能也想要學生能夠檢查這些同時有多個問題的答案。 為了實現這個工作,您可以匯入一個多選題到一個有單一的問題組件。

隨機化

隨機化 設定可以決定是否要在每次學生看到問題的時候,將其中指定的內容隨機化呈現。譬如說計算的參數或是內容。 這個設定只可以應用在可以隨機產生數值變數的問題。

分數及權重

每個問題都儲存了一個 得分 給提交的回應,而學生取得的分數則由學生提交的正確答案占所有問題的比例決定。 預設的 “最高分數” 或是 “權重” 表示這個問題學生最高可以拿到的分數,系統預設值為 “1”。 當然您可以自行提高分數,您可以根據問題的難易度跟數量調整比分,您所做的只是需要修改 權重 的參數值而已。 當您修改完設定以後,您所調整的權重會明確地顯制在問題的標題旁邊。

權重: 1 分

所有問題的分數都會被儲存下來,但是只有在這些屬於某個小節同時這個小節被設定成要計分後,才會對學生的期末分數造成影響。 如果您需要參考更多資訊,請參考後續 問題結束 以及 回饋 兩個章節的內容。

計算分數

分數的計算是在反應問題本身被答對所佔的比例,以及整個題組於成績計算中所佔的權重。 下面的方程式是用來計算所記錄的分數:

  • 回答問題獲得的分數 = 問題權重 * (# 答案正確 / # 輸入總和)

  • 回答問題獲得的分數 指的是回答問題所獲得的分數。

  • 問題權重 指的是回答這個問題所能獲得的最高分數,預設值是一個整數。

    您可以修改這個權重設定,詳細請參考 “設定問題屬性” 章節內容。

  • # 答案正確 指的是所有回應中回答正確的數量。

  • # 輸入總和 指的是所有這個題組本身擁有的問題數量總和。

範例

接下來是一些設定問題權重和計算分數的例子。

範例 1

一個問題有兩種回應輸入,以及一個空的權重屬性,有一個最小分數2.0分。

一位學生回應這個由一個正確輸入值和一個不正確輸入值的問題,將被標記為擁有1.0分到2.0分的可能性。

範例 2

一個問題有三種回應輸入種類,以及一個權重屬性為12,有一個最小分數12.0分。

一位學生回應這個由一個正確輸入值和兩個不正確輸入值的問題,將會被標記為擁有4.0分到12.0分的可能性。

範例 3

一個問題有四種回應輸入種類,以及一個權重屬性為2,有一個最小分數2.0分。

一位學生回應這個由兩個正確輸入值和兩個不正確輸入值的問題,將會被標記為擁有0.5到1.0分的可能性。

問題:20.0 分

  • 這個問題的權重屬性已經從預設值被改變。
  • 整個問題有多少分?
  • 這個問題中的權重值設定為多少?
  • 這個問題中有多少回應輸入?
  • 這個問題的預設最小分數是多少?
  • 這個問題中如果對一個而其餘錯,那分數怎麼算?

問題結束

為了停止接受回應並且紀錄分數,問題可以被 關閉 ,已經關閉的問題不再顯示 檢查 按鈕。 學生在一個關閉的問題中依然可以看到問題、答案,以及顯示說明,但是他們再也不能檢查他們的答案、提交結果,或者改變他們儲存的分數。

您可以用許多方式關閉問題:

  • 設定一個截止日期給這些在小節中的問題。 請注意您不可以設定截止日期給獨立的問題 – 只能是包含在小節(作業),預設的情況下截止日期不會被設定。 要設定一個截止日期,請參考 建立評分標準 的說明。
  • 指定一個寬限期給您的課程。請注意這個寬限期會影響全部的課程。 要設定一個寬限期,請參考 建立評分標準設定寬限期 的說明。
  • 指定一個嘗試次數給每個問題。 這個嘗試次數的設定會影響系統允許學生在問題關閉前,針對單一問題重送答案的次數。 如果您有做這個設定,則學生在送出問題的介面上將會看到答案重送的次數以及剩餘的次數。 另外同一介面會提供暫存的功能,學生可以點擊畫面上的 “儲存” 暫存答案,等到確認答案無誤以後才點擊 “送出檢查” 將答案送出。 暫存功能本身沒有次數限制,不會受到重送次數的限制影響。 當只剩下最後一次送出的機會時,介面上的 “送出檢查” 會變成 “最後送出檢查”,以提醒學生這是最後一次的機會。 當已經沒有任何機會時,”儲存” 及 “送出檢查” 按鈕將會消失。 如需更多的資訊,請參考問題屬性章節的說明。
  • 當您透過教師身分檢視 Edge 上的課程時,您可以在介面上手動增加嘗試次數的問題上。 換句話說,您可以在問題已經公布以後修改可嘗試的次數。 一般來說我們不建議您這樣做,不過若您在事後才發現有問題本身的錯誤,您可以重新給學生一些機會找出答案。

回饋

Stuido 包含許多可以提供回饋給學生的工具: 送出檢查 按鈕, 顯示答案 按鈕,以及 嘗試 設定。 當您使用 顯示答案 按鈕時,您也可以提供一個答案的詳細說明。

送出檢查按鈕

學生點擊 送出檢查 按鈕去提交一個回應,系統就會執行接下來的步驟。

  • 同意並儲存每個回應到輸入中。
  • 使用一個自動評分機制去檢查回應值是否對應到正確答案或解答。
  • 利用可目視的標記告訴學生答案正確與否,若答案正確則顯示一個綠色的勾勾,反之則顯示一個紅色的叉叉。
  • 儲存學生回應這題得到的分數。

如果一位學生想要暫存但是不要立刻提交答案,那學生可以點擊 儲存

於下圖中的範例中,在選擇完答案以後點擊 送出檢查 。此時系統會立刻回應答案正確與否。

此時,雖然您不會看見它,但是分數還是會立刻自動儲存到系統中。

_images/image277.png

顯示答案按鈕

當學生點擊 顯示答案 時,這個問題就會在回答輸入的欄位旁邊,根據您預先提供的額外解釋顯示出來。 顯示答案 是由問題編輯器中的 showanswer 屬性所控制。 它可能被設定為絕對無法看見、總是被看見或者只有當問題被關閉後才可看見。 請參考設定問題屬性章節的說明。

接下來的問題, 顯示答案 按鈕在學生至少嘗試送出答案一次以後才出現。 您可以輸入一個您知道是錯的答案後,點擊 送出檢查

_images/image278.png

現在,點擊 顯示答案 去查看正確答案以及它的解釋。

_images/image279.png

創建問題

註解

您可以於您的課程中增加一些不評分的練習題。

想要增加一些具有互動性,會自動評分的練習到您的課程中,請利用 問題 組件。 這個組件允許您建立一個包含 顯示答案 提示功能的問題,當學生遇到問題的時候,可以求助您預先準備好的提示。

Studio 提供多個樣板供您參考。另一方面,您也可以在 XML 創建您自己的問題類型。 要了解更多有關不同問題類型問題的訊息,請看 附錄 E

  1. 新增組件 之下,點擊 問題
_images/image096.png

選擇問題組件類別 畫面會顯示出來。 預設情況下, 系統預設選擇 通用問題類別

_images/image097.png

要查看更多複雜問題類型的列表,請點擊 進階 分頁。

_images/image099.png
  1. 點擊您想要的問題類型。

註解

為了在 XML 中創建您自己的問題,點擊 “空白” 來開啟一個空的 XML 編輯器。

一個套用預設樣板的新問題即為您產生出來,顯示在畫面上。

舉個例子,如果您點擊 多重選擇 ,您就會看到下圖中的問題組件。

_images/image101.png
  1. 點擊 編輯 會開啟簡單編輯器讓您編輯問題組件。
_images/image103.jpg
  1. 設定問題屬性。

顯示名稱 欄位,填入您想要學生在滑鼠滑過頁面上的導覽條時看見的文字。 這個文字也會作為標題顯示在問題之上。

  1. 權重 欄位中,設定一個權重值給問題。 如果您想要這個問題被為一個不評分的練習問題,設定這為零 (0)。
  2. 隨機化 欄位,TBD
  3. 嘗試次數 欄位,具體指明您想要允許學生嘗試的次數。
  4. 顯示答案 欄位,輸入接下來的設定。

參考資料

  • never = 顯示答案按鈕永遠不會被看見。
  • closed = 顯示答案按鈕不論是在截止日期已經過了,或者學生已經沒有剩餘的嘗試次數,都不會被看見。
  • attempted = 顯示答案按鈕在學生已經檢查過答案一次之後出現,不論是否正確。
  • always = 顯示答案按鈕永遠出現。
  1. 修改問題的文字,之後點擊 儲存 來儲存並且檢查您的工作,確認您已經發佈現在編輯中的草稿。

修改已經釋出的問題

警告: 當您已經釋出問題之後,要做修改請務必格外小心!

目前來說,程式會針對以下的資訊做每位學生不同的快取。

  • 這位學生的最後 送出 的回應。
  • 學生最後一次回應所獲得的分數。
  • 問題的最小值分數。

當學生提一個回應給問題時這個訊息會被上傳。 如果學生重新整理這個 進度 頁面,解答並不會重新檢查。 如果學生重新整理問題的頁面,則會顯示最新版本的問題描述,但是先前已經送出的答案並不會被重新檢查,僅會顯示在問題的答案欄位上。 就算您修改過問題,所有學生已經上傳的答案亦不會被重新檢查,除非您通知學生請他們重新回到問題頁面作答,並送出新的答案。 此外,若您修改過問題的權重,則已經評分完的結果會被重新計算,學生可以在 進度 頁面上看到最新的狀態。

舉例來說,您可能會釋出一個有兩個輸入的問題。 當一些學生已經提交了答案之後,如果您改變這個答案中輸入的其中一個,則目前學生的分數不會更新。

例如:如果您改變輸入的數量變成三個,學生在這個改變之前提交答案則會有一個分數為 0, 1, 或 2 (最高分為 2)。 學生提交答案在這個改變之後,則同樣的問題會有分數 0, 1, 2, 或 3 (最高分為 3)。

然而,如果您改變這個問題的權重,目前的分數在您重新整理 進度 時會更新。

解決方案

如果您已經以某種方式修改了一個釋出的問題而影響到評分,您有兩個選項解決這個問題。 注意這兩個選項都需要您去要求您的學生回去並重新檢視問題。

  1. 增加問題的嘗試次數,不然學生就算看到新的問題內容,也有可能無法重新送出答案。
  2. 將原本的問題直接刪除然後重新建立,之後要求所有您的學生完成這份新問題。

完成以後請到 Edge 上的 進度 或是 教師 分頁檢視,確認新的分數以及問題已經被發佈。 如果沒有發生您預期中的改變,您可能需要尋求技術人員的支援。

您可以於單一個問題組件中同時間放置多種不同的問題類別,當您創建問題的時候,系統預設會幫您輸入一個簡單的問題樣本。 您可以透過 XML 編輯器編輯內容,加上其他不同的問題類別,甚至是您自行定義的問題類別。

題型

前言

本節將說明各種題型的設定與維護方式,使用者可以自行增加多種互動式與自動計分的練習題。

所有的題目都可計分,請先進入小節的評量類型,修改預設值,讓系統自動計分。

請點入以下標題,以取得更多詳細資訊。

功能項目與使用者介面

此部分將說明題目的各種功能項目,即學生在學習管理平台看到的題目,以及為開課教師說明Studio user interface。

學生瀏覽畫面

凡是出現在edX平台的題目都包含以下功能項目。

_images/AnatomyOfExercise1.gif
  1. 問題說明。 說明文字允許使用符合標準的HTML格式。

  2. 答題欄位。 學生必須在此欄位作答。答題欄位的樣式會根據題型而變化。

  3. 顯示完整的數學公式。 因應部分題型需求,Studio使用MathJax呈現完整的數學公式。

  4. 提交答案。 學生透過此功能輸入或確認答案是否正確,若正確答題,則出現綠色的打勾符號,若答題錯誤,則以紅色的X符號表示。系統會同步儲存分數與作答結果。

  5. 儲存答案。 此功能允許學生儲存作答內容,而非提交,因此,學生可回頭修改與提交答案。

  6. 顯示答案。 此功能可同時顯示正確答案與解題說明。出題者可選擇是否開啟此功能。

  7. 提交答案次數。 出題者可設定題目的作答次數,從特定次數到不限次數。

    _images/AnatomyOfExercise2.gif
  8. 回饋功能。 學生提交答案後,系統會以符號表示答案是正確或錯誤。

    _images/AnatomyofaProblem_Feedback.gif
  9. 正確的答案。 多數的題型需要出題者提供唯一的正確解答。

  10. 解題說明。 出題者提供解題的說明。只有使用「顯示答案」功能,才會出現解題說明。

  11. 重新作答。 此功能會清除學生的作答內容,可讓學生重新作答。

  12. 隱藏答案。

    _images/AnatomyOfExercise3.gif
  13. 自動計分。 出題者可設定需要自動計分的問題,設定完畢後,該測驗會以藍色的鬧鐘符號表示。

    _images/clock_icon.gif
  14. 作答期限。 此功能是用於限制題目的作答時間,一旦過期,就不接受提交答案與提供解題說明。

註解

每個題目有 開啟關閉 的設定,被關閉的問題不能提交答案與更改已儲存的分數,但是,學生仍然可以看見題目、答案與解題說明。

有些題型的屬性功能尚無法立即可用。

  • 隨機顯示題目編號。 此功能適用於部份題型,出題者可以自行設定,開啟此功能後,每位學生看到的題目編號都不相同。
  • 最高得分。 可自行設定各個題目的最高得分。

使用者介面

Studio提供兩種設定問題功能項目的介面:簡易編輯與進階編輯

  • 簡易編輯模式 僅能直接輸入內容,無法透過XML編輯。
  • 進階編輯模式 就是在edX的XML標準環境下編輯題目。

註解

系統允許使用者隨時從簡易編輯模式轉換到 進階編輯模式 ,但是,無法從進階編輯模式轉換到簡易編輯模式。

簡易編輯模式

在簡易編輯模式可使用題目製作的套版。下圖為單選題的範例。

為有效編輯與格式化題目,簡易編輯模式提供工具列。以下列出工具列的項目:

  1. 製作Level 1的標題
  2. 製作單選題的題型
  3. 製作勾選題的題型
  4. 製作可輸入文字的題型
  5. 製作可輸入數字的題型
  6. 製作下拉式的題型
  7. 製作解題說明,當學生使用 顯示答案 時,此說明便會出現在網頁。
  8. 在進階編輯模式編輯題目
  9. 開啟格式化的提示列表

下圖是簡易編輯模式的單選題範例。

_images/MultipleChoice_SimpleEditor.gif
進階編輯模式

進階編輯模式 是採用XML來製作題目,提供套版使用,包含電路圖。

欲了解更多使用XML製作不同題型,請參見 Appendix E.

下圖是進階編輯模式的製作單選題的範例。

_images/MultipleChoice_AdvancedEditor.gif

題目設定

除了文字雲與開放式問答以外,系統提供以下的設定功能給所有的題目。本功能放在功能項目編輯器的 設定 。(在問題類型的頁面,提供開放式問題與文字雲的設定)

  • 顯示題目名稱
  • 提交答案的次數
  • 目最高得分
  • 隨機變更數值
  • 顯示答案
_images/ProbComponent_Attributes.gif

題目名稱

題目名稱出現在網頁上方的位置,如同標題。

_images/ProbComponent_LMS_DisplayName.gif

提交答案的次數

設定學生作答次數,系統預設是無限次。

題目最高得分

註解

Studio儲存所有問題的分數,但是,學生成績僅計算真正被要求計分的題目。

本節說明如何設定題目的最高得分,設定完成後,該題的最高得分會顯示在題目名稱旁邊。

_images/ProblemWeight_DD.gif

系統預設每個題目的答題欄位都是1分,每題可以設計多個答題欄位,例如,上圖範例採用下拉式題型,並要求學生回答3個問題,因此,有3個答題欄位,共是3分。

下圖範例採用文字輸入的題型,只有1個答題欄位,因此,只有1分。

_images/ProblemWeight_TI.gif
計算分數

每個問題的 得分計算公式 = 最高得分 x (正確的答題數 / 全部的題目數)

  • 分數 即為學生的得分。
  • 最高得分 為完全答對題目的最高得分。
  • 正確答案 是指回答正確的題目欄位次數。
  • 答題欄位 是指題目的答題欄位總數量。

例題

以下提供計算分數的例題。

Example 1 例題1

題目的 最高得分 的設定是空白,且該題目有兩個答題欄位,所以,依照預設值,該題目的最高得分是2分。

若學生僅答對一個答題欄位,另外一個答題欄位答錯,則學生的得分是1分。

Example 2 例題2

題目的最高得分是12,該題目有三個答題欄位。

其中,學生答對二個答題欄位,一個答錯,則學生的得分是8分。

Example 3 例題3

題目的最高得分是2分,該題目有四個答題欄位。

其中,學生答對一個,答錯三個,則學生的得分是0.5分。

隨機更換計算數值

This setting only applies to problems that have randomly generated numeric values. It specifies whether random variable inputs are randomized when a student loads the problem.

顯示答案

本功能有七種設定。

隨時觀看答案 允許學生隨時都可以看到答案。
提交答案後看答案 學生提交答案後,才能看到答案。
限制回答一次後看答案 學生試圖回答一次後,才能看到答案, 無論學生回答的內容是否正確。
無法提交題目 學生達到被要求回答的次數,或是已過 期無法作答的題目,才能看到答案。
題目完成後 要求學生必須答題正確、已無可用的作答 次數、或是已經過期無法作答的題目, 才能看到答案。
題目超過有效期 已經過期無法作答的題目,才能看到答案。
關閉 不允許使用此功能,一旦選擇此設定, 顯示答案的功能將被隱藏。

題目類型

Studio提供多種題型的樣本,從單選題到建構虛擬電路,每個題目類型可在該題目的頁面取得。

  • 常見題型 在簡易編輯模式新增題型,可看到Studio提供的 一般題目類型 的標籤。
  • 進階題型 在進階編輯模式新增題型,可看到各種 進階 題型的標籤。
  • 特殊題型 這些是預設值未提供的進階題型,新增的方式,首先必須調整該課程的進階設定,在 增加新細項 顯示進階細項,此時便可以開始編輯特殊題型。
  • Open Response Assessment Problems 提供以短文、附加檔案(如:電腦編碼或圖片)方式回答問題。

在單一問題功能項目新增多種題目

希望能夠讓學生以數字作答單選題,或是想讓學生同時回答多個題目,為了達到這個目的,可以在一個題目下使用多種題型。

先新增一個空白的進階題型,在功能項目編輯器,將XML貼到每個題型與答案,不需要連同其他細項也貼上,像是 確認答案

確認答案顯示答案**重新提交**與自選的設定,套用到所有題目時,假若自行設定提交答案的次數為3次,表示學生有3次機會回答所有的題目,而非每個題目有3次回答的機會。

修改已發佈的題目

警告

修改已經發布的題目時,要特別留意!

當學生重新提交答案時,Studio會更新已有的分數,但是,若出題者修改題目內容或屬性,Studio不會自動更新已經儲存的分數。

舉例來說,原本公布的題目與答案是3,而且已有學生完成作答,後來發現有誤,必須更正答案為2,此時,若原本學生的答案是2,Studio不會修正該學生的分數,會以修正前為主。因此,該學生不會取得此題目的分數。

在學生作答之後,才將答題欄位由原本的2個增加至3個,學生的得分則變更成0分、1分、2分、或3分。

變更題目的最高得分,原本系統儲存的分數,透過重新下載 Progress 頁面,即可更新分數。

暫時解決方案

修改已發佈的題目,因而影響到分數時,系統提供二種選項,但是,都必須請學生重新提交該題目的答案。

  • 在題目功能項目中,增加提交答案的次數後,請學生重新提交答案。
  • 刪除原本的題目,新增新的題目與設定方式,請學生完成新題目的答案提交。

常見題型

常見題型是指多重選擇題或學生能夠容易選擇、填寫的題型。您可使用 Studio 簡易編輯模式建立各種題型,毋須使用 XML 或進階編輯模式。 Studio 平台中的常見題型如下:

  • 多選按鈕 In checkbox problems, students select one or more options from a list of possible answers.
  • 下拉選單 In dropdown problems, students select one answer from a dropdown list.
  • 選擇題 Multiple choice problems require students to select one answer from a list of choices that appear directly below the question.
  • 數值輸入 Numerical input problems require answers that include only integers, fractions, and a few common constants and operators.
  • 文字輸入 In text input problems, students enter a short text answer to a question.

建立各項題型可點選題型之下的 增加新項目 ,點選 常見題型 ,選擇題型名稱。 ( 多選按鈕 題型須另從 空白常見題型 中建立) 11.1.

多選按鈕

在多選按鈕題型中,可設定一至多個選項,其中至少有一個正確答案,學生必 須完全選出此題的正確答案,才可繼續作答。

_images/CheckboxExample.gif

建立多選按鈕題型

  1. 在增加新項目之下點選題型

  2. 在選擇題型項目類型畫面中,從常見題型類型標籤中點選多選按鈕

  3. 點選題型項目上的編輯

  4. 在項目編輯模式中輸入題目敘述,並分別在各行輸入選項文字。

  5. 選出所有的正確選項後,點選多選按鈕

    _images/ProbComponent_CheckboxIcon.gif

    ,完成此步驟時,各選項旁會

出現方括弧 [ ]

  1. 在正確解答的方括弧內輸入 x

  2. 在項目編輯模式中選擇題目敘述文字,然後點選提示按鈕

    _images/ProbCompButton_Explanation.gif

    ,將圖示新

增至敘述文字旁。

  1. 各種設定說明位於設定功能標籤。
  2. 點選儲存。

上述示範的題型範本可參考下列:

Learning about the benefits of preventative healthcare can be particularly
difficult. Check all of the reasons below why this may be the case.

[x] A large amount of time passes between undertaking a preventative measure
and seeing the result.
[ ] Non-immunized people will always fall sick.
[x] If others are immunized, fewer people will fall sick regardless of a
particular individual's choice to get immunized or not.
[x] Trust in healthcare professionals and government officials is fragile.

[explanation]
People who are not immunized against a disease may still not fall sick from
the disease. If someone is trying to learn whether or not preventative measures
against the disease have any impact, he or she may see these people and conclude,
since they have remained healthy despite not being immunized, that immunizations
have no effect. Consequently, he or she would tend to believe that immunization
(or other preventative measures) have fewer benefits than they actually do.
[explanation]

選擇題

此題型讓學生從條列的選項清單中選出正確答案,和下拉選單不同的是,各個 選項內容直接顯示在題目的下方。

_images/MultipleChoiceExample.gif

建立選擇題型

  1. 在增加新項目之下點選 題型

  2. 選擇題型項目 類型畫面中,從 常見題型類型 標籤中點選 選擇題

  3. 點選題型項目上的 編輯

  4. 在項目編輯模式中輸入題目敘述,並分別在各行輸入選項文字。

  5. 選擇答案項目,然後點選選擇題按鈕

    _images/ProbCompButton_MultChoice.gif

    ,完成此步驟時,各選項旁會

出現圓括弧( )

  1. 在正確解答的圓括弧內標註 x

  2. 在項目編輯模式中選擇題目敘述文字,然後點選提示按鈕

    _images/ProbCompButton_Explanation.gif

    ,將圖示新

增至敘述文字旁。

  1. 各種設定說明位於設定功能標籤。
  2. 點選儲存。

上述示範的題型範本可參考下列:

Lateral inhibition, as was first discovered in the horsehoe crab:

( ) is a property of touch sensation, referring to the ability of crabs to
detect nearby predators.
( ) is a property of hearing, referring to the ability of crabs to detect
low frequency noises.
(x) is a property of vision, referring to the ability of crabs eyes to
enhance contrasts.
( ) has to do with the ability of crabs to use sonar to detect fellow horseshoe
crabs nearby.
( ) has to do with a weighting system in the crabs skeleton that allows it to
balance in turbulent water.

[Explanation]
Horseshoe crabs were essential to the discovery of lateral inhibition, a property of
vision present in horseshoe crabs as well as humans, that enables enhancement of
contrast at edges of objects as was demonstrated in class. In 1967, Haldan Hartline
received the Nobel prize for his research on vision and in particular his research
investigating lateral inhibition using horseshoe crabs.
[Explanation]

數值輸入

在數值輸入題型中,學生直接以數字或數學運算式填答。

_images/NumericalInputExample.gif

備註:學生的答案不必與解答完全一致。您可設定容錯率或公差,請參閱下方 說明指引。 為符合數值輸入可以包含整數、分數、常見常數(如圓周率),同時也可包含平 方根、log2、三角函數及其反函數(如正弦、反正弦)。Studio 改變數學符號的 輸入方式,請參考下列範例:

_images/Math5.gif

建立數值輸入題型

  1. 在增加新項目之下點選 題型

  2. 選擇題型項目 類型畫面中,從 常見題型類型 標籤中點選 數值輸入

  3. 點選題型項目上的 編輯

  4. 在項目編輯模式中輸入題目敘述,並分別在各行輸入選項文字。

  5. 選擇答案項目,然後點數值輸入題型按鈕

    _images/ProbCompButton_NumInput.gif

    ,完成此步驟時,答案旁會

出現等號 =

#. (選用)如果要設定容錯率或公差,可在答案後方以+- 數字 標註,也可加上百 分比符號。例如容錯率為 2%則在答案後方標註+-2%,公差為 5 標註+-5。

  1. 在項目編輯模式中選擇題目敘述文字,然後點選提示按鈕

    _images/ProbCompButton_Explanation.gif

    ,將圖示新

增至敘述文字旁。

  1. 各種設定說明位於 設定功能 標籤。
  2. 點選 儲存

上述示範的題型範本可參考下列:

How many different countries do edX students live in as of May 2013?

= 193 +- 5%

[explanation]
As of edX's first birthday, in May 2013, edX students live in 193 different countries.
[explanation]

範例說明

The following are a few more examples of the way that Studio renders numerical input text that students enter.

_images/Math1.gif _images/Math2.gif _images/Math3.gif _images/Math4.gif

For more information, see Formula Equation Input.

文字輸入

在文字輸入題型中,答案可包含數字、文字、標點符號。學生所輸入的答案必 須完全符合正確解答,無論是拼字、標點符號都須一致,因此建議您將填答次 數設定為一次以上,允許打字錯誤的情況發生。

_images/TextInputExample.gif

建立文字輸入題型

步驟如下:

  1. 在增加新項目之下點選 題型

  2. 選擇題型項目 類型畫面中,從 常見題型類型 標籤中點選 文字輸入

  3. 點選題型項目上的 編輯

  4. 在項目編輯模式中輸入題目敘述,並分別在各行輸入選項文字。

  5. 選擇答案項目,然後點數值輸入題型按鈕

    _images/ProbCompButton_TextInput.gif

    ,完成此步驟時,答案旁

會出現等號 =

  1. 在項目編輯模式中選擇題目敘述文字,然後點選提示按鈕

    _images/ProbCompButton_Explanation.gif

    ,將圖示新

增至敘述文字旁。

  1. 各種設定說明位於 設定功能 標籤。
  2. 點選 儲存

上述示範的題型範本可參考下列:

What is the technical term that refers to the fact that, when enough people
sleep under a bednet, the disease may altogether disappear?
= herd immunity

[explanation]
The correct answer is herd immunity. As more and more people use bednets,
the risk of malaria begins to fall for everyone – users and non-users alike.
This can fall to such a low probability that malaria is effectively eradicated
from the group (even when the group does not have 100% bednet coverage).
[explanation]

文字輸入題型的多重答案

您可設定一個以上的正確解答,例如正確答案為 Dr. Martin Luther King, Junior, 時,同時您也可以設定 Martin Luther King,、Doctor Martin Luther King, 等為 正確答案。 設定方法:在正確答案前標註 or=,如下圖所示:

_images/TextInput_MultipleAnswer.gif

區分大小寫字母與文字輸入題型

By default, text input problems do not require a case sensitive response. You can change this and require a case sensitive answer.

To make a text input response case sensitive, you must use the 進階編輯模式.

In the advanced editor, you see that the type attribute of the stringresponse element equals ci, for case insensitive. For example:

<stringresponse answer="Michigan" type="ci">
  <textline size="20"/>
</stringresponse>

To make the response case sensitive, change the value of the type attribute to cs.

<stringresponse answer="Michigan" type="cs">
  <textline size="20"/>
</stringresponse>

文字輸入題型的文字長度設定

預設的填答文字長度限制為 20 字元以內,可視正確答案內容或學生可能填寫 的其他答案,調整文字長度限制。

If the default response field length is not sufficient, you can change it using the 進階編輯模式.

在進階編輯模式中, textline 標籤的 size 屬性為 20,表示文字長度限制為 20 字元。

<stringresponse answer="Democratic Republic of the Congo" type="ci">
  <textline size="20"/>
</stringresponse>

To change the response field length, change the value of the size attribute:

<stringresponse answer="Democratic Republic of the Congo" type="ci">
  <textline size="40"/>
</stringresponse>

進階題型

拖放、電路示意圖生成器及數學表達等皆為進階題型。當要新增題型時,這些問 題會置於進階標籤中。本工作室提供建置這些題目的範本,但題目會直接在 進階 編輯 中開放,並且要以 XML 格式製作。

  • 電路示意圖生成器 In circuit schematic problems, students create and modify circuits on an interactive grid and submit computer-generated analyses of the circuits for grading.
  • 自訂 JavaScript 程式語言顯示與打分 With custom JavaScript display and grading problems, you can incorporate problem types that you’ve created in HTML into Studio via an IFrame.
  • 自行評分 (自訂 Python 語言輸入) Write-your-own-grader problems evaluate students’ responses using an embedded Python script that you create. These problems can be any type.
  • 拖放 Drag and drop problems require students to drag text or objects to a specific location on an image.
  • 圖像映射輸入 Image mapped input problems require students to click a specific location on an image.
  • 數學表達式輸入 Math expression input problems require students to enter a mathematical expression as text, such as e=m*c^2.
  • 以 LaTeX 寫成的題目 This problem type allows you to convert problems that you’ve already written in LaTeX into the edX format. Note that this problem type is still a prototype, however, and may not be supported in the future.
  • 具有適應性暗示之題型 These problems can give students feedback or hints based on their responses. Problems with adaptive hints can be text input or multiple choice problems.

這些問題很容易在 Studio 中取得。要發問的話請按在 新增組件 底下點選 題型, 並點選 進階標籤 ,然後點選想新增的題型名稱。

電路示意圖生成器

在電路示意圖題目部份,學生能夠調整電路元件如互動網格上的電壓源 、電容器、 電組器以及金氧半導體場效電晶體 ,然後他們要交出就系統中電路上直流電、交 流電或暫態之分析並以此打分。

_images/CircuitSchematicExample.gif

建立電路示意生成器題型

  1. 在您想要建立題型的單元中,點選 新增組件 底下的題型,然後點選 進階 標籤。
  2. 點選 電路生成器
  3. 在出現的組件中點選 編輯
  4. 在組件編輯器中,以自己的編碼取代範例編碼。
  5. 點選 儲存

自訂 JavaScript 程式語言顯示與打分

自訂 JavaScript 程式語言顯示與打分題型(也稱為自訂 JavaScript 程式語言題型 或 JS 輸入題型)讓您能夠建置使用 JavaScript 程式語言的自訂題型或工具,然 後將題型或工具直接新增於 Studio 中。當在建置 JS 輸入題型時, Studio 將題型 內嵌於內建框架中(IFrame),如此學生便能夠在 LMS 中與其互動。您能夠使用 JavaScript 程式語言或基本 Python 語言為學生的作業打分數,而成績會整合在 EdX 打分系統中。 所建置的 JS 題型必須是 HTML 格式、 JavaScript 程式語言及串接式表單(CSS)。 您能夠使用任何應用工具,例如 Google 網頁應用程式開發工具(GWT),來建置 自己的 JS 輸入題型。

_images/JavaScriptInputExample.gif

自訂 JavaScript 程式語言顯示與打分題型

#. 建立自己的 JavaScript 程式並上傳所有與此應用程式有關的檔案到 檔案與上傳 頁面。 #. 在您想要建立題型的單元中,點選 新增組件 底下的題型,然後點選 進階 標籤。 #. 點選 自訂 JavaScript 程式語言顯示與打分 。 #. 在出現的組件中點選 編輯 。 #. 在組件編輯器中,根據您的題型編修範例編碼。

  • 所有的題型有超過一種的元素。大部分的題型皆與同源政策(SOP)相符,意即所
有元素有相同的協定、主機以及埠。例如, http://store.company.com:81/subdirectory_1/JSInputElement.html and
http://store.company.com:81/subdirectory_2/JSInputElement.js have the same protocol (http), host (store.company.com), and port (81).

如果問題中的任何元素使用不同的協定、主機或埠 ,則需要略過同源政策。

例如 https://info.company.com/JSInputElement2.html
uses a different protocol, host, and port. To bypass the SOP, change sop=”false” in line 8 of the example code to sop=”true”. For more information, see the same-origin policy page on the Mozilla Developer Network or on Wikipedia.

#. 如果想要使題目有 儲存 鈕的話,點選 設定 標籤,然後在 最大嘗試次數 中設定 一個大於 0 的數字。 #. 點選儲存。

重設範例題型

要重設上述範例題型,則需要以下檔案:

  • webGLDemo.html
  • webGLDemo.js
  • webGLDemo.css
  • three.min.js

You’ll create the first three files using the code in Appendix F. The three.min.js file is a library file that you’ll download.

  1. Go to Appendix F and use the code samples to create the following files.

    • webGLDemo.html
    • webGLDemo.js
    • webGLDemo.css
  2. Download the three.min.js file. To do this, go to the three.js home page, and then click Download in the left pane. After the .zip file has finished downloading, open the .zip file, and then open the build folder to access the three.min.js file.

    Note If you need to bypass the SOP, you’ll also need the jschannel.js file. To do this, go to the jschannel.js page, copy the code for the file into a text editor, and then save the file as jschannel.js.

  3. 檔案及上傳 頁面,上傳所有剛建立或下載的檔案。

  4. 建立一個新的自訂 JavaScript 顯示與給分範例題目組件。

  5. 設定 標籤,將 最大嘗試次數 設定一個大於 0 的數字。

  6. 在題目組件編輯器中,將以下的編碼替代範例編碼。

  7. 點選 儲存

JavaScript 程式語言題型編碼
<problem display_name="webGLDemo">
In the image below, click the cone.

<script type="loncapa/python">
import json
def vglcfn(e, ans):
    '''
    par is a dictionary containing two keys, "answer" and "state"
    The value of answer is the JSON string returned by getGrade
    The value of state is the JSON string returned by getState
    '''
    par = json.loads(ans)
    # We can use either the value of the answer key to grade
    answer = json.loads(par["answer"])
    return answer["cylinder"]  and not answer["cube"]
    # Or we can use the value of the state key
    '''
    state = json.loads(par["state"])
    selectedObjects = state["selectedObjects"]
    return selectedObjects["cylinder"] and not selectedObjects["cube"]
    '''
</script>
<customresponse cfn="vglcfn">
    <jsinput
        gradefn="WebGLDemo.getGrade"
        get_statefn="WebGLDemo.getState"
        set_statefn="WebGLDemo.setState"
        width="400"
        height="400"
        html_file="/static/webGLDemo.html"
    />
</customresponse>
</problem>

註解

當要建立題目時,請注意以下要點‧

  • webGLDemo.js file 界定三種 JavaScript 程式語言功能

(WebGLDemo.getGrade,WebGLDemo.getState, 以及 WebGLDemo.setState).

 JavaScript

  • JavaScript 程式語言輸入題型編碼使用

WebGLDemo.getGrade, WebGLDemo.getState, 以及 WebGLDemo.setState 來打分、儲存或復原題型。這些功能全球皆通用

  • WebGLDemo.getState 以及 WebGLDemo.setState 是可任意選擇的。如

果想要保有這些題型的狀態時必須界定這些功能。 

  • 寬 和 高 代表內鍵框架中應用程式的尺寸。
  • 當打開題目時,圓錐和立方體都是藍色或 「未經選擇」 。當點選一次點選其中

一個形狀時,該形狀會變黃色,或成為 「已選擇」。若不選擇的話則再點選一 次。繼續點選形狀以做選擇。

  • 當使用者 點選 查詢而圓錐(黃色)被選擇時則代表回答被評為正確。
  • 點選 查詢儲存 登記題目的現況。

自行評分 (自訂 Python 語言輸入)

在自行評分題型中(也稱為自訂 Python 語言輸入) ,評估的是學生使用在課程裡面 創造及嵌入 Python 語言。這些題目可以是任何類型,數值輸入及文字輸入是常 見的自行評分方式。

_images/WriteYourOwnGraderExample.gif

建立自行評分題型

要建立自行評分題型:

  1. 在您想要建立題型的單元中,點選 新增組件 底下的題型,然後點選 進階 標籤。
  2. 點選 自訂 Python 語言輸入
  3. 在出現的組件中點選 編輯
  4. 在組件編輯器中,以自己的編碼取代範例編碼。
  5. 點選 儲存

For more information about write-your-own-grader problems, see CustomResponse XML and Python Script.

拖放

在拖放的問題中,學生藉由託拉文字或物件到一圖像的特定位置來回答問題。

_images/DragAndDropExample.gif

建立拖放題目

要建立拖放題目:

  1. 在您想要建立題型的單元中,點選 新增組件 底下的題型,然後點選 進階 標籤。
  2. 點選 拖放
  3. 在出現的組件中點選 編輯
  4. 在組件編輯器中,以自己的編碼取代範例編碼。
  5. 點選 儲存

For more information about drag and drop problems, see XML Format of Drag and Drop Input.

圖像映射輸入

在圖像映射輸入題目中,學生點選一限定範圍中的圖樣, 藉由加上題目主體的 座標來界定此範圍。

_images/ImageMappedInputExample.gif

建立影像映射輸入題目

要建立影像映射輸入題目:

  1. 在您想要建立題型的單元中,點選 新增組件 底下的題型,然後點選 進階 標籤。
  2. 點選 影像映射輸入
  3. 在出現的組件中點選 編輯
  4. 在組件編輯器中,以自己的編碼取代範例編碼。
  5. 點選 儲存

數學表達式輸入

在數學表達式輸入題目中,學生輸入代表數學公式的文字,而 Studio 將文字轉換 為具象徵性的表達式並呈現於學生所打字的下方。不像數值輸入題目只允許整數 及些許常數,數學表達式題目能夠包含更多複雜且具象徵性的表達式。

When you create a math expression input problem for your students in Studio, you’ll use MathJax to change your plain text into “beautiful math.” For more information about how to use MathJax in Studio, see MathJax in Studio.

_images/MathExpressionInputExample.gif

建立數學表達式題目

要建立數學表達式題目:

  1. 在您想要建立題型的單元中,點選 新增組件 底下的題型,然後點選 進階 標籤。
  2. 點選 數學表達式輸入
  3. 在出現的組件中點選 編輯
  4. 在組件編輯器中,以自己的編碼取代範例編碼。
  5. 點選 儲存

For more information, see Symbolic Response.

以 LaTeX 寫成的題目

如果原有題目已經是以 LaTeX 寫成,您能夠使用這種題目類型輕易地轉換編碼 為 XML。在將編碼貼到 LaTeX 編輯器後,只需要多些微調整。請注意這種題目 類型仍在雛型階段且未來可能不予以支援,所以請謹慎使用。

註解

If you want to use LaTeX to typeset mathematical expressions in problems that you haven’t yet written, use any of the other problem templates together with MathJax. For more information about how to create mathematical expressions in Studio using MathJax, see A Brief Introduction to MathJax in Studio.

_images/ProblemWrittenInLaTeX.gif

建立以 LaTeX 寫成的題目

要建立以 LaTeX 寫成的題目:

  1. 在您想要建立題型的單元中,點選 新增組件 底下的題型,然後點選 進階 標籤。
  2. 點選 以 LaTeX 寫成的題目
  3. 在出現的組件中點選 編輯
  4. 在左下角的組件編輯器中,點選開始原始編譯器。
  5. 以自己的編碼替代範例編碼。
  6. 在左下角的 LaTeX 原始編譯器中,點選 儲存及編碼為 edX XML

具有適應性暗示之題型

具有適應性暗示之題型是要評估學生的回答,然後根據學生的回答給予回饋或暗 示,如此學生更能在下次回答正確。這種問題能夠是文字輸入或單選題題目。

_images/ProblemWithAdaptiveHintExample.gif

建立具有適應性暗示之題型

To create a problem with an adaptive hint:

  1. 在您想要建立題型的單元中,點選 新增組件 底下的題型,然後點選 進階 標籤。
  2. 點選 具有適應性暗示之題型
  3. 在出現的組件中點選 編輯
  4. 以自己的編碼替代範例編碼。
  5. 點選 儲存

開放式互動評分問題(Open Response Assessment)

開放式互動評分問題介紹

註解

開放式互動評分問題仍在開發,在我們未準備好前,

若您想使用此功能,我們建議您仔細的做測試, 在測試課程先測試它並且只將它加入 開始運作的課程。

開放式互動評分能夠讓教師在未提供明確答案的問題中評分學生的學習成果。 數以千計的學生們將在為其他學生的作業(如程式碼或是圖片)評分後收到回饋。 開放式互動評分技術包括自我評分(self assessment)、同儕評分(peer assessment)、與人工智慧(artificial intelligence assessment )評分。 當進行自我評分時學生將透過比較您所創建的評分規則評分。 當進行同儕評分時,學生將其他同學的作答與您創建的評分規則進行比較並評分。

關於開放式互動評分的幾個注意事項

** 開放式互動評分技術仍在開發(beta 版) ** 對於開放式互動評分,請注意以下守則。

  • 請仔細的做測試,不要再正式的課程使用開放式互動評分,只在測試的課程中使用它。
  • 如果您的課程將加入開放式互動評分,請在課程開始 做全面的測試。
  • 設定開放式互動評分為可選擇的、不計分或是可遺棄的練習題直到您熟悉使用此技術。
  • 請謹慎使用開放式互動評分。只在您的課程加入一些,並且確定您在發生問題後有對應方法。

最後,如果您在edX合作大學並且您計畫加入開放式互動評分在一個磨課師課程, 請務必通知您的edX專案管理員。

開放式互動評分的組成元件

一個開放式互動評分有三個元素組成:

  • 在自我評分、同儕評分、與人工智慧中,這些評分類型和其評分順序將顯示在開放式互動評分問題的右上角。 在下面例子中,學生進行自我評分,然後進行同儕評分,最後進行人工智慧評分。

    _images/CITL_AssmtTypes.gif
  • 您希望學生作答的問題,將出現在元件的頂部,然後學生將在後面的欄位對問題進行作答。

    _images/CITLsample.gif
  • 您所設計的評分規則 (rubric)。 在學生對問題進行作答並點擊 送出後 ,如果評分法是自我評分,學生將看見評分規則在他的答案之下,並與其答案做比較評分。 如果評分是人工智慧或是同儕評分,那麼學生將只看到以提交的訊息的回應。

    _images/CITL_SA_Rubric.gif

開放式互動評分類型

在此有三個開放式互動評分類型, 分別是自我評分,人工智慧評分,與同儕評分。

  • 自我評分允許學生對問題進行作答,並且根據您的評分規則 (rubric) 評定自己的答案。
  • 在人工智慧評分中,一個電腦演算法將學習如何去根據評分規則從100個以上的教師評分,來評定分數。 並且試圖以同樣的方法去評定其餘的學生。
  • 同儕評分允許學生去評定其他同學的分數並提供回饋。

您能夠在任何問題使用一個或是多個這些評分法。 您可以為每一個評分法設定一個門檻, 當分數低於評分的門檻時,評分階段將不會移動在下一個評分階段。

有效的問題

當您出一個問題,我們建議您指定一個大約的作答字數。 使學生有一個主要參考能夠對問題進行作答,您或許還需要提供學生一些訊息以使用學習管理系統(LMS)。 如果您要求學生要上傳文件,您可以提供學生上傳文件的說明。 您能夠讓學生了解他們答題後會發生什麼狀況,向學生們說明他們可以嘗試答題的次數。

評分規則(Rubrics)

同樣的評分規則(Rubrics)能夠用於三種開放式互動評分的類型, 而且能夠加入任何您想加入的訊息。

在Studio中,評分規則是按照 類型 排列, 每個類型能夠有兩個或多個 選項 ,每個選項代表一分。

選項必須從0開始算起。 舉例來說:在一個有三個選項的類別中, 第一個選項0分,第二個選項1分,第三個選項2分, 當人或是人工智慧演算法要評分時能夠從中選擇分數。

不同類別的評分規則在同樣問題中可以有不同數量的選項。

建立一個開放式互動評分問題

為了建立一個開放式互動評分您必須執行以下幾個步驟:

  1. 建立開放式互動評分元件。
  2. 加入問題。
  3. 加入評分規則(rubric)。
  4. 設定評分類型和分數。
  5. 設定問題名稱。
  6. 設定其他選項。
  7. 儲存問題。
  8. 加入同儕評分介面(如果有選擇同儕評分類型)。
  9. 測試問題。

上述每個步驟將在下面詳細說明。

步驟一.建立開放式互動評分元件

  1. 為開放式互動評分加入進階元件,為了加入此元件, 請加入“peergrading”,”combinedopenended”值到 進階設置 頁面上。 (詳細見 特殊題型.)
  2. 在Studio中新增一個單元以創建開放式互動評分。
  3. Add New Component 上, 點 Advanced , 並點 Open Response Assessment.
  4. 在問題元件出現後,點擊 Edit ,並在浮動框框點 OK 後,編輯元件將開啟。
  5. 編輯元件包括一個簡單的問題(prompt),評分規則(rubric),和評分類型(assessment type)與分數(scoring)的程式碼。 您能夠以範例程式碼來更新您問題的內容。
_images/ORAComponentEditor.gif

步驟二.加入問題

  1. 在編輯元件上找到[prompt]標籤。

    _images/ORA_Prompt.gif
  2. 以您的問題替換 [prompt] 標籤中的範例問題, 並確認您的問題格式必須如下。

    • [prompt] 標籤之間。
    • 所有訊息必須以HTML標籤撰寫。

步驟三. 加入評分規則

  1. 在編輯元件中,找到[rubric]標籤。(此範例評分規則可能過長, 所以您必須去捲動視窗以找到第二個[rubric]標籤)

    _images/ORA_Rubric.gif
  2. 以您的評分規則取代範例評分規則。 須做到以下幾點。

    • 在[rubric] 標籤中撰寫。
    • 在類別前標記(+)號。
    • 在選項前標記(-)號。
    • 清單的選項第一項得分為0,第二為1,第三為2依此類推。

    例如以下為評分規則的範例

[rubric]

+ Writing Applications
- The essay loses focus, has little information or supporting details, and the organization makes it difficult to follow.
- The essay presents a mostly unified theme, includes sufficient information to convey the theme, and is generally organized well.

+ Language Conventions
- The essay demonstrates a reasonable command of proper spelling and grammar.
- The essay demonstrates superior command of proper spelling and grammar.

[rubric]

步驟四.設定評分類型和分數

為了在您的開放式互動評分設定評分類型和分數, 您必須輸入指定的類型與評分類型的順序, 並為每個評分設定一個分數門檻。其程式碼如下。

[tasks]
(Type 1), ({min-max}Type 2), ({min-max}Type 3)
[tasks]
  • 程式碼寫在 [tasks] 標籤中。
  • Type 1, Type 2, 和 Type 3 為評分的類型,評分類型將以此順序執行。
  • Min 是此評分階段要進入到在下一次評分階段所必須達到的最小值。 需要注意的是您不必第一個評分階段時就定義一個分數門檻, 因為在其之前沒有評分階段。
  • Max 是此評分階段所能達到的分數最大值。 這個最大分數是在第一個評分類型後面所有的類型的兩個數字的第二個數字。

例如:以下為一個問題的範例程式碼。

[tasks]
(Self), ({5-7}Peer), ({4-7}AI)
[tasks]

此問題有以下幾個特點。

  • 這個問題有一個自我評分,同儕評分,和一個人工智慧評分。
  • 最高分數為7。
  • 要進到同儕評分階段,自我評分分數最低必須為5。
  • 要進到人工智慧評分階段,同儕評分分數最低必須為4。

設定類型和分數

  1. 在編輯元件中,找到[tasks]標籤。

    _images/ORA_Tasks.gif
  2. 將自己的問題取代範例問題。

步驟五.設定問題名稱

問題的名稱將成為每個問題的標題並出現在教材頁面上。 並且它也會在 員工評分 頁面上顯示問題列表。

_images/ORA_ProblemName1.gif

為了變更問題名稱:

  1. 在編輯元件的右上角點擊選 設置
  2. Display Name 欄位中, 將 Open Response Assessment 改為您的問題名稱。

步驟六. 設定其他選項

如果您想改變問題的設定, 其中包括一個學生必須為多少同學的作答評分與學生是否可以上傳文件, 點擊 設置 然後指定您想變更的選項。

_images/ORA_Settings.gif

一個開放式互動評分包括以下設定。

步驟七. 儲存問題

  • 在您建立一個問題與評分規則後,設定評分類型和分數, 變更問題名稱,與指定額外設定,點擊 保存

    此問題元件將會出現在Studio系統,在右上角您可以看到此問題評分的類型。

    _images/ORA_Component.gif

步驟八. 加入同儕評分介面(同儕評分專用)

您可以為整個課程,加入一個同儕評分介面或是您可以為單獨的問題加入同儕評分介面。

為課程加入單個同儕評分介面

當您只需要為整個課程加入一個同儕評分介面。 我們建議您建一個同儕評分介面在單獨的章節讓學生可以容易的找到它。 學生將透過這個同儕評分介面存取整個課程的開放式互動評分問題。

  1. 創建一個新的章節加入一個小節再加入一個單元,您可以為其取任意的名稱, 並在單元中加入一個”同儕評分介面”。 一個”同儕評分介面”可以為課程中所有互動式評分問題評分。.

  2. 添加新元件 上,點選 Advanced 並點 Peer Grading Interface

    一個新的同儕評分介面元件將會出現。

  3. 為了在課程上看到同儕評分介面,設定此單元為 公開的(Public) , 並點 線上查看

    以下頁面將被打開.

    _images/PGI_Single.gif

    當學生在課堂上提交問題的作答進入同儕評分階段, 則此問題名稱將會出現在這個介面。

加入同儕評分介面到單一問題

當您為單一問題加入同儕評分介面, 您必須為同儕評分介面加入一個此問題的識別標籤。 如果您沒加入識別標籤,這個介面將會顯示課堂上所有的同儕評分問題。

注意:同儕評分介面不一定要放在您希望關聯的問題下面。 只要您加入此問題的識別標籤, 這個同儕評分介面將會被關聯到此問題, 即使您在後面的單元加入此同儕評分介面 (如:如果您想在下一周再出此題)。.

  1. 創建一個單元加入開放式互動評分問題

  2. 如果此單元是公開的,點擊 線上查看 。如果此問題是私有的, 點擊 預覽 ,將會在一個新視窗開啟學習管理系統(LMS) 進入此這個單元。 確保您在員工視圖而不是學生視圖。

  3. 將視窗捲動到開放式互動評分問題下面並點擊 Staff Debug Info

  4. 以下圖將會開啟,找到 location 右邊的字串並將包含 **i4x **後面的字串複製起來。I

    _images/PA_StaffDebug_Location.gif
  5. 切換到Studio系統的單元畫面。如果此單元設定是 公開的(Public) , 將它設為 私有的(Private)

  6. 捲動視窗到單元底部。點擊 添加新元件 上的 Advanced ,點擊 **Peer Grading Interface **

  7. 在同儕評分介面元件,點擊 編輯

  8. 在同儕評分介面元件編輯器中,點擊 設置

  9. Link to Problem Location 欄位貼上剛剛在步驟4複製的字串。 然後改變 Show Single Problem 值為 True

    _images/PGI_CompEditor_Settings.gif
  10. 點擊 儲存 以關閉編輯元件。

步驟九. 測試問題

為了測試您的問題加入一個問題並為作答評分。

  1. 在Studio系統上,打開一個包含您的開放式互動評分問題的單元。

  2. 單元設置 上改變它的設定為 公開的(Public) 並點選 線上查看

    點選 線上查看 後將會在新視窗開啟學習管理系統(LMS)進入此單元中。

  3. 在學習管理系統(LMS)下,找到您的開放式互動評分問題, 然後在此問題下的Response欄位輸入您的作答。

    _images/ThreeAssmts_NoResponse.gif

    注意:當您在學習管理系統(LMS)以教師身分查看開放式互動評分問題, 您將看到以下訊息出現在問題下。這些訊息將不會出現在學生視圖。

    _images/ORA_DuplicateWarning.gif
  4. 測試此問題以確保它會按照您所預期來運作。

為了測試您的開放式互動評分問題, 您可能要使用一個不同於教師帳號的新帳號, 以學生的身分註冊您的課程。

  • 如果您想保持您的教師編輯頁面以編輯課程並以學生身分登入測試, 可以在Firefox或Chrome啟動隱身模式以 開啟新瀏覽器視窗或是使用不同瀏覽器登入學生帳號, 例如:您用Firefox登入教師帳號,使用Chrome登入學生帳號。
  • 如果您不需要保持您的教師編輯頁面開啟以編輯課程, 登出您的帳號,並且以不同的帳號登入。 注意如果您登出教師帳號,您必須將學生帳號登出後再登入教師帳號才能編輯課程。

當您測試完您的問題後,您可能希望提交一個測試作答, 包括簡短的文字、隨機字串或是其他您不希望學生會回應的作答。 開放式互動評分包含一個品質過濾器防止教師或是學生看到這些”低品質”的作答。 這個品質過濾器是預設開啟的,如果您想要看到所有的測試結果, 包括”低品質”的作答,請關閉這個品質過濾器。

為了關閉品質過濾器,開啟一個問題元件點擊 設置 , 並設定 Disable Quality Filter setting 值為 True

為開放式互動評分問題評分

您將會以人工智慧評分和同儕評分, 從學習管理系統(LMS)的 員工評分 頁面為學生的作答評分。 在此花一些時間為您來熟悉這個頁面的功能。

員工評分頁面

當一個作答已經可以讓您評分時, 一個黃色的驚嘆號將會出現在頁面上方的 打開已關閉的面板 旁邊。

_images/OpenEndedPanel.gif

為了進入 員工評分 頁面,點擊 打開已關閉的面板

打開已關閉的面板 開啟後,點擊 Staff Grading 。 請注意 新提交的評分 通知。

_images/OpenEndedConsole_NewSubmissions.gif

員工評分 頁面開啟後,您的開放式互動評分將會出現在下面多個列。

_images/ProblemList-DemoCourse.gif

為作答評分

  1. 進入 員工評分 頁面。

  2. 問題名稱 下點擊您想評分的問題。

    當問題開啟後,已可評分的作答與已評分的作答數量會顯示出來, 並且教師需要評分的問題會出現在問題名稱下面。 您也能夠找到人工智慧演算法的錯誤率。 這個錯誤率是由教師評分和人工智慧演算法比對所得出的資訊。

    _images/ResponseToGrade.gif
  3. 在作答下面的評分規則,選擇對於此作答最符合的說明選項。

  4. 如果您想的話,您可以加入您想回饋學生的訊息。

    • 您能夠為學生在 書面回饋 欄位提供建議

    • 如果您覺得您不能夠為學生的作答評分(例如,您是此課程的員工, 但是您覺得還是由評分教師評分比較好。)您可以點擊 跳過 以跳過評分。

    • 如果學生的作答為不適當的內容,

      您可以勾選 標記為不恰當的內容需要再次審查 選項。 標記不適當的內容將能夠透過 員工評分 頁面存取。如果有必要的話,課程員工可以禁止對此學生評分。

    _images/AdditionalFeedback.gif
  5. 當您完成作答評分,點擊 提交

當您的課程正在運行,另一個作答將在您評完第一個評分後自動開啟, 並顯示訊息在頂部。

_images/FetchingNextSubmission.gif

當您評分完這個問題的所有的作答, No more submissions to grade 。 訊息將顯示在頁面上。

_images/NoMoreSubmissions.gif

點擊 Back to problem list 來回到問題列表。 您也能夠等一段時間並點擊 Re-check for submissions 按鈕 以查看是否有任何學生已送出答案。

存取分數與回饋

您可以存取人工智慧與同儕評分您的作答的分數透過 打開已關閉的面板 頁面。

  1. 從學習管理系統(LMS)的任意頁面點擊頁面上面的 打開已關閉的面板

    _images/OpenEndedPanel.gif
  2. 打開已關閉的面板 頁面,點擊 Problems you have submitted

    _images/ProblemsYouHaveSubmitted.gif
  3. 打開已關閉的面板 頁面, 確認 狀態 欄位以查看是否您的作答有被評分。

  4. 當此問題以被評分完了, 點擊問題列表上的問題名稱以查看您的成績。 當您點了問題的名稱,此問題將會在教材元件打開。

人工智慧與同儕評分的分數將會出現在您的作答下面的評分規則中。 在同儕評分中,您也能夠看到不同評分者寫的回饋。

人工智慧評分完成畫面

_images/AI_ScoredResponse.gif

同儕評分完成畫面

_images/Peer_ScoredResponse.gif

如果您想看到全部同儕評分以及人工智慧評分的評分規則,點擊 開關完整規則

_images/FeedbackNotAvailable.gif

開放式問答─學生須知

前言

警告

據課程內容修改本章節內容,例如,開放式問答的題目並未包含同儕評分或電腦評分,可以刪除這些字句:「為取得更多資訊,請見 同儕評分” ,以及為取得更多資訊,請見 電腦評分” 。文件中的說明也可以刪除。

開放式問答可讓學生輸入一段文字、短文或附加檔案,如:圖片或電腦程式碼。

在開放式問答的頁面,請見下圖,提供題目名稱、評量類型、題目敘述、答題欄位、 儲存答案提交答案 的按鈕。

_images/ExampleORA.gif

利用此題型設計,要求學生上傳檔案,頁面會出現上傳檔案的按鈕,請見下圖。

_images/ExampleORA_File.gif

評量類型 包含 自我評分同儕評分電腦評分 。依照此順序出現在題目內。

  • 根據教師的評分標準,批改自己的答案,並給予分數。 請詳見 自我評分.
  • 同儕評分是指共同修課的同學,相互批改答案,並給予分數。 請詳見 同儕評分.
  • 電腦評分指由電腦根據運算規則,批改作答內容,並給予分數。 請詳見 電腦評分.

不需要同時使用全部的評量類型,例如,指定某個問題要採用自我評分與電腦評分,另一個問題採用自我評分與同儕評分,或是只用同儕評分。

開放式問答的題目,作答方式大多都相同,請詳見 提交答案.

提交答案之後,接下來是評量的方式。請見 自我評分, 同儕評分, and 電腦評分.

答案提交之後,可能在很短時間內可以查看分數。查看分數的方式,請詳見 查詢分數與意見回饋.

利用 EdX Demo 課程,可以測試開放式問答。請至 Self-Assessed Essay 單元,在 答題欄 輸入答案或使用 Sample Answers 單元的答案。

提交答案

用文字或上傳檔案作為答案,兩者提交的方式有些許差異。

  1. 輸入答案:

    • 以文字作答,學生在 答題欄 打字。
    • 以上傳檔案作答,點下 答題欄 下方的 選擇檔案 ,在新的對話框,選擇要上傳的檔案,然後點下 開啟
  2. 點下 提交答案 ,再點下 確認

    註解

    系統允許可以先儲存作答內容,並於稍後再作答或提交,點下 儲存 ,此時,在 儲存提交答案 的按鈕下方,出現此段提醒文字:已儲存作答內容,但是,尚未提交。

提交答案後,評量的類型會出現在題目旁邊。請見 自我評分, 同儕評分, 或 電腦評分.

自我評分

警告

開放式問答若未使用自我評分時,可以刪除此章節。

評分標準在提交答案後,會立即顯示在答題欄下方,學生遵循此標準自我評分。

自我評分的步驟

  1. 提交答案。

  2. 出現評分標準,比較答案與標準,選擇合適的項目。請見下圖。

    _images/Rubric1.gif
  3. 點下 輸入評分結果

    送出評分後,可以立即看見評分結果。

同儕評分

警告

開放式問答若未使用同儕評分時,可以刪除此章節。

設定每個答案需有多少位學生評分,每位學生就必須完成同樣的評分題目數量,同時,得先完成設定的評分題目數量,才能夠查看自己的分數。完成基本的評分數量後,可自行決定是否對其他學生的答案進行評分。

提交作答內容後,會出現下方訊息。

答案已送出,請稍候確認分數。

同儕評分介面

此部份即為評分的介面。每堂課至少包含一個同儕評分介面。整個課程可能只有一個同儕評分界面,或是個別的題目有其同儕評分介面。範例如下圖。

_images/PGI_FromOEC_2Problems.gif

同儕評分的步驟

同儕評分會有截止日期的限定,在期限之前,必須完成提交作答內容,以及完成評分。

同儕評分的步驟描述如下:

  1. 步驟一:查詢其它學生的答案。, 從課程或是 開放式問答操作 頁面。
  2. 步驟二:學習評分 (此部分稱為 評分校準 )。
  3. 步驟三:評分
步驟一:查詢其它學生的答案。

警告

系統允許根據課程需求修正本小節內容。舉例來說,假使學生只能夠透過 開放式問答操作 頁面評分,藉由修改以下的指引的字句,並且刪除第二點與第三點。

備註 符合此三種情況才能夠評分:完成作答的題目、教師已經完成至少20位學生的評分、以及尚未給予分數的短文。反之,尚未作答或是沒有作答的題目,無法給予評分,系統會出現下圖的訊息。

_images/PAStudent_NoSubmissions.gif

根據課程的設定,決定查詢學生答案的方式。

  • 點選 開放式問答控制 標籤,進入 開放式問答操作 頁面,此功能出現在課程畫面的上方。進入本頁面後,系統會列出已被回答的題目,點下題目名稱開始評分。

    _images/PGI_FromOEC_2Problems.gif
  • 教師將同儕評分作為題目的評量方式,開放式問答的功能才會出現。進入有開放式問答評量題目的單元,可以查看答案。同儕評分介面出現在題目下方的位置。請見下圖範例。

    _images/PGI_InUnitComposite.gif
  • 若在課程中未看見本功能,請進入各小節,如下圖範例。例如,MIT的6: 00x: 電腦科學與程式語言導論,設計了幾個小節,點選小節的題目名稱,可以開始評分。

    Images/PGI_Multiple-600x.gif
步驟二:學習評分

學生開始評分之前,必須先學習與教師採用同樣標準來評分,此學習過程稱為:評分校準 。先從教師評分過的題目開始練習,當學生的評分與教師的評分接近,即可開始正式替其他學生評分。

  1. 點下題目名稱,出現 學習評分 的頁面,點選 開始學習評分

  2. 先比較答案與教師的評分標準,選擇最合適的項目後, 提交 結果。

  3. 系統會告知學生,是否與教師的評分有差異。閱讀完 評分校準結果? ,點下 繼續 ,練習下一個題目。

    _images/PG_Calibration_Correct.gif _images/PG_Calibration_Incorrect.gif

    練習新題目時,同時會看見一段黃色的 已儲存評分校準短文 的訊息出現在頁面的左上角。

  4. 正確地完成練習後,系統會告知學生可以開始 正式評分

步驟三:評分

學生除了從評分標準選擇分數之外,還可以給予意見回饋。

  1. 從評分標準選擇適當的分數。

    若學生對於作答內容產生疑慮,可以勾選其他項目,替該題作記號,提醒教師審閱。在勾選之前,不用替題目評分。

    • 例如:不知該如何評分,請勾選 我無法確認評分結果是否恰當
    • 例如:答案令人反感,或是懷疑抄襲他人資料,請勾選 此作答內容含有不友善字句、或是懷疑抄襲他人資料
  2. 意見回饋 寫下個人評分的想法。

  3. 點下提交評分,網頁會自動出現 已成功儲存您的意見 的訊息,然後出現下一個待評分的答案。

  4. 完成所有的作答內容後(通常是3個),系統會出現以下訊息。

    _images/DoneGrading.gif

    已成功儲存您的意見,前往下一個短文。已經完成指定的數量,可自行選擇是否繼續評分。

    看到上述的訊息時,學生可查看自己的得分,請見 查詢分數與意見回饋.

回到 同儕評分 頁面,點下欲評分的題目名稱,開始對其他的題目評分,系統允許學生隨時評分。

註解

系統將需要評分的答案放置於目前的評分區,提供教師或學生評分,同時也避免教師與其他學生針對同一個題目評分。開始評分後,若在30分鐘內未評分,系統會自動將作答內容放回評分區,重新開放給大家使用,即便自己的電腦螢幕仍然顯示該答案的評分畫面。

已知30分鐘內未評分,系統會將作答內容放回評分區,假使電腦螢幕仍然顯示該答案的畫面,系統會允許學生繼續評分,若在送出分數之前,已有其他人完成評分,則該答案會有兩個評分結果。

使用瀏覽器的 返回上一頁 功能鍵,回到題目清單,而且尚未送出分數,題目的狀態是回到評分區,30分鐘期限將重新計算,此時便可評分。

電腦評分

警告

若開放式問題的評量方式不採用電腦評分,可刪除此章節。

教師先提供評分樣本,電腦的學習運算功能會依照此樣本,提供評分模組。

學生提交答案後,系統會自動顯示以下訊息:

你的作答內容已送出,請稍後查看分數。

可能在幾分鐘或幾天後可以查看分數,依照教師提供給電腦的答案樣本時間而定。此外,系統不會自動通知,請自行查看。

取得更多資訊 查詢分數與意見回饋.

查詢分數與意見回饋

警告

可以依照課程需求,修改本章節文字

自我評分 的分數確定後,可以立即查看。

開放式問答操作 頁面查看 同儕評分電腦評分 的分數。

  1. 進入EdX Demo課程,點下 開放式問答控制 標籤。
  2. 進入開放式問答操作頁面,點下 已完成的題目
  3. 進入開放式問答問題頁面,點 狀態 查看分數。因此,問題的狀態可能是 等待評分已完成評分
  4. 點下 已完成評分 的問題名稱查看分數。

電腦評分與同儕評分的分數與評分標準,出現在作答內容的下方並用簡易的說明方式呈現。請見下圖。

_images/AIScoredResponse.gif

同儕評分的部分,還可看到評分者的意見回饋。

_images/PeerScoredResponse.gif

點下 觀看詳細評分標準 ,可看見完整的評分標準。

註解

在同儕評分的部分,若學生未完成足夠的評分題目數量,系統會提醒學生還有多少題目待評分。請見下方訊息。

_images/FeedbackNotAvailable.gif

請見 同儕評分 ,獲得更多資訊。

再次提交答案

警告

若不允許學生提交多次答案,可刪除此章節。

針對可以多次提交答案的開放性問答題目,在原本的作答內容下方,系統提供 新的提交答案 按鈕,學生利用此功能,能夠多次提交答案。

點下 新的提交答案 清除之前的答案,點下 確認 。開始重新輸入答案。

特殊題型

特殊題型是指註解、開放式問答和文字雲等進階題型,可於Studio進階功能項目中進行設定。 您必須先修改進階設定,才能在各單元的增加新項目中新增進階功能項目。

  • 註解 註解題型是指當學生將滑鼠游標移至重點文字上時,題目敘述才會顯示在文字上方,讓學生閱讀後再填寫答案。
  • 開放式問答 學生輸入答案或短文後,由電腦或同儕進行評分。
  • 文字雲 以彩色圖像彙集與呈現學生填答時所輸入的詞彙。

新增進階功能項目

當您新增功能項目時,Studio預設下列功能:

_images/AddNewComponent.gif

建立特殊題型之前,您必須先新增進階功能項目,步驟如下:

  1. 設定 表單中點選 進階設定

  2. 進階設定 頁面的使用規則定義 (Manual Policy Definition) 區塊,將 advanced_modules 填入規則序號(Policy Key)欄位(序號於清單最上方)

    _images/AdvancedModulesEmpty.gif
  3. 將滑鼠游標移至規則數值 (Policy Value) 欄位裡的方括弧之間,輸入您所要建立的問題類型,並確認輸入引號。

    • 建立註解時輸入 “annotatable “
    • 建立開放式問答時輸入 “combinedopenended”,”peergrading “ 。 (兩個文字之間僅以逗號區隔,不用輸入空格)
    • 建立文字雲時輸入 “word_cloud “

    您可建立一種以上的問題類型,建立時確認在個別問題類型名稱兩側都須加上引號,並以逗號區隔,不用輸入空格。

    例如您要在課程中新增註解、開放式問答、文字雲,只需將下列紅字部分輸入方括弧之間即可。

    "annotatable","combinedopenended","peergrading","word_cloud"
    
    _images/AdvSettings_Before.gif
  4. 下拉至網頁底部,點選 儲存更新

    本網頁會自動更新,網頁最上方會顯示更新資訊已儲存的提醒資訊。

    規則數值 欄位中的文字呈現樣式如下圖:

    _images/AdvSettings_After.gif
  5. 回到單元頁面,確認進階功能項目已新增完成。

    _images/AdvancedComponent.gif

點選進階功能項目後,確認畫面出現下列清單後,即可開始建立註解、開放式問答、文字雲,各題型網頁上皆有提供建立說明指引。

_images/SpecProbs_List.gif

註解

在註解題型中,導讀重點文字會顯示於大型文字框,然後再寫出與本文相關的問題。當學生將滑鼠游標移至重點文字上時,才會顯示題目敘述,下方則是學生回答欄位。

_images/AnnotationExample.gif

建立註解題型

步驟如下:

進階設定 頁面新增 “annotatable” 鍵值。(詳細資訊請參閱:ref:Specialized Problems.)

新增 題型內的說明指引引導式討論

  1. 在單元頁面中點選 增加新項目進階
  2. 在題型類型清單中選擇 註解
  3. 點選 編輯
  4. 在項目編輯模式中輸入編碼規則。
  5. 點選 儲存

在題型樣目中新增 註解題型

  1. 在註解項目之下新增進階題型項目。

  2. 在進階題型項目中複製貼上下列編碼規則,以您的課程內容取代欄位輸入提示。

    <problem>
     <annotationresponse>
     <annotationinput>
     <text>PLACEHOLDER: Text of annotation</text>
     <comment>PLACEHOLDER: Text of question</comment>
     <comment_prompt>PLACEHOLDER: Type your response below:</comment_prompt>
     <tag_prompt>PLACEHOLDER: In your response to this question, which tag below
     do you choose?</tag_prompt>
     <options>
     <option choice="incorrect">PLACEHOLDER: Incorrect answer (to make this
     option a correct or partially correct answer, change choice="incorrect"
     to choice="correct" or choice="partially-correct")</option>
     <option choice="correct">PLACEHOLDER: Correct answer (to make this option
     an incorrect or partially correct answer, change choice="correct" to
     choice="incorrect" or choice="partially-correct")</option>
     <option choice="partially-correct">PLACEHOLDER: Partially correct answer
     (to make this option a correct or partially correct answer,
     change choice="partially-correct" to choice="correct" or choice="incorrect")
     </option>
     </options>
     </annotationinput>
     </annotationresponse>
     <solution>
     <p>PLACEHOLDER: Detailed explanation of solution</p>
     </solution>
    </problem>
  3. 點選 儲存

開放式問答

成千上萬名學生可以透過開放式問答發佈回覆文章或上傳檔案、圖片等,並且獲得同儕的回饋。

因為開放式問答較其他題型複雜,詳細設定步驟請參閱 Open Response Assessment Problems.

文字雲

文字雲是以彩色圖像彙集與呈現學生填答時所輸入的詞彙,最受歡迎的詞彙字體越大,當有輸入詞彙的學生數量越多時,文字雲的尺寸也隨之改變。學生可以透過文字雲瞭解同儕回覆和想法。

例如下圖是學生回答HarvardX課程問題所組成的文字雲。

_images/WordCloudExample.gif

建立文字雲

步驟如下:

  1. 進階設定 頁面新增“word_cloud”鍵值。(詳細資訊請參閱 特殊題型.)
  2. 在單元頁面中點選 增加新項目進階
  3. 在題型類型清單中選擇 文字雲
  4. 點選 編輯
  5. 在項目編輯模式中進行功能設定,除了 名稱 之外,其他項目可保持為預設值。
    • 名稱 :顯示於項目上方以及課程畫面上方的橫軸。
    • 輸入項 :學生可於文字框輸入的字數。
    • 最大顯示字數 :文字雲顯示的最大字數,若學生輸入300個不同的文字,但最大顯示字數設定為250時,文字雲僅會顯示250個文字。
    • 顯示百分比 :每個文字旁會顯示出輸入該文字的學生比例。
  6. 點選 儲存

詳細資訊請參閱: Xml Format of “Word Cloud” Module.

發佈課程

當您完成課程內容組織以及訂定評分方式後,即可發佈課程,供學生選課。透過下列四項要點,可以瞭解學生能夠瀏覽的課程內容以及知道如何修改學生可瀏覽的課程內容項目:

瞭解學生可瀏覽的課程內容

當您在Studio建置課程時,學生在開課日期之前無法瀏覽課程內容。 開課後,您可以透過發佈日期(release dates)和可見性(visibility)功能,管理學生可瀏覽的課程內容。

  • 發佈日期(release dates) :您可以設定章節、小節的發佈日期。如果章節和小節的建置日期早於發佈日期,課程內容不會被公開,學生也無法進行瀏覽。

    當章節和小節的發佈日期早於當前日期時,學生才可瀏覽其內容。章節內容已開放,但小節內容尚未開放的情況下,學生則無法瀏覽小節的內容。

    在發佈日期之前,課程人員可於從學習管理平台(LMS)瀏覽章節和小節內容。

  • 各單元必須是 公開的 。每一個單元皆具備 公開隱藏可見性功能設定 。當您建置單元項目時,其可見性預設為 隱藏 ,即使您已發佈章節和小節內容,學生此時仍無法瀏覽其內容。

    尚未 發佈章節和小節內容,學生則無法瀏覽 已公開 的單元項目。

    課程人員 無法 瀏覽學習管理平台(LMS)中被隱藏的單元項目。

簡要而言,必須發佈上一層的章節和小節,且單元項目必須是 公開的 ,學生才可瀏覽課程內容。

發佈日期

發佈日期功能明確指定課程內容開放的日期,此項功能設定可於章節和小節層級中使用。直到發佈日期當天,學生才可瀏覽章節及其相關內容,課程人員不在此限。

設定章節發佈日期

您可為每一章節個別設定發佈日期和時間,在此日期和時間之前,學生無法瀏覽章節內容。設定步驟如下:

  1. Will Release 中,選擇下一步(next)至章節標題(section title),點選 編輯(Edit)
  2. 以月/日/年(MM/DD/YYYY)的時間格式輸入發佈時間(以世界標準時間為準)
  3. 點選 儲存(Save)

設定小節發佈日期

小節的預設發佈日期會依照章節的發佈日期而定,但是各小節可以另行設定不同的發佈時間。需要注意的是,小節發佈日期早於章節發佈日期時,學生在章節發佈日期之前無法瀏覽小節內容。章節的發佈日期設定效力大於小節的發佈日期設定。設定步驟如下: #. 開啟小節。 #. 在右上角找到 小節設定框(Subsection Settings box) #. 以月/日/年(MM/DD/YYYY)的時間格式輸入 發佈時間 (以世界標準時間為準)

同步小節發佈日期

您或其他課程人員可能不小心將小節發佈時間設定早於章節的發佈時間,在此情況之下,需到章節發佈日期當天,才會發佈小節內容。為了幫助您組織管理課程的發佈時間,Studio會標示出早於章節發佈日期的小節項目。當您開啟小節時,在設定介面中就會看到下列訊息:

The date above differs from the release date of <Section Name> - <Section release date and time>. Sync to <Section Name>.

Click Sync to <Section Name> to have the subsection inherit the later section release date.

公開與隱藏單元

單元開放日期為小節設定之開放日期。

此外,單元中具備 可見性(Visibility) 功能,可設定是否 公開隱藏 單元項目。

當您建置一個單元時,其預設為隱藏,即使上一層的小節內容已進行發佈,學生仍無法瀏覽。

當您修改單元之可見性功能從隱藏改為公開時,表示您已發佈此單元內容。您必須將單元設定為公開,學生才能夠進行瀏覽。

課程人員無法瀏覽學習管理平台(LMS)中的隱藏單元項目。

修改已公開之單元

若要修改已公開的單元內容時,請您建置與編輯該單元之草稿(draft)。

警告

修改已公開之單元項目將影響學生已完成的問題功能項目,請參閱修改 修改已發佈的題目 ,取得更多資訊。.

前往單元頁面,點選右邊視窗中的 編輯草稿(edit a draft) 建置草稿。

_images/Viz_Revise_EditDraft.png

當您編輯單元草稿時,可由下列兩種方式進行瀏覽:

  • 點選網頁右上角的 瀏覽已開放使用的版本(View the Live Version)
  • 點選 預覽(Preview) ,瀏覽未公開的內容
_images/Viz_Revise_ViewLiveandPreview.png

當您準備公開修改完成的草稿內容時,點選右方視窗的 以草稿取代此版本(replace it with this draft)

若您選擇不保留此修改內容時,點選 刪除草稿(Delete Draft)

_images/Viz_Revise_ReplaceorDelete.png

警告

將完全刪除單元內容的舊版本,不予保留!當您以草稿內容進行取代後,將無法回復舊版本內容。

建立課程設定

新增合作者

Studio 支援針對單一課程的基本合作編輯,使用者必須在 studio.edge.edx.org (或是其他相對應的 Studio 系統)上註冊,並且已透過個人信箱收到的啟動郵件啟動他們的帳號。 如果找不到指定的使用者,您會收到通知。

在您新增一個新的使用者之前,請考慮以下幾點:

· 邀請的使用者有完整的權限可以修改您的課程,包括刪除任何人創建的課程內容。

· 邀請的使用者目前不能在課堂上授予新權限。

· 編輯上的衝突 (例如:兩個人同時編輯同一個頁面) 目前沒辦法避免。
因此,課程的狀態可能會在頁面重新整理之後改變 (被其他使用者修改過)。

要給予其他使用者權限以修改您的課程:

  1. 在導覽列上,點擊 課程設定 ,之後點擊 課程團隊
_images/image115.png
  1. 點擊 建立新使用者
_images/image117.png
  1. email 欄位,填入使用者的郵件地址,之後點擊 Add User

手動設定課程策略

您可以在 進階設定 頁面手動設定課程策略 (或是參數)。 這些進階的設定選項是透過 JSON 的鍵值和值所決定。

您最好在完全了解設定的後果的狀況下再進行設定,任何設定造成的後果都可能導致您的課程發生重大的問題。

edX 的專案管理員可以幫助您學習有關如何應用這些設定。

  1. 在導覽列上,點擊 課程設定 ,之後點擊 進階設定
  2. 點擊 新增手動策略 .
_images/image119.png
  1. 策略鍵值 欄位,輸入這個策略的鍵值。
  2. 策略值 欄位,輸入這個策略的值。

關於頁面資訊的新增

您可以使用 課程設定 功能表新增一個時程表、一個敘述以及其他資訊至您的課程中。

_images/image121.png

時程表與細節

  1. 在這個頁面的上方,您會發現有個區塊記載著關於您課程的 基本資訊 ,您可以在此找到您課程的詳細資訊以及可用來邀請學生參加課程的網址。
_images/image281.png
  1. 課程時程表 區塊,輸入您想要的開課日期於 開課日期 欄位,之後輸入您想要的開課時間在 開課時間 欄位。

註解

開課時間在這畫面將會反映在您的瀏覽器中的當前時區,這取決於您的地理位置。 開課時間在 Edge 上以 UTC 表示。

  1. 課程時程表 區塊,輸入您想要的課程結束日期在 課程結束日期 欄位中,之後輸入您想要的課程結束時間在 課程結束時間 欄位。

新增註冊資訊

  1. 在導覽列上,點擊 課程 設定,之後點擊 時程表與細節
  2. 課程時程表 區塊,輸入您想要開始招生的日期在 註冊開始日期 欄位,之後輸入您想要開始招生的時間在 註冊開始時間 欄位。
  3. 課程時程表 區塊,輸入您想要結束招生的日期在 註冊結束日期 欄位,之後輸入您想要結束招生的時間在 註冊結束時間 欄位。

註解

招生日期在這畫面將會反映在您的瀏覽器中的當前時區,這取決於您的地理位置。 註冊時間在 Edge 上以 UTC 表示。

新增課程大綱

  1. 在導覽列上,點擊 課程設定 ,之後點擊 時程表與細節
  2. 向下滾動到 介紹您的課程 區塊,之後找到 課程大綱 欄位。
_images/image123.png
  1. 課程大綱 欄位,輸入您的課程描述。

這個欄位內容是 HTML 格式。對於 template 可以使用包括 placeholders,請看 附錄 A: 課程概要範本.

如果您的課程有先決條件 (例如學生需要俱備哪些背景知識),您可以把資訊放在課程大綱。

註解

系統沒有單獨儲存的按鈕,Studio 會自動儲存您的所有變更。

接下來的是 課程大綱 欄位的範例內容:

_images/image125.png

新增照片敘述

  1. 選擇一個高解析度的圖片,寬度最小為660 pixels、高度最小為240 pixels。
  2. 改變相片中您想要使用的檔案名稱 images_course_image.jpg
  3. 上傳檔案到 檔案及上傳管理 頁面。

這張照片被命名為 images_course_image.jpg 自動出現在課程的 關於 頁面上。

加入一個課程介紹影片

您可以創建一個課程簡介影片,將會出現在您課程 關於 頁面上。

  1. 上傳您想要的的影片到 YouTube 上。 您會需要顯示在 watch?v=&feature 中間的影片編號,約略於下圖綠色方塊的位置。
_images/image127.png
  1. 在導覽列上,點擊 課程設定 ,之後點擊 時程表與細節
  2. 向下滾動到 介紹您的課程 區塊,之後找到 課程簡介影片 欄位。 如果您還未新增影片,您會在 編號 欄位上看到空白資訊。
_images/image129.png
  1. your YouTube video’s ID 欄位,輸入您的影片編號。 當您新增編號後,影片會自動出現在 your YouTube video’s ID 欄位之上。

註解

系統沒有單獨儲存的按鈕,Studio 會自動儲存您的所有變更。

舉例來說,您的課程簡介影片出現如下。

_images/image131.png

新增每週要求時間資訊

  1. 在導覽列上,點擊 課程設定 ,之後點擊 時程表與細節
  2. 往下捲動到 要求 區塊。
  3. 每週應投入時間 欄位,以小時為單位輸入您期望學生每週在這堂課投入的時間。

建立成績規則

設定分數級距

每堂課都必須設定分數級距,設定完畢後,學生分數將轉換成「通過/不通過」,或是以「A到F」表示。

請至 設定 ,選擇 分數 ,即可設定級距範圍。

控制功能顯示在分數頁面的上方。

_images/grade_range.png

上圖範例是系統預設值以50分為基準,採用「通過/不通過」。

利用分數級距控制功能來變更設定:

  • 「+」 符號,增加分數級距。

    要在兩個級距中間加入新的級距,必須在預設值增加級距,如下圖範例,級距會改成 F (0至50分), B (50至75分), 以及 A (75至100分)。

    _images/grade_range_b.png
  • 使用滑鼠移動兩個級距之間的界線,往左或往右,可以更改級距的分數範圍。

    移動的過程,可以看到分數的改變。放開滑鼠即完成變更。

  • 更改級距的名稱,只要滑鼠在名稱上方點兩下,名稱反白後,即可重新輸入名稱。例如,原本的級距名稱是「通過」,滑鼠雙擊名稱後,輸入「優等」,便可置換舊名。

    但是,系統不允許更換 F不通過

  • 利用滑鼠將級距範圍全部選取,在級距的上方會出現 移除 的連結,點下此連結,即可完成移除級距。

    無法移除F或A。

只要對級距有任何變更,請務必點網頁下方的 儲存變更

設定寬限期

設定作業的寬限期

註解

寬限期的設定適用於課程,而非個別作業。

本功能放置於設定級距內的 級距規則與規定 。在 寬限期期限 欄位輸入時間,格式為:時:分。

設定評量類型

每堂課都必須設定評量及其權重。

舉例來說:

  • 10個作業,佔總成績的50%。
  • 期中考試,佔總成績的20%。
  • 期末考試,佔總成績的30%。

系統預設每堂課有四種評量類型:

  • 作業
  • 實驗
  • 期中考試
  • 期末考試

以上評量類型可修改、移除與新增。

進入設定級距,點 新增評量類型 ,會出現設定的欄位,即可新增評量類型。

評量類型欄位

替每個評量類型設定以下的欄位:

  • 評量名稱

    學生可以看見評量名稱。

    註解

    評量類型的權重設定完畢後,題目多寡不會影響原有的權重設定。舉例來說,10題的作業與20題的作業,最後都是以相同的權重計算。

  • 名稱縮寫

    進入學生的 學習進度 標籤,可於評量旁邊看見名稱的縮寫。

  • 總成績權重

    總成績權重 計算百分比。

    評量類型的權重總計是100。

    註解

    本欄位不包含百分比的符號(%)。

  • 預估的評量數量

    預計課程中所使用的評量數量。

  • 拋棄不用的數量

    可以先拋棄最低分的評量。

在計分的小節設定評量類型

設定好評量類型之後,可在課程的小節,替需要計分的題目,設定評量類型。

指定某個小節為其中一種評量類型,但是,必須是已經設定好的評量類型。也可以設定到期日。

請見 小節 ,取得設定小節的的說明。

在小節中,可以新增評量的題目,但是,在同一個小節中,不能夠新增不同類型的評量。

舉例來說,要在特定主題下新增作業與實驗,必須新增兩個小節,指定其中一個為作業,另一個是實驗。因此,小節涵蓋內容說明以及作業或實驗題目。

註解

可以在Studio新增題目,而且不用設定某個小節作為評量,但是,此類型的題目不會列入學生成績。

請見 題型,取得設定新增題目的說明。

設定計分規則

已知可以指定某個小節作為評量,也可設定計分規則。

可從兩個地方設定計分規則:  課程大綱  小節的頁面

課程大綱,找到要計分的小節, 點下確認符號,系統會自動跳出一個小視窗,請在視窗內勾選評量類型。

_images/course_outline_set_grade.png

進入小節的頁面,在頁面右邊,點下計分方式的標籤,系統會自動跳出一個小視窗,請在視窗內勾選 評量類型

_images/subsection_set_grade.png

請見 建立成績規則 ,取得更多相關資訊。

設定到期日

在小節中設定到期日,學生必須在到期前完成作答。請依照以下步驟完成:

  1. 進入小節的頁面,點 設定到期日 ,系統會出現日期與時間的欄位。
  2. 利用滑鼠選擇日期。
  3. 利用滑鼠選擇時間。

註解

學生可能分布在不同的時區,系統預設是UTC(世界標準時間),並非學生當地時間,因此,必須告知學生,並請他們計算時差,避免逾期。

設定寬限期 能夠解決學生在不同時區與時間換算的問題,像是設定一天、6小時與1分鐘不等的寬限時間。設定後可套用至所有的評量。

取得更多相關資訊,請見 建立成績規則

觀看成績

計分規則設定完成後,點選課程的 學習進度 標籤,學生可以看到自己的評量得分、百分比與目前的成績。

_images/Progress_tab.png

查看課程內容

當您在 Studio 上創建課程時,您可以控制何時讓學生看到您課程的內容。 這代表您可以繼續建立一個課程,一直到您改變課程能見度之前,學生都不能看到您所更動的內容。 您可以設定釋出日期來決定何時把內容釋出到網路上。您也可以特別指定一個單元的公開或者私人。 預設情況下,所有的內容都為私人。

當您遇到以下三種條件之前,您在 edX 或 Edge 上的內容不會被學生看到:

  1. 課程開課日期已過。
  2. 已經包含內容的章節和小節釋出日期已過。
  • 「章節」和「小節」 是您用來組織您的課程用的。 例如,章節相當於您課程的每週的進度,而小節相當於您課程的每個主題。
  • 不論是章節的標題或是它的內容,直到釋出日期之前都不會被看見。 如果這個章節的釋出日期已經過了,而小節的釋出日期還沒過,那學生只可以在左側的導覽面板看到章節標題,但是看不到小節的標題或是內容。
  • 小節預設繼承了所屬章節的釋出日期,但是您可以在頂層的章節已經釋出之後,更改底下各個小節的釋出日期,
_images/image189.png _images/image191.png
  1. 您可以設定這個包含開放內容的單元,不過 預設情況 下,所有單元都是私有的。

當您還在創建課程的過程中,您有四種方式來觀看您在 edX 或 Edge 的課程或是怎樣呈現:

  • 在 Studio 中

註解

您在 Studio 中看您課程的方式與學生在 edX 或 Edge 上看您課程的方式不一樣,因為您會看到所有的章節內容,不論它們的釋出時間為何時。

  • 在 edX 或 Edge 上的預覽模式

    任何被設定為私有的內容只能在預覽模式看到。

  • 以教師身份在 edX 或 Edge 上預覽

    當您以教師角度觀看內容時,您會看到 教師 標籤在畫面的上方。

  • 以學生身份在 edX 或 Edge 上預覽

大綱檢視

當您想要看到您在 Studio 中的整個課程架構,您可以到 課程大綱 頁面。 在 課程大綱 上,您可以看到以樹狀結構呈現的課程大綱,詳列出每個獨立的單元。

_images/image193.png

小節檢視

您也可以檢視各個小節的內容。在這個檢視模式下,您可以看到小節和小節中的單元名稱。 您可也看到其所屬章節開啟評分與否;如果評分機制已開啟,您可以看到小節中的作業類別。 您也可以看到個別的單元是設定為公開或私有。 私有單元會在單元名稱旁顯示淺灰色的 “私有” 文字來提示您,所有未顯示的單元則為公開。

_images/image195.png

單元檢視

當您想要在您的課程中看到實際的文字、問題或其他內容,您可以開啟一個個別單元,您就可以看到單元中的所有組件。 不論它設定為公開或私有狀態,以及不論它的釋出日期過了沒,您都可以看到這些內容。

接下來的例子顯示出在 Studio 檢視模式 下觀看 “What Does an edX Course Look Like?” 小節中兩個單元的內容。 這個單元被設定為公開,小節的釋出日期已經過了。

_images/image197.png

接下來的單元被設定為私人。小節的釋出日期已經過了。

_images/image199.png

如果改變 “What Does an edX Course Look Like?” 這個小節的釋出日期為未來 (在這個例子中,為 January 1, 2099),您依然可以在 Studio 看到這兩個單元。

公開單元

_images/image201.png

私人單元

_images/image203.png

預覽模式

當您使用預覽模式在 edX 或 Edge 上觀看您的課程,您可以看到所有在您課程中的單元,不論他們是否設定為公開或私有,亦不論釋出日期是否已經過了。

使用預覽模式是唯一可以看到已經設定為私人內容的方式。

您有兩種方式進入預覽模式。

  1. 在任何小節頁面,點擊 檢視草稿
_images/image205.png
  1. 在任何單元頁面,點擊 預覽

接下來的例子是單元被設定為公開那個頁面的 預覽 按鈕。

_images/image207.png

接下來的例子是單元被設定為私人那個頁面的 預覽 按鈕。

_images/image209.png

案例A

接下來的案例是在預覽模式下第一個單元 “What Does an edX Course Look Like?” 的小節。

_images/image211.png

請記得小節的釋出日期是過去的日期。 然而,即使您改變 “What Does an edX Course Look Like?” 小節的釋出日期為未來, 您依然可以在預覽中看到這兩個單元。

在 “What Does an edX Course Look Like?” 小節中,單元 1 (“Welcome to edX 101”) 被設定為公開,以及單元 2 (“New edX Information”) 被設定為私有。 這兩個單元都顯示在畫面上方的課程導覽色帶上。

_images/image213.png

當您在單元導覽列點擊單元 2,您就會看到在單元 2 中的內容:

_images/image215.png

以教師身份在 edX 或 Edge 上預覽

以教師身份在 edX 或 Edge 上預覽時:

  • 您會看到您課程中所有您已設為公開的單元。
  • 釋出日期不重要。

您沒有看到設為私人的單元。

另外,在 edX 或 Edge 頁面上方,您可以看到 教師 標籤。

以教師的角度觀看您在 edX 或 Edge 上的課程,點擊 即時檢視 。 這個 即時檢視 按鈕一共有三個地方可以點選。

課程大綱頁面:

_images/image217.png

任何小節頁面:

_images/image219.png

公開單元頁面:

_images/image221.png

案例B

接下來的案例是如果您以教師的身份在 edX 或 Edge 上正在觀看 “What Does an edX Course Look Like?” 小節的第一個單元。 注意 教師 分頁顯示在頁面的上方。

_images/image223.png

“What Does an edX Course Look Like?” 小節的釋出日期被設定為 January 1, 2099,但是您依然可以以教師的身份在 edX 或 Edge 上看到這個單元。

另一方面,請記得單元 1 被設定為公開,單元 2 被設定為私人。 單元 2 並不是顯示在畫面上方的單元導覽列上,取而代之的是在下一個公開單元的 分頁 上顯示。

_images/image225.png

以學生身份在 edX 或 Edge 上預覽

當以學生身份在 edX 或 Edge 上預覽您的課程,您只能夠在滿足三個發佈條件的狀態下下看到教材:

  • 當開課日期已過。
  • 章節和小節的釋出日期已過。
  • 這個包含教材的單元被設定為公開。

您可以使用這個檢視模式確保教材不是過早顯示在您的課程中。

為了以學生的角度來觀看課程,在 edX 和 Edge 上以未與您的課程團隊的相關的電子郵件地址來設定好一個測試帳號,之後進入您的課程網址並且註冊您的課程。

案例C

接下來的案例是如果您以學生的身份在 edX 或 Edge 上正在觀看 “What Does an edX Course Look Like?” 小節的第一個單元。 注意 教師 分頁不是顯示在頁面的上方。

_images/image227.png

請記得單元 1 被設定為公開,以及單元 2 被設定為私人。 單元 2 並不是顯示在畫面上方的單元導覽列上,取而代之的是在下一個公開單元的 分頁 上顯示。

_images/image229.png

如果您改變小節的釋出日期為未來 (像是 January 1, 2099) ,學生就不能看到它。

如果您將單元設定為私人,學生就不能看到它。

修改已發佈的內容

當您並以教師身分觀看時,您可以看到把所有被設定為公開的單元,其內容會出現在 edX 或是 Edge。 若已經過了發佈日期,則學生也可以看到其內容。

若您在單元設為公開後再去修改內容,您必須創建一個草稿副本。 草稿不會出現在 edX 或 Edge 上。然而,當您以預覽模式觀看時,您的草稿內容也不會出現。

要創建一個草稿,首先開啟您想要修改的單元。 注意畫面上沒有 編輯 按鈕時,就代表您不能對此單元做任何修改。

_images/C14_01.png

在右邊的窗格點擊 單元設定 格裡的藍色 編輯草稿 連結。

_images/C14_02.png

在點擊 編輯草稿 後,您就可以對單元進行修改,您可以編輯已存在的內容或是新增內容。

_images/C14_03.png

若您想要觀看即時的內容,請點擊在頁面上方的黃色橫幅中的 以發表版本格式預覽

_images/C14_04.png

若您想觀看您正在修改中的草稿,點擊 單元設定 下方的 預覽 ,您將會以預覽模式開啟您的課程。

_images/C14_05.png

當您完成對單元的修改時,點擊 單元設定 下方的藍色 使用本草稿替換 連結。

_images/C14_06.png

匯出或匯入課程

Studio 提供了匯入與匯出的工具,您可以利用這些工具來匯入與匯出您的課程。

匯出一門課程

您可以將一個已存在於 Studio 裡的課程匯出。您可以匯出一個課程來讓另一個教師使用,或是用來備份您的課程。

例如,您在 Studio 中創建一個課程,並且於網站上實際進行這門課程。 您的朋友或是同事,甚至是另外一個機構的朋友可能對您的課程很有興趣,希望能複製您的課程進行客製化。 您能將您創建的課程匯出後,複製給其他教師使用。 其他教師可以透過匯入工具匯入課程,並根據其教學情況進行修改,最後發佈給學生。

另外一種情況是,您可以先匯出一份目前的課程資料,並繼續在 Studio 做些修改。 若您之後想將課程改回先前的版本,您可以匯入您先前匯出的版本。

注意若您會出的是一門進行中的課程,您將遺失所有您學生的記錄。

當您匯出您的課程時,Studio 會創建一個 .tar.gz 檔案,其中包含以下課程資料:

  1. 課程結構 (章節及小節的順序)
  2. 個別的單元
  3. 個別的問題
  4. 額外的靜態頁面
  5. 檔案及上傳頁面中的檔案

匯出的檔案不會包含以下資料:

  1. 學生或使用者資料
  2. 討論區的內容
  3. 課程設定
  4. 修課證書
  5. 評分資料

匯入課程

警告

請小心使用此功能! 匯入一個新的課程資料將會刪除目前所有與您目前課程有關聯的內容,並且以上傳的檔案中的內容取代。 匯入後的課程無法復原!

您可以匯入一個已存在於 Studio 的課程,例如是由您或是其他擁有權限的使用者匯出的檔案。

您匯入的檔案必須是一個 .tar.gz 格式的檔案,其中 至少 必須包含一個 Course.xml 檔案位於課程資料目錄。 此 tar.gz 檔必須要與課程資料目錄命名相同

若您的課程使用傳統舊的格式包裝,您可能無法在 Studio 中編輯您的課程資料,即使其可能正確地在 Edge 裡顯示。 要確定您的課程是完全可編輯的,必須確定您所有的教材都被嵌入至一個「單元」中。

匯入一個課程:

  1. 在導覽列點擊 工具 ,接著點擊 匯入
_images/C15_01.png
  1. 匯入課程 下方,點擊 選擇檔案
  2. 找到您要的檔案,接著點擊 開啓

邀請學生註冊

要邀請學生註冊您在 Edge 上的課程,請先引導學生至註冊頁面,接著提供完成註冊作業的指示。

  1. 要確定連到您在 Edge 的課程的註冊頁面連結,請參考下列步驟:
_images/C18_01.png
  1. 在 Studio 中點擊您課程的 設置 分頁,接著找到 時程與細節 的部分。
  2. 基本資訊 下方,您會看到一個連結,可用來連到電子郵件並邀請學生來註冊您的課程。
  3. 點擊 邀請您的學生 連結,系統會自動創建一個電子郵件樣板供您參考。
_images/image286.png
  1. 將其寄送到您欲寄送的郵件清單或個人電子郵件信箱。

檢查學生的進度以及證書核發

如同我們將會在之後的章節所討論的,評分準則以及學生於問題中所得到的分數,是用於記錄該課程的進度,確定最終成績,並在最後頒發證書。 這個單元將會給予您一些有關評分準則是如何在課程進行中實施,以及您於課程結束時如何給予成績的建議。

以學生身分確認進度

在課程進行時,學生可以藉由點擊課程分頁上的 進度 確認他們的進度 (這與於 檢視分數 章節中描述如何檢視小節問題分數為同一個頁面)。 學生的學習進度透過課程中已經評分的部分顯示在頁面的上方。 已被評分或已分級的部分,將以圖表分配條列的方式呈現於此頁上方,位於小節分數之上;包含課程中目前所得之整體百分比,與達到每一級要求指標的百分比要求。 以下為一位學生在 edX101 學習進度的範例。

_images/image245.png

學生將可以從此頁面看到,當此圖被拍下時,edX101 採用 34% 為通過與否的標準,評分內容包含了一種被稱為 “Learning Sequence” 的作業類別,當中包含了十一個作業。 此外,圖上也說明了目前這些特定的學生們只在兩個作業中送出了正確的答案,目前僅完成了 6% 的作業。 您可以將滑鼠指標滑過每個進度列,系統將會告訴您針對每個作業更詳細的數據。

雖已在檢視分數單元中提過,接下來在 進度 頁面中是一個所有課程中的小節的清單,連同課程中學生對所有問題的分數的記錄。 以下是個範例,可以在頁面中向下捲動檢視學生的進度。

_images/image247.png

再次提醒,從已評分部分得到的分數稱為 “問題計分”,從尚未評分部分得到的分數稱為 “練習計分”。

以教師身分確認進度

要確認學生在課程中的進度,在 Edge 上以教師身分檢視教師控制面板並點選成績。 教師控制面板的畫面可能會隨著功能的增加而有所改變,以下是目前的樣貌供您參考:

_images/image249.png

這裡您會看到一些選項,可用於觀看或下載學生成績、從一門課程檢視個別的進度或是重置所有問題的嘗試記錄。

註解

此圖只顯示出少部分的功能,繼續向下檢視頁面將會看到一些關於課程統計結果的資訊。 透過點選學生的進度頁面,您會看到與學生看到一樣的畫面,包含已經評分過的成績以及尚未評分的部分作業。

註解

事實上,不管是位於教師頁面所看到的或是從 Edge 上課程內的進度頁中所看到的學生分數,您所看到的分數僅為一份快照。 這些分數有可能與真實的分數有所不同(例如當一個即時問題的評分權重修改以後,有些學生可能尚未更新他們的答案)。 因此分數以及最後的評等通常在課程結束階段時會再重新計算,作為最後核發證書的依據。

決定最後評分以及核發證書

學生的最後成績以及用於評分的標準可決定最後學生是否能獲得修課合格證明。 證書並不是於課程結束後自動核發給學生,必須由您或是管理員手動執行。

建立無障礙教學內容之指導方針

EdX 致力於建立一個可推廣至一般大眾且具創新、線上學習機制之平台,服務 對象包含了身心障礙學習者。我們希望藉由這些指引來幫助課程設計團隊了解到 在設計課程時應考量無障礙之重要性,並且提供指導,如此才能服務最為廣泛的 學習族群。 線上無障礙教學意指不論是否具有身體或殘疾上的差異,資訊與活動 訊息均能使所有學生獲得的程度。 此指導方針乃根據無障礙網頁之國際標準與準則(W3C WCAG 2.0)以及全方位 設計(在不需要適應或專業設計之下,竭盡所能地使所有人均可使用)。根據這些 準則建立課程之教師能夠藉此機會創造一個能夠考量學習者不同學習方式及需 求且具包容性之學習經驗,其中包含了身心障礙學習者、第二語言為英語之學習 者、在硬體技術上有所困難之學習者,例如僅具低頻寬網路或無法聽取音訊檔、 以及與年齡相關的學習能力問題。為使這些指導方針達成目的,我們假定使用者 具備適當的技術以及相容的軟體。 資訊取用上的難以預料的困難偶爾會發生,因此可藉由 EdX 平台以加強資料的 無障礙性,我們推薦您可在貴單位中使用此資源來幫助身心障礙學習者。多數機 構均具有身心障礙支援服務及資訊技術資源以提供資訊取用上之相關意見與幫 助。相關專業人士在身心障礙人士的協調與適應上所做的決策均受過專業訓練, 其能在考量到個人課程學習目標以及順應之教學方法時建議適當的學習內容。 當技術及無障礙上的改進逐步展現時,我們計劃定期更新以下指導方針。 請看以下更多訊息:

支援多樣需求的學習者

全球幾乎五分之一的人口具有某種殘疾。線上課程能夠在任何地點、時間藉由輔 助技術的使用提供課程以降低學習上的障礙。

EdX 致力於創造一個不只是能夠取用的平台,而是更能使課程建立者創造可理 解的內容。如果你在平台建立上遭遇到的問題是可能影響提供線上無障礙課程內 容的能力,請寫信到 accessibility@edx.org 聯絡我們。我們也歡迎您的意見與 提問。 以下我們列出了在建立及傳播課程內容的準則,其能使學生使用內建的無障礙輔 助功能(例如放大鏡及縮放功能),輔助技術以及不同格式的選擇。這些準則考量 了以下這些學習者的特性:

  • 全盲學習者使用螢幕報讀器來大聲閱讀文字或藉由點字顯示器來閱讀點字

形式的文字。

  • 低視能學習者使用螢幕放大軟體來使字體以及其他螢幕上的內容放大。
  • 視障學習者,例如在低光照條件下難以看清之症狀,會調整瀏覽器或操作系

統來改變背景顏色及字形好方便閱讀。

  • 有學習障礙之學習者,例如讀寫障礙,會使用文字轉語音的技術得以大聲閱

讀文字內容。 

  • 肢體障礙學習者使用開關裝置、語音辨識軟體、眼動技術,而非傳統的滑鼠

或鍵盤來控制電腦。

  • 學習者藉由調整操作系統設定使滑鼠及鍵盤更容易使用。
  • 無法取用音訊內容的聽障學習者需要其他替代格式,例如標題或文字稿來獲

得相同之訊息。

我們極力推薦並與您分享此份文件中之最佳作業流程以及其他普遍可用之資源 (其中部分在此文件中談及)。如同上述,如果您無法闡明許多困難之處,建議您 向貴單位洽詢身心障礙相關服務資源(身心障礙服務、輔助技術或無障礙)。有別 於以往在校園內為學生所提供的支援,在提供大規模網路免費公開課程中之學生 相關學習服務時,當有學生向您反應無障礙學習上的困難時,建議您擬訂相關回 覆的機制。然而,在有大量註冊學生的情況之下,建立課程時所應考量無障礙之 重要性則顯而易見。

無障礙之典範實務

全方位學習設計之最佳作業流程

全方位學習設計聚焦於單一課程格式的教授,因此多數學習者能夠成功地與您所 提供的學習資源及學習活動內容進行互動,而不需要就僵化的教學方式與品質上 有所妥協。

全方位學習設計之準則摘要如下:

  1. 以不同方式呈現資訊與內容。
  2. 區別學生就所知進行表達的方式。
  3. 刺激學習的興趣與動機。

教師能夠根據以下準則進行課程設計:

  • 設計能夠使學習者以不同方式取用的資源與活動(例如提供能夠讓學生進行

放大或改變顏色的字體、與文字描述相符的圖示、具聲音檔及文字標題的影 片)。

  • 提供多重方式讓學習者能接觸資訊及表達既有知識內涵,而這在發展練習題

及教學評量時特別重要。

  • 辨識出需要特定感應器或肢體活動能力的學習內容,例如需要辨識顏色的學

習活動,其對於學生在無障礙學習上有特定需求來說,在適應上則格外困難 或甚至無法適應。在這些狀況下則要衡量是否就這些需求上作教學上的調 整,如需調整,則在課程內容上與即將修課的學生先進行溝通,且就學生在 學習上遭遇困難情況下設定可能的回覆機制,如此便能在無須作全面性調整 之下解決問題。如果無法針對需求進行教學上的調整,建議您修正活動內 容,使其更具彈性且更能廣為取用。

相關資源

  • 「無障礙數位學習內容傳遞」(JISC Techdis)在課程設計方法上提供一個有
用的概述:
http://www.jisctechdis.ac.uk/techdis/resources/accessiblecontent

可讀性之最佳作業流程

EdX 擁有廣大及多樣的學習族群。如果學習內容在文字撰寫上言簡意賅且內容 上結構完整,則學習者能夠藉由此平台瞭解教學內容。使用在主題領域中適當的 辭彙,但在字義上盡量清楚且不含糊,如此才能幫助以下學習者:

  • 母語非英文的學習者;或
  • 天生具有影響閱讀的缺陷,如讀寫障礙或視覺障礙。

為所有學生製作較易於閱讀的教學內容:

  • 將課程中的各項元素,例如課程章節、小節、單元、組成要件以及討論主題

加以命名並予以敘述,並藉由將重要訊息置於名稱中使其容易瀏覽。這些名 稱被用於選單中的導航、頁面標題以及段落標題,因此對學習者來說便是能 夠在課程中導航以及閱讀課程內容的指示牌。前置的選單及標題特別能幫助 閱讀報讀器使用者能夠快速地評估連結或標題的相關性。

  • When creating written learning resources, break text into sections by using HTML elements, such as headings, paragraphs, and lists. Long blocks of unbroken text are a barrier to most readers. Segmented content is more inviting and is easier to navigate and search. See HTML 標記之最佳作業流程 for guidance on creating accessible HTML.
  • 避免專業術語。如果不常見的詞彙與主題相關時,不常見詞彙在第一次出現

時予以解釋,並在課程教材中附上詞彙表。當用到簡稱或縮寫時,在第一次 出現時寫出完整詞彙,舉例來說:「美國國家航空暨太空總署(NASA)」 。

  • 使用純文字鏈結來清楚解釋所連結的位置(例如「檢視課程大綱」)。避免編

製成「你能在此檢視課程大綱」。若是連結到文件而非網頁,在超連結處加 上文件類型(例如「課程大綱(PDF)」。

相關資源

  • 簡明語言中心針對如何根據內容及目標學習者以適當語言清楚且準確地進
行撰寫提供詳細的資源。
http://centerforplainlanguage.org/about-plain-language/checklist/

建立無障礙 PDFs 之最佳作業流程

PDF 是課程教材中常見使用的格式,包含由出版社出版的教科書。然而,將教 材轉檔成 PDFs 格式會產生使用上的障礙,特別是對視障學習者。為了增進 PDFs 5 的取用,您可以閱讀以下指南瞭解如何作文件轉檔,以及使用 Adobe Acrobat 專業版並與第三方供應者合作。

將微軟文書軟體文件轉檔成 PDF 檔

要將教學教材轉檔成 PDFs 檔會使用不同格式,例如課程大綱是 Word 檔,簡報 檔是 PowerPoint,而教科書則是由出版商供應的 PDF 檔。使用可應用的軟體工 具來建立結構完整的文件資料來源。及早處理能夠降低在轉檔過程中難以解決或 無法轉檔的問題。

準備Word文件

  • 簡化格式。使用標題、段落、清單、圖像、說明文字、表格。勿增加不必要

的縮排、規則、欄位、空行以及排字上的不同。格式越簡單越容易製作無障 礙的 PDF 文件。

  • Use styles for formatting your text, such as Normal, Heading 1, and Heading 2, rather than manually formatting text using bold and indents. Add alternative text to images (see 描述圖像之最佳作業流程) using Word’s picture formatting options.

準備PowerPoint文件

  • 為使文件更容易讓使用螢幕閱讀軟體的學習者取用及瞭解,首先使用大綱模

式並將內容文件填入,在完成大綱之後加入美工圖案,並且在圖案格式中作 細項的設定以傳達圖片要表達的訊息。避免使用動畫或過場,因為這些無法 存在 PDF 格式中。

  • 到「常見」>「繪圖」>「排列」>「 選取窗格」選項中來檢視每張投影

片中物件閱讀上的順序,如果閱讀上的順序不合乎邏輯,則重新排列物件。  * 到「常見」>「投影片」>「重設」選項中給每張獨特且能提供訊息的標題, 也能夠影藏標題。

  • 藉由 PowerPoint 中的表格樣式選項(「表格」>「表格選項」>「標題列」

辨識表格中欄位標題,並確認每個標題中的文字均能陳述表格中的資料。

準備Excel活頁夾

  • 每個活頁夾加上獨特且能提供訊息的標題。
  • Include text alternatives for images (see 描述圖像之最佳作業流程) using Excel’s picture formatting options.
  • 藉由 Excel 中的表格樣式選項(「表格」>「表格選項」>「標題列」辨識

表格中欄位標題,在每個標題儲存格中加上能夠敘述欄位資料的文字。

  • 勿在空白儲存格中設定格式。
  • 使用敘述性的純文字鏈結,而不要在儲存格中放入 URLs。

轉換Word, PowerPoint以及Excel文件成為PDF檔

將微軟 Office 文件轉換成 PDFs 檔時,選擇另存新檔選項,確定「協助工具的文 件結構標籤」項目已被勾選(細節請查看軟體文件)。要注意的是微軟版本的文書 軟體另存成的 PDFs 會比從麥金塔操作軟體所轉檔的 PDFs 來得更容易取用。

與第三方供應者合作

當能夠有掌握地建置 PDFs 文件時,便更能夠控制文件的可及性。如果 PDFs 文件是由第三方提供時,包含由出版商所建置的教科書,此種文件的可及性便無 法確定。

有關無障礙 PDFs 所值得注意的問題

若可以的話需詢問提供 PDF 的廠商是否為無障礙型式,若不是的話則需詢問是 否能夠提供無障礙版本,相關詢問方式如下:

  • 螢幕報讀器是否能夠閱讀文件中的文字?
  • 文件中的圖像是否有文字說明?
  • 所有提供的表格、圖表以及數學是否為無障礙格式?
  • 所有的媒體形式是否有相對應的文字版本?
  • 文件中是否有導航指引? 例如目次、索引、標題以及書籤?
更新無障礙版本的 PDFs 文件

您需更新現有的 PDF 格式的教材以達到無障礙性,原有 PDF 格式有以下特點:

  • 由紙本文件掃描而成;
  • 原先不具有無障礙概念所製成的文件;
  • 在文件創造的過程中並無保存可取用資料來源的相關訊息。

在上述情況下 ,您需要特別的軟體,如 Adobe Acrobat Professional 來加強 PDF 檔的無障礙性。由紙本文件掃描而成的 PDF 檔初步需經過光學字元辨認以產生 純文字版本的文件。 在過程中會檢查文件在達到無障礙上所遇到的困難,再就文 件架構上增加屬性及標籤,並針對圖像部分添上相關說明文字。

相關資源

  • 微軟就文書應用軟體,包含 Word, Excel 及 PowerPoint 轉為無障礙之 PDFs
檔格式提供詳細的指引:
http://office.microsoft.com/en-gb/word-help/create-accessible-pdfs-HA102478227.aspx
容:
http://www.adobe.com/accessibility.html
  • 華盛頓大學藉由不同資源及應用程式在製作上無障礙性 PDFs 提供逐步式
的指引:
http://www.washington.edu/accessibility/pdf/

自訂內容類型之最佳作業流程

使用不同內容類型能夠大大地增加學習經驗。以下將討論如何設計數種身心障礙 學生能夠取用的內容類型。

圖解化(圖表、簡圖、插圖)

雖然圖像能夠幫助傳達概念及資訊,然而對有視覺障礙的人來說則是項挑戰。舉 例來說,圖表需要顏色的概念呈現或者簡圖中微小的標籤及註解對有色盲或低是 能的學習者來說是難以理解的。所有的圖像對全盲者來說是種障礙。 以下是將圖解化資訊使視障學生能夠取用的最佳方式:

  • 避免使用顏色來分辨圖樣的重要性。例如使用不同圖樣及顏色來分辨現狀途

中的資料元素。 * 盡量使用 SVG 圖像格式,其具有縮放功能。在複雜圖像部分考慮提供高解 析度版本,如此能辨識出細部重要的細節。 * 提供能夠圖像裡資訊的替代文本。就統計圖及曲線圖來說,相關替代文本就 是能夠呈現相同資料的表格。有關提供圖像替代文本細節資訊請見描述圖像 之最佳作業流程。

See 描述圖像之最佳作業流程 for details about providing text alternatives for images.
數學內容

將線上數學課程傳遞給視障學生在某些方面來說是具挑戰性的。教師通常會製作 方程式的圖像,而非包含純文字的方程式。數學圖像對需要高對比顯示螢幕的使 用者來說無法做修改,且無法被螢幕報讀軟體加以辨識。EdX 藉由 MathJax 使 數學內容變得清楚、可讀以及對需要螢幕報讀器的學習者來說能夠取用。 MathJax 藉由數字符號,如 LaTex 及 MathML ,來使數學方程式成為純文字,而 非圖像的呈現。我們建議您使用 MathJax 來呈現數學內容。從 MathJax 無障礙 相關文件能夠了解更多 MathJax 的運用(請見下方相關資源的連結)。我們會在 MathJax 有所改良時更新指引

模擬互動模組

模擬式教材,包含動畫形式及遊戲化內容,能夠加強學習體驗,特別是對僅能從 閱讀和處理文本內容來學習知識的學習者來說。然而,模擬式教材對一些族群的 學習者來說仍是項障礙。為了降低此障礙,需考量模擬式教材所帶來的學習成 果。 是否能夠從文本內容或影片教學中加強瞭解,或者是能夠傳遞其他課程資源 所無法傳遞的新知識? 如果替代資源能夠幫助減輕任何障礙所帶來的影響。 雖然能夠藉由模擬設計來避免達到無障礙性上所帶來的困難,特別是由第三方者 所提供的模擬式教材所產生的困難更會因為技術及教學上的原因難以處理。在瞭 解這些障礙的原因後能夠幫助您為那些受到影響的學習者提供應變措施。請留意 針對第三方者提供的模擬所產生的應變措施,在不涉及隱私權政策之下需先獲得 供應商的同意。 在製作模擬式教材時請留意以下問題,特別是當身為課程教師, 您在課程目標即 產生的選擇上擁有很大的發揮空間。此外,如果模擬式教材當中的視覺化元素對 於課程設計是相當重要的時候,須提供替代文字敘述以及在不實際或不可行的情 況下要提供其他調和措施。

  • 模擬式教材需要藉由視覺加以瞭解嗎? 如果是的話,請提供文字敘述來描述

模擬式教材中所傳遞的概念。 * 在操作模擬式教材時需要用到滑鼠嗎? 如果是的話,請提供文字敘述來描述 模擬式教材中所傳遞的概念。 * 模擬式教材內容中會有引起癲癇的閃爍光線嗎? 若有且這些內容在課程中 是具關鍵性的話:

  • 在必要的評量活動中請不要讓學習者使用模擬式教材;
  • 在必要的評量活動中請不要讓學習者使用模擬式教材;

當此部分有其他最佳適當作法時,我們會持續更新指引內容。

線上練習及評量

在教學活動及評量上,需考量學生正在完成一項教學活動以及考慮使用多重評量 項目時所遇到的困難,請留意有些終端使用者是具有殘疾的。請專注於讓學生在 完成學習及遞交作業時不會產生困難的教學活動。 有些線上練習的問題類型對有視覺或行動障礙的學生來說是困難的,舉例來說:

  • 需要眼手協調的線上練習,例如圖像對照或拖放練習會對有行動障礙的學生

來說產生困難。請考慮其他不需精確動作技能的替代方案,除非這些技能對 於課程的參與度來說是有效的。例如將原子對照到化合物的拖放練習可以設 計複選框或選擇題。

  • 具高度視覺刺激的內容 ,例如文字雲對有視覺障礙的學生來說應無法觸及。

可提供傳達相同訊息的替代文字,例如在文字雲中具有順序性的文字清單。

第三方內容

當在課程中加入第三方內容的連結時,請留意此種第三方資源的無障礙性可能仍 無法讓身心障礙學習者取用。建議您在與其他使用者分享連結前先進行測試。

You can use the eReader tool or 新增課程檔案 to incorporate third-party textbooks and other publications in PDF format into your course. You can also incorporate such materials into your course in HTML format. See 建立無障礙 PDFs 之最佳作業流程 for guidance on working with third- party supplied PDFs, and HTML 標記之最佳作業流程 for guidance on creating accessible HTML.

相關資源

  • 國家無障礙媒體中心之「有效描述數位有聲讀物中的科學內容」提供描述數
據圖、簡圖、圖表及插圖之最佳方式:
http://ncam.wgbh.org/experience_learn/educational_media/stemdx
引:
http://www.washington.edu/doit/Stem/

描述圖像之最佳作業流程

圖片、圖表、地圖、統計圖及符號能夠有效呈現訊息;然而對有些視覺障礙,包 含那些使用螢幕報讀器軟體的學生來說則需要替代文字來瞭解圖像所傳遞的資 訊。圖像的替代文字乃根據圖像的情境及使用目的,而也可能不是根據圖像具有 的視覺化特性所直接作的描述。 要在課程中設計圖像時請使用以下指引:

  • 附上能夠傳遞圖像涵義的簡短文字描述, 可適當使用較長的文字描述的情況

僅在於圖像傳遞一種概念或是傳遞特定資訊內容的唯一來源之時。請注意! 當資訊在頁面上其他地方也出現時不需要提供較長的文字敘述。例如在有相 同文字資料在表格中時則不需要描述圖表中的內容。

  • 具象徵性的圖像,例如義大利佛羅倫斯市內舊橋的照片,則簡短的文字

敘述則可以寫為「舊橋的照片」。如果呈現照片的目的是提供此地點的 詳細資訊,較長的描述則應較具體:「舊橋的照片呈現出三道石製拱門 以及阿諾河」

  • 以統計圖、圖表或插圖來說,簡短描述可以為「舊橋的圖表」。較長的

敘述應包含能夠傳遞視覺的細節,例如尺寸及使用的建材。

  • 以地圖來說,簡短的敘述則可以為「呈現舊橋位置的地圖」。如果地圖

是要用來指引舊橋的位置,較長的敘述則應該包含文字上的路線指引。 

  • 以符號來說, 簡短之敘述應與符號所傳遞的資訊相當,例如課程大綱的

連結包含 PDF 符號時,等同於符號的文字則應為 「PDF」 ,讀起來為 「課 程大綱 PDF」。 

  • 主要作為另一個網頁頁面連結的圖像所應該有的簡短敘述應包含連結

的目的地,而非圖像本身,例如連結到服務中心的問號的圖像應該被敘 述為「服務中心」而非問號。

  • 無資訊意涵的圖像無須文字敘述,例如 PDF 的符號之後的純文字鏈結

讀為「課程大綱(PDF)」,而不需要加以描述。另一個例子是標題圖片 僅作為美化之用。

  • Include the short description in the alt attribute of the HTML image element, as follows (see 在 HTML 組件新增圖片 for more information about adding images):

    <img src="image.jpg" alt="Photo of Ponte Vecchio">

  • 針對無提示性的圖像給予空白的 alt 屬性。當圖像元素不包含 alt 屬性時,

螢幕報讀軟體可能會略過此圖片,讀出圖像的檔案名,如果是具有連結的圖 像則讀出超連結網址。空白的 alt 屬性會使螢幕報讀軟體掠過此圖像。

<img src="image.jpg" alt="">
  • 考慮使用說明文字來呈現較長的敘述,如此所有使用者方能獲得資訊息。在

以下的例子中,圖像元素包含簡短敘述因為 alt 屬性,而段落元素則具有較 長的敘述。

<img src="image.jpg" alt="Photo of Ponte Vecchio"><p>Photo of Ponte Vecchio showing its three stone arches and the Arno river</p>
  • 另一種提供較長敘述的方式是藉由增加另一單位或包含描述性文字且下載

的檔案以及在圖像底下提供該單位的連結或檔案。

<img src="image.jpg" alt="Diagram of Ponte Vecchio"> <p><a href="description.html">Description of Ponte Vecchio Diagram</a></p>

相關資源

簡易、快速且有效率的指引:
http://www.diagramcenter.org/webinars.html

多媒體形式的課程教材幫助傳達概念以及將課程資訊活用於生活中。我們要求 EdX 課程在使用影片時要包含互動式且可螢幕報讀的無障礙逐字稿。全方位學 習設計機制幫助增強課程的無障礙性。當在建置課程時,需把製作逐字稿的時間 及資源考慮進去。

聲音轉錄

在播放音訊內容給聽障學生時,音訊的逐字檔是很重要的,且對英文為非母語的 學生來說也有所幫助。同步的逐字稿能夠聽障學生跟著影片學習並在藉由點選高 字稿文字來導航於特定章節。除此之外,所有學生能夠使用多媒體形式課程教材 的逐字稿來研讀及複習。 逐字稿開始於影片口說內容的文字版本。如果在使用腳本之下來製作影片將有助 於逐字稿的製作。 只有檢視所錄製的影片並且有需要時更新腳本。否則則需要自 行轉錄影片或請別人來製作。許多公司能夠製作需收費的計時影片逐字稿(意即 利用時間編碼使逐字稿與影片中的文字同步)。

EdX 平台支援.srt 格式的逐字稿。當整合影片檔至平台時,應上傳.srt 格式的計 時逐字稿。增加計時逐字稿的方式請見 Working with Video Components for details on how to add timed transcripts.

影像轉錄

在製作影片片段時,要考量如何將資訊傳遞給視障學習者。許多主題能夠以口說 呈現方式來涵蓋許多概念。實際上當在白板上寫字且說話的同時,也能夠描述視 覺化資訊。

可下載的逐字稿

對音訊及視訊的逐字稿來說, 要考慮加上純文字檔案好讓學生能夠下載以及使用 文件處理軟體、螢幕報讀器或識字軟體進行複習。可下載的逐字稿應只有文字, 而不包含時間編碼。

相關資源

  • 「無障礙數位多媒體指引」在製作無障礙形式的線上影片及音訊檔提供詳細
的指導:
http://ncam.wgbh.org/invent_build/web_multimedia/accessible-digital-media-guide

HTML 標記之最佳作業流程

HTML 是創造無障礙內容的最佳格式,其完全支援瀏覽器且和設備相容,標註裡 面的資訊幫助輔助技術,例如螢幕報讀軟體,且提供視障者資訊及視覺上的官能 性。 為簡化課程小組製作優良 HTML 標記的內容,我們致力於使 EdX 工作室裡所有 的範本與以下所談及的最佳作業流程相符。在過渡期間, 建議您手動增加適當的 HTML 標籤。根據要加入到 EdX 工作室的課程之所屬類型組件,原始 HTML 資 料將自動產生或藉由選擇¡§Advanced Editor¡¨ 或¡§HTML¡¨ views。 在建置 HTML 內容時請留意下列指引:

  • 使用 HTML 來描述內容的意涵而不是外貌。一詞組被標記為第一層級的標

題(<h1>乃清楚註明為此頁的主題,然而當一詞組標記為粗黑體(<bold> 或 <strong>)也許意指此標題或文字為教師所要強調的部分。在不仰賴目視提 示,例如項目符號或縮排之下, 一群組被標記為一個清單的物件是與特定編 碼相關。編碼轉譯為內容對使用螢幕報讀器的學生來說特別有用,舉例來 說,螢幕報讀器能夠報讀標題或告知清單中的物件數量。

  • 按順序使用 HTML 標題層級來呈現文件的結構。結構完整的標題可幫助學

生導航頁面並找到所想要的。

  • 使用 HTML 清單元素以聚合相關物件以使內容易於瀏覽及閱讀。HTML 具

有以下三種清單:

  1. 無按順序排列的清單,當中的每種物件都標註項目符號。
  2. 按順序排列的清單,當中的每種物件依號碼編號。
  3. 定義列表,當中的每種物件是藉由詞彙及描述配對而呈現(就像辭典)。
  • 藉由描述性行列來使用表元素標註資料集–意即資訊在網格格式中運行最

好。使用<th>元素標註行列標題,如此螢幕報讀器才能有效地描述表格中的 內容。

相關資源

  • 「製造語意結構」提供能夠表達以標記為基礎的網頁語意結構相關指引
(WebAIM):
http://webaim.org/techniques/semanticstructure/
  • 「製造無障礙表格」所提供的指引是有關藉由適當的語意結構以使螢幕報讀
器能準確呈現資訊輔助之下建置表格資料(WebAIM):
http://webaim.org/techniques/tables/data

結論

EdX 的使命為單純藉由電腦與網路來提供全球性網絡均可取用的高層級學習方 式。 我們已建置一個學習平台,而這個平台能夠使課程建置者觸及數以千計的學 習者,其中有些不具有傳統在大學校園裡學生上課的典型背景及資源內容。我們 期望上述這些指引對您在貴單位針對無障礙支援服務及資訊技術資源能與適當 的可適性法條相符能有所幫助 。因我們均在數位學習探索的船上,鼓勵您能夠寫 信到 accessibility@edx.org 分享您的想法。

更新日誌

DATE CHANGE
7/1/2013 Online help and pdf files finalized in Sphinx 1.2b1
5/6/2013 Universal change to UTC for all GMT references. Changed “Add Course Catalog Information” to show URL and note that on this page, the course author sees local time from browser. Changed “Invite Students to Register” to reflect new link.
4/18/13 “Create a Discussion” graphic change
4/9/13 Changed order of sections (moved “Create a Lesson in Studio” after “Create a New Course”) Added content to “Export or Import a Course,”Create Lesson,” “Create Schedule,” and Upload a File to the “Files & Updates Page” sections. Revised “Add an Announcement” or Update” section.
3/22/13 Revised “Add Manual Policy Data” section. Added “Appendix C: Time Zones”

附錄

附錄 A: 課程概要範本

以接下來的範本來取代您的資訊中的placeholders。

<section class="about">
  <h2>About This Course</h2>
  <p>Include your long course description here. The long course description
    should contain 150-400 words.</p>
  <p>This is paragraph 2 of the long course description. Add more paragraphs
    as needed. Make sure to enclose them in paragraph tags.</p>
<section>
<section class="prerequisites">
  <h2>Prerequisites</h2>
  <p>Add information about class prerequisites here.</p>
</section>
<section class="course-staff">
  <h2>Course Staff</h2>
  <article class="teacher">
    <div class="teacher-image">
      <!-- Replace the path below with the path to your faculty image. -->
      <img src="/c4x/edX/edX101/asset/Placeholder_FacultyImage.jpg"
        align="left" style="margin:0 20 px 0"/>
    </div>
    <h3>Staff Member</h3>
    <p>Biography of instructor/staff member</p>
  </article>
<article class="teacher">
    <div class="teacher-image">
      <img src="/c4x/edX/edX101/asset/Placeholder_FalcutyImage.jpg"/>
    </div>
    <h3>Staff Member Name</h3>
    <p>Biography of instructor/staff member</p>
  </article>
</section>
<section class="faq">
  <section class="responses">
    <h2>Frequently Asked Questions</h2>
    <article class="response">
      <h3>Do I need to buy a textbook?</h3>
      <p>No, a free online version of Chemistry: Principles, Patterns, and
        Applications, First Edition by Bruce Averill and Patricia Eldredge
        will be available, though you can purchase a printed version
        (published by FlatWorld Knowledge) if you'd like.</p>
    </article>
    <article class="response">
      <h3>Question 2?</h3>
      <p>Answer 2.</p>
    </article>
  </section>
</section>

<!--Paragraph: <p>CONTENT GOES IN HERE</p> -->
<!--Line break: <br/> -->
<!--Hyperlink: <a href="URL">LINK TEXT</a> -->
<!--Email hyperlink: <a href="mailto:EMAIL@ADDRESS.COM">LINK TEXT</a> -->
<!--Bold text: <b>TEXT</b> -->
<!--Italic text: <i>TEXT</i> -->

附錄 B: 為您的動態HTML行事曆撰寫程式碼

    <div class= "syllabus">

    <table style="width: 100%">
            <col width="10%">
            <col width="15%">
            <col width="10%">
            <col width="30%">
            <col width="10%">
            <col width="15%">
            <col width="10%">

    <!-- Headings -->
             <thead>
                    <td class="day"> Wk of </td>
                    <td class="topic"> Topic </td>
                    <td class="reading"> Read </td>
                    <td class="video"> Lecture Sequence </td>
                    <td class="slides"> Slides </td>
                    <td class="assignment"> HW/Q </td>
                    <td class="due"> Due </td>
            </thead>

    <!-- Week 1 Row 1 -->
             <tr class="first">
                    <td class="day">10/22</td>
                    <td class="topic">Topic 1</td>
                    <td class="reading">Ch. 1</td>
                    <td class="video"><a href="#">L1: Title</a></td>
                    <td class="slides"><a href="#">L1</a></td>
                    <td class="assignment"><a href="#">HW 1</a></td>
                    <td class="due">11/04</td>
            </tr>

    <!-- Week 1 Row 2 -->
            <tr>
                    <td class="day"> </td>
                    <td class="topic"></td>
                    <td class="reading"></td>
                    <td class="video"><a href="#">L2: Title</a></td>
                    <td class="slides"><a href="#">L2</a></td>
                    <td class="assignment">     </td>
                     <td class="due">      </td>
            </tr>

             <tr> <td class="week_separator" colspan=7> <hr/> </td> </tr>

    <!-- Week 2 Row 1 -->
             <tr>
                    <td class="day">10/29</td>
                    <td class="topic">Topic 2</td>
                    <td class="reading">Ch. 2</td>
                    <td class="video"> <a href="#">L3: Title<a></td>
                     <td class="slides"><a href="#">L3</a></td>
                    <td class="assignment"><a href="#">Quiz 1</a></td>
                    <td class="due">11/11</td>
             </tr>

    <!-- Week 2 Row 2 -->
            <tr>
                    <td class="day"></td>
                    <td class="topic"></td>
                    <td class="reading"></td>
                    <td class="video"><a href="#">L4: Title</a></td>
                    <td class="slides"><a href="#">L4</a> </td>
                    <td class="assignment"></td>
                    <td class="due"></td>
            </tr>
            <tr> <td class="week_separator" colspan=7> <hr/> </td> </tr>

    <!-- Week 3 Row 1 -->
            <tr>
                    <td class="day">11/05</td>
                    <td class="topic">Topic 3</td>
                    <td class="reading">Ch. 3</td>
                    <td class="video"><a href="#">L5: Title</a></td>
                    <td class="slides"><a href="#">L5 </a></td>
                    <td class="assignment"><a href="#">HW 2</a></td>
                    <td class="due">11/18 </td>
            </tr>

    <!-- Week 3 Row 2 -->
            <tr>
                    <td class="day"> </td>
                    <td class="topic"> </td>
                    <td class="reading"></td>
                    <td class="video"><a href="#">L6: Title</a></td>
                    <td class="slides"><a href="#">L6 </a></td>
                    <td class="video"></td>
                    <td class="assignment"></td>
                    <td class="due"></td>
            </tr>
            <tr> <td class="week_separator" colspan=7> <hr/> </td> </tr>

    <!-- Week 4 Row 1 -->
            <tr>
                    <td class="day">11/12</td>
                    <td class="topic">Topic 4</td>
                    <td class="reading">Ch. 4</td>
                    <td class="video"><!--<a href="#">L7: Title</a>--> L7: Title</td>
                    <td class="slides"><!--<a href="#">L7</a>-->L7</td>
                    <td class="assignment"><!--<a href="#">Quiz 2</a>-->Quiz 2</td>
                    <td class="due"> 11/25 </td>
            </tr>

    <!-- Week 4 Row 2 -->
            <tr>
                    <td class="day"></td>
                    <td class="topic"></td>
                    <td class="reading"></td>
                    <td class="video"><!--<a href="#">L8: Title</a>-->L8: Title</td>
                    <td class="slides"><!--<a href="#">L8</a>-->L8</td>
                    <td class="assignment"></td>
                    <td class="due"></td>
            </tr>
            <tr> <td class="week_separator" colspan=7> <hr/> </td> </tr>

    <!-- Week 5 Row 1 -->
            <tr>
                    <td class="day">11/19</td>
                    <td class="topic">Topic 5</td>
                    <td class="reading">Ch. 5</td>
                    <td class="video"><!--<a href="#">L9: Title</a>-->L9: Title</td>
                    <td class="slides"><!--<a href="#">L9</a>-->L9</td>
<                   td class="assignment"><!--<a href="#">HW 3</a>-->HW 3</td>
                    <td class="due"> 12/02 </td>
            </tr>

    <!-- Week 5 Row 2 -->
            <tr>
                    <td class="day"></td>
                    <td class="topic"></td>
                    <td class="reading"></td>
                    <td class="video"><!--<a href="#">L10: Title</a>-->L10: Title</td>
                    <td class="slides"><!--<a href="#">L10</a>-->L10 </td>
                    <td class="assignment"></td>
                    <td class="due"></td>
            </tr>
            <tr> <td class="week_separator" colspan=7> <hr/> </td> </tr>

    <!-- Week 6 Row 1 -->
            <tr>
                    <td class="day">11/26</td>
                    <td class="topic">Topic 6</td>
                    <td class="reading">Ch. 6</td>
                    <td class="video"><!--<a href="#"><L11: Title</a>-->L11: Title </td>
                    <td class="slides"><!--<a href="#">L11</a>-->L11</td>
                    <td class="assignment"><!--<a href="#">HW 4</a>-->HW 4</td>
                    <td class="due">12/09</td>
            </tr>

    <!-- Week 6 Row 2 -->
            <tr>
                    <td class="day"> </td>
                    <td class="topic"> </td>
                    <td class="reading"></td>
                    <td class="video"><!--<a href="#">L12: Title</a>-->L12: Title</td>
                    <td class="slides"><!--<a href="#">L12</a>-->L12</td>
                    <td class="assignment"></td>
                    <td class="due">      </td>
            </tr>

    </table>
    </div>

附錄 C: 學生登入指南示例

創建一個登入指南給您個別的課程。

[COURSE NUMBER] 的學生登入指南

如何設定您的edX帳號以及註冊您的班級

歡迎進入 [COURSE NAME] on edX! 這個指南將會引導您設定您edX的學生帳號、註冊 [COURSE NAME] ,以及存取課程教材。

步驟 1: 開啟課程註冊頁面

例子

https://edge.edx.org/courses/[YOUR_CLASS_PATH]/about [REPLACE WITH URL TO YOUR REGISTRATION PAGE ON EDGE]

https://edge.edx.org/courses/edX/PHOTO101/Digital_SLR_Photography_101/about

上面的URL應帶您進入課程註冊頁面: [REPLACE WITH SCREENSHOT OF YOUR REGISTRATION PAGE]

例子

_images/image302.png

步驟 2: 要求註冊課程 點擊藍色的Register for [NUMBER OF YOUR CLASS] 按鈕: [REPLACE WITH PART OF YOUR SCREENSHOT ABOVE]

_images/image303.png

一個彈出式使用者證明視窗將會出現。它將要求您去登錄或報名edX。 (如果您已經有一個edX帳號,使用它來登入。 您現在應該被註冊到這個課程。跳至步驟5。否則,轉到步驟3。)

_images/image305.png

步驟 3: 創建您的edX帳號

再彈出的視窗中填寫表格: (一些小提示: 使用一個您經常查看的電子郵件地址。 並且,您選擇的使用者名稱也會將是您在課程中顯示的名字。 這代表這是唯一我們會知道的使用者名稱 (不是一個名和姓)。 請將您的姓包含在您的使用者名稱中,如此一來我們才可以在forums上說您是哪位。)

步驟 4: 啟動您的edX帳號

檢查您的郵件。課程驗證連結會被送到這個地方。 您必須點擊這個連結來敲定您的課程存取。

恭喜! 您現在應該有一個edX帳號並且註冊在[ENTER YOUR COURSE NUMBER]。

繼續步驟5來存取課程教材。

步驟 5: 登入到edX和課程網站

登入您在edX上的帳號 https://edge.edx.org/ 藉由使用您剛創建的使用者名稱和密碼。 您將會被帶到您edX edge帳戶的主要頁面,現在應該包含一個[ENTER YOUR COURSE NUMBER]列表 : [REPLACE WITH SCREENSHOT OF YOUR COURSE]

您現在可以點擊 View Courseware 來進入主要課程網站。

如果您在註冊或存取課程網站時遇到問題,請聯絡[SUPPORT CONTACT NAME] at [CLASS SUPPORT EMAIL].

附錄 D: 時區

概要 一次釋出課程教材讓所有學生可以看見,在具體指名的設定時間,有截止日期的作業將一次be due給所有學。

然而,許多地方在edX及Studio提出一種時間設定無須指定時區。除非另有規定,大部分日期和時間在Studio和edX中是UTC而不是您當地的時區! 當您指定日期和時間設定沒有一個時區標籤,您需要轉換值為UTC。 您也應該確保學生和老師知道如何理解您課程中的時間設定。

詳述 時間被儲存在一個特別的時區中。然而,這個時區可能不會顯示在介面中。未標籤的時間值以UTC格式被指定、儲存,和觀看。

Edx和Studio處理時區如下。

  • 所有時間,標籤和未標籤,都被儲存在伺服器上以UTC格式 (a.k.a. UTC or Z)。
  • 未標籤時間被顯示在不論是Studio或edX/Edge上以UTC格式。
  • 在Studio中一個特別時區的時間標籤被具體指明在那個時區,並且轉換為UTC。 (這是罕見的。)

在Studio中的設定,被標籤為一個時區,像是課程開始和結束時間,輸入設定在時區中具體指明出來 (通常是您當地時區)。

未標籤時區的時間設定,像是課程內容的釋出日期和截止日期,從您的當地時區轉換,以及設定日期和時間以UTC格式。您可以使用線上時區轉換來轉換成為您的當地時區時間。

請注意當您使用一個線上轉換,進入日光節約日子時間時同時考慮到一天的時間。

例如美國東部標準時間是 “UTC-5”,所以在Studio中紐約的冬天下午5:00(17:00)截止日期應輸入為晚上10:00(或22:00)。 美國日光節約時間,然而,是UTC-4,所以在Studio中紐約的夏天截止日期下午5:00應該輸入為下午9:00。

在edX/Edge以學生的角度這些時間設定大部分也不會被標籤。 當您設定了一個作業的截止日期,請確定告訴學生該如何解釋這個截止日期。您可以選擇下列選項之一。
  • 隨時提前通知學生,除非另有標籤,都會被顯示成UTC格式,指點他們到一個時區轉換來轉換他們當地時區時間。
  • Allow students to assume that all due dates are specified in their local time zone, and specify an unadvertised grace period to invisibly extend all the due dates in your course. For example, some courses set a grace period of “1 day, 6 hours, and 1 minute” to accommodate differences in time zones and any potential system issues.

請注意一般不建議設定一個寬限期。它可能導致問題沒有關閉 “when they should”,以及可能會誤導您的學生。

如果您有進一步關於指定時間和時區的問題,或者正遭受截止日期或釋出日期不一致的特性,請從edX Studio的幫助頁面聯絡我們。

參考文獻

http://help.edge.edx.org/discussions/questions/61-time-zones

http://help.edge.edx.org/discussions/questions/23-grace-periods

附錄 E: 問題類別

選項響應

選項響應允許學生從一群選項組合中,從下拉式選單中選出正確的答案。

選項響應類似選擇題,有些概念上不同之處如下所列:

  • 選擇題使用的單選按鈕比較適合學生在較長的敘述中選出答案。
  • 選項響應使用的下拉式選單的格式,適合學生先思考一個可能的答案再從選單中尋找,而非純粹認出這個答案。
  • 選擇題的格式較為明確清晰,所以更為適合用在較為複雜的問題以及答案的組合應用上,讓學生能夠適度地暫停思考可能的答案。

範例問題如下:

_images/image287.png

問題代碼

<problem>

 <p>Option Response is most similar to __________.</p>

  <optionresponse>
   <optioninput
     options="('Multiple Choice','String Response',
              'Numerical Response','External Response',
              'Image Response')"
    correct="Multiple Choice"/>1
  </optionresponse>

 <solution>
   <div class="detailed-solution">
     <p>Explanation</p>
      <p>Like Option Response, Multiple Choice also allows students to select
     from a variety of pre-written responses.</p>
   </div>
  </solution>
</problem>

樣板

<problem>

  <optionresponse>
   options="('A','B')"
    correct="A"/>
  </optionresponse>

  <solution>
    <div class="detailed-solution">
    </div>
  </solution>
</problem>

XML 屬性資訊

<optionresponse>

_images/option_response1.png

<optioninput>

_images/optionresponse2.png

選擇題

選擇題允許學生從一群選項組合中,以單選按鈕清單的形式選出正確的答案。

一個選擇題可以擁有超過一個以上的答案,端看您在 XML 中怎樣描述並標記哪些選項是正確的。如果所有的選項都是錯的,那麼這是一個錯誤格式的選擇題。

選擇題類似於選項響應,有些概念上不同之處如下所列:

  • 選擇題的單選按鈕讓學生容易從長敘述的選項中選出答案。
  • 選項響應使用的下拉式選單的格式,適合學生先思考一個可能的答案再從選單中尋找,而非純粹認出這個答案。
  • 選擇題的格式較為明確清晰,所以更為適合用在較為複雜的問題以及答案的組合應用上,讓學生能夠適度地暫停思考可能的答案。

範例問題如下:

_images/image289.png

問題代碼

<problem>
<p><b>Example Problem</b></p>
<p>How many correct responses can a Multiple Choice question have?</p>
    <multiplechoiceresponse>
   <choicegroup type="MultipleChoice">
      <choice correct="false" name="one">Only one</choice>
      <choice correct="false" name="zeroone">Only zero or one</choice>
      <choice correct="true" name="zeromore">Zero or more</choice>
      <choice correct="false" name="onemore">Only one or more</choice>
      <choice correct="false" name="noone">Nobody knows</choice>
      <choice correct="true" name="someone">Somebody might know :)</choice>
  </choicegroup>
  </multiplechoiceresponse>
<solution>
      <div class="detailed-solution">
        <p>Explanation</p>
          <p>It depends on how many choices are marked as correct in the underlying XML.</p>
<p>Note that if all choices are marked as incorrect, there is no
        correct response.</p>
      </div>
  </solution>
</problem>

樣板

<problem>

<multiplechoiceresponse>
  <choicegroup type="MultipleChoice">
    <choice correct="false" name="a">A</choice>
    <choice correct="true" name="b">B</choice>
  </choicegroup>
</multiplechoiceresponse>

<solution>
  <div class="detailed-solution">

  </div>
</solution>
</problem>

XML 屬性資訊

<multiplechoiceresponse>

_images/multipleresponse.png

<choicegroup>

_images/multipleresponse2.png

<choice>

_images/multipleresponse3.png

核取方塊

核取方塊允許學生從一群選項組合中,以核取方塊清單的形式選出零或多個的答案。

備註:一個問題本身若使用核取方塊來描述正確答案的組合,作答時所有被標記為 “true” 的選項都必須選擇出來才會被判定為正確。

比較特別的是,“所有選項都被選起” 可以是一種正確的答案。但與選擇題不同的地方在於,一定至少要有一個選項被選起,沒有選項被選起是種錯誤的格式。

範例問題如下:

_images/image290.png

問題代碼

<problem>
<startouttext/>
  <p>How many correct responses can a Checkbox question have?</p>

<choiceresponse>
<checkboxgroup>
<choice correct="false"><text>Zero</text></choice>
<choice correct="true"><text>One</text></choice>
<choice correct="false"><text>Two or more</text></choice>
<choice correct="false"><text>Nobody knows</text></choice>
<choice correct="true"><text>Somebody might know :)</text></choice>
</checkboxgroup>
</choiceresponse>
</problem>

樣板

<problem>

<choiceresponse>
<checkboxgroup>
<choice correct="false"><text>Zero</text></choice>
<choice correct="true"><text>One</text></choice>
</checkboxgroup>
</choiceresponse>
</problem>

字串響應

字串響應提供了一個輸入方塊,學生可以輸入一行文字作為答案。

字串響應並不提供任何作答輔助,所以這也間接鼓勵學生將其想法以各種形式,完成描述出來。

需要注意的是,由於學生的答案必須一字不差地符合答案的設定才能被判定為正確,因此這可能會在一些較為多元的答案格式 (例如日期) 上造成一些困擾。

範例問題如下:

_images/image291.png

問題代碼

<problem>
  <p><b>Example Problem</b></p>
  <p>What is the name of this unit? (What response type is this?)</p>
  <stringresponse answer="String Response" type="ci">
    <textline size="20"/>
  </stringresponse>
  <solution>
    <div class="detailed-solution">
      <p>Explanation</p>
      <p>The name of this unit is "String Response," written without the punctuation.</p>
      <p>Arbitrary capitalization is accepted.</p>
    </div>
  </solution>
</problem>

樣板

<problem>
  <stringresponse answer="REPLACE_THIS" type="ci">
    <textline size="20"/>
  </stringresponse>
  <solution>
    <div class="detailed-solution">
    </div>
  </solution>
</problem>

XML 屬性資訊

<stringresponse>

_images/stringresponse.png

<textline>

_images/stringresponse2.png

數值響應

數值響應提供了一個輸入方塊,學生可以輸入一個數字作為答案,不過數值的表示方式則必須遵守一定的規範。

答案本身只要落在容忍的範圍內,就會被判定為正確。

預期的答案可以是個明確的數值,或是一段 Python 腳本計算的結果。

允許的輸入答案形式包含了 <formulaequationinput /> and <textline /> 兩種。 不過用 <textline math="1" /> 格式描述的數學問題,可能會因為使用不同的分析器處理而有不同的結果,這會造成學生作答時的困難。 因此我們強烈建議只使用 <formulaequationinput /> 這種格式,請見下面的範例問題。

範例問題如下:

_images/image292.png

問題代碼:

<problem>
  <p><b>Example Problem</b></p>

<p>What base is the decimal numeral system in?
    <numericalresponse answer="10">
        <formulaequationinput />
    </numericalresponse>
</p>

  <p>What is the value of the standard gravity constant <i>g</i>, measured in m/s<sup>2</sup>? Give your answer to at least two decimal places.
  <numericalresponse answer="9.80665">
    <responseparam type="tolerance" default="0.01" />
    <formulaequationinput />
  </numericalresponse>
</p>

<!-- Use python script spacing. The following should not be indented! -->
<script type="loncapa/python">
computed_response = math.sqrt(math.fsum([math.pow(math.pi,2), math.pow(math.e,2)]))
</script>

<p>What is the distance in the plane between the points (pi, 0) and (0, e)? You can type math.
    <numericalresponse answer="$computed_response">
        <responseparam type="tolerance" default="0.0001" />
        <formulaequationinput />
    </numericalresponse>
</p>
<solution>
  <div class="detailed-solution">
    <p>Explanation</p>
    <p>The decimal numerical system is base ten.</p>
    <p>The standard gravity constant is defined to be precisely 9.80665 m/s<sup>2</sup>.
    This is 9.80 to two decimal places. Entering 9.8 also works.</p>
    <p>By the distance formula, the distance between two points in the plane is
       the square root of the sum of the squares of the differences of each coordinate.
      Even though an exact numerical value is checked in this case, the
      easiest way to enter this answer is to type
      <code>sqrt(pi^2+e^2)</code> into the editor.
      Other answers like <code>sqrt((pi-0)^2+(0-e)^2)</code> also work.
    </p>
  </div>
</solution>
</problem>

樣板

精確值

<problem>

  <numericalresponse answer="10">
    <formulaequationinput />
  </numericalresponse>

  <solution>
  <div class="detailed-solution">

  </div>
</solution>
</problem>

十進制小數答案

<problem>

  <numericalresponse answer="9.80665">
    <responseparam type="tolerance" default="0.01" />
    <formulaequationinput />
  </numericalresponse>

  <solution>
  <div class="detailed-solution">

  </div>
</solution>
</problem>

百分比答案

<problem>

  <numericalresponse answer="100">
    <responseparam type="tolerance" default="10%" />
    <formulaequationinput />
  </numericalresponse>

  <solution>
  <div class="detailed-solution">

  </div>
</solution>
</problem>

利用腳本計算的答案

<problem>

<!-- Use python script spacing. The following should not be indented! -->
<script type="loncapa/python">
computed_response = math.sqrt(math.fsum([math.pow(math.pi,2), math.pow(math.e,2)]))
</script>

  <numericalresponse answer="$computed_response">
    <responseparam type="tolerance" default="0.0001" />
    <formulaequationinput />
  </numericalresponse>

  <solution>
  <div class="detailed-solution">

  </div>
</solution>
</problem>

XML 屬性資訊

<script>

_images/numericalresponse.png

<numericalresponse>

Attribute Description Notes
answer

A value to which student input must be equivalent. Note that this expression can be expressed in terms of a variable that is computed in a script provided in the problem by preceding the appropriate variable name with a dollar sign.

This answer will be evaluated similar to a student’s input. Thus ‘1/3’ and ‘sin(pi/5)’ are valid, as well as simpler expressions, such as ‘0.3’ and ‘42’

Note that any numeric expression provided by the student will be automatically simplified on the grader’s backend.
Children Description Notes
responseparam used to specify a tolerance on the accepted values of a number. See description below.  
formulaequationinput An input specifically for taking math input from students. See below.  
textline A format to take input from students, see description below. Deprecated for NumericalResponse. Use formulaequationinput instead.

<responseparam>

_images/numericalresponse4.png

<formulaequationinput/>

Attribute Description Notes
size (optional) defines the size (i.e. the width) of the input box displayed to students for typing their math expression.  

<textline> (While <textline /> is supported, its use is extremely discouraged. We urge usage of <formulaequationinput />. See the opening paragraphs of the `Numerical Response`_ section for more information.)

_images/numericalresponse5.png

數學表達式語法

於數值響應當中,學生輸入的內容可能比普通的數字還複雜。像是 sqrt(3) 甚至 1+e^(sin(pi/2)+2*i) 都是合法而且可以計算出答案的輸入。

語法概要如下:

數字

可接受的數字型態:

  • 整數: ‘2520’

  • 浮點數: ‘3.14’

  • 小數: ‘.98’

  • 科學記號: ‘1.2e-2’ (=0.012)

  • 更多的科學記號: ‘-4.4e+5’ = ‘-4.4e5’ (=-440,000)

  • 附加 SI 後綴: ‘2.25k’ (=2,250). The full list:

    Suffix Stands for One of these is
    % percent 0.01 = 1e-2
    k kilo 1000 = 1e3
    M mega 1e6
    G giga 1e9
    T tera 1e12
    c centi 0.01 = 1e-2
    m milli 0.001 = 1e-3
    u micro 1e-6
    n nano 1e-9
    p pico 1e-12

目前支援的最大數字為正浮點數的上限值 (以 Python 語言能支援的定義),也就是 1.7977e+308。 任何表示式中含有更大的數值是不支援的,因此最好避免這樣的情況。

預設的常數

簡單而且常用的的數學及科學常數已經有定義,包含了:

  • i and j as sqrt(-1)
  • e as Euler’s number (2.718...)
  • pi
  • k: the Boltzmann constant (~1.38e-23 in Joules/Kelvin)
  • c: the speed of light in m/s (2.998e8)
  • T: the positive difference between 0K and 0°C (285.15)
  • q: the fundamental charge (~1.602e-19 Coloumbs)
運算元和函式

常見的四則運算 + - * / ^ 可以直接使用,另外支援了特別的 “並聯電阻” 運算元 ||。 舉例來說,1 || 2 表示一個 1 歐姆跟一個 2 歐姆的電阻並聯,因此計算結果為 2/3 歐姆。

目前系統暫時不支援 ‘3!’ 這種形式的階層計算,不過有個解決的方法:使用函式。您可以使用 fact(3)factorial(3) 來呼叫函式做階層計算。

預設支援的函式如下所示:

  • 三角函數: sin, cos, tan, sec, csc, cot
  • 反三角函數: arcsin, arccos, arctan, arcsec, arccsc, arccot
  • 常用數學函式: sqrt, log10, log2, ln, exp, abs
  • 階層: fact(3)factorial(3) 都是合法的,不過要注意的是只能使用整數作為輸入,舉例來說: fact(1.5) 就是個不合法的計算。
  • 雙曲線三角函數以及其反函數: sinh, cosh, tanh, sech, csch, coth, arcsinh, arccosh, arctanh, arcsech, arccsch, arccoth

方程式響應

方程式響應允許使用者輸入一串文字當做數學表示式,評分程式會代入指定的參數去做計算,基於數值採樣符號表達式判定答案正確與否。

方程式響應與數值響應共用相同的答案格式,包含了預設的變數和函式。 不同之處在於方程式響應在評分時可以指定未知的變數,學生的答案與教師的答案可以透過隨機取樣的方式進行比較,端看問題作者要怎樣設計。

評分程式會根據學生答案的計算結果,比對本身記錄的答案。程式本身可以允許一定程度的誤差,超過誤差範圍會被判定為錯誤,誤差範圍內則判定為正確。

這種響應型態可以控制符號表示式,不過作者本身必須額外指出哪些變數可以允許加入,計算用的數值的範圍也需設定,程式才能嘗試進行運算並檢測答案正確與否。

系統支援使用希臘字母,當您需要使用希臘字母的時候,您可以輸入下列文字,對應的希臘字母將會被自動代入:

alpha beta gamma delta epsilon varepsilon zeta eta theta vartheta iota kappa lambda mu nu xi pi rho sigma tau upsilon phi varphi chi psi omega

Note: epsilon is the lunate version, whereas varepsilon looks like a backward 3.

範例問題如下:

_images/image293.png

問題代碼:

<problem>
  <p><b>Example Problem</b></p>
  <p>This is a short introduction to the Formula Response editor.</p>

  <p>Write an expression for the product of R_1, R_2, and the inverse of R_3.</p>
  <formularesponse type="ci" samples="R_1,R_2,R_3@1,2,3:3,4,5#10" answer="$VoVi">
    <responseparam type="tolerance" default="0.00001"/>
    <formulaequationinput size="40" />
  </formularesponse>

  <p>Let <i>c</i> denote the speed of light. What is the relativistic energy <i>E</i> of an object of mass <i>m</i>?</p>
<script type="loncapa/python">
VoVi = "(R_1*R_2)/R_3"
</script>
  <formularesponse type="cs" samples="m,c@1,2:3,4#10" answer="m*c^2">
    <responseparam type="tolerance" default="0.00001"/>
    <text><i>E</i> =</text> <formulaequationinput size="40"/>
  </formularesponse>

  <p>Let <i>x</i> be a variable, and let <i>n</i> be an arbitrary constant. What is the derivative of <i>x<sup>n</sup></i>?</p>
<script type="loncapa/python">
derivative = "n*x^(n-1)"
</script>
  <formularesponse type="ci" samples="x,n@1,2:3,4#10" answer="$derivative">
    <responseparam type="tolerance" default="0.00001"/>
    <formulaequationinput size="40" />
  </formularesponse>

  <!-- Example problem specifying only one variable -->
  <formularesponse type="ci" samples="x@1,9#10" answer="x**2 - x + 4">
    <responseparam type="tolerance" default="0.00001"/>
    <formulaequationinput size="40" />
  </formularesponse>

  <solution>
    <div class="detailed-solution">
      <p>Explanation</p>
      <p>Use standard arithmetic operation symbols and indicate multiplication explicitly.</p>
      <p>Use the symbol <tt>^</tt> to raise to a power.</p>
      <p>Use parentheses to specify order of operations.</p>
    </div>
  </solution>
</problem>

XML 屬性資訊

<script>

_images/formularesponse.png

<formularesponse>

_images/formularesponse3.png

Children may include <formulaequationinput/>.

If you do not need to specify any samples, you should look into the use of the Numerical Response input type, as it provides all the capabilities of Formula Response without the need to specify any unknown variables.

<responseparam>

_images/formularesponse6.png

<formulaequationinput/>

Attribute Description Notes
size (optional) defines the size (i.e. the width) of the input box displayed to students for typing their math expression.  

圖片響應

圖片響應會顯示一張圖片並引導使用者點選特定區域作為答案。圖片必須先上傳到課程目錄底下才能使用,評分時會判定是否正確點選到指定的矩形區塊當中。

請注意:Mozilla Firefox 尚不支援此種問題型別

範例問題如下:

_images/image294.png

問題代碼:

<problem>
  <p><b>Example Problem</b></p>
<startouttext/>
    <p>You are given three shapes. Click on the triangle.</p>
    <endouttext/>
    <imageresponse>
    <imageinput src="/c4x/edX/edX101/asset/threeshapes.png" width="220" height="150" rectangle="(80,40)-(130,90)" />
    </imageresponse>
</problem>

<problem>
    <imageresponse>
    <imageinput src="Path_to_Image_File.png" width="220" height="150" rectangle="(80,40)-(130,90)" />
    </imageresponse>
</problem>

XML 屬性資訊

<imageresponse>

_images/imageresponse1.png

<imageinput>

_images/imageresponse2.png

自定響應

透過指定的輸入與計算流程,您可以自行撰寫一個 Python 的腳本來定義一種自定響應。

範例問題如下:

_images/image295.png

問題代碼:

<problem>
  <p><b>Example Problem</b></p>
<script type="loncapa/python">

def test_add_to_ten(expect,ans):
  try:
    a1=int(ans[0])
    a2=int(ans[1])
  except ValueError:
    a1=0
    a2=0
  return (a1+a2)==10

def test_add(expect,ans):
  try:
    a1=float(ans[0])
    a2=float(ans[1])
  except ValueError:
    a1=0
    a2=0
  return (a1+a2)== float(expect)
</script>

  <p>This question consists of two parts. </p>
<p>First, enter two integers which sum to 10. </p>
<customresponse cfn="test_add_to_ten">
        <textline size="40" /><br/>
        <textline size="40" />
</customresponse>

  <p>Now enter two (finite) decimals which sum to 20.</p>
<customresponse cfn="test_add" expect="20">
        <textline size="40" /><br/>
        <textline size="40" />
</customresponse>

    <solution>
        <div class="detailed-solution">
            <p>Explanation</p>
          <p>For the first part, any two numbers of the form <i>n</i>
            and <i>10-n</i>, where <i>n</i> is any integer, will work.
            One possible answer would be the pair 0 and 10.
          </p>
          <p>For the second part, any pair <i>x</i> and <i>20-x</i> will work, where <i>x</i> is any real number with a finite decimal representation. Both inputs have to be entered either in standard decimal notation or in scientific exponential notation. One possible answer would be the pair 0.5 and 19.5. Another way to write this would be 5e-1 and 1.95e1.
          </p>
        </div>
    </solution>
</problem>

樣板

顯示建議的正確答案

<problem>

<script type="loncapa/python">
def test_add(expect,ans):
  a1=float(ans[0])
  a2=float(ans[1])
  return (a1+a2)== float(expect)
</script>


<p>Enter two real numbers which sum to 20: </p>
<customresponse cfn="test_add" expect="20">
        <textline size="40" correct_answer="11"/><br/>
        <textline size="40" correct_answer="9"/>
</customresponse>

    <solution>
        <div class="detailed-solution">
        </div>
    </solution>
</problem>

樣板

不顯示建議的正確答案

<problem>

<script type="loncapa/python">
def test_add(expect,ans):
  a1=float(ans[0])
  a2=float(ans[1])
  return (a1+a2)== float(expect)
</script>


<p>Enter two real numbers which sum to 20: </p>
<customresponse cfn="test_add" expect="20">
        <textline size="40" /><br/>
        <textline size="40" />
</customresponse>

    <solution>
        <div class="detailed-solution">
        </div>
    </solution>
</problem>

化學方程式響應

化學方程式響應是一種特別的自定響應,學生可以輸入化學方程式作答。

範例問題如下:

_images/image296.png

問題代碼:

<problem>
  <p><b>Example Problem</b></p>
  <startouttext/>
  <p>Some problems may ask for a particular chemical equation. Practice by writing out the following reaction in the box below.</p>
  <center>\( \text{H}_2\text{SO}_4 \longrightarrow \text{ H}^+ + \text{ HSO}_4^-\)</center>
  <br/>
  <customresponse>
    <chemicalequationinput size="50"/>
    <answer type="loncapa/python">

if chemcalc.chemical_equations_equal(submission[0], 'H2SO4 -> H^+ + HSO4^-'):
    correct = ['correct']
else:
    correct = ['incorrect']

</answer>
  </customresponse>
  <p> Some tips:<ul><li>Only real element symbols are permitted.</li><li>Subscripts are entered with plain text.</li><li>Superscripts are indicated with a caret (^).</li><li>The reaction arrow (\(\longrightarrow\)) is indicated with "->".</li></ul>
   So, you can enter "H2SO4 -> H^+ + HSO4^-".</p>
  <endouttext/>
</problem>

示意圖響應

示意圖響應提供了一個互動的網格界面,學生可用來建構電子電路圖。

範例問題如下:

_images/image297.png _images/image298.png _images/image299.png

問題代碼:

<problem>
  Make a voltage divider that splits the provided voltage evenly.

<schematicresponse>
<center>
<schematic height="500" width="600" parts="g,r" analyses="dc"
initial_value="[["v",[168,144,0],{"value":"dc(1)","_json_":0},["1","0"]],["r",[296,120,0],{"r":"1","_json_":1},["1","output"]],["L",[296,168,3],{"label":"output","_json_":2},["output"]],["w",[296,216,168,216]],["w",[168,216,168,192]],["w",[168,144,168,120]],["w",[168,120,296,120]],["g",[168,216,0],{"_json_":7},["0"]],["view",-67.49999999999994,-78.49999999999994,1.6000000000000003,"50","10","1G",null,"100","1","1000"]]"
/>
</center>
<answer type="loncapa/python">
dc_value = "dc analysis not found"
for response in submission[0]:
  if response[0] == 'dc':
      for node in response[1:]:
          dc_value = node['output']

if dc_value == .5:
  correct = ['correct']
else:
  correct = ['incorrect']

</answer>
</schematicresponse>
<schematicresponse>
<p>Make a high pass filter.</p>
<center>
<schematic height="500" width="600" parts="g,r,s,c" analyses="ac"
submit_analyses="{"ac":[["NodeA",1,9]]}"
initial_value="[["v",[160,152,0],{"name":"v1","value":"sin(0,1,1,0,0)","_json_":0},["1","0"]],["w",[160,200,240,200]],["g",[160,200,0],{"_json_":2},["0"]],["L",[240,152,3],{"label":"NodeA","_json_":3},["NodeA"]],["s",[240,152,0],{"color":"cyan","offset":"0","_json_":4},["NodeA"]],["view",64.55878906250004,54.114697265625054,2.5000000000000004,"50","10","1G",null,"100","1","1000"]]"/>
</center>
<answer type="loncapa/python">
ac_values = None
for response in submission[0]:
  if response[0] == 'ac':
      for node in response[1:]:
          ac_values = node['NodeA']
print "the ac analysis value:", ac_values
if ac_values == None:
  correct = ['incorrect']
elif ac_values[0][1] < ac_values[1][1]:
  correct = ['correct']
else:
  correct = ['incorrect']
</answer>
</schematicresponse>

    <solution>
        <div class="detailed-solution">
            <p>Explanation</p>
            <p>A voltage divider that evenly divides the input voltage can be formed with two identically valued resistors, with the sampled voltage taken in between the two.</p>
            <p><img src="/c4x/edX/edX101/asset/images_voltage_divider.png"/></p>
            <p>A simple high-pass filter without any further constaints can be formed by simply putting a resister in series with a capacitor. The actual values of the components do not really matter in order to meet the constraints of the problem.</p>
            <p><img src="/c4x/edX/edX101/asset/images_high_pass_filter.png"/></p>
        </div>
    </solution>
</problem>