---
# System prepended metadata

title: 二、平台課程組件
tags: [逢甲線上學習網開課操作手冊]

---

二、平台課程組件
===

平台提供給教師的基本功能包含：課程申請、課程草擬、多教師/助教編輯、課程設計、成績設定、公告、單元釋出管理。

**單元組件介紹**
包含以下基本套件：
- 影片：串流、倍速播放、字幕。
- 基礎課程測驗：單選、多選、數字、文字等測驗題。
- 進階課程測驗：同儕互評、圖片對應等測驗方式。
- 討論：分主題、分類討論。
- HTML：任何描述性教材內容、內嵌網頁服務。
- PDF 教材：上傳、線上閱讀。
- 自定頁面：客製化的頁面設計。
- 基礎課程影片組件：影片、公告、創作教科書、單元釋出管理、轉入自學課程。


2.1 課程單元組件
===

平台的課程組件，包含以下基本套件：
- 影片：串流、倍速播放、字幕。
- 問答：單選、多選、數字、文字、同儕互評等測驗題。
- 同儕互評：出題、校正、互評。
- 討論：分主題、分類討論。
- HTML：任何描述性教材內容、內嵌網頁服務。
- PDF 教材：上傳、線上閱讀。
- 自定頁面：客製化的頁面設計。



- 課程管理：公布欄、單元發布。

