程式設計 程式設計程式設計 程式設計
4.3 使用者介面 使用者介面 使用者介面 使用者介面的 的 的 的設計 設計 設計 設計
在拍賣系統實作時,希望參與競標的競標者可以從網際網路上直接觀看與參與拍賣,
因此拍賣系統以網頁的方式呈現,賣方與所有買方都在此頁面上互動。競標者可以在拍賣 系統上註冊登入、競標和得知拍賣結果,而因本系統為雙方面都可以利用之系統,因此賣 方也可以在此系統上選擇直接得知拍賣結果與公佈結果。但本系統主要為研究何種拍賣模 式在調頻廣播電台執照拍賣較為適用所設計,因此主要的功能為考量拍賣情況、計算效率 與價格驗證,所以在使用者介面上僅提供有限的服務。
網頁的設計利用 JSP 伺服器技術以動態網頁的方式呈現,並使用 Tomcat 伺服器所提 供之虛擬目錄來進行測試與使用。在網頁的應用中有使用 JDBC-OBDC 建立資料來源的方 式連接資料庫,使用者可以在網頁中查詢資料庫的資料;爪哇應用程式,使用者可依選擇 得到拍賣結果,其網頁中的爪哇應用程式為 4.2 節所示之內容。因此在本節內容分為兩部 分,第一部分為拍賣系統架構與規範測試,在 4.3.1 節說明。第二部分為標單設計,在 4.3.2 節說明。
4.3.1 拍賣 拍賣 拍賣系統架構 拍賣 系統架構 系統架構 系統架構與規範測試 與規範測試 與規範測試 與規範測試
將資料庫與爪哇應用程經過初始化的設定後,即可應用拍賣系統上進行拍賣流程與結 果的測試。在拍賣網頁裡共分為三個區域,在網頁最上方為帳戶區,讓使用者可以登入帳 戶與查詢帳戶的使用情況,在網頁左方為功能區,競標者可以選擇所不同的競標模式,而 賣家可以選擇觀看不同機制拍賣下的拍賣結果,在網頁右方為操作區,用以顯示功能區或 帳戶區的資料,其拍賣網頁之首頁由圖 4.15 所示。
圖 4.15 拍賣網頁主頁
44
在拍賣網頁的首頁共有三個頁面,分別為 top、main 與 menu,因此由首頁可以任意進 入三個頁面,而在每個分頁中可有其功能。接下來將測試拍賣網頁,可以經由中國郵差定 理的方式測試此拍賣網頁,若由首頁開始無須加上任何路徑及可以以一筆畫的方式經過所 有頁面,由圖 4.16 所示。
圖 4.16 拍賣網頁之連接關係
4.3.2 拍賣標單設計 拍賣標單設計 拍賣標單設計 拍賣標單設計
使用者可以由首頁進入拍賣系統,登入拍賣系統後依照權限進行競標或是觀看結果。
由功能區裡的競標組合代碼選單下可以進入不指定頻率與指定頻率的拍賣模式;進入其一 模式中可以查詢到此次拍賣中的可競標組與其代碼,由圖 4.17 所示。在圖 4.17 裡總共有 三階層而其中每節點的競標組合即包含下一階層的競標物,例如北區即為基隆、台北、桃 園和新竹四個地區。了解各拍賣細節後,可進功能區投標選單下選擇進入投標,進入頭面 頁面後,標單上有回合數、競標者 ID、競標組合 ID、出價、出價時間欄位,其中競標組 合欄位須要以下面樹狀結構的選單點選輸入,而帳號、回合、時間欄位為隱藏狀態不允許 修改。投標後會進入確認投標頁面,則在此頁面可以看到使用者的回合數、帳號、時間資 料,確認後即完成投標。在確認投標後因與資料庫連結,若競標組合 ID 不符先前已建競 標組合資料表時則為投標失敗,此為資料庫中邏輯上的錯誤,則會顯示投標失敗及原因。
投標頁面由圖 4.18 所示。
圖 4.17 競標組和代碼頁面
圖 4.18 投標頁面
在競標者權限上,同一個競標者只能對一樣競標組合投標,因此在競標頁面中也加入 了競標者的限制,若競標者已對此種模式下的拍賣進行競標,經連結資料庫比對競標人 ID 後,即可確認競標者已參與競標則無法再對此拍賣進行投標,無法投標頁面由圖 4.19 所 示。
46
圖 4.19 競標者已投標頁面