健康飲食網站計畫書

元培科技大學

資訊管理系畢業專題

健 康 飲 食 網 站 計 畫 書

指導老師:林侑賢老師

組 員:陳佑伊(971408067)

張祥庭(971408084)

黃聖哲(971408098)

劉潤婷(971408106)

中 華 民 國 一 百 年 十 二 月

摘要

在這忙碌的社會中，普遍人們運動時間其實並不充裕，體力越來越差的情況 下還隨意飲食導致身體健康越來越差，因此本專題打算利用健康飲食的方式改善 這些人的體質，架設一個網站教導如何做出營養好吃的菜色，不但能讓自己能夠 吃的健康並且能夠學得一手好廚藝，更能擁有健康的身體。 本專題利用 Access 資料庫整合圖片、網路、書籍資料提供使用者參考，並 以 ASP.NET 程式語言製作一些功能提供使用者使用，以網頁方式呈現給使用者， 並設立了討論區提供使用者互相交流心得或是討論菜色及給予建議等互動專區， 來讓使用者學的開心、吃的健康和安心。 本專題提供菜色查詢和 BMI 計算功能，現在人普遍不知道自己已經過重， 或是愛美不吃導致過輕，經由本網站的 BMI 計算可知道自己的體重是否標準， 再透過菜色查詢可找到吃的健康和容易瘦身的菜色，讓使用者有標準的身材，也 吃的健康 最後本專題提供了私房菜查詢和提供私房菜，可以看到別的使用者提供的創 意健康食物，也可以自己提供創意健康食物，讓使用者的選擇性大增，了解各種 健康食譜的菜色，讓製作健康菜色更有趣，大家擁有更健康的身體。 關鍵字：每日飲食指南、健康飲食、三低一高、健康飲食網站、食譜。

目錄

摘要... i 目錄... ii 表目錄... iii 圖目錄... iv 第一章、導論... 1 1.1 背景與動機 ... 1 1.2 目的 ... 2 1.3 關鍵名詞定義 ... 2 第二章、文獻探討... 3 2.1 飲食探討 ... 3 2.2 網站介紹與比較 ... 8 2.3 資料庫介紹 ... 13 2.4 程式語言簡介 ... 17 第三章、專題規劃... 22 3.1 專題規劃目標 ... 22 3.2 系統開發方法 ... 22 3.3 系統藍圖描述 ... 23 3.4 專題設備 ... 23 3.5 專題時程規劃 ... 23 3.6 工作分配表(如表 5 所示) ... 24 3.7 貢獻 ... 24 3.8 專題時程規劃表(如表 6 及圖 11 所示) ... 25 第四章、專題成果... 27 4.1 需求分析 ... 27 4.2 系統分析 ... 28 4.3 系統介紹 ... 37 4.4 使用手冊 ... 38 第五章、結論與未來發展... 46 結論 ... 46 未來發展 ... 46 文獻參考... 47 會議記錄... 48

表目錄

表 1 每日飲食指南 ... 6 表 2 每 100 公克食物所含熱量與營養的含量比較 ... 7 表 3 網站功能比較表 ... 13 表 4 高階程式語言的種類與用途 ... 19 表 5 本專題工作分配表。 ... 24 表 6 下圖為本專題的時程規劃表 ... 25

圖目錄

圖 12009 年健康飲食新指標 (哈佛飲食金字塔) ... 3 圖 2 歐陽英健康食譜首頁 ... 8 圖 3 歐陽英健康食譜內容頁... 8 圖 4 咕嚕美食網 ... 10 圖 5 咕嚕美食網 ... 10 圖 6 咕嚕美食網 ... 11 圖 7 咕嚕美食網 ... 11 圖 8 咕嚕美食網 ... 12 圖 9 咕嚕美食網 ... 12 圖 10 時程規劃甘特圖 ... 26 圖 11 網站使用案例圖 ... 28 圖 12 註冊 ... 29 圖 13 製作方法 ... 30 圖 14BMI 計算 ... 31 圖 15 菜色查詢 ... 32 圖 16 討論區 ... 33 圖 17 私房菜 ... 34 圖 18 會員登入 ... 35 圖 19 整合 ... 36 圖 20 ... 38 圖 21 ... 38 圖 22 ... 39 圖 23 ... 39 圖 24 ... 40 圖 25 ... 40 圖 26 ... 41 圖 27 ... 41 圖 28 ... 42 圖 29 ... 42 圖 30 ... 43 圖 31 ... 43 圖 32 ... 44 圖 33 ... 44 圖 34 ... 45

第一章、導論

1.1 背景與動機

現代人生活節奏快，腳步匆忙，有時甚至忙碌得沒辦法好好坐下來吃一餐。 不過即使三餐總是在外面解決，需要補充的營養可不能少！而如何吃得美味又兼 具健康，便成為十分需要重視的課題。 針對日前衛生署最新發佈的營養健康狀況調查發現，台灣民眾普遍有鈣營養 攝取不足, 肥胖, 熱量過剩及營養不均等現象，國人飲食習慣嚴重偏差，生活管 理又差，年紀輕輕已出現慢性病徵，尤其大學生的健康情況更令人憂心！大學生 在追求知識之餘，對於身體健康與營養的關係並不及格，這種現象在國人生活中 更是普遍的存在。 各校每年例行的大學新生體檢報告最近陸續出爐，體重過重比率高已經不足 為奇，總膽固醇、尿酸及肝功能異常比率竟然也升高，男生比女生嚴重，研究生 又比大學生嚴重。因膽固醇過高而產生的疾病，包括動脈硬化、心臟病、腦中風 (腦溢血和腦梗塞)、糖尿病、高血壓症，值得國人重視。 中國菜一直是我們的驕傲，但不得不說有些菜肴做法是存在健康隱患的。綜 合國內外營養專家的意見，我國的飲食習俗主要存在著以下九大缺點，需要引起 大家注意： ● 大多吃得過鹹 ● 吃味精過多 ● 吃飯方式多為集體進餐 ● 喜歡吃動物內臟 ● 烹調多採用煎、炒、烹、炸等方法 ● 喜歡吃含脂肪較高的紅肉(豬、牛、羊肉) ● 很多地區的人喜歡吃鹹魚、鹹肉、鹹菜等醃製食品 ● 喜歡吃各種滷肉 ● 大擺宴席請客存在諸多不良飲食習慣 由於以上這樣因素讓我們也意識到飲食的重要性，是否能有一個網站能夠正 確教導我們關於飲食的知識？可以讓人們經由此網站了解健康飲食的重要性，吃 東西也是享受人生的一大樂趣，但如何吃得健康，大家又了解多少呢? 因此想藉由此網站告訴大家一些正確的知識觀念，教大家如何吃出健康飲食， 也在上面放一些簡單又營養的食譜，可以自己動手料理又可達到飲食均衡。

1.2 目的

希望大家可以藉由此網站，更注重飲食，吃東西除了吃出美味也要吃的健康， 太油太鹹也會對身體造成負擔，如何將食物料理的好吃又營養經由此網站就可以 清楚的了解，另外也將一些健康資訊提供給大家，例如飯前吃水果預防大腸癌， 吃東西要吃七分飽，不要暴飲暴食，吃飯除了是提供每人日常生活的能量以外， 還可以達到養生的作用。 以下又細分為幾個目標:  提供健康資訊給大家參考  提供食譜讓大家可以輕鬆學料理  提供優良餐廳給外食族的朋友  教大家用吃東西達到養生  教大家吃東西的方法，不要暴飲暴食