![2.1.1學生課程首頁畫面](https://hackmd.io/_uploads/BJD2kBNNC.png)

<center>圖1：學生課程首頁畫面</center>

2.1.1 影片
---
**影片規格**
為了提供給平台使用者最佳的觀看體驗，影片畫質建議為1920*1080，大小建議最大5G，因為了使播放順暢，影音平台上傳時，都會對影片進行壓縮。詳細規格如下。


| 編解碼器和容器 | H.264，.mp4| 
| -------- | -------- | 
| 分辨率和幀率|1920x1080，漸進，29.97 fps| 
| 音頻|AAC 44.1 / 192 kbps|
| 尺寸|最大5GB|


**影片上傳**
![2.1.2影片](https://hackmd.io/_uploads/rJholS4VC.png)
上傳影片很簡單，步驟如下：

1. 上傳影片至逢甲大學影音隨選管理系統。
2. 在課程大綱中新增章>節>單元。
3. 在單元中新增組件>影片。
4. 進入編輯，修改「組件顯示名稱」，在影片 URL 的地方填上 YouTube或其他網站的影片網址。
5. 儲存，即完成。


:::info
<font color="#f00">注意事項：</font>
- YouTube 影片在大陸地區可能無法觀看
解決方法：將影片上傳到其他多媒體平台（土豆網），新增組件 html，使用 iframe 內嵌影片。
- iframe code 程式語法如下範例
```
<iframe width="480" height="360" src="影片連結" frameborder="0" allowfullscreen></iframe>
```
:::


**影片備援**
影片組件中，可以使用多個不同的影片伺服器來源，當第一個影片無法存取時，就會往下存取第二個影片來源，以此類推。當所有影片都無法存取時，則使用者將無法檢視影片。

1. 對影片組件進行編輯。 
2. 點擊為其他格式新增URL，並填上備援影片伺服器的影片網址。

![2.1影片備援](https://hackmd.io/_uploads/HJVplBE4A.png)

2.1.2 字幕
---
**字幕製作**
建議使用影片外掛字幕編輯軟體的方式，如 SrtEdit 軟體，以利日後剪輯或修改。以SrtEdit 軟體為例，操作步驟如下：
1. 點選「開新檔SRT檔案」；或點選「開啟」，開啟字幕檔案。
2. 字幕編輯：輸入段落字幕。
3. 時間校準：設定此段落結束時間。
4. 執行校準。您也可以匯入且播放影片，選擇編輯本條時間軸或播放影片路入時間軸，隨著播放時間，按 F8 設定字幕顯示與 F9 設定字幕結束，完成設定影片字幕。
5. 完成存檔，儲存類型類型為 .srt 檔，編碼選 UTF-8。

![2.1.4字幕製作](https://hackmd.io/_uploads/S17k-H4EA.png)

除了使用軟體外，也可以透過Youtube建立字幕，再透過下載得到字幕檔。
[Youtube新增字幕教學](https://support.google.com/youtube/answer/2734796?hl=zh-Hant)

:::info
<font color="#f00">提醒：</font>
若字幕很多時，怎麼辦？
您也可以使用其他外掛軟體，如Subtitle Edit、Aegisub；前者可批次匯入大量文字 (.txt)，並批次測定時間區間，後者可以依據音軌編輯字幕。
:::


**字幕上傳**
平台可提供上傳影片字幕，上傳步驟如下：
1. 備妥影片字幕 .srt 檔案
2. 上傳字幕。影片：編輯 > 基本 > 上傳字幕。
3. 設定字幕語系。進階 > 選擇字幕語言。 

![2.1.5字幕上傳](https://hackmd.io/_uploads/H1s7ZHVVR.png)

🎥[字幕上傳教學](https://youtu.be/z005mBAoeO8)

:::info
<font color="#f00">提醒：</font>
字幕命名不得出現中文及特殊符號，文字編碼須為UTF-8，檔案格式為srt。
:::


**字幕顯示**
![2.1.6字幕顯示](https://hackmd.io/_uploads/H1uE-SNER.png)

若課程有上傳字幕，平台提供兩種字幕顯示的方法：
1. 影片中會出現黑色長方形的字幕，可以自由拖曳位置。(點擊可開啟/關閉)
2. 在影片右方，會出現字幕的跑馬燈，適合進行字幕校稿使用。(點擊可開啟/關閉)


2.1.3 公佈欄
---

公佈欄提供給老師及助教，宣布重要事項，使用步驟如下：
1. 進入公佈欄，點擊新增公告。
2. 需使用HTML語法輸入公告內容。
- 換行：`<br>`
- 加粗：`<b>文字</b>`
3. 發表，即完成。


:::info
<font color="#f00">提醒：</font>
1. 發表的訊息將同步於行動 App。
2. 無法排定時間發文。
:::

![2.1.7公佈欄](https://hackmd.io/_uploads/BJ3u-r44A.png)

在公布欄中，您還可以做...
- 置入 Timeline ，詳見Timeline 的應用
- 置入 Google Document 、 Goole 行事曆，詳見 XBlock 組件


2.1.4 課程教材
---

若老師除教學影片外，還提供課程講義給學生，平台提供三種方式給老師。

**教材**
若教材為 pdf 格式，您可以將教材分門別類，或是對應學習單元，創作專屬課程教科書的教材。創建教材後，平台會自動產生分頁，方便學生點選後，直接閱讀與下載列印。製作步驟如下：

1. 進入設定頁。內容 > 教材。

![2.1.8設定頁](https://hackmd.io/_uploads/ryMTWBE40.png)

2. 新增教材。
3. 為教科書命名與編列章節，並貼上 Studio 資源檔案的 url 或是上傳 PDF 檔案。

![2.1.9教科書命名](https://hackmd.io/_uploads/SkcRbrEEC.png)
![2.1.10教科書命名02](https://hackmd.io/_uploads/SyLGfHVER.png)

4. 儲存，即完成教材的製作。（學習者可於上方學習列中，點擊並進行閱讀）

![2.1.11教科書命名03](https://hackmd.io/_uploads/H1bXzBE40.png)

:::info
<font color="#f00">注意事項：</font>
教材檔案需為 PDF 檔案。
:::



**影片教材**
![2.1.12影片教材](https://hackmd.io/_uploads/H1RQzB4EA.png)
平台中的影片組件，除了影片教材外，可以在進階設定中上傳講義，講義會顯示在影片下方，提供給學員進行下載。


**測驗題型**
測驗題型分成基本題型與進階題型，以下將分別敘述。 題目設計的畫面
![2.1.13測驗題型](https://hackmd.io/_uploads/ByLBzB44R.png)

基本題型有以下幾種：
🎥[下拉清單](https://www.youtube.com/watch?v=uwoUOX00J-4)
🎥[單選題](https://youtu.be/U32kq7Kyevc)
多選題
🎥[數字輸入](https://www.youtube.com/watch?v=qppGMwCvhSA)
🎥[文字輸入](https://www.youtube.com/watch?v=j873hVGTFmE)(簡答題)
以上題型可以搭配[Quiz in Video](https://docs.google.com/document/d/1qlHKZHGG6EHlKbMxnwTC6fXzt7oQSbW058cgfjh57N0/edit#heading=h.yubqz0j0ln05)進階功能設計題型。

:::info
<font color="#f00">注意事項：</font>
簡答題：僅限40字以內，含標點符號。
:::

另外，還有進階問答，如下數種：
- 同儕互評。
- 電子電路圖。
- 數學算式，需先開啟計算機功能。
在設定這些題目時，可以選擇何時顯示 [顯示答案] 的按鈕，以下針對各種選擇做講解。
- 已回答－回答正確後
- 已嘗試－有回答過
- 已關閉－無法作答後
- 已完成－回答正確或無法作答後
- 正確或已過期－回答正確或逾期

:::info
<font color="#f00">提醒：</font>
 如要檢視，先讓課程變成學生可以進入，再切換成學生身分，檢視並確認。
:::

2.1.5 題目中放置圖片
---

**在題目中若需要置入圖片，讓題目更多樣化。例如以下範例：**
![2.1.14題目中的圖片](https://hackmd.io/_uploads/r1xvzBNVR.png)

請先將圖片上傳至課程中。步驟為：
1. 開啟Studio。
2. 在上方內容中，選擇檔案及上傳。
3. 上傳圖片。
4. 取得圖片連結，studio為該課中可以使用的連結。範例如下圖

![2.1.15 studio範例](https://hackmd.io/_uploads/rkoPGH4V0.png)

:::info
<font color="#f00">注意事項：</font>
以下範例皆為單選題。
:::

A. 題目中圖片設定
該類型題目可以直接增加圖片，進入編輯後增加 `<img src="網址"/>`即可，網址可輸入前面所述的連結。

```
>>題目<<
 <img src="網址"/>
( ) 選項1
(x) 選項2
```
但如果遇到題目與圖片需要進行換行動作，如下圖。
![2.1.16圖片轉換](https://hackmd.io/_uploads/SJi_fBVN0.png)

則需要進入編輯後，點選右上角的進階編輯器進行修改，
![2.1.17編輯器](https://hackmd.io/_uploads/rJHtMS4VC.png)

打開後會看到以下語法。

```htmlmixed=
<problem>
<multiplechoiceresponse>
  <label>題目</label>
  <img src="/staic/apple-01.jpg"/><choicegroup type="MultipleChoice">
    <choice correct="false">選項1</choice>
    <choice correct="true">選項2</choice>
  </choicegroup>
</multiplechoiceresponse>
</problem>

```

請將題目前後改為<p></p>進行換行，如下。

```htmlmixed=
<problem>
<multiplechoiceresponse>
  <p>題目</p>
  <img src="/staic/apple-01.jpg"/><choicegroup type="MultipleChoice">
    <choice correct="false">選項1</choice>
    <choice correct="true">選項2</choice>
  </choicegroup>
</multiplechoiceresponse>
</problem>

```

B. 答案中有圖片
在答案中置入圖片，請先將題目編輯完成後，如下。

```
>>Whitch is Apple? <<

( ) 選擇1
(x) 選擇2

```
進入進階編輯器，增加換行及圖片的語法(澄字部分)。

```htmlmixed=
<problem>
<multiplechoiceresponse>
  <label>Whitch is Apple?</label>
  <choicegroup type="MultipleChoice">
    <choice correct="false"><p>選項1</p><img src="/staic/apple-01.jpg"/></choice>
    <choice correct="true"><p>選項2</p><img src="/staic/apple-02.jpg"/></choice>
  </choicegroup>
</multiplechoiceresponse>
</problem>
```

結果會如圖B，若答案中只有圖片，不需要文字描述可以將選項刪除，如下。

```htmlmixed=
<problem>
<multiplechoiceresponse>
  <label>Whitch is Apple?</label>
  <choicegroup type="MultipleChoice">
    <choice correct="false"><img src="/staic/apple-01.jpg"/></choice>
    <choice correct="true"><img src="/staic/apple-02.jpg"/></choice>
  </choicegroup>
</multiplechoiceresponse>
</problem>
```




2.1.6 計算機
---
在數學、科學測驗中，學習者可以透過輸入簡單的文字符號、與數字的結合，系統將自動轉換正確的表達式。例如以下範例：
![2.1.18計算機](https://hackmd.io/_uploads/SJvcfrV4A.png)

您只要開啟課程的計算機工具，就可以透過此計算機自動輸入。步驟為：
1. 開啟計算機。
2. 在進階模組列表中，顯示計算機輸入 true 。
3. 課程右下角即出現計算機圖示，典籍圖示即可使用，按 X 即關閉。
4. 設計測驗。選擇問題 > 進階 > 輸入數學表示式。
5. 編輯題目與答案。範例如下圖。

![2.1.19數學運算表達式](https://hackmd.io/_uploads/r1QhMrVVA.png)

您輸入文字符號到計算器，請遵循以下原則。
- 四則運算標示明確。
- 乘法：mc^2，需輸入m*c^2。
- 使用括號 ( ) 為優先順序，勿使用 [ ] 或 { } 。
- 指數或上標使用符號 ^ ，如X的n平方，輸入為 X^n。
- 下標使用符號 _ ， 任意數 X1 與 X2 ，輸入為 X_1 與 X_2。
- 避免空白。
- 不要使用等號（=）。
- 請區分大小寫的不同。

更多符號，請參閱：
![2.1.20更多符號](https://hackmd.io/_uploads/BJJ6GBN40.png)
詳細內容請參閱[官方說明文件](http://edx.readthedocs.org/projects/edx-partner-course-staff/en/latest/exercises_tools/calculator.html)



2.1.7 討論
---

**討論設定**

所有討論除了發表文章與回覆議題，您還可以...
- 追蹤文章，按下星號及設定追蹤該篇討論。
- 給予贊同票，於該討論按下 + 號。
- 設計討論於課程單元間，引發議題討論。
  - 新增課程組件：討論。
  - 編輯：子類別、種類、顯示名稱。
  - 發布並預覽。
  - 發表討論議題。


:::info
<font color="#f00">提醒：</font>
設定「種類」可以讓討論成為一個群組，更有條理唷！
- 種類：討論群組名稱。
- 子類別：討論的名稱。
:::
![2.1.21討論設定](https://hackmd.io/_uploads/HygpTGHNEC.png)
![2.1.22討論設定02](https://hackmd.io/_uploads/HyYCGB4VC.png)

同時，您也可以依據每則討論主題的狀態，篩選出以下四種狀態的討論主題：
- 未讀、未答覆。
- 近期活動。
- 最高活躍度。
- 最多票數回覆的。

![2.1.23討論設定03](https://hackmd.io/_uploads/BJI1mrENA.png)

**討論管理**

討論熱烈，該如何管理呢？
1. 成為討論管理員，請於教師功能面板 > 會員 > 課程團隊管理，設定討論管理員。 
![2.1.24討論管理](https://hackmd.io/_uploads/SyagXBE4R.png)


2. 完成即可至討論區管理。
- 討論管理權限有標記（置頂）、編輯、刪除、報告、關閉。
- 回文管理權限有編輯、刪除、報告。
![2.1.25.討論管理02](https://hackmd.io/_uploads/SJY-mHVVR.png)

當然，您還可以...
- 邀請學員擔任討論版主或討論社群助教，協同管理討論區。
- 查看發言人的介紹，請參見學生常用功能－簡介。
- 設計討論於單元之間，增進與學員的互動。
- 設定群組討論，請參見學習夥伴。


:::info
<font color="#f00">注意：</font>
討論區管理員才有"刪除"發文的權限。
:::

2.1.8 單元釋出管理
---
完成課程內容上架後，可以依據進度每週發佈課程內容。平台提供 4 種管理方式，各用不同顏色代表，請見下圖。
- 各章節，小節，單元可以設定發佈日期。
- 各章節，小節，單元可以設定公開或隱藏。
- 必須設為公開且發佈日期必須大於建置日期，學員才能看到該內容。
- 顏色識別狀態。




:::info
<font color="#f00">注意事項：</font>
- 若單元為公開，但上層的小節為隱藏，學員看不到單元。
- 若小節為公開，但上層的章節為隱藏，學員看不到小節。
:::
![2.1.26單元釋出管理](https://hackmd.io/_uploads/r1vf7SVEA.png)

2.1.9 小節間的閱讀限制
---
類似「擋修」的概念，您可以要求某些小節的分數必須達到某個門檻，才能夠閱讀另一子節。也就是說可以將子節隱藏起來，直到某個子節達到標準。

**該如何設定呢？**
1. 開啟先修模組功能。Studio > 設定 > 進階設定 > 可分段先修之要求，改成"true"
![2.1.27小節間的閱讀限制](https://hackmd.io/_uploads/BJJ4XS44R.png)

2. 勾選作為先修條件。Studio > 內容 > 課程大綱 ，選擇欲設定的子節，在設定的存取頁面勾選成為先修條件。 
![2.1.28小節間的閱讀限制02](https://hackmd.io/_uploads/rksVQBVNR.png)

3. 設定先備知識。選擇欲設定的子節，在設定的存取頁面選擇的先修條件的子節成為先修知識。 
![2.1.29小節間的閱讀限制03](https://hackmd.io/_uploads/HJYSmB44R.png)
![2.1.30小節間的閱讀限制04](https://hackmd.io/_uploads/SytBXrNVC.png)

:::info
<font color="#f00">注意事項：</font>
需為**同一章**的子節可作先修的設定。
:::


2.2 評分
===

**評分設定**
設定評分很簡單，只要設定妥當，系統即啟動「自動計分」，課程結束，只要一鍵就可以快速結算所有修課學生的成績，教師就可以輕輕鬆鬆~
步驟如下：


1. 準備並設定好所有單元測驗題目。
2. 設定評分類型與百分比。Studio：設定 > 評分

- 整體評分為學生最終通過的得分，您可以拖拉「F」色塊右邊的線，以設定通過課程的分數；亦可按「+」 以新增新的評分等第制。
- 下方同時可以設定測驗的寬限期。
- 可設定多種評分類型，如隨堂測驗、課後小考、期中測驗、課後測驗等；於總等級權重設定該評分類型所佔的百分比，僅組件的分數比例可以調整。(組件的設定中的問題權重調整，若比例相同則不需調整		
![2.2評分設定](https://hackmd.io/_uploads/rk9D7HVEC.png)

- 總數計算請以單元為計，非題數。提醒：全部評分類型的總等級權重加總須為100！

![2.2評分設定02](https://hackmd.io/_uploads/SJx_XSV4C.png)

3. 將已完成的單元測驗設定評分類型，發布即完成。有設定計分的教材單元會出現「筆」的小標示。
![2.2評分設定03](https://hackmd.io/_uploads/HkCOmH44A.png)
當學生一完成測驗，也可以在學習進度中，觀看自己的學習狀況。
![2.2評分設定04](https://hackmd.io/_uploads/H1q8vBEVC.png)

2.3 同儕審查(開放式問題評分)
===

同儕審查（peer review）是磨課師很重要的一個機制，因為修課人數很多，不可能讓老師或助教親自改作業，透過同儕審查的方式讓學員回答與互相批改開放式問題。另外，所謂教學相長，透過同儕互評機制也可以讓學生學習更多。
本章分兩部分解說。第一部分介紹開放式問題評分，第二部分介紹其使用的步驟。


**開放式問題評分**
開放式問題評分(Open Response Assessment，ORA)能夠讓教師在未提供明確答案的問題中，由學生自行批改自己的作答內容，或是批改其他學生的作答內容。因此，此方式可分成自我評分（self assessment）與同儕評分（peer assessment）。自我評分是指學生依據您建立的評分準則（rubric），自行給分。同儕評分則是學生依據您建立的評分準則（rubric），批改其他同學的作答內容。此題型能夠提交文字答案、或圖片與文字答案。請留意，學生必須提交作答內容後，才能夠開始評分。
在開放式問題評分當中，學生通常只能看到自己的答案與同儕評分時所評估的同儕答案。您也可以允許學生查看同儕當中所得最高分的答案。
建立開放式問題評分的相關說明，請參閱以下步驟：

ORA 的組成元件
- 問題描述
- 評分準則
- 一個或多個評分步驟，可以包含學生訓練、同儕評分與自我評分。

:::info
<font color="#f00">注意事項：</font>
如果您加入了學生訓練評分，您也必須要加入同儕評分項目，而學生訓練評分將會成為第一個評分項目。
:::

**問題描述**

此題型的步驟稍微繁瑣，請依照平台指引的步驟，完成建立此題型。 首先，請撰寫問題。您希望學生回答的 問題描述 或問題將會顯示在最上方，接下來的空格是學生寫入答案的區塊。

![2.3.1問題描述](https://hackmd.io/_uploads/SJUc7SENA.png)

:::info
<font color="#f00">注意事項：</font>
如果學生需要上傳圖片，則圖片檔案類型必須為JPG或PNG格式，檔案大小必須小於5MB。
:::



當您撰寫問題時，可以包含一些幫助訊息，例如學生提交答案後可能預期的情況或是回答問題的基本字數。（一個答案不可超過10,000個字元）
若要求學生上傳圖片作為一部份的答案，請注意以下事項：
- 目前您無法強制規定學生上傳圖片，只能開放圖片上傳的功能。
- 所有的答案都必須包含文字，學生不能只上傳一張圖片作為答案。
- 學生一次只能上傳一張圖片作為答案。


:::info
<font color="#f00">注意事項：</font>
目前情況下，學生上傳的圖片無法在課程群組中顯示。而圖片在課程組件中的作業區塊也是不可見的，並且也不包含在課程資料。
:::


**評分準則**

問題撰寫完畢後，接下來要所設定評分準則 (criteria)。同樣的評分準則（Rubric）能夠用於同儕與自我評分。評分準則會在學生開始評分時出現，學生必須根據此準則批改同儕的答案。
評分準則是由 **評分標準(評分項目與項目說明)** 與 **分數選項** 組成。


- 每一個評分準則都包含評分名稱(criterion name)、項目說明和一至多個分數選項。
- 評分名稱用來作為評分標準的項目名稱，例如＂見解＂或＂內容＂。評分名稱通常以名詞表示，而且必須是唯一的，因為平台採用評分名稱做為成績識別。也就是說，當學生完成同儕評分時，評分名稱不會出現於評分規則，而是顯示於學生的最終成績頁面。
- 項目說明用來描述各個評分名稱的意涵。
- 分數選項為適合各個作答內容的分數程度。

![2.3.2評分準則](https://hackmd.io/_uploads/rkvWVrEEA.png)

- 每一個選項都包含 名稱、說明文字與分數。
![2.3.3評分準則02](https://hackmd.io/_uploads/SyxG4SNVA.png)

同一個問題中不同的評分標準可以有不同數量的評分選項。如上圖，第一個評分標準有三個選項而第二個評分標準有四個選項。

:::info
<font color="#f00">注意事項：</font>
您也可以提供沒有評分選項的評分標準，但必須包含一個使學生輸入回饋意見的欄位。
:::

您可以看到下圖，您存取個別學生的分數訊息時，顯示的評分準則名稱與選項名稱。
![2.3.4評分準則03](https://hackmd.io/_uploads/S1YfEBNEC.png)

當您建立您的評分準則時，需要決定每個評分選項所取得的分數，並且確保每個評分選項的說明文字盡可能的具體。例如，一個評分標準與評分選項的設定可能如下。
- 評分標準
  - 評分標準描述在一個準則下不同的作答的給分建議。
  - 評分標準名稱：出處
  - 問題描述：此答案是否解釋百年戰爭的起源？（五分）
- 評分選項


| 得分 | 名稱 | 說明 |
| -------- | -------- | -------- |
| 0     | 一點也不     | 這個答案並沒有指出百年戰爭的起源。     |
| 1     | 王朝分歧     | 這個答案影射了英國和法國之間的分歧王朝，但並未引用英格蘭的愛德華三世和法國的腓力六世。     |
| 3     | 愛德華與腓力     | 這個答案提到了愛德華三世和腓力六世的王朝分歧，但並沒有指出薩利克法的作用。     |
| 5     | 薩利克法     | 這個答案說明了薩利克法促成了愛德華三世和腓立六世的王朝分歧，導致了百年戰爭。     |


**評分步驟**
在您的問題中，您可以指定評分步驟。您可以設定學生訓練、同儕評分和自我評分。

當您查看問題時，可以看到評分的類型與順序。如下的範例顯示，學生提交答案後，須完成學生訓練項目（學習評分答案）、評估其他學生的答案以完成同儕評分項目（評分同儕），最後是完成自我評分項目（評分您自己的答案）。

如果您設定了一個學生訓練評分項目，您也必須設定一個同儕評分項目。並且學生訓練評分項目必須於同儕與自我評分項目之上。
![2.3.5評分步驟](https://hackmd.io/_uploads/Hy3LNrNVR.png)

**學生訓練步驟**

當您建立一個同儕評分項目時，您可以包含一或多個學生訓練步驟，以幫助學生學習履行自己的評估義務。一個學生訓練步驟包含一或多個您所設定的範例答案，再加上您所給予答案的分數。學生檢閱這些答案並嘗試按照您評分的方式給分。

:::info
<font color="#f00">注意事項：</font>
如果您設定了一個學生訓練步驟，您也必須設定一個同儕評分。並且學生訓練必須於同儕與自我評分之上。
:::

在學生訓練步驟中，學生提交答案後，會立即出現學習評分答案的步驟。學生會看到您所建立的範例答案並伴隨著評分準則，而您所給予的答案分數將不會顯示。另外學生也能看到他（或她）所必須評分的範例答案數量。
![2.3.6學生訓練步驟](https://hackmd.io/_uploads/rJZn4HNEA.png)

學生為每一個評分標準選擇一個評分選項，之後點擊比較您與教師之間的選項按鈕。如果學生所選擇的選項與教師的選擇完全相符，則下一個範例答案將會自動開啟。
若學生的選擇有任一個與教師選擇不同，則學生需要再次檢閱範例答案，範例答案上方會出現以下訊息：

`
學習評分答案 您對答案的評估與教師不同。請檢視答案並思考為何教師的評估方式不同，然後再試著評估一次。
`


對於每一個評分標準，取決於是否該學生的選擇與教師的相符，學生可以看到以下兩種訊息之一：

- code-block:: xml
`
選取的選項不同 您所選擇的選項與教師所選擇的並不相同。
`
- code-block:: xml
`
選取的選項相同 您所選擇的選項與教師所選擇的相同。
`

如下圖，這個學生選擇了一個正確的選項和一個不正確的選項。
![2.3.7學生訓練步驟02](https://hackmd.io/_uploads/SJg6EBNVC.png)

此學生需繼續嘗試評分範例答案直到所有評分標準的評分選項與教師的相同。
同儕評分項目步驟
在同儕評分步驟中，學生檢閱其他學生的答案，並按照您所設定的評分準則，為每個評分標準選擇評分選項。學生也能夠對同儕答案提供文字回饋或意見評論。
- 需評數與被評數。
- 當您設定一個同儕評分項目時，您需設定每個學生需要評分**同儕答案的數量**與學生答案需要**被多少同儕評分的數量**。
- 部分學生可能提交答案後不進行同儕評分的步驟，導致部分答案不會收到所需的被評數。<font color="#f00">為了增加所有答案接收到所需被評數的機率，您必須將學生的需評數設定高於被評數。</font>例如，如果您需要每個答案收到三個同儕評分，則您能夠將學生需評估的數量設定為五個同儕答案。
- 如果所有的答案都被同儕評分過，但仍有部分學生未完成需評分的數量，他們可以評估已被同儕評分過的答案。學生可以在查看他的分數時看見額外的同儕評分，但這並不列入答案的分數計算。

**回饋選項**
預設情況下，學生可以在整個評分準則下方看到一個備註欄。您也可以為一至多個評分標準設定個別的備註欄。此備註欄最多包含300個字元。
備註欄將會出現於評分標準的下方。如下圖所示，兩個評分標準皆含有一個備註欄，而最下方也有對於整體答案的備註欄。
![2.3.8回饋選項](https://hackmd.io/_uploads/ByHlHSE40.png)

**同儕評分方式**
同儕評分是以評分標準所給分的，單一評分標準的分數是每位同儕評分者給分的平均。一位學生同儕評分項目最終的分數為各個評分標準平均數的總和。
例如，一個答案可能收到的同儕評分如下：
- 評分標準名稱
  - 同儕 1，同儕 2，同儕 3。
  - 平均。
- 理念（最高10分）
  - 10，7，8
  - 8
- 內容（最高10分）
  - 7，9，8
  - 8
- 文法（最高5分）
  - 4，4，5
  - 4


計算最終分數，每個評分準則的平均數相加：
`
理念平均(8/10) + 內容平均(8/10) + 文法平均(4/5) = 最終分數(20/25)
`

**評分額外的答案**
學生可以評分超過需評分的數量。學生完成同儕評分步驟時，該項目會＂摺疊＂，只有標題評量同儕是可見的。
![2.3.9評分額外的答案](https://hackmd.io/_uploads/HJlbSrVER.png)

若學生點擊評量同儕標題，則項目展開，學生能夠點擊繼續評量同儕按鈕。
![2.3.10評分額外的答案02](https://hackmd.io/_uploads/BytbBH4VC.png)

**自我評分步驟**
在自我評分步驟中，學生可以看到自己的答案與您設定的評分標準。與同儕評分相同，學生根據評分準則，為每個評分標準選擇選項以評估自己的答案。
若您同時設定了同儕與自我評分，我們建議您將同儕評分項目設置於自我評分項目之前。


**高分的回覆**
您可以設置高分的回覆欄位，顯示此問題中學生所提交獲得最高分的答案。學生完成此問題的每個步驟後，高分的回覆欄位將會顯示於學生成績信息之下方。
![2.3.11高分的回覆](https://hackmd.io/_uploads/rJQMBB4V0.png)

您可以允許高分的回覆欄位顯示1至100個答案。但是請記住，列表中的每個答案至多只有300像素的高度。（對於更長的答案，學生可以捲動以觀看整體答案）我們建議您設定顯示20個或更少的答案以防止頁面過於冗長。

:::info
<font color="#f00">注意事項：</font>
高分的回覆可能需要長達一小時才會出現於高分的回覆列表。
:::

2.3.1 評分步驟
---
建立一個開放式問題評分的步驟：
1. 建立組件：再進階的地方選擇開放式評分組件。
2. 新增問題描述：描述你的問題，例如「請申論暖化所帶來的影響」。
3. 新增評分準則：例如資料的正確性、文章的條理、資料的完整性等。
4. 設定同儕評分組件：例如繳交的時間、評分的時間等。
5. 測試問題：

步驟 1. 建立組件
要建立開放式問題評分組件你必須:
1. 在Studio，建立一個單元以建立開放式評分組件。
2. 在 新增組件, 點擊 問題, 點擊 進階 分頁, 在點擊同儕互評.
3. 再出現的問題組件中, 點擊 編輯.

步驟 2. 新增問題描述
要新增問題描述你必須:
1. 在開放式問題評分組件中, 點擊問題描述 分頁.
2. 新增問題描述在文字編輯欄位中。取代其中的預設文字。

新增格式化的文字或圖片在問題描述
目前，你無法新增格式化的文字或圖片在問題描述中。 如果你想要新增格式化的文字或圖片在你的問題描述中，你可以新增HTML組件並寫上你的文字再將他放在同儕評分組件上並把問題描述 分頁之文字刪除.關於同儕評分的描述將會以HTML組件的形式出現在 您的回覆 之上。
![2.3.12允許學生回應圖片](https://hackmd.io/_uploads/ryAGrr4VC.png)

允許學生回應圖片(可選的)
為了允許學生回應圖片你必須:
1. 在組件編輯器中，點擊 設定分頁.
2. 並在允許影像回覆, 選擇 是.

:::info
<font color="#f00">注意事項：</font>
- 此問題檔案必須為 .jpg 或 .png檔, 並寫它必須小於5 MB.
- 目前, 課程員工不能夠查看任何學生上傳的圖片。圖片是不可以在課程組件上查看的，並且它們也不會被包含在課程資料中。
- 你可以允許學生上傳圖片，但是你不能要求學生上傳圖片。
- 學生只能上傳一個圖片。所有回覆都必須有文字。學生不能只上傳圖片。
:::


步驟 3. 新增評分準則
在這個步驟, 你將要新增你的評分準則並且提供你的學生回饋選擇。
在以下步驟中，你必須將以你的文字取代預設的文字。
:::info
<font color="#f00">注意事項：</font>
所有的開放式問題評分包含一個回饋欄位在評分準則下面，以讓學生可以在評分後提供回饋。你也可以允許或是要求學生去提供回饋。 請參考以下的步驟 2.4。
:::
為了增加評分準則你必須:

- 在組件編輯器中，點擊 評分準則分頁.
- 在第一個 評分標準 部分中, 輸入名稱和描述文字以成為你的第一個評分標準。
- 在第一個 評分選項 部分中, 輸入名稱和說明文字與分數以成為你的第一個評分選項。
- 在下一個 評分選項 部分中，輸入名稱和說明文字與分數以成為你的這個評分選項。重複步驟4 為每個評分選項. 如果你需要新增評分選項點及增加評分選項。

- 下一步在此評分標準的回饋,選擇你想要的選項。
  - 如果你不需要學生提供此評分標準的回饋，選擇 `無`。
  - 如果你認為學生需要提供此評分標準的回饋，選擇 `需要`。
  - 如果你允許學生提供此評分標準的回饋，但是不是必須的選擇 `可選擇的`。
- 如果你需要加入更多的評分表準，點擊，在評分標準之後的 增加評分標準。並依照步驟2-6的指示以加入其餘的評分標準。


步驟4. 設定同儕評分組件
設定組件名稱與回應日期
要設定組件名稱與回應的開始與結束日期你必須:

- 在元件編輯器，點擊 `設定` 分頁。
- 在 `顯示名稱`, 輸入此評分元件的名稱。
- 在 `回覆開始日期` 和 `回覆開始時間`, 輸入你要讓學生可以開始回答問題的時間與日期。 注意:所有的時間都是以(UTC)為準。
- 在`回覆截止日期` 和 `回覆截止時間` , 輸入你要讓學生必須在之前回答問題的時間與日期。 注意:所有的時間都是以(UTC)為準。


:::info
<font color="#f00">注意事項：</font>
我們建議你設定回覆截止日期與時間在同儕評分截止日期與時間之前至少兩天。 如果回覆截止時間和同儕評分截止時間太靠近，當學生送出的回答的時間接近截止日期，其將沒有足夠時間以完成同儕評分。
:::


**選擇評分階段**
開放式問題評分可以包括學生訓練，同儕評分，和 自我評分步驟。 你能夠在自我評分之前加入同儕評分，反之亦然。
如果你加入學生訓練步驟，你必須加入一個同儕評分步驟。你也可以只加入一個自我評分步驟。 學生訓練步驟必須放在同儕評分與自我評分步驟之前。
要在問題中加入評分步驟必須:

- 在組件編輯器中點設定 分頁.
- 捲動頁面到高分的回覆 欄位之後.
- 找到下面標題:
  - 步驟: 學生練習。
  - 步驟: 同儕互評。
  - 步驟: 自我評量。
  - 再複選框中選擇你想要的評分步驟。
- (可選的) 如果你想改變評分步驟的順序，拖拉步驟到你想要的順序。如果包含學生練習步驟，請確保他在第一個步驟。

**指定步驟設定**
當你選擇你想要的步驟後，你必須指定這些步驟的設定。

:::info
<font color="#f00">注意事項：</font>
如果你改變了步驟設定，並且你又取消了此步驟的複選框，則此步驟將被取消並且你所做的設定將不會被儲存。
:::

**學生訓練**
在學生訓練步驟，你將要輸入你所建立的一個或多個回答，之後選擇為這些問題的每個評分標準選擇其選項。

:::info
<font color="#f00">注意事項：</font>
- 當你為學生訓練步驟選擇其評分選項之前，你必須輸入完整的評分準則在 評分準則 分頁。如果你改變了評分標準或評分選項，你將必須更新學生訓練步驟。
- 要加入並且為學生訓練回答評分你必須:
  - 找到 `步驟 : 學生練習` 之下的回覆與回覆評分 區域.
  - 在 `回覆` 區域, 輸入你的範例回答。
  - 在 `回覆評分`，選擇每個評分準則之選項。
:::



**同儕評分**
同儕評分
在同儕評分步驟，你將要指定每個學生必須評分的數目，與每個學生之回答所必須被評分的數目，以及開始與結束的日期，所有的欄位都是必填的。
為了指定同儕評分之設定你必須:

- 找到 `步驟 : 同儕互評` 區域。
- 在 `必需評分數` , 輸入每個學生必須評分的數目。
- 在 `被評價數` , 輸入每個學生之回答所必須被評分的數目。
- 在 `開始日期` and `開始時間` ,輸入學生可以開始進入同儕評分階段之時間與日期。 所有的時間都是以(UTC)為準。
- 在 `截止日期` and `截止時間`,輸入學生必須在之前完成同儕評分階段之時間與日期。 所有的時間都是以(UTC)為準。


**自我評分**
在自我評分步驟，你將要指定開始與結束的日期

- 找到 `步驟 : 自我評分` 區域。
- 在 `開始日期` and `開始時間` ,輸入學生可以開始進入自我評分階段之時間與日期。 所有的時間都是以(UTC)為準。
- 在 `截止日期` and `截止時間` ,輸入學生必須在之前完成自我評分階段之時間與日期。 所有的時間都是以(UTC)為準。


**顯示高分的回覆**
要允許學生看到高分的問題回覆，你必須指定這個數字在 `設定` 分頁。

- 在組件編輯器中點 `設定` 分頁.
- 在 `高分的回覆` 欄位， 指定出現在學生最終成績之下的高分回覆區域，你想讓學生看到的高分回覆數目 。如果你不想讓此區域險是給學生看，將其設為0。最高數為100。

:::info
<font color="#f00">注意事項：</font>
應為每個回覆被設為 300 pixels高度，我們建議你設這個數字在20之下，以防止頁面變得過長。
:::


步驟 5. 測試問題
為了測試你的問題，將你的問題模組建立在你的課程上，並將章節或小節之發佈日期設為未來的，並且以課程團隊的帳號去發出問題回覆並且對這些回覆評分。 這些測試可以讓你了解你的問題與評分準則是否能夠被理解，或是此問題有錯誤。


**老師評分**
(待新增)

2.3.2 分數計算
---
同儕互評的成績，系統會採各評分標準的中位數總和，作為學生最後的成績。
如下表，取得3組成績最後得到20分，而非平均值。

| 評分標準 | 分數1 | 分數2 |分數3 |中位數 |
| -------- | -------- | -------- |-------- |-------- |
| 創意(10分)     | 10     | 7     |8     | 8     |
| 內容(10分)     | 7     | 9     |8     | 8     |
| 語法(5分)     | 4     |4     |5     | 4     |
| 成績(25分)     |      |      |     | 20     |

2.4 進階應用
==
2.4.1 嵌入圖片的題型
---

在測驗題目中置入圖片：
1. 請將圖上傳。內容 > 檔案上傳
2. 記住以上傳的圖片"連結"
3. 新增題型。
4. 在各選項貼上語法與"連結"，語法如下範例。

```htmlmixed=
< img src="連結" alt="" type="saveimage" target="[object Object]" preventdefault="function (){r.isDefaultPrevented=n}" stoppropagation="function (){r.isPropagationStopped=n}" stopimmediatepropagation="function (){r.isImmediatePropagationStopped=n}" isdefaultprevented="function t(){return!1}" ispropagationstopped="function t(){return!1}" isimmediatepropagationstopped="function t(){return!1}" width="200" />
```

5. 完成如下：
![2.4.1嵌入圖片的題型](https://hackmd.io/_uploads/B1hm8rNVR.png)

:::info
<font color="#f00">語法補充</font>
您可以新增HTML文本，使用插入/編輯圖片，分別貼上圖的連結，按下HTML，即獲得您要的語法與連結。複製至測驗的問題/選項，即完成。
:::



2.4.2 圖形的考題設計
---
以下介紹兩種與圖型相關的考題設計
🎥[圖形測驗展示](https://youtu.be/suyOHCFqMB8)



**圖片對應輸入(image mapped input problem)**
考題如果與圖片有關，例如：請學生指出哪裡是南投縣，學生點擊到對的區域就給分。

步驟如下：
1. 上傳圖形檔。
2. 出題。
3. 標記答案區。

詳細說明如下:

1. 上傳圖形檔 點擊：`內容 >> Files & Upload`，上傳你的圖片題目。 注意圖型不宜過大與過小，大約 500 相素，檔名不可為中文。
2. 出題 `問題 >> 進階 >> 圖片點擊輸入`。進入後，把題目改成以下的內容。
3. 修改 `StrategyTest.png` 為你在第一步驟所上傳的圖片。

```htmlmixed=
<problem>
<p> 哪一個物件是屬於 Context? 請點擊該物件
</p>
  <imageresponse>
    <imageinput src="/static/StrategyTest.png(修改成上傳圖片名稱)"
    width="500" height="275" rectangle="(15,16)-(131,87)(答案區)" alt="Context"/>
  </imageresponse>
<solution>
  <div class="detailed-solution">
    <p>Explanation</p>
    <p>SortArray 在此將排序的工作委託給 SortStrategy, 因此他是 Strategy 樣式中的 Context 物件 </p>
  </div>
</solution>
</problem>
```

4. 標記答案區
透過 imagemap generator 工具，可以設定答案的區域，例如上面的 (15,16)-(131,87) 就是答案區。建議可以使用[Free Online Image Map Generator](https://www.image-map.net/)的線上工具。其中 (15,16)為區域左上角，(131,87) 為區域右下角。取得後，修改上一步驟的程式碼就完成了。


如果你的題目是多個矩形區域與非矩形區域，作法雷同，前者需加上每個矩形範圍，後者除了加上區域範圍之外，要將`rectangle`更為`regions`；範圍越精細，當然偵測的越精準。

多個矩形區域程式語法如下範例：
`
 rectangle="(62,94)-(262,137);(306,41)-(389,173);(89,211)-(187,410)"
`

非矩形區域程式語法如下範例：

`
 regions="[[219,86],[305,192],[305,381],[139,381],[139,192]]"
`

[官方手冊請參考](http://edx.readthedocs.io/projects/edx-partner-course-staff/en/latest/exercises_tools/image_mapped_input.html)


**圖片拖放對應輸入 (Drag and Drop)**
方式和上述題型很像，程式碼改為以下：

```htmlmixed=
<problem>
    <customresponse>
      <h3>Drag and Drop with Outline</h3>
      <p>Label the hydrogen atoms connected with the left carbon atom.</p>
        <drag_and_drop_input img="/static/StrategyTest.png" target_outline="true" one_per_target="true" no_labels="true" label_bg_color="rgb(222, 139, 238)">
              <draggable id="1" label="contex"/>
              <draggable id="2" label="strategy"/>
              <draggable id="3" label="ComcreteStrategy"/>
            <target id="t1" x="16" y="15" w="115" h="72"/>
            <target id="t2" x="215" y="14" w="115" h="72"/>
            <target id="t3" x="89" y="183" w="115" h="72"/>
            <target id="t4" x="229" y="182" w="115" h="72"/>
            <target id="t3" x="364" y="186" w="115" h="72"/>                    
        </drag_and_drop_input>
      <answer type="loncapa/python">
correct_answer = [{
    'draggables': ['1', '2', '3'],
    'targets': ['t1', 't2', 't3' ],
    'rule':'anyof'
}]
if draganddrop.grade(submission[0], correct_answer):
    correct = ['correct']
else:
    correct = ['incorrect']
        </answer>
    </customresponse>
</problem>
```

步驟如下：
1. 上傳圖形檔
- 內容 >> Files & Upload，上傳你的圖片題目
2. 出題
- 修改 drag_and_drop_input img 為你在第一步驟所上傳的圖片。
- 其中 draggable id 是你要「拖」的項目，是一段文字，寫在 label 上，例如上例的 contex
- 圖片中可被「放」的區域在 target 中，其中 x, y, w, h 分別代表 pixel 的座標與寬高，一樣可以用 imagemap generator 的工具來產生。
3. 標記答案區
- 有固定答案程式語法如下範例：
`
correct_answer = {'1':'t3','2':'t4', '3':'t1','4':'t2'}
`
- 無固定答案程式語法如下範例：
`
'draggables': ['1', '2', '3', '4'],
'targets': ['t3', 't4', 't1','t2' ],
`


2.4.3 Quiz in Video
---
在影片中，可以在指定時間內顯示單選題、複選題等基礎問題及進階問題，並能進行計分。
[詳細說明](https://docs.google.com/presentation/d/1V20_s_luIfFAJZcWGGJCAia6XHBzb8mc0BeqVHm5YvA/edit?usp=sharing)

2.4.4 問卷調查
---
本平台提供以下問卷方式:
1. 平台問卷。平台固定題目的問卷，教師無法編修題目。共分為課前問卷、課間問卷、課後問卷，教師可以可以設定開放日期。
2. Google表單。[2.3.6 Google 應用程式的應用](https://docs.google.com/document/d/1qlHKZHGG6EHlKbMxnwTC6fXzt7oQSbW058cgfjh57N0/edit#heading=h.25b2l0r)。


2.4.5 Google 應用程式的應用
---
Google 有許多應用程式是XBlocks的應用，XBlock 規範是一個組件架構設計，使其更容易地創建新的線上教育經驗。 XBlock 被用 Open edX ，其具有在教育的焦點開發的，該技術可以在一個單一的網頁上使用多個獨立的組件，並顯示這些組件在web應用中。

`
有哪些 Google 應用程式可以使用呢?
`

**Google Document**
在課程單元中，設置 Google文件，包括 Google 簡報、 Google 表單、 Google 試算表、 Google 文件等，只要依循以下步驟設定即可：

1. 啟動 Google文件功能。設定 > 進階設置。
![2.4.2Google Document](https://hackmd.io/_uploads/HkLU8S4VR.png)

2. 在進階模組列表，輸入 "google-document" （Google 文件）。 
![2.4.3Google Document02](https://hackmd.io/_uploads/S1T8IBNE0.png)

3. 新增課程組件，選擇進階的 Google Document。

4. 發佈文件到網路，並複製內嵌的 iframe 程式碼。
![2.4.4Google Document03](https://hackmd.io/_uploads/H1mvLrN4R.png)

5. 在 Embed Code 貼上 iframe 程式碼即完成。
![2.4.5Google Document04](https://hackmd.io/_uploads/BJYPUSNE0.png)

**Goole 行事曆**
在課程單元中，運用 Google行事曆，標記課程的各式各樣活動，以提醒學習者參與。依循以下步驟設定即可：

1. 啟動 Google文件功能。設定 > 進階設置。 
![2.4.6Goole 行事曆](https://hackmd.io/_uploads/HJZt8rV4R.png)

2. 共用行事曆，將以設置好的行事曆公開。

3. 回到「日曆詳細資料」，複製日曆 ID。 googlecalendar1

4. 在進階模組列表，輸入 "google-calendar" （ Google 日曆）。

5. 在 Publish Calendar ID 貼上日曆 ID 即完成。 googlecalendar3
![2.4.7Goole 行事曆02](https://hackmd.io/_uploads/H1LF8H4EC.png)

:::info
Q：請問可以運用在公佈欄嗎？
A：可以。在「日曆詳細資料」中，只要複製「嵌入此日曆」的程式碼，貼在新增的公告內，即可發表。
![2.4.8Goole 行事曆03](https://hackmd.io/_uploads/S1VTLrEEA.png)
:::

官方手冊請參考：[Google Document](http://edx.readthedocs.org/projects/edx-partner-course-staff/en/latest/exercises_tools/google_docs.html)

更多相關應用：[Word Cloud Tool](http://edx.readthedocs.org/projects/edx-partner-course-staff/en/latest/exercises_tools/word_cloud.html)

2.4.6 數學符號運用
---
如果題目中需要使用到數學符號，可以透過LaTex語法新增，每段數學公式需要前後分別加上"\("及"\)"，範例如下
</br>
![2.4.9數學式](https://hackmd.io/_uploads/Byh9Ur4NR.png)
</br>

2.4.7 Box 元件
---

1. 進階設定
從 Studio 的進階設定中找到進階模組列表，加入 box 元件。
![2.4.10進階設定](https://hackmd.io/_uploads/B1XAUBEN0.png)

2. 新增組件

回到課程大綱，在 `新增組件` 找到 `進階` 按鈕。
![2.4.11新增組件](https://hackmd.io/_uploads/HkCAUBNVR.png)

3. 新增 "External HTML"。


進入後選擇 `External HTML `。
![2.4.12新增 External HTML](https://hackmd.io/_uploads/Sy01DS4N0.png)

4. 嵌入外部網址

進入編輯模式，將要嵌入的外部網址貼上，URL 與 iframe 擇一輸入即可。
![2.4.13嵌入外部網址](https://hackmd.io/_uploads/rJnlwBE4R.png)

2.4.8 程式演示
---

1. 編輯程式碼
前往 [CodeTutor](https://codetutor.openedu.tw/visualize.html#mode=edit) 事先編輯好要演示的程式碼，點選左下角的 `Visualize Execution`。
![2.4.14編輯程式碼](https://hackmd.io/_uploads/BkIMDSEV0.png)

2. 產生 iframe 碼

點選產生 iframe code，並複製此網址。
![2.4.15產生 iframe 碼](https://hackmd.io/_uploads/SkjzDH44R.png)

3. 程式演示範例
將上一步的 iframe code 複製到 Box iframe 欄位後儲存離開，即可看到如範例圖片，使用者就能透過 `back` 與 `Forward` 控制程式，了解過程中各參數的變化。
![2.4.16程式演示範例](https://hackmd.io/_uploads/B1bXPHENA.png)

2.4.9 Online Judge
---

1. 前往 https://oj.openedu.tw/ ，先以中華開放教育平台帳號登入後，接著寄信到：[contact@openedu.tw](mailto:contact@openedu.tw)  ，內文請註明教師於中華開放教育平台上的信箱與使用Online Judge服務的課程名稱，審核通過後，工作人員會為您啟用權限。

2. 登入後，於右上角選擇後台管理。
![1右上角選擇後台管理](https://hackmd.io/_uploads/SkHwoHVER.png)

3. 在左側工具列選取增加題目。
![2在左側工具列選取增加題目](https://hackmd.io/_uploads/rygYorNE0.png)

4. 輸入問題顯示 id (建議使用英數字混合)，題目與輸入描述。
![3輸入問題顯示 id](https://hackmd.io/_uploads/HJ8YoHNVC.png)

接著設定程式記憶體限制，選擇程式語言(目前僅支援 Python)，輸入輸出格式的範例。
![4接著設定程式記憶體限制](https://hackmd.io/_uploads/S15YsSN4A.png)

接著選擇試題的類型為ACM/OI，並上傳testcase範例檔。(範例檔建立請參照附錄一)
![5選擇試題的類型為ACM](https://hackmd.io/_uploads/H1l5oHVVA.png)

全部設定完畢後，按下SAVE即可。

### 2.4.9.1  建立正確的testcase範例

1. 首先以記事本輸入程式的輸入資料，並將其命名為 1.in。
![6命名為 1.in](https://hackmd.io/_uploads/SkUqiBVER.png)


2. 接著到Python主控台打上 `python 1.py >   1.out`
   - 這命令的意思是將1.py執行的結果存到1.out。
![7Python主控台打上](https://hackmd.io/_uploads/Syjcjr4N0.png)


3. 將上述兩步驟的檔案，1.out ， 1.in壓縮成zip即可。(檔案名稱請使用<font color=#f00>英數字混合</font>)


2.4.10 Gift2Edx試題轉換系統
---
將Moodle的題目格式轉換為edX試題格式
針對4種題型進行轉換：單選體、多選題、是非題及簡答題。


若有該系統使用需求，請與平台聯繫。


2.4.11 LAB
---
一個集合各種互動模擬實驗教材的平台，支援成績回傳OpenEdu的功能，提供給老師與課程搭配使用。

**Education Gamification Lab**
改變現有的題目形式，以遊戲的方式呈現。
![SelectionGame](https://hackmd.io/_uploads/SkT9vH4NR.png)
[使用說明(開課)](https://hackmd.io/@OpenEdu/Hy6ghl1RI)

###### tags: `積學網開課操作手冊`