Learning Module

圖 3-24：建置人物、地點、時間、行為／屬性的介面

圖 3-25：建置空間物件關係的介面

角色為學生。另外，張准榕（2006）於實驗分析時曾提到，歷史專家皆認為在歷 史教學上若以「左史右圖」的方式呈現時，較易給予學習者完整的幫助。所以在 本系統中，改良了原本地圖在左，敘述在右的呈現方式（圖 3-26），而改以令學 習者們較易吸收知識的介面呈現（圖 3-27）。

圖 3-26：HES-SPATO Learning Module 介面（張准榕，2006）

圖 3-27：本系統 Learning Module 介面

學生仍可透過系統介面學習整合了歷史人物、地點、時間的課程，並隨著時 間的演變，從地圖中的人物、路線變化，以及相關的敘述說明中，學習到教學者 欲教授的歷史知識。而本研究為了降低 HES-SPATO 在地圖處理上的反應時間，

並能即時呈現空間物件間的變化，採用 2.8 節中所探討的 AJAX 和 VML 以做出 新的介面，使得本系統在地圖的部分能夠更加快速、便利。圖 3-28 說明本系統 Learning Module 的組成介面。

圖 3-28：Learning Module 組成說明

1. 時間軸：顯示事件的起始時間、終止時間，以及現在畫面的時間點。

2. 事件標題：在這部份將顯示目前動態事件所屬的標題。

3. 地圖：此部分與區塊(8)相互搭配，學習者可自行選擇要呈現的地名類 別。學習者可透過此部分的呈現觀察出人物、空間物件間的變化。

4. 人物：事件中的角色，隨著角色的移動將有移動路徑的產生。

5. 即時訊息：這部份將提示學習者目前畫面中的關鍵描述，將隨著時間變 動而有不同的關鍵描述句子。

6. 地圖控制區塊：可任意平移或是放大縮小地圖的顯示。

7. 時間控制區塊：學習者可選擇動態事件自動播放，亦可選擇手動播放動 態。

8. 地圖圖層控制區塊：與區塊(3)相互搭配，學習者可自行選擇要呈現的地 名類別。

9. 其他相關資訊：本系統提供七種不同媒體資訊在同一畫面呈現，另外也 可讓使用者選擇同時呈現多項事件動態。相關的資訊將於此區塊中呈現。

另外，在本系統中 Learning Module 的介面裡，學習者們也將隨著時間的演 變看出空間物件的變化。以表 3-1 所整理出的南郡做為空間物件變化的舉例說明：

1. 西元 106BC – 西元 208/8（編號 2，屬漢）：由漢武帝新置（圖 3-29）。

圖 3-29：南郡（編號 2，屬漢）

西 漢 時所 新 置

2. 西元 208/8 – 西元 208/12（編號 12，屬曹魏）：由曹操改隸並析置（圖 3-30）。

圖 3-30：南郡（編號 12，屬曹魏）

3. 西元 208/12 – 西元 208/12（編號 21，屬曹魏；編號 23，屬南郡）：赤壁 之戰結束後，南郡析置成一半（圖 3-31）。

圖 3-31：南郡（編號 21，屬曹魏；編號 23，屬南郡）

曹 操改 隸

，並 析 置成 襄 陽、 臨 江

赤 壁 之戰 後

，南 郡 一分 為 二

4. 西元 209 – 西元 210（編號 30，屬孫吳）：由孫權併置取得南郡所有權（圖 3-32）。

圖 3-32：南郡（編號 30，屬孫吳）

5. 西元 210 – 西元 219/11（編號 31，屬蜀漢）：劉備向孫權借南郡（圖 3-33）。

圖 3-33：南郡（編號 31，屬蜀漢）

孫 權 併置 南 郡

南 郡改 隸 為蜀 漢

6. 西元 219/11 – 西元 280/6（編號 47，屬孫吳）：關羽失荊州，南郡改隸為 孫吳佔領（圖 3-34）。

圖 3-34：南郡（編號 47，屬孫吳）