1.3 關鍵名詞定義

1.每日飲食指南 一般健康的成年人，因個人體型及活動量不同，可依個人需要適度增減五穀 根莖類的攝取量。 2.健康飲食 健康飲食是指為了維持健康生活，進食適當量的各種食物。 3.三低一高 低鹽低糖低油高纖。 4.健康飲食網站 提供健康的菜色給大家做參考，教大家如何吃出美味吃出健康的網站。 5.食譜 介紹菜餚等用料及製作方法的書。

第二章、文獻探討

2.1 飲食探討

飲食文化最能反映人們的需要。從前我們要求吃得飽足，後來開始追求健美 身段，而近年則吹起健康飲食潮。吃得健康，才是真正的福氣。不過，要吃得健 康從來都不簡單。除了均衡飲食之外，適當地為身體補足營養、協助身體機能暢 順運作亦非常重要。健康飲食文化今天大行其道，發展極為蓬勃，各種健康產品 琳瑯滿目、多不勝數。現在人已經極為關注飲食健康及安全，帶領健康飲食歷史 不停演進。「你必須控制你自己!」而為了預防疾病的發生，回歸最基本的維持方 式，仍然是健康飲食與運動。 2.1.1 健康飲食 甚麼是健康飲食? 最常見的健康飲食為：食物金字塔(如圖 1 所示) 圖 1 2009 年健康飲食新指標 (哈佛飲食金字塔) (資料來源出至宏騏健康生活網) 在 2002 年，哈佛大學公共健康學院的韋利博士及其同事，設計了一套新的

健康飲食指南：「健康飲食金字塔」（Healthy Eating Pyramid）。他們指出新的飲

食模式，相比於在 92 年美國農業部公佈的「食物金字塔」（Food Pyramid），更

傳統的「食物金字塔」並沒有把不同的脂肪或肉類分別，但近年來不少證據 都顯示有些脂肪和肉類是有益健康的，「食物金字塔」亦建議人們大量進食碳水 化合物，有科學家郤指出這些食物便是導致肥胖的真兇。 韋利博士指出，若能跟從新的飲食建議，加上保持理想體重和每日作適量運 動，便能有效地減少患上長期疾病的期會。韋利博士做了一個飲食調查，發現跟 從新的飲食建議的男性和女性，患上長期疾病的期會分別能減少 20%和 11%， 而跟從舊的飲食建議的男性和女性，郤只分別減少 11%和 3%。 這份金字塔越底層的食物，攝取的量和頻率應該越高。以穀物為例，哈佛把 全穀類（whole grain）放在金字塔的最底層，卻把亞洲人最愛吃的白米和西方人 最愛吃的白麵包、甜點、馬鈴薯和白義大利麵放在最不該經常、大量攝取的最上 層；因為人類對碳水化合物的需求主要為了能量，而精製澱粉就像精緻糖，只會 增加空虛的卡洛裡（empty calories，意指除少許營養之外，都是熱量），對新陳 代謝只有壞處。而全穀類因為有麩糠層和飽含澱粉的芽層，人體無法快速消化全 穀，因此不會讓血糖和胰島素迅速升降。 同樣是蛋白質，哈佛把白肉、魚和蛋放在一天吃零至兩次的第三層，卻把紅 肉和奶油，放在「儘量少吃」的金字塔的最上層，因為同樣是脂肪，植物油脂和 白肉脂肪主要是不飽和脂肪，可以有效降低膽固醇；相反的，紅肉雖同樣可以提 供人體蛋白質，但附帶的飽合脂肪和膽固醇卻有害人體健康；被放在次高層的乳 製品也有同樣的問題。(資料來源出至宏騏健康生活網) 詳細來說即分為四層，每層包含不同種類不同分量，與金字塔的面積分布成 正比： 第四層：油、鹽、糖等要吃得最少。 第三層：魚類、肉類、奶品及豆類等要適量。 第二層：蔬菜及水果等 是次要比例。 最底層：以五穀類食物為主，包括粥、粉、麵、飯、麥片等比例最多。 2.1.2 食譜 也稱作菜譜，通常是記載食物的配方，烹飪時間，烹飪方法，製作步驟等等， 用以教人們製作食物。 可以先定義食譜的文件型態，第一部先呈現其主成分，第二部介紹佐料，第 三部則一步一步的指示如何料理，之後一幅好看的圖畫就可表現其可口美味了。

這就是所謂的文件形態定義 (Document Type Definition)。它並沒有定義最後 的產品應是什麼樣子，它只說明文件的內容大約包括了什麼。 食譜分類  地方菜系  菜式  主要材料 (資料來源出至維基百科) 2.1.3 飲食指南 均衡健康的飲食就是維持健康的基本要素，也是正確的飲食生活認知，所以 如果吃素但吃的是加工品或油炸物、缺乏蔬果類，也是不建議的。營養師表示， 素食中因較會攝取較多蔬果，且天然蔬果中含有植物性化合物，可增加體內抗氧 化能力以避免過量致癌物堆積在體內。飲食均衡加上適度運動及規律作息，相對 地得癌症的機率就會較小。飲食均衡當然也包含動物性食品，其實只要挑選低脂 食物，不論是雞、鴨、魚、肉，一定要去皮、去肥肉，烹調方式採取清蒸、水煮， 避免油炸、燒烤，只要掌握上述原則就不會增加致癌危險。 選擇食物首要考慮食物的營養價值，同時也要注重新鮮，衛生及經濟。食物 的種類繁多，要怎麼選擇才能獲得均衡的營養呢？營養專家建議我們每天從下列 六大類基本食物中，選吃我們所需要的份量(如表 1 所示)： 五穀根莖類 3～6 碗 米飯、麵食、甘藷等主食品，主要是供給醣類和一些蛋白質。 奶類 1～2 杯 牛奶及發酵乳、乳酪等奶製品都含有豐富的鈣質及蛋白質。 蛋、豆、魚、肉類 4 份 蛋、魚、肉、豆腐、豆腐干、豆漿都含有豐富的蛋白質。 蔬菜類 3 碟 各種蔬菜主要供給維生素、礦物質與纖維。深綠色與深黃紅色的蔬菜，例如：菠 菜、甘藍菜、胡蘿蔔、南瓜等所含的維生素、礦物質比淺色蔬菜多。 水果類 2 個 水果可提供維生素、礦物質與纖維，例如：橘子、柳丁、木瓜、芭樂、鳳梨、香 蕉等。 油脂類 2～3 湯匙 炒菜用的油及花生、腰果等堅果類，可以供給脂肪。

