店家網頁版人機介面

首頁

如圖 5.2.A 為首頁頁面，當店家 使用者使用此系統，則會顯示此首 頁。

圖 5.2.A 首頁頁面

註冊會員

(a) (b) (c)

圖 5.2.B 註冊店家會員頁面

99 逢甲大學學生報告 ePaper(2014 年)

圖 5.2.B 為註冊店家會員頁面，當店家使用者尚未註冊會員的話，則店家 須到註冊會員頁面，圖(a)，輸入資料，資料都有規則：1.有「*」為必填、2.

帳號密碼皆必須大於 5 碼，但帳號密碼不能一樣、3.密碼必須與在輸入一次密碼 一樣、4.店家編號必須為 4 碼，但不能為「0000」；如果都有符合規則，系統則 新增店家會員並將頁面跳至圖(b)，如果有不符的話，那系統將顯示註冊失敗之 原因，例如圖(c)。

登入會員

(a) (b) (c)

圖 5.2.C 登入店家會員頁面

圖 5.2.C 為登入店家會員頁面，當店家註冊過並在首頁登入，若成功，系統

100 逢甲大學學生報告 ePaper(2014 年)

按鈕，頁面將跳至圖(b)，供店家使用選單；但若登入失敗，系統將跳至圖(c)。

新增美食

(a) (b)

(c)

圖 5.2.D 新增美食頁面

圖 5.2.D 為新增美食頁面，當使用者點選「新增美食」的按鈕，則頁面將跳 至圖(a)，店家使用者將可以輸入新增美食資料，而每個欄位都有規則：1.不能 空白、2.價錢必須為數字、3.推薦只是必須介於 1~5，如果都無誤，系統將新增 美食並將頁面跳至圖(b)；如有錯誤的話，則會顯示失敗之原因，例如圖(c)。

101 逢甲大學學生報告 ePaper(2014 年)

修改美食

(a) (b)

(c) (d)

(e)

圖 5.2.E 修改美食頁面

圖 5.2.E 為修改美食頁面，當使用者點選「修改美食」的按鈕，則頁面將跳 至圖(a)，店家使用者將可以選擇需要修改的美食，選擇完系統將跳至圖(b)，給 店家使用者輸入所需要修美食值，而規則為：1.不能空白、2.價錢必須為數字；

102 逢甲大學學生報告 ePaper(2014 年)

食資料並頁面將跳至圖(d)；如果有錯誤的話，則系統將跳至圖(e)。

刪除美食

(a) (b)

(c)

圖 5.2.F 刪除美食頁面

圖 5.2.F 為刪除美食頁面，當使用者點選「刪除美食」的按鈕，則頁面將跳 至圖(a)，店家使用者將可以選擇需要刪除的美食，選擇完系統將跳至圖(b)，再 次向店家使用者確認，如果無誤的話，系統將刪除此美食資料並頁面將跳至圖 (c)。

103 逢甲大學學生報告 ePaper(2014 年)

修改會員密碼

(a) (b)

(c)

圖 5.2.G 修改會員密碼頁面

圖 5.2.G 為修改會員密碼頁面，當使用者點選「修改會員密碼」的按鈕，則 頁面將跳至圖(a)，系統將要求店家使用者輸入舊密碼與新密碼，而規則為：1.

舊密碼與新密碼必須大於 5 碼、2.新密碼不能跟帳號與舊密碼一樣；如果輸入無 誤，系統將修改店家會員密碼並頁面將跳至圖(b)；如果有錯誤，系統將顯示失 敗之原因，例如圖(c)。

104 逢甲大學學生報告 ePaper(2014 年)

修改會員資料

(a) (b)

圖 4.2.1.H 修改店家資訊頁面

圖 4.2.1.G 為修改會員密碼頁面，當使用者點選「修改店家資訊」的按鈕，

則頁面將跳至圖(a)，系統將把先前店家資訊顯示在框裡提供店家店家修改，而 規則為：「*」不能空格；如果輸入無誤，系統將修改店家會員資訊並頁面將跳至 圖(b)。

登出會員

圖 4.2.1.I 為登出會員頁面，當使用者 點選「登出」的按鈕，則頁面將跳圖 4.2.1.I 並且系統將手機資料庫中店家資料庫刪除。

圖 4.2.1.I 登出會員頁面

105 逢甲大學學生報告 ePaper(2014 年)