第三章 系統架構
3.2 系統架構
3.2.4 文章結構分析介面
29
圖3-12：修改操作畫面
b. 儲存完成修改內容
如圖3-13 粗體線所示，為修改過後之內容，確認填寫內容無誤後，點選 Next Step 按鈕，第一步驟所填寫之內容將上傳至資料庫，不能再做修改動作。
圖3-13：儲存修改內容畫面
30
contrast）、描述文體（description）、記敘文體（narration）。以下將針對此步驟功 能做完整的說明。
z 判斷文章之文體
圖3-14：選擇文章文體畫面
功能說明：
¾ Operating manual 操作說明：點選進入操作說明網頁，提供使用者隨 時查詢。
¾ 下拉式選單：有五種文體可供使用者判別，後面會再做詳細介紹。
此步驟會將第一步驟的結果畫面一併帶出給使用者觀看，使用者便可直接參 考先前自己對各段落分析重點來做文章文體的判斷。
z 文章文體介紹
以下將針對傳記體、因果關係文體、比較和對比文體、描述文體、記敘文體 等五種文體做詳細介紹。
a. Biography（傳記體）：傳記體填寫內容為 Time(時間) 和 Event(事件)，
也就是說使用者必須找出文章中每個時間所發生的事件，例如：1957 年 出生、一星期前媽媽去世等等，1957 年和一星期前即為 Time，出生和媽 媽去世即為Event，此步驟可以充分的讓使用者了解整篇文章的內容。
31
圖3-15：傳記文體畫面 功能說明：
¾ Add 按鈕：點選按鈕可動態新增 Time(時間) 和 Event(事件)。
¾ Delete 按鈕：點選按鈕可動態刪除 Time(時間) 和 Event(事件)。
¾ Submit 按鈕：點選按鈕送出資料。
輸入完內容後，點選 Submit 按鈕送出資料。
傳記體操作畫面
(1) 點選 Submit 按鈕後畫面
點選Submit 按鈕後，進入確認內容畫面，此畫面一樣會將先前第一步驟的
資料一併帶出，讓使用者做最後的確認(如圖3-16)。
32
圖3-16：傳記文體輸入內容確認畫面 功能說明：
¾ Modify 按鈕：點選按鈕可回到判斷文體畫面做內容修改動作。
¾ Submit 按鈕：點選按鈕送出最後確認資料。
點選Submit 按鈕後，第二步驟所填寫之內容將上傳至資料庫，不能再做修
改動作，所以使用者必須在此步驟確認填寫內容無誤。
(2) 最終畫面
點選 Submit 按鈕後，會出現是否送出的提示框，請點選確定(如圖 3-17)。
點選確定後，此畫面即為最終畫面(如圖 3-18)，代表文章閱讀編輯完成，最後使 用者直接將視窗關閉結束即可。
圖3-17：點選 Submit 按鈕後畫面
33
點選確定後畫面：
圖3-18：完成文章閱讀畫面
b. Cause and Effect（因果關係）：在我們的日常生活中，很容易看見一些 行動或事件導致其它事件發生。舉例來說，當你在早晨睡過頭的時候（原 因），你可能導致工作或上學遲到（結果）。一篇因果關係的文章有可能 會有四種組織型態，如下圖3-19 所示。使用者閱讀文章後，判斷出是哪 種組織型態，再根據選擇的組織型態完成文章結構分析。
圖3-19：因果關係文體畫面 功能說明：
¾ 點選按鈕：閱讀完文章後，請根據內容判斷點選文章所對應的組織型
34
態。
因果關係文體操作畫面：組織型態 1 (1) 組織型態 1 (如圖 3-20)
圖3-20：因果關係文體組織型態 1 畫面 功能說明：
¾ Add 按鈕：點選按鈕可動態新增 Cause(原因)。
¾ Delete 按鈕：點選按鈕可動態刪除 Cause(原因)。
¾ Submit 按鈕：點選按鈕送出資料。
輸入完內容後，點選Submit 按鈕送出資料。
(2) 點選 Submit 按鈕後畫面
點選Submit 按鈕後，進入確認內容畫面，此畫面會將使用者所選擇的組織
型態資料一併帶出，讓使用者做最後的確認。
35
圖3-21：因果關係文體組織型態 1 輸入內容確認畫面 功能說明：
¾ Modify 按鈕：點選按鈕可回到判斷文體畫面做內容修改動作。
¾ Submit 按鈕：點選按鈕送出最後確認資料。
點選Submit 按鈕後，第二步驟所填寫之內容將上傳至資料庫，不能再做修
改動作，所以使用者在此步驟必須確認填寫內容無誤。
(3) 最終畫面
點選 Submit 按鈕後，會出現是否送出的提示框，請點選確定(如圖 3-22)。
圖 3-23 畫面即為最終畫面，代表文章閱讀編輯完成，最後使用者直接將視窗關 閉結束即可。
36
圖3-22：因果關係文體組織型態 1 點選 Submit 按鈕後畫面
點選確定後畫面：
圖3-23：因果關係文體組織型態 1 完成文章閱讀畫面
37
因果關係文體操作畫面：組織型態 2 (1) 組織型態 2(如圖 3-24)
圖3-24：因果關係文體組織型態 2 畫面 功能說明：
¾ Add 按鈕：點選按鈕可動態新增 Cause(原因)。
¾ Delete 按鈕：點選按鈕可動態刪除 Cause(原因)。
¾ Submit 按鈕：點選按鈕送出資料。
輸入完內容後，點選Submit 按鈕送出資料。
(2) 點選 Submit 按鈕後畫面
點選Submit 按鈕後，進入確認內容畫面，此畫面會將使用者所選擇的組織
型態資料一併帶出，讓使用者做最後的確認。
38
圖3-25：因果關係文體組織型態 2 輸入內容確認畫面 功能說明：
¾ Modify 按鈕：點選按鈕可回到判斷文體畫面做內容修改動作。
¾ Submit 按鈕：點選按鈕送出最後確認資料。
點選Submit 按鈕後，第二步驟所填寫之內容將上傳至資料庫，不能再做修
改動作，所以使用者在此步驟必須確認填寫內容無誤。
(3) 最終畫面
點選 Submit 按鈕後，會出現是否送出的提示框，請點選確定(如圖 3-26)。
圖 3-27 畫面即為最終畫面，代表文章閱讀編輯完成，最後使用者直接將視窗關 閉結束即可。
39
圖3-26：因果關係文體組織型態 1 點選 Submit 按鈕後畫面
點選確定後畫面：
圖3-27：因果關係文體組織型態 2 完成文章閱讀畫面
因果關係文體操作畫面：組織型態 3 (1) 組織型態 3(如圖 3-28)
40
圖3-28：因果關係文體組織型態 2 畫面 功能說明：
¾ Add 按鈕：點選按鈕可動態新增 Cause(原因)。
¾ Delete 按鈕：點選按鈕可動態刪除 Cause(原因)。
¾ Submit 按鈕：點選按鈕送出資料。
輸入完內容後，點選Submit 按鈕送出資料。
(2) 點選 Submit 按鈕後畫面
點選Submit 按鈕後，進入確認內容畫面，此畫面會將使用者所選擇的組織
型態資料一併帶出，讓使用者做最後的確認。
41
圖3-29：因果關係文體組織型態 3 輸入內容確認畫面 功能說明：
¾ Modify 按鈕：點選按鈕可回到判斷文體畫面做內容修改動作。
¾ Submit 按鈕：點選按鈕送出最後確認資料。
點選Submit 按鈕後，第二步驟所填寫之內容將上傳至資料庫，不能再做修
改動作，所以使用者在此步驟必須確認填寫內容無誤。
(4) 最終畫面
點選 Submit 按鈕後，會出現是否送出的提示框，請點選確定(如圖 3-30)。
圖 3-31 畫面即為最終畫面，代表文章閱讀編輯完成，最後使用者直接將視窗關 閉結束即可。
42
圖3-30：因果關係文體組織型態 3 點選 Submit 按鈕後畫面
點選確定後畫面：
圖3-31：因果關係文體組織型態 3 完成文章閱讀畫面
43
因果關係文體操作畫面：組織型態 4 (3) 組織型態 4(如圖 3-32)
圖3-32：因果關係文體組織型態 4 畫面 功能說明：
¾ Add 按鈕：點選按鈕可動態新增 Cause(原因)。
¾ Delete 按鈕：點選按鈕可動態刪除 Cause(原因)。
¾ Submit 按鈕：點選按鈕送出資料。
輸入完內容後，點選Submit 按鈕送出資料。
(4) 點選 Submit 按鈕後畫面
點選Submit 按鈕後，進入確認內容畫面，此畫面會將使用者所選擇的組織
型態資料一併帶出，讓使用者做最後的確認。
44
圖3-33：因果關係文體組織型態 4 輸入內容確認畫面 功能說明：
¾ Modify 按鈕：點選按鈕可回到判斷文體畫面做內容修改動作。
¾ Submit 按鈕：點選按鈕送出最後確認資料。
點選Submit 按鈕後，第二步驟所填寫之內容將上傳至資料庫，不能再做修
改動作，所以使用者在此步驟必須確認填寫內容無誤。
(5) 最終畫面
點選 Submit 按鈕後，會出現是否送出的提示框，請點選確定(如圖 3-34)。
圖 3-35 畫面即為最終畫面，代表文章閱讀編輯完成，最後使用者直接將視窗關 閉結束即可。
45
圖3-34：因果關係文體組織型態 4 點選 Submit 按鈕後畫面
點選確定後畫面：
圖3-35：因果關係文體組織型態 4 完成文章閱讀畫面
46
c. Comparison and Contrast（比較和對比關係）︰比較和對比的寫作是用 來表達二個或者更多個的人、地方、事物、想法或經驗是相似的（比較）
或不同的（對比）的部份。舉例來說，廣告商用競爭者的產品比較和對 比他們自己的產品，使我們相信他們的產品是比其他的業者快速、較強 壯，或更好的。一篇比較和對比關係的文章有可能會有兩種組織型態，
如下圖所示，使用者閱讀文章後，判斷出是哪種組織型態，再根據選擇 的組織型態完成文章結構分析。
圖3-36：比較和對比關係文體畫面
功能說明：
¾ Subject A：文章中例如有 AB 兩項做比較和對比，其中的物件 A。
¾ Subject B：文章中例如有 AB 兩項做比較和對比，其中的物件 B。
¾ Selecting organizational style：閱讀完文章後，請根據內容判斷點選文 章所對應的組織型態。
比較和對比關係操作畫面：A ll A, All B (1) All A, All B 畫面
47
圖3-37：比較和對比關係文體 All A, All B 畫面
功能說明：
¾ Add 按鈕：點選按鈕可動態新增 Subject A 和 Subject B。
¾ Delete 按鈕：點選按鈕可動態刪除 Subject A 和 Subject B。
¾ Submit 按鈕：點選按鈕送出資料。
輸入完內容後，點選Submit 按鈕送出資料。
(2) 點選 Submit 按鈕後畫面
點選Submit 按鈕後，進入確認內容畫面，此畫面會將使用者所選擇的組織
型態資料一併帶出，讓使用者做最後的確認。
48
圖3-38：比較和對比關係文體 All A, All B 輸入內容確認畫面 功能說明：
¾ Modify 按鈕：點選按鈕可回到判斷文體畫面做內容修改動作。
¾ Submit 按鈕：點選按鈕送出最後確認資料。
點選Submit 按鈕後，第二步驟所填寫之內容將上傳至資料庫，不能再做修
改動作，所以使用者必須在此步驟確認填寫內容無誤。
(3) 最終畫面
點選Submit 按鈕後，會出現是否送出的提示框，請點選確定(如圖 3-39)。
圖3-40 畫面即為最終畫面，代表文章閱讀編輯完成，最後使用者直接將視窗關 閉結束即可。
49
圖3-39：比較和對比關係文體 All A, All B 點選 Submit 按鈕後畫面
點選確定後畫面：
圖3-40：比較和對比關係文體 All A, All B 完成文章閱讀畫面
50
比較和對比關係操作畫面： AB/AB/AB (1) AB/AB/AB 畫面
圖3-41：比較和對比關係文體 AB/AB/AB 畫面
功能說明：
¾ Add 按鈕：點選按鈕可動態新增 Subject A 和 Subject B。
¾ Delete 按鈕：點選按鈕可動態刪除 Subject A 和 Subject B。
¾ Submit 按鈕：點選按鈕送出資料。
輸入完內容後，點選Submit 按鈕送出資料。
(1) 點選 Submit 按鈕後畫面
點選Submit 按鈕後，進入確認內容畫面，此畫面會將使用者所選擇的組織
型態資料一併帶出，讓使用者做最後的確認。