美食地圖(Gourmap)

緣起

本App的構想源自於專題研究所製作的行動夜市App，當時將整個系統規劃為伺服器端、小吃和消費者，將以上三個角色連結在一起，為小吃和消費者建立一個互動的平台。
但礙於時間與能力，整個系統並沒有全部完成。

行動夜市-消費者功能-主畫面

本App承襲行動夜市App的互動式地圖介面，使用者可和地圖上的物件互動，來獲取餐廳的相關資訊。
本次使用蘋果的MapKit 製作美食地圖的互動式地圖介面。

功能規劃

1. 在地圖顯示餐廳所在位置，餐廳以圖標的形式呈現
2. 點擊圖標可閱覽餐廳的資訊(菜單、營業時間⋯⋯)
3. 在地圖上搜尋餐廳
4. 可收藏喜歡、感興趣的餐廳

實機畫面

主畫面

主畫面

從手機桌面啟動本App之後，呈現給使用者的第一個畫面，會顯示使用者目前的位置。

地圖可滑動、旋轉，當使用者想要將地圖中心回到自己位置，可點選地圖右上角的藍色箭頭來執行此動作。

本App的其餘功能皆設置在手機畫面右上角的白色橫紋圖示(功能選單)

功能選單

選單

點選主畫面右上角的白色圖示便會進入本App的功能選單，包含：

1. 搜尋餐廳
2. 我的收藏

搜尋餐廳

點選功能選單的搜尋餐廳功能(Search)便會進入上方左圖的畫面。

點選搜尋條並輸入關鍵字(餐廳名稱、部分地址)，畫面便會成為上方右圖的模樣，這裡是搜尋位於花蓮縣的餐廳。

顯示餐廳所在位置

餐廳所在位置

點選前一功能中的任一個餐廳，便能在地圖上看見該餐廳的所在位置，這裡選擇了幸福日光做示範。

點選註標(畫面中大頭釘的訊息框)便能移動到餐廳資訊的頁面。

顯示餐廳資訊

餐廳資訊

經由上一個功能來到了如上圖的畫面，顯示幸福日光的店面照片、店名、地址，並且提供了星形的按鈕讓使用者收藏此餐廳。

由於幸福日光已經被收藏，按鈕呈現黃色，若餐廳未被收藏按鈕則會呈現灰色。

我的收藏

我的收藏

點選功能選單，我的收藏功能(My Favorites)便會進入上圖的畫面。

這裡和搜尋餐廳一樣，能夠對收藏的所有餐廳做特定條件搜尋(餐廳名稱、地址)，同樣能顯示餐廳所在位置、顯示餐廳資訊，並在顯示餐廳資訊的畫面中取消收藏此餐廳。

心得感想

Swift是在修習本課程時才開始學習的語言，由於之前學的是Objective-C，在使用Swift時多少會被一些學Objective-C留下來的習慣給影響到，這是剛開始比較苦手的地方。

而在開發本App時，最困擾的是當我按下返回鍵時，我在返回前的頁面所做資料上的更動並不能回傳給前一個頁面。
像是我透過我的收藏進入某餐廳的頁面，當我取消收藏此餐廳再返回我的收藏頁面，畫面中的那間餐廳仍然在列表之中。
由於餐廳的資料都是存在手機上，直接重新取得資料應該可行。

最後，若是能完善此App，我希望能豐富餐廳的資訊，如增加營業時間和菜單。取消收藏的功能也能夠直接在我的收藏頁面直接進行。
以及主畫面之中能做到周邊餐廳搜尋的功能

參考資料

iOS 10 App程式設計實力超進化實戰攻略
地圖與定位