第三章 專題設計與規劃
3.1 專題規劃目標
由於工作忙碌、進食時間不固定、應酬多等因素，許多人外食族常常會以麵 包或零食等食物取代正餐，或常常只吃自己喜愛的食物，三餐老是在外的外食人 口暴增。
鹽分高、熱量高、油脂高是外食族普遍都有的飲食問題，長期下來，會造成 高血壓、高血脂及肥胖等生理問題，高血脂症有普遍化和年輕化的趨勢。尤其高 血脂症剛開始沒有明顯症狀，往往等到突然爆發心肌梗塞才讓人警覺事態嚴重。
如果蔬果膳食纖維、長期攝取不足，不僅不利於腸胃道 健康，也容易增加罹患 大腸癌及其他慢性疾病的機率。
我們的專題目標是針對外食族的飲食，自己動手買新鮮食材、做料理，少油 少鹽少熱量也無添加味素，在忙碌的生活中吃出健康保有健康。
28 菜，也可以到賣場去，大潤發、愛買、家樂福、COSTCO、 TESCO、全聯、
美聯社等等，甚至便利商店也可以買到食材，甚至有 24H，非常方便。
29
表 3-1 系統發展
30
3.3 系統藍圖
表 3-2 系統藍圖
31
3.4 專題設備
表 3-3 專題設備表
32
3.5 專題時程規劃
本專題由開始規劃到系統完成，預計會有下列幾項工作：
(1) 決定主題 (2) LOGO 設計 (3) 撰寫計劃書 (4) 資料蒐集彙整 (5) 系統規劃階段 (6) 系統分析階段 (7) 系統設計階段 (8) 系統建置階段 (9)系統測試修正階段 (10)文件撰寫整合
表 3-4 專題規劃甘特圖
33
3.6 專題分工
本專題工作分工表
表 3-5 專題分工圖
34
第四章 專題成果
4.1 需求分析
為了讓外食族可以在外面吃的安心又健康，也為了讓使用網站的人知道為什 麼要製做這個網頁而設立了關於我們讓大家瞭解明白，所以我們用網站的方式讓 外食者瞭解到常吃外食會對身體造成什麼樣的傷害，也為了方便外食者可以馬上 吃到好吃有美味的料理也提供中式和西式與日式的餐點食譜與北中南部的餐廳 和挑菜秘訣&美味技巧給外食者提供使用參考
為了這個專題特別架設了一個提供外食者可以參考的網站，內容有關於我們、
外食者的你、挑菜秘訣&美味技巧、食譜&做法、餐廳分享等功能。
根據上述需求描述:
1.使用者可以在關於我們知道為什麼要製做這個網站的原因
2.使用者可以在外食者的你知道吃外食的危機和對身體造成的傷害 3.使用者可以在食譜&做法學會做中西日式料理
4.使用者可以在挑菜秘訣&美味技巧可以馬上學會快速挑選到新鮮又好吃的蔬果 也可以吃的很美味
5.使用者可以在餐廳分享可以馬上知道北中南部哪裡有好吃又健康的餐廳
35
4.2 網站分析
SIMPLE.COOK.HEALTHY 網頁
圖 4-21 網站分析圖
36
4.3 網站介紹
Simple.Cook.Healthy 網站概要說明
為了讓使用本網站的人知道我們為什麼要製做這網頁所以特別做了「緣由」
37
4.4 網站手冊
SIMPLE.COOK.HEALTHY 網頁-首頁
圖 4-1 首頁
SIMPLE.COOK.HEALTHY 網頁-緣由
圖 4-2 緣由
38
SIMPLE.COOK.HEALTHY 網頁-外食族的你
圖 4-3 外食族的你
SIMPLE.COOK.HEALTHY 網頁-圖 4-4 外食族的你-潛藏危機
圖 4-4 外食族的你-潛藏危機
39
SIMPLE.COOK.HEALTHY 網頁-外食族的你-熱量知多少
圖 4-5 外食族的你-熱量知多少
SIMPLE.COOK.HEALTHY 網頁-外食族的你-改變不良飲食習慣
圖 4-6 外食族的你-改變不良飲食習慣
40
SIMPLE.COOK.HEALTHY 網頁-外食族的你-健康與營養
圖 4-7 外食族的你-健康與營養
SIMPLE.COOK.HEALTHY 網頁-食譜&作法
圖 4-8 食譜&作法
41
SIMPLE.COOK.HEALTHY 網頁-食譜&作法-中式餐點
圖 4-9 食譜&作法-中式餐點
SIMPLE.COOK.HEALTHY 網頁-食譜&作法-日式餐點
圖 4-10 食譜&作法-日式餐點
42
SIMPLE.COOK.HEALTHY 網頁-食譜&作法-西式餐點
圖 4-11 食譜&作法-西式餐點
SIMPLE.COOK.HEALTHY 網頁-食譜&作法-食譜影音
圖 4-12 食譜&作法-食譜影音
43
SIMPLE.COOK.HEALTHY 網頁-挑菜秘訣&美味技巧
圖 4-13 挑菜秘訣&美味技巧
SIMPLE.COOK.HEALTHY 網頁-挑菜秘訣&美味技巧-中式餐點
圖 4-14 挑菜秘訣&美味技巧-中式餐點
44
SIMPLE.COOK.HEALTHY 網頁-挑菜秘訣&美味技巧-日式餐點
圖 4-15 挑菜秘訣&美味技巧-日式餐點
SIMPLE.COOK.HEALTHY 網頁-挑菜秘訣&美味技巧-西式餐點
圖 4-16 挑菜秘訣&美味技巧-西式餐點
45
SIMPLE.COOK.HEALTHY 網頁-餐廳分享
圖 4-17 餐廳分享
SIMPLE.COOK.HEALTHY 網頁-餐廳分享-北部
圖 4-18 餐廳分享-北部
46
SIMPLE.COOK.HEALTHY 網頁-餐廳分享-中部
圖 4-19 餐廳分享-中部
SIMPLE.COOK.HEALTHY 網頁-餐廳分享-南部
圖 4-20 餐廳分享-南部
47
48
http://hospital.kingnet.com.tw/dietclass/food_choose.html 9. 飛肯設計學院
49