「一款將甜點流程模組化的食譜App。」

介面設計以甜點和麵團帶給人溫暖的顏色呈現。設計重點在於介面的整潔明瞭，讓使用者能專注於做甜點。

五專的專題製作，團隊有四個人，都是第一次開發 Android App。我主要負責的部分有介面設計、建置伺服器與 api、食譜編輯、專案整合與串接 Facebook。

社群化的甜點空間

透過互動交流的機制，打造人氣甜點達人的形象。

  • 甜點空間：有所有時用者分享出來的食譜。
  • 搜尋食譜：針對食譜名稱或原料進行搜尋。
[{"url":"01-home-drawer.png","alt":""},{"url":"02-search.png","alt":""},{"url":"02-search-result.png","alt":""}]

Android 端的開發工具為 Eclipse + Android SDK，使用者的登入帳號使用 Facebook SDK，因此頭像、名字都與 Facebook 串連。

甜點空間所有的食譜都存在遠端，後端所使用的環境為 Windows Server + IIS + ASP.NET (C#) + MS SQL Server。

淺顯易懂的步驟教學

因為把食譜模組化了，步驟就像一張張的卡片堆疊，只要一張張的完成每一個步驟，再難的食譜都不怕，就像達人一步步教您做。

[{"url":"04-detail-view.png","alt":""},{"url":"04-detail-view-mid.png","alt":""},{"url":"04-detail-recommand.png","alt":""}]

輕鬆編輯食譜流程

經過模組化，步驟能像堆積木般的點選完成，讓分享幸福更加容易。

  • 編輯區（左、中）：簡單點選，編輯下方卡片步驟，完成食譜的編輯。
  • 短片製作（右）：重複按住螢幕再放開的動作，可進行片段的錄影。
[{"url":"03-edit-home-1.png","alt":""},{"url":"03-edit-material-1.png","alt":""},{"url":"03-edit-video.png","alt":""}]

編輯食譜步驟所用到的動作、原料分類及原料，在第一次進到 App 後就會透過下載到 SQLite 上，並藉由編號判別同步資料。

[{"url":"03-edit-cup.png","alt":""},{"url":"03-edit-spoon.png","alt":""}]

圖形化的介面希望給使用者帶來新的體驗與方便。

其他功能簡介

  • 個人頁（左）：包含使用者公開分享的食譜、人氣等。
  • 我的食譜（中）：有個人編輯未上傳及收藏的食譜。
  • 商家資訊（右）：依使用者目前所在位置顯示附近可購買原料的店家。
[{"url":"01-home-personal-1.png","alt":""},{"url":"05-save-1.png","alt":""},{"url":"06-store-1.png","alt":""}]

地圖部分使用 Google Map API，其他如圖片的部分使用到 Picasso。