第二章 文獻探討
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 結束 Dreamweaver。
(5) 製作更好的用戶介面：
GIF：Graphics Interchange Format 檔案的副檔名為 .gif。GIF 格式是常見的網頁圖 形格式，適用於卡通、標誌、含透明區域的圖形和動畫。GIF 最多可包含 256 色。
JPEG：Joint Photographic Experts Group 檔案 (其名稱由來是以建立該格式的公司 為名) 的副檔名為 .jpg，而且通常是照片或高色彩的影像。JPEG 格式最適用於 數位或掃描的照片、使用材質的影像、具有漸層色彩轉換的影像，以及任何需要
XML：可擴展標記語言檔案 (XML) 的副檔名為 .xml。它們包含原始形式的資 又強大的網站伺服器軟體，能跨平台使用，比 Windows 的 IIS(Internet Information Server)還要更強大！PHP 是 Hypertext Preprocessor 的簡稱，是伺服器端的程式語 言，嵌入 HTML 語法中，讓伺服器能與使用者互動。
MySQL 是 SQL 資料庫伺服器，網站的資料都儲存在這裡。phpMyAdmin 是 一種網頁程式，能讓使用者方便管理 MySQL。
Adobe Flash
Flash 所創建的作品網路上處處可見，由於功能強大容易上手，使用者可說
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”。 錄。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 其他軟體產品，例如 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 通道。
第三章 專題規劃
一般系統開發方法可分為系統發展生命週期(System DevelopmentLifeCycle，
SDLC)又稱瀑布模式(Waterfall Model)、雛型模式(Protoyping Model)、漸層模式 (Incremental Model)、螺旋模式(Spiral Model)、同步模式(Concurrent Model)等五種方 法。
專題企劃書
3.3 系統藍圖描述
以下是本網站系統平台架構圖：
圖 3-2 蜂蜜大王架構圖
蜂の窩 鮮 品 茶 系 列
鮮 果 汁 系 列
蜂蜜點點名 價 目 表
鮮 蜜 茶 系 列
蜂蜜大王 所 在 位 置
訂 購 方 式
蜂蜜の家 品 牌 故 事
品 牌 特 色
品 牌 精 神
蜂問答 Q & A
蜂獨家
3.4 專題設備
Adobe Illustrator CS6 美工圖片 Adobe Photoshop CS6 美工圖片 Adobe Flash Professional CS6 動畫設計
Dreamweaver 網站架設
Intel(R)Core(TM)i5-2400 CPU 中央處理器
2GB 主記憶體
500GB 硬碟
16X DVD ROM 光碟機
3.5 專題時程規劃
3.6 專題分工
針對本專案，本組組員的分工如上：
表 3-7 組員分工表格
呂紹維 彭俞玟 陳玉玲 林依潔 鍾昀昇 工作項目分配
工作進度分配
資料蒐集
資料整合
計劃書撰寫
程式設計 資料庫設計
美工圖片
海報設計
第四章 專題成果
本章節包含三小節，第一節介紹本專題需求分析。第二節介紹本專題系統分 析，第三節則介紹本專題網站系統內容。
4.1 需求分析
圖 4-1 使用者案例圖(主網站) 蜂蜜大王
蜂の窩
蜂蜜の家
蜂蜜點點名
蜂問答
更新蜂獨家 登入
<indude>
使用者
管理者
4.2 系統分析
圖 4-2 循序圖-系統平台架構
圖 4-3 循序圖-蜂の窩
圖 4-5 循序圖-蜂蜜の家
圖 4-6 循序圖－管理者選項
1:進入首頁
:管理者 :首頁 :管理者選項 :輸入帳密 :檢查 :管理者選項
2:點選(管理 者選項)
3:輸入(使用 者帳密)
者選項) 4:檢查(輸入帳
密是否正確)
者選項) 5:連結至管
理者選項
4:檢查(結果帳 密不符合
4.3 系統介紹
圖 4-7 系統介紹(蜂蜜大王首頁)
圖 4-8 系統介紹(蜂の窩 品牌故事)
圖 4-9 系統介紹(蜂の窩 品牌特色)
圖 4-10 系統介紹(蜂の窩 品牌精神)
圖 4-11 系統介紹(蜂蜜點點名 鮮蜜茶系列)
圖 4-12 系統介紹(蜂蜜點點名 鮮果汁系列)
圖 4-13 系統介紹(蜂蜜點點名 鮮品茶系列)
圖 4-14 系統介紹(蜂蜜點點名 價目表)
圖 4-15 系統介紹(蜂蜜の家 訂購方式)
圖 4-16 系統介紹(蜂蜜點點名 所在位置)
圖 4-17 系統介紹(蜂獨家)
圖 4-18 系統介紹(蜂問答)
圖 4-19 系統介紹(管理者選項登入)
圖 4-20 系統介紹(新增首頁公告)
圖 4-21 系統介紹(更新首頁公告)
圖 4-22 系統介紹(新增蜂獨家公告)
圖 4-23 系統介紹(修改價目表格)
圖 4-24 系統介紹(修改價目表小杯價格)
圖 4-25 系統介紹(修改價目大杯價格)
圖 4-26 系統介紹(修改價目表小瓶價格)
圖 4-27 系統介紹(修改價目表大瓶價格)
結論與建議
參考文獻
附 錄
1. 會議記錄
會議紀錄表
專題名稱 蜂蜜大王
時間 2014/02/19 地點 A302
主席 呂紹維 記錄 陳玉玲
出席者 陳玉玲、呂紹維、彭俞玟、林依潔
內容
1.如何製作企劃書 2.組員分配工作
決議
1. 企劃書先從第二章開始
老師建議
1.參考上一屆的企劃書做參考
會議紀錄表
專題名稱 蜂蜜大王
時間 2014/03/20 地點 A302
主席 呂紹維 記錄 陳玉玲
出席者 陳玉玲、呂紹維、
內容
1.第二章文獻探討部分 2.關鍵字怎麼搜尋
決議
1. 尋找市場的趨勢、顧客的消費行為、目前在台灣的市佔率、目前產品種類(不 外乎是茶類、奶類、冰沙類、果汁類、多多類、特調類..等)
2. 大家分工去搜尋各大飲料店網站做參考
老師建議
1. 文獻探討部分要以我們要以各網站為探討 2. 關鍵字建議用"冷飲飲料店市場分析
會議紀錄表
專題名稱 蜂蜜大王
時間 2014/05/05 地點 A302
主席 呂紹維 記錄 陳玉玲
主席 呂紹維 記錄 陳玉玲