表 1 每日飲食指南 類別 份量 份量單位說明 五穀根 莖類 3-6 碗 每碗:飯一碗(200 公克);或中型饅頭一個;或土司麵包四片 奶類 1-2 杯 每杯:牛奶一杯(240c.c.)發酵乳一杯(240c.c.)乳酪一片(約 30 公克) 蛋豆魚 肉類 4 份 每份:肉或家禽或魚類一兩(約 30 公克)或豆腐一塊(100 公克);或豆 漿一杯(240c.c.)或蛋一個 蔬菜類 3 碟 每碟:蔬菜三兩(約 100 公克) 水果類 2 個 每個:中型橘子一個(約 100 公克);或番石榴一個 油脂類 2-3 匙 每湯匙:一匙油(15 公克) (資料來源出至體重控制資訊網) 此「飲食指南」適用於一般健康的成年人，但因個人體型及活動量不同，可 依個人需要適度增減五穀根莖類的攝取量。  每類食物的選擇應時常變換，不宜每餐均吃同一種食物。烹調用油最好採用 植物性油，並需注意用量。蔬菜類中至少一碟為深綠或深黃色蔬菜。  青少年、老年人及孕乳婦由於生理狀況較為特殊，可依本飲食指南做少許改 變： 青少年：增加五穀根莖類、奶類及蛋、豆、魚、肉類的攝取量，尤應增加一個蛋 或一杯牛奶。 老年人：可適量減少油脂類及五穀根莖類的攝取。 孕乳：婦六大類食物均應酌量增加，為避免骨質疏鬆症，最好每日能增加一至二 杯牛奶；必要時，可以低脂奶代替，以降低熱量的攝取量。 營養是健康的根本，食物是營養的來源(如表 2 所示)  我們身體需要食物中的營養素來維持生命。這些營養素是醣類、脂肪、蛋 白質、維生素和礦物質。  日常活動的體力來自醣類和脂肪所產生的熱量。  蛋白質是人體生長發育與新陳代謝的必須原料。  維生素與礦物質可以調節生理作用。

食物的營養價值  食物的營養價值是根據食物所含營養素的種類和份量而定。  大多數的食物不只含有一種營養素，而營養素在不同食物中的含量也有差 別。  生鮮食物比加工食品含有較多的營養素。  請參考「食物所含熱量與營養素的含量」。 請記住 食物的價錢高，並不一定表示營養價值高。 就地取材，選食本地的各類生鮮食物，新鮮又營養。 日常飲食應儘量選擇各類食物，不偏食也不過量。 表 2 每 100 公克食物所含熱量與營養的含量比較 食物 熱量(卡路里) 蛋白質 脂肪 鈣質 鐵質 維生素 A 維生素 B 維生素 C 五穀根莖類 ++++ + - - - O + -汽水可樂 ++ O O O - O O O 後腿瘦肉 +++ ++++ +++ - + - +++ -魚 +++ ++++ ++++ + - - + O 蛋 +++ +++ ++++ +++ + ++ ++ O 全脂奶 ++ + +++ ++++ - + + O 豬肝 +++ ++++ ++ - ++++ ++++ ++++ ++++ 豆腐 ++ ++ +++ ++ ++++ - + O 深綠色深黃紅色蔬菜 - - - + ++++ +++ ++ ++ 淺綠色蔬菜 - - - - +++ + + ++ 深黃色水果如:木瓜芒果 + - - - ++ +++ ++ ++++ 枸櫞類水果如:橘子柳丁 + - - - ++ +++ ++ ++++ 蘋果 + - - - + - ++ + 圖例:++++非常豐富+++豐富++中等+少量-微量 O 沒有 (資料來源出至體重控制資訊網)

2.2 網站介紹與比較

以下是本專題的網站與其他類似的網站做比較。舉例兩個類似的網站和本組 網站做為比較，並將網站特色用小節的方式介紹。 2.2.1 類似網站介紹(如圖 2-9 所示) 以下舉例了兩個網站，並簡單描述該網站的介紹原因、網站特色、網站介紹。  網站名稱：歐陽英健康食譜 圖 2 歐陽英健康食譜首頁 網址: http://www.oyoung.com.tw/ 介紹原因 : 可以檢測個人體質，再針對體質給予營養建議 網站特色 : 請專業營養師介紹，非一般民眾認知 網站介紹 : 網站擁有不少健康食譜營養介紹和健康材料介紹 圖 3 歐陽英健康食譜內容頁

網站特點： 1. 生機新知：告訴我們一些健康養身的知識，還有常見疾病如何調整也有營養 分析表詳細介紹各種營養素的功效。 2.歐陽英健康食譜： 優點：告訴我們吃哪些生機主食、副食及調養果汁、飲料他的健康的效果及補充 哪些營養。 缺點：種類不多，所以如果想知道更詳細還是需要詢問營養師比較清楚。 3.食譜影音教學： 優點：詳細的步驟和清楚的講解，讓您快速學會ＤＩＹ，任何時候上網，進入「生 機教室」學做菜，都能輕鬆上手。 缺點：食譜影音教學如沒安裝軟體就不能觀看。 4.對症驗方： 優點：專門針對單一疾病提供調養食譜。 缺點：提供一些常見病狀，少見的還是需要就醫。 5.生機食材： 優點：榖類、豆類、種子類、根莖類、蔬菜類包含哪些食材。 缺點：食材都是常見的，少見的食材可能無法找到。 6.健康焦點：疫情快報、病理介紹、食療藥膳、治療照護等報導，可以幫助大家 對抗病毒！ 7.健康專題：歐陽英樂活生機網特地開闢「流行性感冒」專欄，除了最新疫情報 導，分別從「病理介紹」、「防範方法」、「治療照顧」、「食療與藥膳」、「迷思 Q&A」、 「流感檢測」等各個面向，告訴民眾戰勝流感的健康之道。 (資料來源 :歐陽英健康食譜)  網站名稱 : 咕嚕健康美食網 網址 : http://recipe.goolu.com/01_catalog/index.php?php=menu/19_0.htm 介紹原因 : 網站內食譜數量多 網站特色 : 操作介面簡單，菜色也多 網站介紹 : 食譜介紹數量眾多，菜名也很特別的一個網站 網站特點： 1. 這項功能可以提供網友們快速的收尋及瀏覽食譜，利用關鍵字來尋找需要的 食譜

圖 4 咕嚕美食網 優點：只要輸入關鍵字就會出現相關食譜或者食譜內所需的食材。例如蛋，食譜 裡只要有蛋字的都會列出。 缺點：收尋一次只會出現多頁食譜，必須要一直翻下一頁。 2. 選擇類別加關鍵字的方式來尋找食譜，分別以材料名稱、料理名稱以及食材 的分類收尋 圖 5 咕嚕美食網 優點：可以依照自己想要的方式收尋，可以亙快速的分類並在分類中找到所要 的。 缺點:三個功能所收尋的結果都一樣。

3.咕嚕美食網，每隔一段時間就會上傳一段以 Flash 的方式教學的食譜動畫 圖 6 咕嚕美食網 優點：讓食譜更生動不再只是文字。 缺點：重播的時候聲音就沒有了。 4. 提供之前發布的動畫食譜觀看，還很貼心的提功了下載的服務 圖 7 咕嚕美食網 優點：可以下載下來在需要的時候馬上觀看。 缺點：無法一次下載多個。

5. 每到節慶就會把有網站內有關此節慶的食譜 圖 8 咕嚕美食網 優點: 一起放在醒目的地方提供方便的收尋，讓一些想做節慶菜的網友們更方 便。 缺點:只有當下的節慶沒有整年度的。 6. 提供網友們發問問題的地方 圖 9 咕嚕美食網 優點：讓不了解或者是網站內有標示不清楚的，讓網友們可以在這地方留言。 缺點：無法即時線上問答與回覆。

2.2.2 網站功能比較表 表 3 網站功能比較表 網站名稱 歐陽英健康食譜 咕嚕健康美食網 健康飲食網 加入會員機制

●

●

●

食譜查詢

●

●

●

食譜影片教學

●

體質檢測

●

