第四章、 系統架構設計
4.3 系統畫面與例子
這一節將使用本系統來展示操作畫面與流程，分四個例子，帳號與專案的建立、多 媒體創意收集、創意討論、創意評量。鑒於豐田推出 100%乙醇動力車混合車銷售破百 萬，加上環保意識的抬頭與能源轉換為未來的趨勢，因此已「節能汽車」為主題，進行 範例示範。
(一). 例子一為管理者 admin 進行「帳號與專案的建立」的例子(見表 4)。管理者建立使 用者 kalil01 並設定為 Energy Saving Car 專題的負責人，同時，設定專題的關鍵分 類。
表 4 帳號與專案的建立 步驟
順序
系統畫面 說明
1
管理者 admin 進入登入畫面：管理者輸入帳號密碼進入系統。
2
進入會員管理頁面：管理者建立新使用者：「kalil01」的帳號密 碼並設定 kalil01 無管理權限。
3
進入專案管理頁面：管理者建立新專案：Energy Saving Car。
負責人設定為 kalil01。
在專案描述上輸入：「這是一個創造一台節 能汽車的測試專案」。
4
進入關鍵字管理頁面：輸入 Energy Saving Car 的主要關鍵分類，
分別為 Energy、Shape、Assist。
5
進入 Energy 子關鍵字管理頁面：輸入 Energy 的子關鍵分類，分別為 Hybrid、
Natural、Other。
6
進入 Shape 子關鍵字管理頁面：輸入 Energy 的子關鍵分類，分別為 Future、
SUV、Normal。
7
進入 Assist 子關鍵字管理頁面：輸入 Energy 的子關鍵分類，分別為 System、Design、Function。
8
進入增加會員頁面：新增 Energy Saving Car 的成為三名，
kalil、kalil02、TEL0939。
(二). 例子二為使用者 kalil 第一次進行「多媒體創意收集」的例子(見表 5)。使用者第一 次使用創意點子收集系統，因外在環境與事物引發創意，藉由系統進行創意收集，
使用圖片、影像、聲音等形式進行紀錄。
表 5 多媒體創意收集 步驟
順序
系統畫面 說明
1
使用者 kalil 到戶外場所，進行戶外的創意收集。
2
使用者 kalil 輸入主機 IP 位置：120.108.204.102(只需在第一次操作) 。
3
使用者 kalil 輸入帳號密碼登入系統。4
使用者 kalil 選擇 Energy Saving Car 專案，卡片名稱使用亂數號碼 no.6115745，並且輸 入卡片訊息：「我要引擎內可以有風力轉 換」。
5
在專案互動頁面中選擇新增創意卡片。6
進入創意卡片主頁面，使用者 kalil 依序選擇了圖片、影片、影訊，來紀錄創意。
7
使用者使用拍照功能，用圖片的型態記錄創意。
7
使用者 kalil 拍攝照片，以圖片的形式記錄創意，希望車子內的引擎有風力轉換的功能。
8
使用者 kalil 錄製影片，同時將自己的影像、聲音錄製進去，內容表示：希望車子內的引 擎有風力轉換的功能。
9
使用者 kalil 錄製音訊內容：「希望車子內的引擎可以有風力轉換的功能，行進中，空氣 直接轉換成能量，成為風力發電的節能汽 車」。
10
使用者 kalil 選擇這次創意卡片的主關鍵分類為 Energy，次關鍵分類為 Natural。
11
使用者進入上傳頁面，按下上傳按鈕進行上傳至 Web Server。
(三). 例子三為使用者 kalil 使用創意發想會議進行「創意討論」的例子(見表 6)。使用者 身分驗證後，選擇這次專案 Energy Saving Car，進入創意策略選擇視窗，依序使用 自由聯想、創意密碼、心智圖，三個策略進行創意討論並上傳，並在討論中觀看修 改創意卡片的內容。
表 6 使用發想會議進行創意討論 步驟
順序
系統畫面 說明
1
使用者 kalil 輸入帳號密碼核對身分。2
身分核對後，出現屬於 kalil 的專屬專案，選擇這次專案 Energy Saving Car，進入創意策略選擇視窗。
3
使用者 kalil 依序使用自由聯想、創意密碼、心智圖，三個策略進行創意討 論。
4
使用者 kalil 選定組合的優先權順序。5
使用者 kalil 進入自由聯想策略討論視窗，並且討論出兩個結論：「節能 汽車能源是靠風力啟動，車身具有未 來感並且藉由微電腦機器人處理能 源的轉換提高節能的成效」、「行進中 藉由未來感的特殊造型與微電腦控 制將風力轉換成能源」。
6
使用者 kalil 進入創意密碼策略討論視窗，並且討論出兩個結論：「太陽 能發電並且直接鑲嵌在具有未來感 的車行上，藉由微電腦控制將能源傳 遞」、「具有雙能源引擎太陽能作為輔 助鑲在流線型的造型上靠微電腦自 動判斷太陽能啟動與否」。
7
與會人士 kalil01 希望可以看到卡片名稱 no.6115745 的實際大小的圖 片，按下觀賞卡片的按鈕進行觀看，
並且修改卡片的內容。
8
使用者 kalil 進入心智圖策略討論視 的例子(見表 7)。評量老師身分驗證後，選擇這次專案 Energy Saving Car，進入後先 觀看每組創意卡片上傳時間，是否每天都有進行，並且抽查某一組人員是否都有進2
評量老師觀看每組創意卡片上傳時 間，是否每天都有進行。3
評量老師抽查某一組人員是否都有進行創意收集。
4
評量老師尚未評量前，觀看創意並且，紅色框顯示為評分時的狀態。
5
評量老師評量完後，紅色框出現評量完後的分數。