• 沒有找到結果。

第五章 人機介面與系統評估

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 年)

相關文件