●

飲食建議 ●

2.3 資料庫介紹

資料庫本身可視為電子化的檔案櫃——儲存電腦化檔案的處所，使用者可以 新增檔案或刪除檔案，也可以對檔案中的資料執行新增、擷取、更新、刪除等操 作。 2.3.1 資料庫種類  關聯式資料庫 建立在關聯模型基礎上的資料庫，藉助於集合代數等數學概念和方法來處理 資料庫中的資料。 優點： 1.資料的存取不須透過程式設計師特別的設計，只須交由資料庫管理系統處理即 可。 2.資料庫管理系統已經提供了資料安全及一致性、安全性的維護，比檔案式管理 更有效率。 3.關連式資料庫管理系統在資料的存取上提供了索引的功能，因此，當資料量變 得龐大時，對於資料存取的速度會比直接使用檔案快上許多。 缺點： 1.資料模型化能力弱：關連式資料庫無法記錄一個複雜的資料結構，因此若要描 述物件與物件之間的複雜關係，則必須外建立一個表格來做處理。而且當資料量 越來越多時，必須額外新建更多的表格才足以應付需求。如此，整個資料庫系統 便顯得非常龐大且難以達到模型化。

2.執行效率低：若表格非常多時，透過主鍵(primary key)以及外鍵(foreign key)來 做資料的比較、查詢與處理將會使執行效率降低。 3.資料模型不一致：因為關聯式資料庫與物件導向資料庫的觀念是不相同的，因 此，在設計系統以及實際作時若採用不同方式，則會造成錯誤。  分散式資料庫 是用電腦網路將物理上分散的多個資料庫單元連線起來組成的一個邏輯上 統一的資料庫。 優點： 1.隨時能針對各區域的使用者做調整。 2.資料共用和分散式控制 。 3.增加處理績效，可作平行處理。 4.系統管理費用較低。 5.品質維持容易。 缺點： 1.重複儲存資料很花時間。 2.資料處理與管理上具複雜度。 3.資料的保密性與安全性受到威脅。  物件導向式資料庫 是將物件導向的概念，導入於資料庫中。並同樣使用物件導向的方法模擬傳 統資料庫的功能。 優點: 1.具有物件導向的功能。 2.物件與物件之間有多樣化的關係。彌補了傳統資料庫的 1:1 、1:m 及 m:n 的 不足處。 3.可以處理大型(如多媒體資料)且複雜(如 CAD/CAM 資料)的資料，並合併資料 與相對應的函數操作於同 一物件中進行。 缺點： 可能無法完全模擬傳統資料庫的功能。

2.3.2 常見資料庫比較 ACCESS：適用個人，或使用者很少，資料也不多的情況，它很簡易，不用太多 寫程式的工作，但效能差，費用便宜。 SQL：使用人數比較多，管理也不會太難，資料量也可以很多，但仍有臨界值， 太大量的資料或使用者連線，都會影響到效能，依使用者連線數量收費，價格也 不便宜。 Oracle：管理使用需要最大的成本，因為功能太多，需有專人維護才行，但效能 在業界是較好的，它支持最大量的資料及使用連線，費用也較昂貴。 2.3.3 什麼是 ACCESS Access 是一套『管理資料庫』的軟體，也就是一般常說的『資料庫管理系統』 (DataBase Management System，DBMS)至於『資料庫』則是指一群『有組織』的 資料集合。 Access 是一套操作簡易，卻功能完整的資料庫。只須花少量的學習時間，即 可在數個動作中，建立可隨時上線使用之資料庫。為了提昇使用者工作效率，提 供許多的輔助工具，達到「以最少的時間，建立最實用的資料庫」的目標。 Access 是一個資料庫管理程式，可以帶給您更完善的使用者經驗，以及匯入、 匯出和使用 XML 資料檔案的增強能力。在 Acces 中作業將會變得更輕鬆，因為 它會識別以及標示出一般錯誤，並提供您修正錯誤的選項。此外，Access 還有一 項功能，可幫助資料庫開發人員檢視資料庫物件之間的依存資訊。 2.3.4ACCESS 功能及特性 1. 延伸資料庫  檢視物件依存資訊：檢視資料庫物件之間的依存資訊。檢視使用特定物件的 物件清單將有助於維護隨時間改變的資料庫，並避免發生與遺失的記錄來源 相關的錯誤。  表單及報表的錯誤檢查：針對表單及報表中的錯誤啟用自動錯誤檢查。錯誤 檢查會指出所發生的錯誤，例如有兩個控制項使用同一個快速鍵，或是表單 寬度超出要列印的頁面。啟用錯誤檢查可幫助您識別並修正錯誤。  欄位屬性的更新：在舊版 Access 中，每當您修改欄位的繼承屬性時，也必 須在每個表單及報表中手動修改對應控制項的屬性。現在，當您在 [資料表] 設計檢視中修改特定的繼承欄位屬性 (例如 Format 及 InputMask) 時， Access 會顯示一個選項，讓您更新與欄位繫結的所有或部份控制項之屬 性。

 智慧標籤 ：使用 SmartTags 屬性可將智慧標籤新增到資料庫的資料表、查 詢、表單、報表或資料頁中的任何欄位。  備份資料庫或專案：在進行重大變更之前，先備份目前的資料庫或專案。備 份會儲存在預設的備份位置或目前的資料夾中。  XML 支援：從 XML 匯入資料或匯出資料至 XML 時，請指定一個轉換檔 案，稍後就會自動套用轉換檔案。當您匯入 XML 資料時，在資料匯入後 (而 且是在建立任何新的資料表或新增至現存資料表之前) 會立即將轉換檔案 套用至資料。當您匯出資料至 XML 時，會在匯出作業完成後套用轉換檔 案。  資料庫中通常會包含儲存在另一資料庫中的查詢值，現在您可以在匯出時加 入這些相關的資料表，也可以在匯出物件時為物件加入預先定義的篩選或排 序順序。 2.匯入、匯出及連結資料

 從 ACCESS 匯入、匯出及連結至 MICROSOFT WINDOWS SHAREPOINT SERVICES 清單：將資料表或查詢的內容匯出至 WINDOWS SHAREPOINT SERVICES 清單、將 WINDOWS SHAREPOINT SERVICES 清單的內容匯入 資料表，以及將資料表連結至 WINDOWS SHAREPOINT SERVICES 清單。  從 Windows SharePoint Services：從 Windows SharePoint Services 將資料工作

