20191004

前言

今天的文章要開始練習一個簡單版的代辦清單App，並使用『RealM」來作為儲存媒介(安裝可參考Day17)，並從樣板選擇開始，一步步慢慢實作，預計在今天的文章完成規劃階段。

而本文的內容，主要參考魏巍老師的線上課程『深入淺出 iPhone 開發 (使用 Swift4)』(ref1)，其中的『儲存資料與第七款應用程式：待辦事項』章節，有興趣參考的讀者，可以購買新版的課程(ref2)。

現在，我們馬上開始！

功能規劃

本次練習的App『小王子代辦清單』，預計實作功能有，代辦清單的增刪查改(CRUD)，以及Save(已完成)功能，而完成的清單將會進入到歷史區，而刪除的清單將會真的消失。

儲存資料的部分，預計會採用『RealM』來儲存資料，這個部分作者也沒碰過(第一次使用)，也會花些時間研究。如果後續有時間研究的話，也會加入iCloud的同步功能。

在UI的部分，預計會找現有的模板來套用，並搭配基本的UIKit的Controls(UITableView, Label...)。

模板選擇

從樣板來源網站sketchappsources(ref4)來搜尋關鍵字『tod-do / to-do list』來找尋相關的模板，從當中挑選了四個作為本App的預設範本

1. To-do Checklist App Interface Sketch Resource
   https://www.sketchappsources.com/free-source/989-checklist-app-sketch-freebie-resource.html

只有一個頁面，但是看起來滿不錯的，有一座吊橋做背景的樣板

2. To-Do List App Sketch Resource
   https://www.sketchappsources.com/free-source/3148-to-do-app-template-sketch-freebie-resource.html

提供了六個頁面，看起來很有安卓風格的樣板

3. Basic To Do App Sketch Resource
   https://www.sketchappsources.com/free-source/3625-basic-to-do-app-design-sketch-freebie-resource.html

提供了四個頁面，並且有瀑布背景的樣板，看起來好像會有一點花，不過使用上可以調整Alpha來做調整

4. To Do App Screens Sketch Resource
   https://www.sketchappsources.com/free-source/3767-to-do-list-app-sketch-freebie-resource.html

有兩個頁面，並且帶入日期時間概念的模板

最後決定第一版(v1)先採用樣板1，來做一個簡單的代辦事項App，預計會有兩個頁面，一個是清單頁，另外一個是新增與修改頁面。已經完成的清單也會列在清單頁。

而第二版會在加入完成歷史區，會比第一版多一個頁面，並加入簡單的搜尋功能，預計會有關鍵字搜尋，或是以日期搜尋這兩種搜尋方式。採用的樣板，也會到時候再做選擇。

總結

在今天的文章裡，我們規劃代辦清單App了預計要實作的功能，以及UI模板的選擇。而免費的樣板主要從Ref4找到的，筆者也額外列出一些網站，可以搜尋相關的資源。實際的實作，預計會從Day19開始介紹。規劃功能所使用的心智圖檔，也放在Github上，有興趣的讀者，可以自行參考。

這邊也非常感謝樣板的提供者，如果有使用的讀者，也可以贊助他們，或是幫忙他們在個人的社群推廣(例如FB...等等)。

今天的內容就到這邊，感謝讀者們的閱讀。

Github:

https://github.com/chiron-wang/IT30_11

參考資料與延伸閱讀

1. 深入淺出 iPhone 開發 (使用 Swift4) - WeiWei
   https://www.udemy.com/course/iphone-swift4/

2. iOS 12 App 開發快速入門與實戰(繁體中文)
   https://www.udemy.com/course/ios-12-app/

3. 心智圖軟體Xmind
   https://www.xmind.net/

4. 樣板來源網站sketchappsources
   https://www.sketchappsources.com/

5. sketchrepo
   https://sketchrepo.com/

6. freebiesbug
   https://freebiesbug.com/sketch-freebies/

7. mockplus
   https://www.mockplus.com/blog/post/sketch-app-resources