元培醫事科技大學
資訊管理系畢業專題
蜂蜜大王
指導老師: 劉淑範老師
組 員: 陳玉玲 (1001408013)
鍾昀昇 (1001408024)
呂紹維 (1001408026)
彭俞玟 (1001408052)
林依潔 (1001408055)
中 華 民 國 一 百 零 三 年 十 二 月
摘 要
近年來溫室效應的影響使氣溫越來越炎熱，而各式飲料也漸漸普及化，消費 者對飲料的需求也越來越講究養身及健康，品質與需求更是趨向於客製、精緻 化。因此本研究以新竹大王茶飲專賣店為例，透過文獻探討及網頁規劃設計的方 法進行研究，探討茶飲專賣店如何在眾多飲料店中脫穎而出，在消費者心中佔有 一席之地，經由我們重新設計網頁，希望蜂蜜大王可以利用它讓更多人認識。 關鍵字：新竹蜂蜜大王、服務品質、行銷策略目 錄
摘 要………ii 目 錄………iii 表目錄………iv 圖目錄………v 第一章 緒論 1.1 背景與動機………1 1.2 目的………1 1.3 限制………1 1.4 關鍵名詞定義………2 第二章 文獻探討 2.1 冷飲料店產業概況………3 2.2 冷飲料店經營模式………4 2.3 冷飲料店飲品種類介紹………6 2.4 顧客消費行為………8 2.5 冷飲店在台灣市佔率………10 第三章 專題設計與規劃 3.1 專題規劃目標………21 3.2 系統發展方法………21 3.3 系統藍圖描述………23 3.4 專題設備………24 3.5 專題時程規劃………25 3.6 專題分工………26 第四章 專題成果 4.1 需求分析………27 4.2 系統分析………28 4.3 系統介紹………32 第五章 結論與建議 5.1 結論………43 5.2 建議………43 5.3 未來研究方向………43 5.3 未來研究方向………44 參考文獻………44表目錄
表 2-1 消費行為定義表格 ………12 表 3-1 本專題進行流程表………22 表 3-2 專題文件製作規劃………24 表 3-3 系統開發環境規劃………24 表 3-4 其他規劃………24 表 3-5 硬體規劃………24 表 3-6 甘特圖………25 表 3-7 組員分工表格………26 .圖目錄
圖 2-1 飲料店近五年銷售額統計數據………14 圖 2-2 飲料店近五年各業別銷售額蓋數據………14 圖 2-3 清心及五十嵐比較圖………15 圖 3-1 SDLC 流程圖………22 圖 3-2 蜂蜜大王架構圖………23 圖 4-1 使用者案例圖(主網站) ………27 圖 4-2 循序圖系統平台架構………28 圖 4-3 循序圖蜂の窩………29 圖 4-4 循序圖蜂蜜點點名………29 圖 4-5 循序圖蜂蜜の家………30 圖 4-6 循序圖管理者選項………31 圖 4-7 系統介紹蜂蜜大王首頁………32 圖 4-8 系統介紹蜂の窩品牌故事………32 圖 4-9 系統介紹蜂の窩品牌特色………33 圖 4-10 系統介紹蜂の窩品牌精神………33 圖 4-11 系統介紹蜂蜜點點名鮮蜜茶系列………34 圖 4-12 系統介紹蜂蜜點點名鮮果汁系列………...34 圖 4-13 系統介紹蜂蜜點點名鮮品茶系列………35 圖 4-14 系統介紹蜂蜜點點名價目表………35 圖 4-15 系統介紹蜂蜜の家訂購方式………36 圖 4-16 系統介紹蜂蜜點點名所在位置………36 圖 4-17 系統介紹蜂獨家………37 圖 4-18 系統介紹蜂問答………37 圖 4-19 系統介紹管理者選項登入………38 圖 4-20 系統介紹新增首頁公告………38 圖 4-21 系統介紹更新首頁公告………39 圖 4-22 系統介紹新增蜂獨家公告………39 圖 4-23 系統介紹修改價目表格………40 圖 4-24 系統介紹修改價目表小杯價格………40 圖 4-25 系統介紹修改價目大杯價格………41 圖 4-26 系統介紹修改價目表小瓶價格………41 圖 4-27 系統介紹修改價目表大瓶價格………42第一章 緒論
1.1
背景與動機
蜂蜜大王起源於民國五十五年(西元 1966 年)，當年余蘇水先生，出身農家， 栽種作物、養蘭花一直都是閑暇時的嗜好。即使北上到新竹之後，自家屋頂也是 種滿了花花草草。與許多同樣愛好花卉的朋友交流，有時還會接收別人養不活的 蘭花，重新養到枝繁葉茂。也是個蜂農，在彰化花壇的山上務農，因為有當兵時 的老朋友介紹，所以才有機緣到新竹賣蜂蜜茶。 當時的專賣店流行叫「ＸＸ大王」，因此專賣蜂蜜茶的余蘇水先生就將店名 叫做「蜂蜜大王」，當時在同一條街上還有甘蔗汁大王、椰子大王等等，但延續 至今的只有蜂蜜大王。 蜂蜜大王一路走來曾經的店址有： 民國五十五年(西元 1966 年)開始，蜂蜜大王在新竹三角公園的夜市擺固定攤販。 民國六十八年(西元 1979 年)夜市被拆除後，幸運的找到了關帝廟旁的露店繼續營 業。 民國九十三年(西元 2004 年)因關帝廟修繕的關係，廟方拆除了二十五年歷史的南 門老街。於是蜂蜜大王便遷移到了現址：新竹市勝利路 338 號。 『蜂蜜大王』這個俗又有力的的店名，在新竹屹立至今半個世紀，已成為在 地新竹人家喻戶曉的天然健康飲品。1.2
目的
專題的主要目的是藉由重新設計蜂蜜大王網頁，介紹這個在新竹有五十年的 老店，以透過資訊科技讓不管是新竹地區的消費者或是其他地區的顧客都能認識 蜂蜜大王。 為了因應現代人三餐老是在外的飲食習慣。一個「鮮」字，創造出許多的 想法、良性競爭，讓社會動向又更進一步。其中蜂蜜大王是以新水果為主的茶飲 取得消費者的喜愛，與一般飲料店有所不同。1.3 限制
由於蜂蜜大王這間冷飲店本身已有架設網頁，新增或修改刪除東西都需要跟 店家做商量討論，需要長期與店家做訪談，以達到相同的共識。1.3
關鍵名詞定義
本專題會用到幾個關鍵字，分別定義如下
(1) 資訊科技：資訊科技（英文：Information Technology，簡稱 IT），係用響管理 同處理資訊用到各種技術統稱，主要係利用電腦科學同通訊技術設計、開發、 安裝同實施資訊系統同應用軟件。
(2) 新竹：新竹市北半部位於頭前溪、鳳山溪、客雅溪沖積成的新竹平原上，地 勢低平。南半部為竹東丘陵的西側延伸，最高峰為五步哭山，海拔 184 公尺。 西部沿海地區有狹長的海岸平原。
第二章 文獻探討
2.1 冷飲料店產業概況
過去的冷飲店，以一個小小的攤子，簡單的器具就可以賣出家喻戶曉的飲 品，現在飲料店日趨精緻、多樣化，加盟店也逐漸增加，邁向便利性，使顧客不 再堅持到同一家店消費，而是漸漸的分散開來，結果是現代人越來越講究養生， 飲料給國人的印象多偏向不健康，因此各家飲料店為爭取更多的顧客，都會豎立 一個形象或特色，從一開始的優惠的價格、有特色的店內裝潢、使用包裝容器的 外觀，到現在追求健康品牌的形象，都不外乎是要在越來越多的飲料店中，找出 自己的一條路。 發展出自己的特色以及品質就變成現今最大的課題，只要是飲料店賣的商品 名稱項目一定是大同小異，站在消費者的角度來看，只是在裝潢店格上、價位不 同、飲料的口感上略有不同而已。現在年輕人買飲料非常重視品牌及外觀，而年 輕人更是飲料市場消費的主力，不只在外觀上的改變，達到顧客所追求的健康， 更在飲料的取名上加人不同的創意名詞，特別有獨特性成為新崛起的飲料店策略 之一。 但是也不是說小型或不注意外觀的飲料店就沒商機沒競爭力，飲料店地點的 好壞是關鍵因素之一，飲料口感、品質、穩定也是重點。2.2 冷飲料店經營模式
(一)、飲料店的規劃 若已經決定要開一家冷飲店，在地點上的選擇想必是絕對第一優先考量的。 在挑選飲料店時，最重要的就是決定定位，也就是經營型態與消費者群，除 非選擇的地點附近消費者上飲料店購買的毛利超過六成以上，且還有競爭力，不 然在寸土寸金的熱鬧商業區黃金地段設點，光房租一定不低，有人潮卻因為毛利 過低，很容易賺的錢都付給了房東。 因此比較建議設在班公大樓、夜市、百貨公司、大學院校等，這些店點本身 集客力都不差而店租金價格也不會太高。 另外在開店時，也要確實掌握自己的能力，以及要清楚自行創業與加盟的好 處和壞處，做最合適自己的選擇。 兩種創業型態的優缺點分析： 1.選擇自行創業店為主 A.成本較高，店內設計需自行處理。 B.適合具有品牌形象且資金充裕者。 C.教有潛力發展其他相關產品。 D.經營尚未上軌道，還沒有一套管理制度，需隨時掌控更多細節。 E.需自行培養店內幹部，以及訓練員。 2.選擇加盟店為主 A. 複製簡單，培訓容易，而且小本經營即可。 B. 屬消耗性商品，可重複消費。 C. 商品量取勝，不太需要嚴格的品質或品牌形象。 D. 想要及於佔有好商圈據點、創造知名度者。 E. 總部也是商品供應者，且需要有一定利潤，可將加盟店視為經銷店。店鋪型態： 1. 標準型 一般店鋪 10~15 坪之店面，基本的店面型態。 2. 旗艦型 三角窗店鋪 15~30 坪之店面，大型店面型態。 3. 精緻型 百貨公司、地下街、大賣場專櫃 3~8 坪之櫃位，小巧專櫃型態。 (二)、現在趨勢 現今的冷飲店可以說在裝潢上及價格上的競爭之外，產品的特色及品質更是 取勝的關鍵。因為獲利較高創業也不需高額的資金在這種情況下冷飲店也慢慢地 越來越多家連鎖店面，競爭上相對地也提高了。產品創新的特色及高品質的服務 還是冷飲店主要的核心競爭，為了適應這種龐大的競爭力同業中所有市場區隔， 未來將積極投入創新、獨特性及高品質的服務發展，找出明確的市場定位所在。 (三)、未來的發展 要經營一家飲料店做法不能像從前的泡沫紅茶店，所謂「掌握通路就是贏 家，掌握通路就是霸主！」。冷飲店的市場範圍廣大現有或潛在的競爭對手很多， 尤其在此行業逐步入衰退期，扔有企業財團及小本創業者相繼投入，可見企業還 處在高度競爭的階段。 且時代的潮流趨向複合式餐飲和開始出現有規模的經營和連鎖店面，為了吸 引消費者而做了改變，在未來可能會出現更多的連鎖飲料店，在這股競爭力下如 何生存就要看經營者的頭腦與經營方式，未來的趨勢可能走向有賣各式的餅乾、 速食商品和附設有氣氛的場所讓消費者喝著飲料聊天看雜誌、漫畫等等…
2.3 冷飲料店飲品種類介紹
冷飲店的種類其實大同小異，主要還是以飲料特色做行銷。 COCO : (1)鮮榨奇異果冰茶: 嚴選高營養密度的 Zespri 紐西蘭奇異果，新鮮現榨並搭配 CoCo 清香青茶，酸酸甜甜的滋味讓人耳目一新，品嘗後在口齒間留下清爽香氣， 並為你的身體注入滿滿活力! (2)手工鳳梨水果綠茶: 堅持用手工製作，還使用高級綠茶，口口都能咀嚼到新鮮 鳳梨果肉! (3)巧克力珍珠奶茶: 香甜的巧克力搭配濃醇的奶茶，再加上 QQ 珍珠的絕佳口 感，濃情甜蜜的好滋味留存在心頭。 (4)玫瑰鹽奶蓋紅茶: 精選來自喜馬拉雅山山脈的純淨岩鹽，玫瑰色的結晶岩鹽， 結合香醇濃厚的乳霜與紅茶，多層次的口感，融合出絕妙風味 (5)鮮榨奇異果冰鑽: 新鮮現榨的 Zespri 紐西蘭奇異果，加上有如鑽石冰晶的現打 冰鑽喀啦喀啦的冰塊口感，健康有活力的組合讓你清爽整個夏天!(限中杯) Comebuy: (1)絕代雙 Q 奶茶: 特別調配的奶茶，再加上珍珠和蒟蒻，是顧客們十分喜愛的商 品。 (2)荔枝玉露: 使用『屏東玉荷包荔枝鮮果』濃縮做成的果凍加入荔枝汁中，飲品， 風靡香港、澳門，台灣消費者的荔枝玉露，是代表台灣水果農業的好評飲品。 (3)百香搖果樂: 採用『南投牛奶百香果』為主要基底，再搭配珍珠、椰果和 Q 彈 荔枝凍，飲料好喝，用料實在，一定要來喝喝看喔! (4)紅茶拿鐵: 調配好的拿鐵，再加入紅茶，喝起來香醇濃郁，是人氣很旺的產品。 (5)文山包種: 台灣十大茗茶之一，為凍頂烏龍之姐妹茶，茶湯水色蜜綠帶金黃， 鮮艷悅目，滋味甘潤，帶有蘭花般的香氣，有「香、濃、醇、韻、美」等五大特 色，是茶中極品，喝起來十分清爽。50 嵐 (1)珍珠奶茶: 人氣很高的 50 嵐珍奶，小珍珠超多，甜甜的珍珠，有可能是你的 最愛! (2)波霸奶茶: 讓愛嚼大珍珠的你，一邊享受 QQ 的珍珠，一邊品嘗五十嵐特製的 奶茶，度過不一樣的下午茶時間! (3)檸檬養樂多: 健康新鮮的檸檬，遇上清爽的養樂多的滋味，讓人馬上成癮呢! (4)冰淇淋紅茶:香濃冰淇淋搭配紅茶的味道 (5)仙草奶凍: 清香的仙草味，和加上好喝的奶凍的風味 橘子工坊 (1)QQ 奶茶: 招牌 QQ 奶茶，所有受歡迎的都在裡面! (2)鮮水果茶: 招牌鮮水果茶，所有的新鮮水果，都在裡面，甜甜的滋味，讓你成 癮! (3)紫色魔粒: 紫色魔粒，一粒粒都好吃，讓人讚不絕口。 (4)鮮百香果 QQ 綠茶: 鮮百香果 QQ 綠茶，是全國獨創的，是橘子工坊的特色飲 料。 清心福全 (1)優淇高山茶: 加入冰淇淋的高山茶，適合夏天飲用，冰冰涼涼的十分爽口 (2)清心優多綠茶: 有著養樂多及綠茶，養樂多的味道配合綠茶的口味，非常入味。 (3)清心優奶珍珠奶茶: 運用林鳳營的牛奶，做出清心福全的特別口味，也就是我 們說的鮮奶茶。
2.4 顧客消費行為
近年來，消費型態逐漸改變，飲料連鎖店訊速拓展，雖然面臨景氣不佳，卻 能在困境中生存下來，到飲料店消費的人不但未曾減少，反而因低價化飲料店之 興起而提昇消費意願，甚至視飲料為一種必需品。飲料連鎖店雖具高度發展空 間，但同行間競爭卻很激烈而欲發掘其市場潛力，莫過於了解消費者的行為特性。 消費着行為定義 表 2-1 消費行為定義表格 學者 年代 定義內容Schiffman & Kanuk 1994
認為消費者行為，是消費 者為了滿足需求所表現 出對於 產品於服務的需 求、購買、使用、評價、 處置等行為。 羅博銘 2003 費者為滿足其需求，對產 品與服務所表現出來的 消費活動，其中包含過程 中所有的決策行為。 消費者購買手搖飲料的行為 一、消費者發現這家店 如何在路上能馬上發現有手搖飲料的所在，這時店家可以透過廣告、宣傳 單，獨特的招牌，在人多的區域開店，能吸引消費者的注意及購買。 二、消費者對這家飲料店的興趣 如何吸引消費者購買產品： 1. 限時低價：已較低的價格吸引消費者。例如：下午三點到五點，50 元的飲 料特價 35 元。 2. 積點送飲料：可以增加消費者的購買力。例如：積滿 10 點，可以換一杯 35 元以內的飲品。 3. 周年慶或加盟慶祝：第二杯半價或是第 2 件可以打 8 折。
三、消費者對店家的評估 1. 對產品的品質評估：產品本身的價位、包裝、容量、口味等等 2. 對店內的評估：裝潢是否乾淨、店員的服務態度、地理位置 3. 對品牌的熟識度：例如想到翡翠檸檬就想到青玉，想到烏龍綠就想到清心 四、消費者嘗試購買：當消費對這家店的評估了解後，近而產生興趣，然後購買 該店的飲料，嘗試幾次之後，心理就會有想法，下次就還會在去購買 五、消費者購買：消費者產生認同感就會開始購買，購買幾次之後就會變忠實顧 客
2.5 冷飲店在台灣市佔率
競爭激烈臺灣飲料店市場，雖然每年均可看到新進業者與退場業者， 整體而言仍正在成長。而近五年的銷售額亦呈現逐年升高，於 2012 年來到 336.7 億的新高，與五年前相比有 14.5%的成長。觀察飲料店業此小類的各 細類業別（下表 01），可發現又以歸類於「5621-11 冰果、冷飲店」佔有較 大部分的家數與銷售額，成長趨勢也與飲料店業相仿，與其他產業不同的 是，飲料業在全球經濟波動較大的 2009 年與 2011 年亦不見銷售額下墜，顯 示臺灣人即使遭遇環境不景氣，仍不忘讓自己在口腹之慾上得到滿足。 圖 2-1 飲料店近五年銷售額統計數據 圖 2-2 飲料店近五年各業別銷售額蓋數據由上述統計資料得知，冷飲店為目前飲料店業的主要類型，而臺灣的 現調冷飲店，相較於部分專營特定區域的連鎖業者，以「清心福全冷飲站」 與「50 嵐」等兩家業者市佔較高，目前分別以 1000 及 500 多家的數量遍及 全台。兩家業者均有 20 年左右的經營經驗，以「自願加盟」的模式進行擴 張。其中 50 嵐的加盟模式較為特殊，因考量臺灣各地區在地租、口味與產 品價格接受度的差異，將台灣畫為五區，設置獨立之加盟總部，各自負責 管理經營該區營運與加盟業務，但目前尚未進軍東半部。 圖 2-3 清心及五十嵐比較圖
2.6 研究技術與探討
Adobe Dreamweaver Dreamweaver 提供強大的控制元件，保證設計可以有高質素的水準。應用 CSS 樣式表的設計環境令設計師得以更快速及有效地開發專業的網站。 (1) 一個工具就包含了設計及程式編輯器： 您可以直接修改程式碼、在「設計」檢視裡微調整個設計，或是兩者同時進 行。您可以透過自訂的用戶介面，以自己的方式來工作。 (2) 配合符合標準的 CSS 支援來建構複雜的網站： 您現在可以設計及顯示更複雜的 CSS 配置。另外，功能豐富的工具可讓您 快速地選擇及控制個別頁面，甚至整個網站的樣式屬性，節省時間。 (3) 改善用戶的體驗： 加入檢查是否支援各種瀏覽器的功能，自動檢查標籤及 CSS 規則，確保在 各種主要的瀏覽器中都可以正確顯示頁面。 (4) 內置的影像編輯器可以節省時間： 內置的 Adobe Fireworks 技術讓您可以裁剪、調整尺寸及修改影像，而不需 結束 Dreamweaver。 (5) 製作更好的用戶介面： 在設計模式中，程式開發人員可以透過「即時資料檢視」觀看即時的伺服器 資料，而不需要時常開啟瀏覽器來檢查。檔案格式
您可以在 Dreamweaver 中處理各種檔案類型。主要處理的檔案種類是 HTML 檔。HTML 檔 (或「超文字標記語言」檔) 包含了負責在瀏覽器中顯示網 頁的標籤語言。您可以使用 .html 或 .htm 副檔名來儲存 HTML 檔。Dreamweaver 預設使用 .html 副檔名來儲存檔案。 Dreamweaver 可讓您建立並編輯 HTML5 架構的網頁，也會提供可用來從頭 建立 HTML5 頁面的起始版面。 以下是在 Dreamweaver 中工作時，您可能會使用的一些其他常用檔案類型： CSS：串接樣式表檔案的副檔名為 .css。它們的用途是設定 HTML 內容的格式 及控制各種頁面元素的定位。GIF：Graphics Interchange Format 檔案的副檔名為 .gif。GIF 格式是常見的網頁圖 形格式，適用於卡通、標誌、含透明區域的圖形和動畫。GIF 最多可包含 256 色。 JPEG：Joint Photographic Experts Group 檔案 (其名稱由來是以建立該格式的公司 為名) 的副檔名為 .jpg，而且通常是照片或高色彩的影像。JPEG 格式最適用於 數位或掃描的照片、使用材質的影像、具有漸層色彩轉換的影像，以及任何需要
XML：可擴展標記語言檔案 (XML) 的副檔名為 .xml。它們包含原始形式的資 料，您可以利用 XSL (可擴展樣式表語言) 來設定資料格式。
XSL：可擴展樣式表語言檔案 (XSL) 的副檔名為 .xsl 或 .xslt。它們可用來設定 您想要顯示在網頁上之 XML 資料的樣式。
AppSever
AppServ = Apache + PHP + MySQL + phpMyAdmin 的合體。Apache 是一款免費 又強大的網站伺服器軟體，能跨平台使用，比 Windows 的 IIS(Internet Information Server)還要更強大！PHP 是 Hypertext Preprocessor 的簡稱，是伺服器端的程式語 言，嵌入 HTML 語法中，讓伺服器能與使用者互動。 MySQL 是 SQL 資料庫伺服器，網站的資料都儲存在這裡。phpMyAdmin 是 一種網頁程式，能讓使用者方便管理 MySQL。
Adobe Flash
Flash 所創建的作品網路上處處可見，由於功能強大容易上手，使用者可說 是與日遽增，連周邊的都多如牛毛，由此可見 Flash 這個軟體是多麼的火紅。這 裡僅推薦常用的功能強大的數種，依據需求下載回去把玩吧！ 至於沒有 Flash 軟體的朋友可以從下列提供的載點下載使用。初接觸 Flash 的新手強烈建議使用 MX 版本就足夠了，越新的版本對於電腦的硬體需求越高， 稍微差一點的電腦跑起來是很吃力的。CS 版本與 MX 版本的差異在於 ActionScript 徹底整合，與影音方面的功能提升，網友可依喜好與需求選擇適合 的版本！檔案格式
swf：Shockwave Flash 的縮寫，這是一個完整的影片檔，無法被編輯。有時會被 念作「swiff」或「swaif」[1] 。SWF 在發佈時可以選擇保護功能，如果沒有選擇， 很容易被別人輸入到他的原始檔中使用。然而保護功能依然阻擋不了為數眾多的 破解軟體，有不少閃客專門以此來學習別人的程式碼和設計方式。fla：Flash 的原始檔，只能用 Adobe Flash 打開編輯。
as：為 ActionScript 的縮寫，是一種程式語言的簡單文字檔案。FLA 檔案能夠直 接包含ActionScript，但是也可以把它存成 AS 檔做為外部連結檔案（如定義 ActionScript類別則必須在寫在 as 檔案裡，再匯入以加入類別），以方便共同工作 和更進階的程式修改。 flv：Flash Video 的簡稱，FLV 串流媒體格式是一種視訊格式，它的出現有效地解 決了視訊檔案導入 Flash 後，使導出的 SWF 檔案體積龐大，不能在網路上有效使 用等缺點。
exe：匯出 Flash 的時候的執行檔。如果我們要傳送 Flash 動畫給別人，要把它存 成執行檔。執行檔有自己的播放程式，但檔案會很大。
Adobe Illustrator
AI 即illustrator，簡稱“AI”。 Adobeillustrator是一種應用於出版、多媒體和在線圖像的工業標準矢量插畫的軟 件，作為一款非常好的圖片處理工具，Adobe Illustrator廣泛應用於印刷出版、海報書 籍排版、專業插畫、多媒體圖像處理和互聯網頁面的製作等，也可以為線稿提供較高 的精度和控制，適合生產任何小型設計到大型的複雜項目。檔案格式
.PSD：Photoshop 預設保存的檔案格式，可以保留所有有圖層、色版、通道、 蒙版、路徑、未柵格化文字以及圖層樣式等，但無法保存檔案的操作歷史記 錄。Adobe 其他軟體產品，例如 Premiere、Indesign、Illustrator 等可以直接匯 入 PSD 檔案。 .PSB：（Photoshop Big）：最高可保存長度和寬度不超過 300 000 像素的圖檔， 此格式用於檔案大小超過 2 Giga Bytes 的檔案，但只能在新版 Photoshop 中開 啟，其他軟體以及舊版 Photoshop 不支援。.PDD：（PhotoDeluxe Document）：此格式只用來支援 Photo Deluxe 的功能。Photo Deluxe 現已停止開發。
.RAW：Photoshop RAW 具Alpha 通道的RGB、CMYK、和灰度模式，以及沒
有Alpha 通道的 Lab、多通道、索引和雙色調模式。 .BMP：BMP 是Windows作業系統專有的影像格式，用於保存點陣圖檔案， 最高可處理 24 位元影像，支援點陣圖、灰度、索引和RGB 模式，但不支援 Alpha 通道。 .GIF：GIF 格式因其採用 LZW 無失真壓縮方式並且支援透明背景和動畫，被 廣泛運用於網路中。 PDF：便攜文件格式 PDF 支援索引、灰度、點陣圖、RGB、CMYK以及 Lab 模式。具有文件搜尋和導航功能，同樣支援點陣圖和向量。
.PNG：PNG 作為 GIF 的替代品，可以無失真壓縮影像，並最高支援 244 位元影 像併產生無鋸齒狀的透明度。但一些舊版瀏覽器（例如：IE5）不支援 PNG 格式。 .TIFF：TIFF 作為通用檔案格式，絕大多數繪畫軟體、影像編輯軟體以及排版軟 體都支援該格式，並且掃描器也支援匯出該格式的檔案。
.JPEG：JPEG 和JPG一樣是一種採用失真壓縮方式的檔案格式，JPEG 支援點陣 圖、索引、灰度和 RGB 模式，但不支援Alpha 通道。
Adobe Photoshop
Adobe Photoshop，簡稱「PS」（其程式圖示便是「PS」）是一個由Adobe Systems 開發和發行的影像處理軟體。
2003 年，Adobe 的Creative Suite套裝將 Adobe Photoshop 8 更名為 Adobe Photoshop CS。因此，Adobe Photoshop CS6 是 Adobe Photoshop 中的第 13 個主要版本。對 CS 更名也導致 Adobe 眾多的軟體套件降價。
2013 年，Adobe 宣布停止 Creative Suite 的開發，將全面轉移到 Creative Cloud 提供 服務。而所有程式的下一版都將改名為 CC 版本。目前此版本已於 2013 年 6 月 17 日公開下載。
Adobe Photoshop 有兩個發行版本：標準版 Adobe Photoshop 和擴充功能版 Adobe Photoshop Extended，擴充功能版除包含標準版所有功能之外，還增加了 3D 處理功能、動畫圖形編輯功能和高階影像分析功能。[4]
而在 2013 年推出的 Photoshop CC 中，這兩個版本合二為一，Extended 版本的內容被全部合併到標準 版本，Adobe 只提供一種 Photoshop CC 版本。
Adobe 只支援Windows作業系統和Mac OS作業系統版本的 Photoshop[5]
， 但Linux 作業系統使用者可以透過使用Wine來執行 Photoshop CS6[6] 。Google也正在透過Wine 資助Linux版 Photoshop 的研究[7] 。
檔案格式
.PSD：Photoshop 預設保存的檔案格式，可以保留所有有圖層、色版、通道、蒙 版、路徑、未柵格化文字以及圖層樣式等，但無法保存檔案的操作歷史記錄。 Adobe 其他軟體產品，例如 Premiere、Indesign、Illustrator 等可以直接匯入 PSD 檔 案。 .PSB：（Photoshop Big）：最高可保存長度和寬度不超過 300 000 像素的圖檔，此格 式用於檔案大小超過 2 Giga Bytes 的檔案，但只能在新版 Photoshop 中開啟，其他 軟體以及舊版 Photoshop 不支援。PDD：（PhotoDeluxe Document）：此格式只用來支援 Photo Deluxe 的功能。Photo Deluxe 現已停止開發。
.RAW：Photoshop RAW 具Alpha 通道的RGB、CMYK、和灰度模式，以及沒有
Alpha 通道的 Lab、多通道、索引和雙色調模式。 .BMP：BMP 是Windows作業系統專有的影像格式，用於保存點陣圖檔案，最高 可處理 24 位元影像，支援點陣圖、灰度、索引和RGB 模式，但不支援Alpha 通 道。 .GIF：GIF 格式因其採用 LZW 無失真壓縮方式並且支援透明背景和動畫，被廣泛 運用於網路中。 .PDF：便攜文件格式 PDF 支援索引、灰度、點陣圖、RGB、CMYK以及 Lab 模 式。具有文件搜尋和導航功能，同樣支援點陣圖和向量。 PNG：PNG 作為 GIF 的替代品，可以無失真壓縮影像，並最高支援 244 位元影像 併產生無鋸齒狀的透明度。但一些舊版瀏覽器（例如：IE5）不支援 PNG 格式。 .TIFF：TIFF 作為通用檔案格式，絕大多數繪畫軟體、影像編輯軟體以及排版軟 體都支援該格式，並且掃描器也支援匯出該格式的檔案。
.JPEG：JPEG 和JPG一樣是一種採用失真壓縮方式的檔案格式，JPEG 支援點陣 圖、索引、灰度和 RGB 模式，但不支援Alpha 通道。
第三章 專題規劃
3.1 專題規劃目標
此網站最主要的目的，是將原版網站做更新，結合一些多媒體的設計感讓網 站更有活力，讓民眾認識蜂蜜大王純天然的優質飲品，讓顧客喝的也安心。 以下是本專題的目標： 1. 將原版網頁做些調整讓網頁更吸引消費者 2. 透過網站讓更多人知道蜂蜜大王的優質飲品 3. 設計全新的 LOGO 變更舊版樣式3.2 系統開發方法
一般系統開發方法可分為系統發展生命週期(System DevelopmentLifeCycle， SDLC)又稱瀑布模式(Waterfall Model)、雛型模式(Protoyping Model)、漸層模式 (Incremental Model)、螺旋模式(Spiral Model)、同步模式(Concurrent Model)等五種方 法。 本 專 題 系 統 所 採 用 的 方 法 是 系 統 發 展 生 命 週 期 (System DevelopmentLifeCycle，SDLC)，以最經濟而快速的方法開發出系統的原型。SDLC 又稱雛型模式(Protoyping Model)，將系統發展的流程分為系統規劃、系統分析、 系統設計與開發、系統建置、系統維護與支援等幾個階段來進行。而每個階段都 清楚定義要做那些工作及交付那些文件，若在某階段發生問題，可回溯至前面的 階段。 本專題依據系統發展週期法來，將系統開發設計的各個步驟詳細描述如下： 系統規劃：各項工作分配、相關資料蒐集、文獻整合、計畫書撰寫 系統分析：會員專區、關於、飲品介紹、價目表、訂購、留言板、最新消息 系統設計與開發：架設網站、編輯使用者需求選項 系統實作：程式撰寫、資料庫系統建置、網站建置 系統維護與支援：網站修改、書面資料修改、撰寫結案報告專題企劃書 系統分析報告書 系統設計規格書 本專題依據系統發展生命週期法，將系統開發設計的各個步驟詳細描述如下表說 明： 表 3-1 本專題進行流程表 SDLC 階段 系統相關之工作 產出物 預定完成日期 系統規劃 1.各項工作分配 2 相關資料蒐集 3 文獻整合 4.計劃書撰寫. 專題計劃書 2014/4/10 系統分析 1. 系統分析 2. Use Case 圖 系統分析報告書 2014/11/26 系統設計與開發 1. 網頁架構設計 2. 網頁程式設計 3. 資料庫設計 系統設計規格書 2014/11/25 系統建置 1.網站建置 系統設定規格書 2014/11/30 系統維護與支援 1. 測試 2. 網站修改 3. 書面資料修改 4. 撰寫使用手冊 5. 撰寫結案報告 6. 維護 結案報告書 2014/12/8 系統規劃 系統分析 系統設計與開發 系統分析 系統分析 功能完整系統 維護與修改 圖 3-1 SDLC 流程圖
3.3 系統藍圖描述
以下是本網站系統平台架構圖： 圖 3-2 蜂蜜大王架構圖 蜂の窩 鮮 品 茶 系 列 鮮 果 汁 系 列 蜂蜜點點名 價 目 表 鮮 蜜 茶 系 列 蜂蜜大王 所 在 位 置 訂 購 方 式 蜂 蜜 の 家 品 牌 故 事 品 牌 特 色 品 牌 精 神 蜂問答 Q & A 蜂 獨家3.4 專題設備
本專題系統所需使用的軟硬體設備規劃及工具如下:(1)軟體方面
表 3-2 專題文件製作規劃 專題文件製作 Office Word 製作書面報告、製作相關系統圖 Astah Community 系統分析 小畫家 系統介紹 表 3-3 系統開發環境規劃 系統開發環境 Adobe Illustrator CS6 美工圖片 Adobe Photoshop CS6 美工圖片 Adobe Flash Professional CS6 動畫設計Dreamweaver 網站架設 Appsever 後台架設 MySql 資料庫 表 3-4 其他規劃 其他 PowerCam Demo 影片
(2)硬體方面
表 3-5 硬體規劃 專題文件製作 Intel(R)Core(TM)i5-2400 CPU 中央處理器 2GB 主記憶體 500GB 硬碟 16X DVD ROM 光碟機3.5 專題時程規劃
本專案由開始規劃置系統完成，預計會有下列幾項： (1) 決定主題 (2) 資料蒐集 (3) 藍圖架構 (4) 雛型設計 (5) 程式設計 (6) 資料庫設計 (7) 美工圖案 (8) 撰寫企劃書 表 3-6 甘特圖 月份 項目 2 月 3 月 4 月 5 月 6 月 7 月 8 月 9 月 10 月 11 月 決定主題
資料蒐集
藍圖架構
雛型設計
程式設計
資料庫設計
美工圖案
撰寫企劃書
3.6 專題分工
針對本專案，本組組員的分工如上： 表 3-7 組員分工表格 呂紹維 彭俞玟 陳玉玲 林依潔 鍾昀昇 工作項目分配 工作進度分配 資料蒐集 資料整合 計劃書撰寫 程式設計 資料庫設計 美工圖片 海報設計 第四章 專題成果
本章節包含三小節，第一節介紹本專題需求分析。第二節介紹本專題系統分 析，第三節則介紹本專題網站系統內容。4.1 需求分析
圖 4-1 使用者案例圖(主網站) 蜂蜜大王 蜂の窩 蜂蜜の家 蜂蜜點點名 蜂問答 更新蜂獨家 <indude> 登入 使用者 管理者4.2 系統分析
圖 4-6 循序圖－管理者選項 1:進入首頁 :管理者 :首頁 :管理者選項 :輸入帳密 :檢查 :管理者選項 2:點選(管理 者選項) 3:輸入(使用 者帳密) 者選項) 4:檢查(輸入帳 密是否正確) 者選項) 5:連結至管 理者選項 4:檢查(結果帳 密不符合
4.3 系統介紹
圖 4-7 系統介紹(蜂蜜大王首頁)
圖 4-9 系統介紹(蜂の窩 品牌特色)
圖 4-11 系統介紹(蜂蜜點點名 鮮蜜茶系列)
圖 4-13 系統介紹(蜂蜜點點名 鮮品茶系列)
圖 4-15 系統介紹(蜂蜜の家 訂購方式)
圖 4-17 系統介紹(蜂獨家)
圖 4-19 系統介紹(管理者選項登入)
圖 4-21 系統介紹(更新首頁公告)
圖 4-23 系統介紹(修改價目表格)
圖 4-25 系統介紹(修改價目大杯價格)