表檢視的清單匯出至 Access 中的靜態資料表或連結資料表。當您匯出至靜 態資料表時，會在 Access 中建立一個資料表，您可以檢視並變更該資料表， 且不會影響 Windows SharePoint Service 中的原始清單。同樣地，您也可以 變更 Windows SharePoint Services 中的清單，且不會影響 Access 中的資料表。 當您匯出至連結的資料表時，會在 Access 中建立一個資料表，並建立資料 表與清單之間的連結，如此一來，對資料表所做的變更會反映在清單中，對 清單所做的變更也會反映在資料表中。  從連結的資料表製作本機資料表：製作連結資料表中所含結構的本機複本， 或所含資料與結構的本機複本。 3.保護資訊  巨集安全性：設定巨集安全性層級以防止遭受具有潛在危險性的 VISUAL BASIC® FOR APPLICATIONS (VBA)程式碼的攻擊。您可以設定安全性層 級，才能在每次開啟包含 VBA 程式碼的資料庫時取得提示，或是自動攔阻 來源不明的資料庫。此外，ACCESS 還使用 MICROSOFT AUTHENTICODE® 技術，讓您使用數位憑證對 VBA 專案進行數位簽章。 用來建立該簽章的憑證可確認巨集確實來自簽章者，且該簽章可確認巨集並 未遭到修改。在設定巨集安全性層級之後，您可以根據巨集是否經由信任來 源清單上的開發人員進行數位簽章來執行巨集。

 攔阻具有潛在危險性的函數：使用 Microsoft Jet Expression Service 增強沙箱 模式封鎖具有潛在危險性的函數，使其無法用於運算式。在沙箱模式中， Access 只會在安全的以及沒有包含潛在惡性碼的控制項和欄位內容中評估 運算式。如果運算式未以任何形式使用可能傷害資料的函數或內容，就可以 被視為安全的。 4.加強使用者經驗  控制項中的增強排序：在表單及報表中的「清單方塊精靈」和「下拉式方塊 精靈」中，以及 Access 資料庫中的「查閱精靈」中，指定最多四個欄位的 遞增或遞減排序順序。  自動校正選項：對「自動校正」的行為取得更多控制。[自動校正選項] 按鈕 會顯示在自動校正過的文字旁邊，如果有時候您不希望自動校正文字，您可 以復原校正，或是按下按鈕選擇開啟或關閉 [自動校正選項]。  SQL 檢視中的增強字型功能：使用新增的 [查詢設計字型] 選項變更文字的 字型及字型大小，該選項可依序在 Access 資料庫及 Access 專案中、查詢的 SQL 及查詢設計檢視中的 [工具] 功能表底下、[選項] 對話方塊中的[資料表 /查詢] 索引標籤上找到。這些設定會套用至所有資料庫，且可以和您電腦中 的高對比設定及其它協助工具設定搭配使用。

2.4 程式語言簡介

2.4.1 程式與語言 指揮電腦執行基本動作的命令稱為指令（Instruction），每一條指令可命令 電腦執行一些事情，如加、減、乘、除、移位、比較、判斷等。 為完成某項工作，而依其邏輯順序編寫成的一連串指令之集合，就稱之為程 式（Program），這種編寫程式的工作則稱為程式設計（Programming）。 Program 的英文原意是「節目表」，而執行一個程式，就像演一齣戲一樣，按原先安排的 節目順序，一幕一幕地演下去，程式的執行就是按其邏輯順序，一個指令接著一 個指令處理。 「語言」是人類互通訊息，溝通觀念的工具。而「程式語言」是人們用來與 電腦溝通的工具，它能描述問題的演算法及其資料結構的概念。廣義地解釋，「程 式語言」是一組用來撰寫計算機指令的規則。程式語言是人類與電腦溝通的工 具，每種程式語言都有其特定的撰寫規則（語法），只要依其規則撰寫，即可命 令電腦完成某些特定的工作。 2.4.2 程式語言的分級 程式語言可分為低階語言與高階語言兩大類；低階語言又可分為機器語言及

組合語言兩種。 低階語言比較接近電腦執行的基本動作，執行效率比較高，但較不易學習及 運用；高階語言則比較接近人類使用的語文或運算公式，比較容易學習及運用， 但執行效率通常比低階語言設計的程式差。 電腦所使用的語言是二進位系統。由一定數量的0或1組合而成的語言，是電 腦可以直接懂的，可直接命令電腦工作，稱為機器語言。而組合語言則是利用簡 單且有意義的英文縮寫字來代替機器語言，如ADD代表「加」、SUB代表「減」。 用組合語言所設計的程式，電腦無法直接辨識，必須再利用組譯程式 （Assembler）轉換成對應的機器語言，才能進一步執行。 利用高階語言所設計的程式，電腦不能直接據以執行工作，必須先經由編譯 程式（Compiler）或直譯程式（Interpreter），將它轉換成機器語言。編譯程式是 將整個程式加以檢查，完全沒有語法錯誤後，才將它全部轉換成機器語言（稱之 為「目的檔」）；接下來再利用連結程式（Linker），將「目的檔」連結成可執 行檔。而直譯程式則會就每一個命令檢視有否錯誤，如果沒有錯誤，就馬上翻譯 成機器語言，並隨即根據該命令執行工作。 一般而言，越高階的電腦語言所製作的程式檔案大、速度慢、...，但是，它 很友善(Friendly)。 Friendly就是指操作容易，而且相當口語化(英文)，所以很適 合初學者使用。另外，它的檔案大、速度慢的問題，在目前電腦硬體日新月異的 發展下，已不成問題。目前高階程式語言如表1-1所示，以下就對一些我們常見 的語言稍作說明。

2.4.3 高階程式語言的種類與用途(如表 4 所示)

表 4 高階程式語言的種類與用途

教學用 Pascal, BASIC, C#,Logo

工程、計算用途 FORTRAN

商用 COBOL, xbase

統計 SAS, SPSS

系統程式 C, C++

人工智慧 PROLOG, Lisp

全球資訊網 Java, perl, asp, PHP

一般用途 C, C++, Delphi, Visual Basic

2.4.4 程式語言的架構內涵 若要運用程式語言解決問題，必先知道程式語言的架構內涵。一般程式語言 的架構內涵分為程式標題、變數宣告、輸入、運算處理、條件選擇、重覆執行、 輸出等。茲說明如下： 程式標題 我們拿到一支程式，在還沒有執行之前，第一眼看到的就是「程式標題」。 程式標題應該明確地點出本程式的功能或用途。例如：「小畫家」就是簡單的繪 圖軟體；「Word」是功能強大的文書處理軟體。 變數宣告 在撰寫程式時，我們經常用到許多的變數，來儲存及處理資料。在使用這些 變數之前，我們必須加以宣告，並設定它的初值或資料型態。 輸入輸出 任何語言要有輸入資料及輸出結果的敘述。例如：您設計了一個檔案搜尋的 程式，那麼您必須設計一個欄位，可以讓使用者輸入搜尋條件；然後，按搜尋後， 可將搜尋的結果顯示出來。 運算處理 任何語言均有運算、比較的能力。如算術運算、關係運算、邏輯運算、字串 運算、內建函式…等。 算術運算：加、減、乘、除…等。 關係運算：大於、大於等於、小於、不等於…。 邏輯運算：AND、OR、NOT…等。 內建函式：如 Sin(n)、Cos(n)…等 條件選擇 依照條件選擇程式執行的路徑。如下面左圖所示，程式執行之初，a的值為

1，b 的值為2，經過一個條件判斷後，得知a 是小於b，所以c 的值是1。今天 假設a 和b的值是由某些運算式決定的，不過經過這個條件選擇之後，我們可以 知道，c的值一定是等於其中較小的那一個。 重覆執行 即重覆執行一些敘述。如下面右圖所示，程式執行之初，n 的值為1，n 值 運算後變為2，經過一個條件判斷後，得知n 的值並不等於8，所以必須再回到 上式運算，n 值變為3，還是不等於8…。如此重覆執行這一段敘述，直到n 值 等於8才會繼續往下執行，此即程式語言的重覆執行結構。

1-4

