第五章 人機介面與系統評估
5.1 手機端人機介面
5.1.6 會員中心
凡是在「會員中心」裡的作業皆需要需要網路連線,若使用者尚未設定連線,
將提示告知。如圖 5.1.6.A 為會員中心頁面。
使用者可以在此「會員登入」、「會員註冊」、「修改資料」、「會員登出」,等 作業。
會員註冊:使用者透過此功能來註冊成為一般會員或店家會員。
會員登入:使用者透過此功能取得部分功能的權限。
修改資料:必須經由「會員登入」取的權限,才能進行修改作業。
若登入身分為:
一般會員:只能進行修改會員資料。
店家會員:可以進行修改會員資料、修改店家資料、新增美食資料、
修改美食資料、刪除美食資料、刪除店家資料。
82 逢甲大學學生報告 ePaper(2014 年)
圖 5.1.6.A 會員中心
會員註冊
(a) (b) (c)
(d) (e) (f)
83 逢甲大學學生報告 ePaper(2014 年)
圖 5.1.6.B 會員註冊
如圖 5.1.6.B 所示,圖(a)中,「是否為店家」欄位選擇否,則為一般會員的 會員註冊畫面;相反地,圖(b)與圖(c)則為店家會員。
在一般會員中,只要輸入帳號、密碼、性別、生日、是否為店家(欄位資料 的目的可參考第三章)即可;而店家會員就必須多輸入店帳號、店名、電話、地 址、簡介等,其中當使用者輸入有效地址後,經度與緯度會自動生成。電話與簡 介可以不用輸入。
當使用者輸入完成後,點擊「下一步」時,系統會先連線到遠端伺服器來確 認帳號、店帳號是否有重複,若確認無誤才進入到確認資料頁面,一般會員如圖 (d),店家會員如圖(e)、圖(f)。最後確認資料無誤後,點擊「確認」按鈕,才 將會員資料儲存至遠端伺服器,並顯示成功畫面,如圖 5.1.6.C。
84 逢甲大學學生報告 ePaper(2014 年)
圖 5.1.6.C 註冊成功
會員登入
(a) (b) (c)
85 逢甲大學學生報告 ePaper(2014 年)
(d) (e)
圖 5.1.6.D 會員登入
如圖 5.1.6.D 所示,圖(a)為會員登入,若成功登入則跳出成功訊息,如圖 (b),若失敗則顯示錯誤訊息,如圖(c)。
當使用者點擊確認後,系統會跳至目錄首頁,再次進入會員中心時,圖(d) 為一般會員的使用介面;圖(e)為店家會員的使用介面,以下介紹各功能。
修改會員資料
86 逢甲大學學生報告 ePaper(2014 年)
(d) (e) (f)
圖 5.1.6.E 修改會員資料
如圖 5.1.6.E 所示,圖(a)為一般會員只能修改密碼;圖(b)為店家會員除了 可以修改密碼、地址、電話以及簡介之外,另外還特地設置了「捨棄店家」,此 功能將在稍後介紹。當使用者修改資料完成後,點擊「下一步」進入確認畫面,
一般會員如圖(d)所示;店家會員如圖(e)、圖(f)所示。
87 逢甲大學學生報告 ePaper(2014 年)
使用者點擊「確認」
後系統將資訊傳送到遠 端伺服器,若驗證成功,
傳回手機顯示成功訊 息,並將使用者登出如圖 5.1.6.F 所示。
圖 5.1.6.F 修改會員資料成功
捨棄店家
(a) (b) (c)
圖 5.1.6.G 捨棄店家
如圖 5.1.6.G (a)所示,當店家會員點選「捨棄店家」時,系統會跳出警告 視窗,若使用者點選「確定」後,頁面會呈現如圖 5.1.6.G (b)所示,身分由「店
88 逢甲大學學生報告 ePaper(2014 年)
出刪除店家的要求,並且把所有與該店家相關的美食都刪除。之後步驟可以參考 本節「會員註冊」。
新增美食
(a) (b) (c)
圖 5.1.6.H 新增美食
如圖 5.1.6.H (a)所示,店家必須輸入美食名稱、種類、價格、推薦指數,
為資料數據,當點擊「下一步」時會呈現圖(b)畫面,確認資料無誤後點擊「確 認」,系統傳送資料給伺服器驗證美食資訊,若驗證成功伺服器會傳送成功訊息 給手機,如圖(c)所示。
89 逢甲大學學生報告 ePaper(2014 年)
瀏覽美食
(a) (b) 如圖 5.1.6.I (a)所
示,瀏覽美食為該店家所有 的美食清單,若使用者點擊 其中一個美食,系統會跳出 內文目錄,如圖 5.1.6.I (b)所示。
圖 5.1.6.I 瀏覽美食
修改美食
(a) (b) (c)
圖 5.1.6.J 修改美食
90 逢甲大學學生報告 ePaper(2014 年)
圖 5.1.6.J (a)所示,修改欲改資料後,點擊「下一步」進入資料確認頁面,確 認資料正確並點擊「確認」後,系統會將資料傳送到伺服器認證,認證通過後伺 服器會傳送成功訊息給手機,如圖 5.1.6.J (c)所示。
刪除美食
(a) (b) (c) (d)
圖 5.1.6.K 刪除美食
當店家在內文目錄點擊「刪除美食」時,系統將跳出警告視窗確認是否刪除,
如圖(b)所示,使用者點擊「確認」後,系統將向遠端伺服器提出刪除美食要求,
刪除成功後回傳成功訊息,如圖(c)所示。最後將瀏覽美食內的該項美食從資料 庫中刪除,如圖(d)所示。
91 逢甲大學學生報告 ePaper(2014 年)
會員登出
(a) (b)
圖 5.1.6.L 會員登出
當使用者點選「會員登出」時,系統將跳出警告視窗再次確認是否登出,如 圖 5.1.6.L (a)所示,若點擊「確定」,則系統會向伺服器提出會員登出要求,
伺服器將驗證該會員是否有登入,若驗證成功伺服器將該使用者登出,若登出成 功,則回傳成功訊息並跳出提示視窗,如圖 5.1.6.L (b)所示。
92 逢甲大學學生報告 ePaper(2014 年)