东南科技大学资讯管理系

1東南科技大學資訊管理系畢業專題審定書東南科技大學資訊管理系，張冠昌、廖致緯、蕭俊偉、張宥宸、吳冠輝君所提之畢業專題Flex網頁製作之美食小吃(題目)認為符合實務專題標準。指導老師(簽名)中華民國98年5月2日2畢業專題電子檔案上網授權書本授權書所授權之畢業專題為授權人在東南科技大學資訊管理系98學年度第一學期取得之畢業專題報告。專題題目：RIA美食小吃網站製作指導老師：張志祥茲同意將授權人擁有著作權之上列報告全文(含摘要)，非專屬、無償授權東南科技大學資管系，不限地域、時間與次數，以微縮、光碟或其他各種數位化方式將上列報告重製，並得將數位化之上列報告電子檔以上載網路方式，提供讀者基於非營利性質之線上檢索、閱覽，或並下載、列印。讀者基於非營利性質之線上檢索、閱覽或下載、列印上開報告，應依著作權法相關規定辦理。指導老師：授權人學生姓名：(請親筆正楷簽名)中華民國98年5月2日3目錄畢業專題審定書電子檔案上網授權書中文摘要第一章研究動機與目的第一節研究動機------------------------------------------5第二節研究目的------------------------------------------5第二章文獻探討第一節台灣小吃------------------------------------------7第二節Flex----------------------------------------------8第三節JSP----------------------------------------------14第四節MVCModel----------------------------------------19第五節MySQL--------------------------------------------22第三章系統分析與設計第一節系統分析與設計介紹-------------------------------25第四章設計原理及架構第一節使用範例圖---------------------------------------28第二節後台系統登入UML圖-------------------------------29第三節新增夜市資料UML圖-------------------------------30第五章成品展示及操作說明第一節前台---------------------------------------------32第二節後台---------------------------------------------38第六章結論-------------------------------------------------47第七章參考文獻---------------------------------------------484中文摘要現今社會對於網頁的需求，已經見漸漸普及化，尤其是對於網頁的介面更是要求美觀，近年來人們只要有生活上的問題，無論是食衣住行上的哪一環，都會坐上電腦桌開始做網頁搜尋的動作，而選取查看的網頁相對也會由呈現時的外觀來做決定，由此可見網頁已經是生活中重要的一環。而資料庫的使用越來越廣泛及複雜，也常推陳出新，而資料庫在網路上的應用，如檔案管理或討論區的架設，都和資料庫有息息相關密不可分的關聯，透過網路可隨時取得資訊，但是這些未經整理的零散資料，常常會使人們面對一些煩雜的資料，所以在透過網路管理時，必須要有相對應的後台資料庫，才能完善的管理網頁，如新增移除的功能，或是會員登入之類等等，這時人們就運用資料庫創造出有系統價值的資訊了。這次我們探討的是如何把新的動態網頁軟體Flex套用在美食網頁上，然後再配合後台的資料庫管理把相關資訊能夠直接對應到網頁中，做到後台資料更新，前台能直接呈現新資訊的功能，確實把新軟體程式的實用及美觀性呈現出來，也把資料庫的功能再次表露無疑。5第一章研究動機與目的第一節研究動機一、1990年代出現在網際網路上的全球資訊網(WorldWideWeb)是一個重要的關性突破，帶動了全球網路的風潮。網際網路的快速成長與商業發展已成為全球企業衷追逐的風潮，主要的原因在於網際網路的普及化與生活化。二、逛夜市，竟是吃喝玩樂，享用夜市攤販小吃，已經是國人在平常不過的事情了，更有人晚餐都是在夜市著落，夜市的消費種類千奇百種，飲食類、服飾類、百貨類等等…民以食為天，我們就已夜市小吃做為專題參考，這就是我們此組初步的動機。三、許多夜市都是由小小的街販，聚集便擴大，區域行政單位也將有些街販群們及地點規劃成觀光夜市，如饒河夜市、臨江街夜市，還有流動攤販、商圈夜市等等，台灣的夜市已越來越知名了。四、網路的效力，使得平常不易取得的資料都變得容易，生活中所談論的美食也可以因此受到恩惠，相對的網路上業者也慢慢重視到台灣傳統夜市的重要性，藉由這次專題研究的機會，讓我們可以運用到網路平台及系統技術，把看似平常且簡單的夜市小吃以華麗及生動的方式呈現給網友，使台灣夜市美食可以更具聞名也讓夜市的資訊更加透明及大眾化。第二節研究目的一、現在網路上有太多相關的美食網頁，但是呈現的方式都大同小異，我們想運用Flex軟體來開發，此軟體呈現的方式更具生動力，目前Flex軟體還無法很落實的被運用，是一套剛問世不久的開發軟體，在建置系統6時也可以學習到，也可以讓Flex軟體，更被利用於市場上。二、運用MVCModel系統，此系統是一套完整於儲存及管理，當資訊需要更新時，前台網站便會同時更新，方便於管理。三、利用網路上的資訊及系統做整合，如：GoogleMap四、照片資料的取得及製作，都是自己組別拍攝及美工設計，可以學習一些繪圖工具軟體及技術。五、在實地走訪，能更明確的知道哪一家小吃是實至名歸，不會有灌水或是不實的現象發生，也能為各位愛吃小吃的人做到口味上的區分及篩選。六、讓小吃網站更豐富化，提供了熱門小吃、夜市等等，瀏覽網頁不僅能觀看資訊，更可以獲得其他東西。七、學校所學的JSP動態網站製作，利用這次專題的機會，讓自己更有能力去撰寫及了解JSP動態網站7第二章文獻探討第一節台灣小吃台灣小吃是一系列台灣的特殊街頭食物的總稱，也是台灣在地文化的最佳代表之一。要對台灣小吃下一個準確性的定義並不是那麼容易，或許可以嘗試做以下區分：狹義而言，僅指發源於台灣的小吃，如：珍珠奶茶；而由於小吃的變化性極高，易於隨地域、時間有突破性的發展，因此廣義的來說，亦可以包括那些於台灣興盛、創新，而於台灣隨處可見甚至發揚光大的庶民美食，如：生煎包、蚵仔煎、肉粽等；至於最廣義的定義，甚至可以包括任何在台灣十分普及的小吃，像是蔥油餅、臭豆腐等，只不過這種看法應該就是以出現於台灣小吃攤位的美食來定義台灣小吃了。台灣小吃歷史台灣小吃之所以發達，有其歷史悠久典故：台灣是自清代起，漢人農業民族自福建（清雍正(1720年左右)時開放廣東移民來台）開墾山林台灣，非常耗費勞力於耕耘，小吃生意者便以挑夫姿態，挑各樣冷、熱小吃到田邊、山邊供應開墾者食用，典故如此。在初民墾荒時期，皆在信仰中心廟舉辦迎神賽會，人群聚集小吃生意者也隨至行商，所以台灣許多小吃市集都在廟旁；近數十年，隨著台灣經濟起飛，都市大型百貨公司亦多規劃樓層為小吃街，又可享受冷氣免日曬雨淋，小吃也被賦與現代化的意義。總類定點夜市分類（每日營業的夜市、地點固定）商圈夜市：多為既有商圈延長營業至深夜，商家多有自家或承租店面，亦會吸引攤販會在路邊開張營業。好處是有助於當地商業蓬勃發展，缺點是髒亂。在都會區由於商業興盛、空地尋覓不易，常是商圈夜市。8觀光夜市：若商圈夜市經過當地政府設計規劃，並配合當地特色吸引遊客，即稱為觀光夜市。有些觀光夜市經營方式與商圈夜市無異（例如位於台北市的饒河街夜市），只是加強整潔及美化；但亦有部分興建集合式商場，由商家各自承租店面，可改善商圈夜市髒亂現象（例如位於台南市的小北夜市）。流動夜市：只在特定日期（一般為每星期一次）營業的夜市，由於參與的商家在其他日期會集體移動至其他特定地點營業，有如一個流動於臨近各地的夜市，故以此稱之。一般常見於鄉間或都市邊緣的大型空地上，平時可能作為停車場。商家全部為攤販形態，傍晚時到達場地，午夜過後全部撤除。此類型夜市好處是便於清掃及停車，及新鮮感較大（每次攤販不盡相同），缺點是可能影響臨近住家安寧。夜市在台灣社會之中扮演何種角色？夜市分佈廣泛的銷售網絡使得這個以攤販為主所形成之經濟部門與台灣的輕工業及百貨業皆有密切的連結。它不但提供小型製造業一個非常有效率的銷售網絡，將民生用品販賣到全島各個角落，並提供國內製造及零售業應對市場競爭的彈性，讓設計不受消費者歡迎、退流行、訂單退貨、有瑕疵、及換季「庫存貨底」等產品，能夠經由夜市攤販（再次）進入市場，這個特殊的經濟角色在經濟不景氣時尤其明顯。第二節FlexFlex介紹Flex是Adobe公司所發展用來開發「RIA(RichInternetApplication)」的工具，大致上是被FlashPlayer使用的軟體，也就是說FlashPlayer將執行所有Flex應用程式，「RIA」簡單的說就是在Internet上面執行的高親和性操作介面的應用程式。隨著的興起，應用程式不再侷限於一台電腦上執行，逐漸演化9成一個個的網頁，使用者端只需安裝瀏覽器跟一些插件，輸入網址，一切完成。但網頁應用程式究竟與一般傳統應用程式有很大的差異，加上各家瀏覽器對於標準的支援不同，開發出跨平台跨瀏覽器的應用成為一件吃力不討好的工作。AdobeFlex正是解決這些問題的方案之一，適用於建立和維護可部署在各種主要瀏覽器、桌上型電腦和作業系統上，具豐富使用者介面的網路應用程式。Flex是一組工具的集合，除了應用程式的開發環境外，豐富美觀的元件提供了各種建構應用程式所必需的元素。Flex程式語言：Flex的程式語言是ActionScript，它是一套完整的語言，語法與JavaScript類似，包含各種控制，像是：迴圈、條件、字串、陣列、錯誤處理、規則運算式、物件導向、繪圖API…。Flex應用程式可以引用2種類別：一是Flex的類別，namespace是mx，編譯時系統會將此類別加到你的應用程式，並且在使用者執行時下載到Client端；另一種是Flash類別，namespace是flash，這種類別的檔案已經存在FlashVirtualMachine應用程式的發展大致可以簡單區分為4個階段：1、DOS應用程式：文字操作介面。2、Window應用程式：優點：(a)圖形化操作介面，使用者容易操作。(b)程式容易開發，開發工具有：VB、Delphi、PowerBuilder…。缺點：(a)版本控制不易，新版本通常必須更新到使用者的電腦上。(b)跨平台困難，同一份程式無法在不同類型的作業系統上面執行。(c)一般應用在區域網路上。3、Web應用程式：優點：(a)版本控制容易，使用者的電腦上只需要安裝瀏覽器。(b)應用在Internet上。10缺點：(a)雖然是圖形操作介面，但是受限於瀏覽器的功能，操作介面的親和性普遍不高。(b)缺乏好用的開發工具。4、RIA：結合Window和Web應用程式的優點。網頁新技術RIA目前在RIA的研究上，以Macromedia公司最具成果。以Flash而言，它幾乎是所有瀏覽器都會擁有的Plugin元件，但是大多數的人，幾乎都認為Flash只是一項動畫工具，其實Macromedia的Flash是一整套完整的RIA解決方案。簡單地說，RIA是一種在網際網路上運行的應用程式，有著如同桌面應用程式的行為、功能、快速回應、直覺與體驗，也融合了網際網路應用程式的容易開發的與低成本的特性。RIA結合桌面應用程式與網路的優點；而RIA和Flash網站有什麼不同呢？Flash網站與RIA的最大差異在於RIA能夠操作資料並與之互動，而傳統的Flash網站僅止於視覺化的呈現。而使用RIA有什麼好處呢？簡單歸納有下列幾點：一、對企業使用者的好處：1、提高