(資料來源出至：http://140.128.107.177/lifetype/gallery/4/01C++.pdf) 2.4.5 C#簡介 C# 是一種創新的現代程式設計語言，該語言將常見產業與研究語言中所發 現的功能，仔細地整合在一起。為跟上 C# 的設計原理，Microsoft 將若干有潛 力的新功能引入了 C# 語言，藉由語言的建構，增加開發人員的產能。  Microsoft C# 自 2001 年 2 月開始，許多開發人員已經開始使用 C# 程式設計語言建置 軟體。甚至在 Microsoft 的內部，C# 已用來建置一些隨附發行的應用程式，包 括 .NET Framework、MSN Web 屬性和 Tablet PC SDK。就其本身而言，C# 已 證明其本身適於建構高品質的商業軟體。

C# 語言的許多功能在建立時都考慮到四個不同的設計目標：  型別統一的系統，可簡化語言使用數值和參考型別的方式。  以元件為基礎的設計，由例如 XML 註解、屬性 (Attribute)、屬性 (Property)、事件和委派等功能所建立。  實際的開發人員發揮空間，由包括安全指標操作、溢位檢查等 C# 語言 的獨特能力所建立。  實用的語言結構，例如 Foreach 和 Using 陳述式可改善開發人員的生產 力。  潛在的未來功能 C# 未來的創新功能主要是以型別統一的系統、以元件為基礎的開發、開發 人員的發揮空間和實用的語言建構為核心基礎。下列概述 Microsoft 計劃在下一 個 C# 語言主要版本中，將提供的四種主要新功能。這些功能的設計尚未確定， 而 Microsoft Corporation 希望不同社群的開發人員能對這些設計提出意見。  相容標準 於 西元 2001 年 12 月，C# 程式語言正式由「歐洲電腦製造商協會」 (ECMA) 認可為標準 (ECMA 334)。之後，很快地，C# 標準又獲「國際標準組 織」(ISO) 評為「快速軌道」處理序，預期不久即會獲得正式認可。在新程式語 言演進中的重要里程碑，C# 標準的建立，成就了在各種不同作業系統平台上進 行多項實作的結果。的確，在它短暫的歷史中，許多的協力廠商編譯器代理商和 研究人員已實作此標準並建立他們 自己版本的 C# 編譯器。 藉由這些提出的功能，Microsoft 邀請客戶對其 C# 語言附加功能提供意見， 並試圖使這些功能符合該語言進行中的標準處理序。  使用性 此 處討論的功能，未來可能會放入 C# 編譯器中。在 2003 年初期，「Everett」 版的 Visual Studio .NET 中，將包含針對完整 ECMA 相容標準略為修改的 C# 版本。這個版本將不包括此處討論的功能。Microsoft 希望這些功能將包含在「VS for Yukon」版的 Visual Studio 中，但發行日期尚未決定。

(資料來源出至：

http://60.251.1.52/taiwan/msdn/library/2003/Apr-2003/vbconCProgrammingLanguag eFutureFeatures.htm)

第三章、專題規劃

3.1 專題規劃目標

．讓大家能夠了解健康飲食的重要性 ．讓大家學會煮健康營養美味的菜色 ．讓大家可以針對自己的身體狀況學會飲食 ．讓大家了解熱量的計算方式及每道食材的熱量 ．讓大家了解每道食材含有哪些營養成份

3.2 系統開發方法

本專題是以[雛型法]來作為系統開發方式，並將雛型法分為使用者的需求、 雛型的開發、強化雛型系統五個階段，作為我們開發的流程。 如下圖: 第一階段(系統規劃): 我們再瞭解使用者的需求，來初步規劃網站架構。 第二階段(資料分析): 根據訪談與收集到的資訊做整合，軟硬體需求、所需的開發軟體。 第三階段(網站設計): 設計網站的內容、網站藍圖、版面配置、規劃資料庫。 第四階段(網站製作): 建置網站、版面及資料庫。 第五階段(網站執行): 測試網站、資料庫連結測試、更正錯誤、測試超連結。

系統

規劃

資料

分析

網站

設計

網站

製作

網站

執行

圖系統開發階段(雛型法)

3.3 系統藍圖描述

3.4 專題設備

本專題所需使用之軟硬體有：

(1)軟體方面：C#，Access 2007，Web Server，Win 7, IIS , STAR UML (2)硬體方面：網路線，電腦

3.5 專題時程規劃

本專題由開始規劃至系統完成，預計會有下列幾項工作 ．找出菜單需要哪些食材 ．找出最簡單的表達方式讓來訪者快速了解如何做出健康食譜 ．找出菜單之外的功能，例如留言板，或是查詢功能等等 ．繪製類別圖 ．學會架設網站，C#，資料庫等相關技術 ．建置時間 ．測試並找出錯誤等 ．做修正 健康飲食網 首頁 查看最新消息 註冊 菜色查詢 生機主食 _生機副食 美味點心 精力湯 BMI計算 留言版 會員登入 私房菜

3.6 工作分配表(如表 5 所示)

表 5 本專題工作分配表。 項目 任務名稱 企劃成員 劉潤婷 陳佑伊 張祥庭 黃聖哲 1 訪談與調查 ● ● ● ● 2 資料收集 ● ● ● ● 3 資料分析 ● ● 4 資料整合評估 ● ● ● 5 排版與整理 ● ● 6 選寫計畫書 ● ● ● ● 7 確認使用軟體 ● 8 系統分析 ● 9 決定系統需求 ● ● ● ● 10 資料庫建立 ● 11 網頁版面設計 ● 12 美工設計 ● ● ● ● 13 線上測驗 ● 14 PPT 製作 ● 15 海報製作 ● 16 選寫結案報告書 ● ● ●

3.7 貢獻

本專題提供未婚男女、家庭主婦、家庭聚會的食物製作方法，可輕易上手、 避免現在的文明病、改善生活品質以及促進家庭互動及和樂。 (1)未婚男女:現在很多年輕人都不懂得做菜都是外食一族，本專題可供在外地念 書以及工作的人，一個輕鬆簡單的餐點製作方法，這樣就再也不用與不明成分的 外食共舞，讓他們來侵蝕自己的身體健康。 (2)家庭主婦:現在很多的年輕媽媽不懂得煮飯來抓住岳父、岳母、老公、小孩的 胃，參考此網站即可輕鬆做出適合全家大小的三餐，不論是岳父岳母所愛的中式 菜色或者是老公喜歡的西式以及小孩喜歡的甜點，也可以控制全家人的身體健 康。 (3)家庭聚會:突如其來的聚會是否讓很多人都措手不及?又不想再家人以及親戚 朋友面前丟臉，網站提供您不論你是要，中式的大和菜五菜一湯，或者是西式的 自助式餐點，讓您可以快速的一手包辦，還可控制每道菜得熱量以及健康度，讓 家人吃得健康親戚朋友們也吃得開心。

3.8 專題時程規劃表(如表 6 及圖 11 所示)

表 6 下圖為本專題的時程規劃表 識別項 任務名稱 開始 完成 期間(DAY) 1 系統規劃 2011/3/1 2011/5/20 51 2 備前討論事項 2011/3/1 2011/3/7 7 3 選定題目 2011/3/7 2011/3/10 4 4 工作分配 2011/3/18 2011/3/20 3 5 資料蒐集 2011/3/21 2011/5/15 56 6 資料分析 2011/3/22 2011/5/25 65 7 討論架構 2011/3/11 2011/3/21 10 8 討論版面 2011/3/11 2011/3/16 6 9 討論內容 2011/3/11 2011/3/31 20 10 討論需求分析 2011/4/1 2011/5/20 50 11 撰寫計畫書 2011/4/20 2011/5/25 36 12 計劃書修改.審查 2011/5/26 2011/6/1 7 13 系統開發流程圖 2011/5/26 2011/6/20 26 14 系統架構圖 2011/6/3 2011/6/20 18 15 網站設計 2011/6/21 2011/11/5 138 16 網頁版面製作 2011/7/1 2011/7/31 31 17 美工設計 2011/6/16 2011/7/20 35 18 資料庫設計 2011/6/25 2011/7/15 21 19 建置資料庫 2011/7/15 2011/8/15 32 20 系統測試 2011/11/15 2011/11/30 16 21 網站執行 2011/12/1 2011/12/16 16 22 專題展示 2011/12/17 2011/12/28 12

第四章、專題成果

4.1 需求分析

現代人的飲食習慣，都吃加工過的食品，不吃天然的食物。忙碌的工作導致 飲食不正常，在家開伙的機會也大副減少，都以方便的外食作為三餐，導致飲養 不均衡，文明病上升許多。 本專題架設了一個簡單易操作的網站，提供了許多健康養生的食譜給大家作 為參考，還可以計算 BMI 值，看自己有沒有在範圍以內，可以時時督促自己保 持健康範圍，會員也可以上去分享一些拿手的私房菜，跟大家一起討論作法及做 菜的心得。 使用者可依上述內容產生以下幾點需求描述： 1. 使用者可透過網際網路瀏覽本站。 2. 使用者可輸入關鍵字，瀏覽本站分享的食譜資訊。 3. 使用者可透過本站測量自己的 BMI 值。 4. 使用者可使用會員功能，跟大家分享自己的拿手私房好菜。 5. 使用者可透過留言板功能，對本站提出意見以及進行互動。

4.2 系統分析

4.2.1 健康飲食網 圖 11 網站使用案例圖

使用者

加入會員

查詢製作方法

BMI

計算

討論區

提供私房菜

會員登入

<<include>>

查看最新消息

4.2.2 循序圖 註冊 圖 12 註冊 : User :使用者介面 <<boundary>> :顯示 <<control>> :註冊 <<boundary>> :審核 <<control>> :資料庫 <<entity>> 1 : 進入首頁() 2 : 點選註冊申請() 3 : 進入註冊頁面() 4 : 送出填寫資料 5 : 資料審核() 6 : 建立資料() 7 : 顯示申請成功 8 : 回到主頁面()

製作方法 圖 13 製作方法 : User :使用者介面 <<boundary>> :顯示 <<control>> :資料庫 <<entity>> :製作方法 <<boundary>> :菜色 <<boundary>> 1 : 進入首頁() 2 : 點選製作方法() 3 : 找尋菜色() 4 : 傳回菜色樣式 5 : 載入菜色頁面 6 : 選擇菜色() 7 : 找尋製作方法() 8 : 載入製作方法 9 : 顯示製作方法()

BMI 計算 圖 14 BMI 計算 :使用者介面 <<boundary>> : User :顯示 <<control>> :BMI計算器 <<boundary>> :計算 <<control>> 1 : 進入首頁() 2 : 點選BMI計算() 3 : 顯示BMI網頁() 4 : 輸入數值 5 : 計算BMI() 6 : 回傳計算值 7 8 : 顯示計算值

菜色查詢 圖 15 菜色查詢 : User :使用者介面 <<boundary>> :顯示 <<control>> :菜色查詢 <<boundary>> :資料庫 <<entity>> :篩選 <<control>> 1 : 進入首頁() 2 : 點選菜色查詢() 3 : 載入菜單 4 : 輸入材料名 5 : 塞選符合食材() 6 : 找尋符合食材內容() 7 : 傳回符合食材內容 8 : 建立符合菜單

討論區 圖 16 討論區 alt [if 未登入] [else ] [if 未登入] [else ] : User :使用者介面 <<boundary>> :顯示 <<control>> :資料庫 <<entity>> :討論區 <<boundary>> :檢驗 <<control>> 1 : 進入首頁() 2 : 點選討論區() 3 : 要求登入() 4 : 輸入帳密 _{5 : 檢驗帳密()} 6 : 找尋密碼() 7 : 判斷是否正確() 8 : 連結討論區() 9 : 進入討論區()

私房菜

會員登入 圖 18 會員登入 :頁面 <<boundary>> : User :控制程式 <<control>> :登入 <<boundary>> :控制程式 <<control>> :資料庫 <<entity>> 1 : 進入首頁() 2 : 點選登入() 3 : 連結頁面() 4 : 要求輸入帳密() 5 : 輸入帳密() 6 : 檢驗帳密() 7 : 找尋密碼() 8 : 判斷是否符合() 9 : 進入頁面() 10 : 顯示登入首頁()

整合 圖 19 整合 o p t [審核成功 ] [ 審核成功 ] a lt [ if 點選註冊 ] [ e ls e if 點選製作方法 ] [ e ls e if 點選 BMI 計算 ] [ e ls e if 點選菜色查詢 ] [ e ls e if 點選討論區 ] [ e ls e if 點選我的最愛 ] [ if 點選註冊 ] [ e ls e if 點選製作方法 ] [ e ls e if 點選 BMI 計算 ] [ e ls e if 點選菜色查詢 ] [ e ls e if 點選討論區 ] [ e ls e if 點選我的最愛 ] a lt [ if 未登入 ] [ e ls e ] [ if 未登入 ] [ e ls e ] a l t [ if 未登入 ] [ e ls e ] [ if 未登入 ] [ e ls e ] : U s e r : 使用者介面 <<b ou n d a r y >> : 顯示 <<c on t r ol >> : 註冊 <<b ou n d a r y >> : 審核 <<c on t r ol >> : 資料庫 <<e n t it y >> : 找尋 <<c on t r ol >> : 菜色 <<b ou n d a r y >> : B M I 計算器 <<b ou n d a r y >> : 菜色查詢 <<b ou n d a r y >> : 篩選 <<c on t r ol >> : 討論區 <<b ou n d a r y >> : 檢驗 <<c on t r ol >> : 我的最愛 <<b ou n d a r y >> : 計算 <<c on t r ol >> 1 : 進入首頁 () 2 : 點選註冊申請 () 3 : 進入註冊頁面 () 4 : 送出填寫資料 5 : 資料審核 () 6 : 建立資料 () 7 : 顯示申請成功 8 : 載入主畫面 9 : 點選製作方法 () 10 : 找尋菜色 () 11 : 傳回菜色樣式 12 : 載入菜色頁面 13 : 選擇菜色 () 14 15 : 找尋製作方法 () 16 : 建立製作菜單 () 17 : 載入製作方法 18 : 點選 BMI 計算 () 19 : 載入 BMI 頁面 20 : 輸入數值 21 : 計算 B M I ( ) 22 : 回傳計算值 23 24 : 顯示計算值 25 : 點選菜色查詢 () 26 : 顯示菜色查詢網頁 () 27 : 輸入材料名 28 : 篩選符合食材 () 29 : 找尋符合內容 () 30 : 建立符合菜單 () 31 : 顯示符合菜單 32 : 點選討論區 () 33 : 要求登入 () 34 : 輸入帳密 35 : 檢驗帳密 () 36 : 找尋密碼 () 37 : 判斷密碼是否正確 () 38 : 連結討論區 39 : 顯示討論區 () 40 : 點選我的最愛 () 41 : 要求登入 () 42 : 輸入帳密 43 : 檢驗帳密 () 44 : 找尋密碼 () 45 : 判斷密碼是否正確 () 46 : 連結我的最愛 47 : 顯示我的最愛 ()

4.3 系統介紹

4.3.1 「健康飲食網站」網站概要說明

「健康飲食網站」是屬於食譜數位化的商務網站，此網站除了健康的食譜之 外還提供身高體重比(Body Mass Index，簡稱 BMI)是一個計算值、私房菜的功 能。 重點是可依照個人飲食需求選擇食譜，以簡單製作的方式來烹飪出最健康且 又營養的食物，並且可隨時檢測身體的 BMI 值即時了解自己的身體狀況。 透過需求分析定義出三種類型的操作需求，使用者、會員、管理者以及附有 的介面與功能。 使用者:申請帳號、留言、食譜查詢及檢測 BMI 值。 會員:可觀看和分享私房菜、網站留言、更改會員資料、檢測 BMI 值及食譜查詢。 管理者:更新食譜和私房菜、管理留言、管理會員資料表。

4.4 使用手冊

4.4.1 首頁- 1. 開啟 IE 瀏覽器，並在網址列輸入「http://120.106.196.132/117」即呈現首頁畫 面。 圖 20 圖 21

2. 功能選單註冊。

圖 22

3. 先按接受會員條款才可註冊，輸入帳號、密碼以登入系統(測試帳號:1234、密 碼:1234)。

4. 帳號重複時，會再要求從新輸入帳號密碼。

圖 24

5. 密碼長度未超過 4，字體將會變紅色並要求從新輸入帳號密碼。

6.註冊成功時，會跳出小視窗顯示註冊成功。

圖 26

7.製作方法的分類搜尋有四種選擇:生機主食、生機副食、美味甜點及精力湯。

8.點選生機主食，選取元氣降脂粥，將會出現功效、材料、做法及完成品。

圖 28 9.BMI 計算，輸入身高和體重。

10.輸入完身高體重，按確認，即會顯示指數和診斷結果，右邊有也有分級與標 準表可對照參考。

圖 30

11.留言板可留言及發問，是使用者們交流的小天地。

12. 進入私房菜前，須先登入會員。

圖 32 13.登入會員即可觀看私房菜。

14.會員也可分享自己的私房菜。

第五章、結論與未來發展

結論

本專題以健康作為概念，將食譜及私房菜儲存至資料庫作為基礎，再以 (ASP.NET)呈現網頁，所呈現出的頁面分為首頁、註冊、菜色查詢、BMI 計算、 留言版、私房菜。 飲食，是每日身體活動所需能量的來源，許多人的飲食缺乏正確的知識觀念， 由於不當的飲食每天不斷一點一滴地累積侵害我們的健康，因此要吃的健康， 才是根本之道。

未來發展

將食物的營養資訊、身體的 BMI 值以及一些簡單容易製作的健康美食，透 過網路傳遞廣大的網路使用者參考。讓大家知道注重飲食才是健康的根本。

文獻參考

1. 宏騏健康生活網：http://hung-chi.blogspot.com/2010/02/2009.html 2. 體重控制資訊網：http://www.jtf.org.tw/weight/treasury_006.asp 3. 歐陽英健康食譜：http://www.oyoung.com.tw/ 4. 咕嚕健康美食網： http://recipe.goolu.com/01_catalog/index.php?php=menu/19_0.htm 5. 維基百科：http://zh.wikipedia.org/wiki/Wikipedia:%E9%A6%96%E9%A1%B5 6. 參考網址：http://140.128.107.177/lifetype/gallery/4/01C++.pdf 7. 參考網址： http://60.251.1.52/taiwan/msdn/library/2003/Apr-2003/vbconCProgrammingLan guageFutureFeatures.htm 8. 參考網址：http://office.microsoft.com/zh-hk/access-help/HA001071497.aspx 9. 參考網址：http://www.cctc.com.tw/demo/b6-1-access.asp

會議記錄

日期 2011/4/26 地點 A208 實驗室 主席 林侑賢 紀錄 陳佑伊 出席者 陳佑伊、黃聖哲、劉潤婷、張祥庭 時間 13:30 內容 參考比賽範本、討論題目方向 決議 開始分配收集資料 導師建議 日期 2011/7/19 地點 A208 實驗室 主席 張祥庭 紀錄 陳佑伊 出席者 陳佑伊、黃聖哲、劉潤婷、張祥庭 時間 13:00 內容 決定專題題目和架構 決議 分配工作 導師建議 日期 2011/8/20 地點 A208 實驗室 主席 張祥庭 紀錄 陳佑伊 出席者 陳佑伊、黃聖哲、劉潤婷、張祥庭 時間 13:10 內容 網站排版 決議 確定網站內容項目 導師建議 日期 2011/3/9 地點 A208 實驗室 主席 林侑賢 紀錄 陳佑伊 出席者 陳佑伊、黃聖哲、劉潤婷、張祥庭 時間 21:10 內容 第一次的會議，討論之後集會時間&注意事項 決議 開始尋找相關書籍及學習程式 導師建議 開始學習技能 專題名稱 日期 2011/5/30 地點 A208 實驗室 主席 林侑賢 紀錄 陳佑伊 出席者 陳佑伊、黃聖哲、劉潤婷、張祥庭 時間 13:00 內容 討論系統設計、決定系統需求 決議 收集資料、確認使用軟體 導師建議 建議使用 Joomla 製作網頁

日期 2011/9/20 地點 A208 實驗室 主席 張祥庭 紀錄 陳佑伊 出席者 陳佑伊、黃聖哲、劉潤婷、張祥庭 時間 13:00 內容 網站內容 決議 設計系統整體、網頁系統介面、資料庫關聯性連結建置 導師建議 日期 2011/10/1 地點 A208 實驗室 主席 張祥庭 紀錄 陳佑伊 出席者 陳佑伊、黃聖哲、劉潤婷、張祥庭 時間 14:00 內容 網站內容、排版 決議 網頁系統介面、資料庫關聯性連結建置 導師建議 日期 2011/11/8 地點 A208 實驗室 主席 林侑賢 紀錄 陳佑伊 出席者 陳佑伊、黃聖哲、劉潤婷、張祥庭 時間 13:10 內容 網站測試 決議 尚須修改，細節與格式須注 導師建議 目其他還有小地方需修改、盡速完成網站 日期 2011/11/23 地點 A208 實驗室 主席 林侑賢 紀錄 陳佑伊 出席者 陳佑伊、黃聖哲、劉潤婷、張祥庭 時間 14:10 內容 排版須改善，網站內容 決議 資料尚需修改 導師建議 趕緊修改後再審件 日期 2011/11/29 地點 A208 實驗室 主席 張祥庭 紀錄 陳佑伊 出席者 陳佑伊、黃聖哲、劉潤婷、張祥庭 時間 14:10 內容 結案報告書 決議 結案報告書資料尚需修改 導師建議 趕緊修改後再審件 日期 2011/12/6 地點 A208 實驗室 主席 林侑賢 紀錄 陳佑伊 出席者 陳佑伊、黃聖哲、劉潤婷、張祥庭 時間 13:30 內容 網站及結案報告書 決議 網站美工需加強、結案報告書資料尚需修改 導師建議 趕緊修改後再審件