國立台灣科技大學 資訊管理系
實務專題研究報告
利用低功耗藍芽發信裝置 接收暨分享廣告手機 APP 平台
ADollector
指導教授： 查士朝 教授
學生姓名： B10013027 林佳翰 B10109013 郭政堂 B10109035 張政輝
中 華 民 國 一 ○ 四 年 十 月
摘要
傳統紙本傳單宣傳在行銷效益方面，關係到消費者收取傳單的習慣、
發送對象的準確度等等，在消費者為被動方的行銷手法上，宣傳效果有 限，並且同時也可能造成資源的浪費；而對於消費者而言，所接收的廣 告不一定是自己感興趣的商品是其中最大的問題之一。因此，我們希望 能創造一種新的行銷手法，使得消費者成為主動收取廣告的主動方，改 善廠商傳統紙本宣傳效益不彰的問題。
ADollector 是由 AD 以及 Collector 兩個單字所組成，有廣告收集者 的意思，我們以服飾市場為出發點，提供這樣的手機 APP 平台讓使用者 能夠蒐集並分享自我穿搭廣告。在 ADollector 廣告平台中，我們以使用 者為中心，利用低功耗藍芽發信裝置－Beacon，作為廣告訊息發信器，
透過這個平台，廣告者能夠輕易地將身上的穿搭作為廣告上傳，也能賺 取廠商提供的回饋金；同時消費者也能簡單地搜尋到”周遭廣告者”所分享 的廣告資訊及優惠情報。並且，我們提供了一系列的消費者行為統計數
誌謝
經過近一年的努力，我們終於完成本次專題研究報告。在完成之餘，
感謝過程中曾經幫助過我們的學長姐及同學，不論是測試 APP 抑或是資 訊提供，因為有你們的建議，才能讓我們的成品在每一次的修正中、更 加完整。
除了學長姐與同學的幫助之外，特別感謝專題指導教授 查士朝教授。
從一開始的主題發想，當我們遇到瓶頸時，老師毫不吝嗇地提供各式當 下的最新科技與應用給我們參考，希望我們從中獲得靈感，也因為老師 的提供，加上幾次的構思，才能訂出現在所看到的主題；在實作過程中，
不論老師再怎麼忙碌，還是願意放下手邊的事情，和我們一起討論、提 供對介面、技術的看法與意見，用客觀的角度分析，就是要讓我們的成 品可以讓使用者操作上更簡便，同時也耐心回答我們所遇到的問題，給 我們極大的空間與時間，去完成這次的專題研究報告，也一直給我們很 大的鼓勵與肯定，讓我們備感窩心，進而投入更大的心力去完成。
再次感謝一路上給予我們無助建議的師長與同學們！
林佳翰、郭政堂、張政輝 謹識 中華民國一百零四年十月
目錄
摘要 ... I 誌謝 ... II 目錄 ... III 圖表索引 ... V
壹、 緒論 ... 1
貳、 系統分析與設計 ... 3
一、 系統功能簡介 ... 3
二、 系統功能架構 ... 5
三、 系統開發流程 ... 6
四、 工作時程規劃 ... 7
五、 實體關聯模型 ... 7
六、 作業平台與開發工具 ... 12
參、 ADollector 手機 APP 廣告平台 ... 13
六、 進入網路商城 ... 16
七、 獲得優惠資訊 ... 17
八、 背景搜尋服務 ... 18
九、 登記廣告－選擇廣告圖片 ... 19
十、 設定廣告資訊 ... 19
十一、 選擇特定商品 ... 20
十二、 使用歷史廣告 ... 20
肆、 ADollector 使用者行為統計數據網站 ... 21
一、 使用者行為統計數據 ... 21
伍、 ADollector 網路商城折價優惠 ... 24
一、 網路商城使用 Coupon ... 24
陸、 未來展望 ... 27
柒、 參考文獻 ... 29
捌、 附錄 ... 31
玖、 作者簡介 ... 32
圖表索引
圖 2-1 系統功能架構圖 ... 5
圖 2-2 系統開發流程圖 ... 6
圖 2-3 工作時程甘特圖 ... 7
圖 2-4 系統 E-R 圖 ... 7
圖 3-1 登入畫面 ... 13
圖 3-2 選擇 Google 帳戶畫面 ... 13
圖 3-3 註冊會員畫面 ... 13
圖 3-4 搜尋附近 Beacon 畫面 ... 14
圖 3-5 搜尋附近 Beacon 畫面 ... 14
圖 3-6 瀏覽廣告畫面 ... 14
圖 3-7 商品資訊顯示畫面 ... 14
圖 3-8 快速瀏覽畫面 ... 15
圖 3-9 點擊廣告後顯示畫面 ... 15
圖 3-15 查看收藏畫面 ... 16
圖 3-16 商品資訊顯示畫面 ... 17
圖 3-17 點擊 shop icon 顯示網路商城 ... 17
圖 3-18 商品資訊顯示畫面 ... 17
圖 3-19 優惠訊息顯示畫面 ... 17
圖 3-20 其他功能頁面 ... 18
圖 3-21 查詢優惠券畫面 ... 18
圖 3-22 優惠券詳細資訊畫面 ... 18
圖 3-23 提示顯示畫面 ... 18
圖 3-24 提示訊息顯示畫面 ... 18
圖 3-25 廣告登記頁面 ... 19
圖 3-26 選擇圖片選項畫面 ... 19
圖 3-27 擷取圖片範圍畫面 ... 19
圖 3-28 商品範圍框選畫面 ... 20
圖 3-29 商品資訊登記 ... 20
圖 3-30 廣告上傳畫面 ... 20
圖 3-31 商品配對畫面 ... 20
圖 3-32 選擇歷史廣告選項 ... 21
圖 3-33 歷史廣告顯示畫面 I ... 21
圖 3-34 歷史廣告設定畫面 II ... 21
圖 4-1 使用者行為統計數據(品牌與廣告刊登數) ... 22
圖 4-2 使用者行為統計數據(性別與商品點擊數) ... 22
圖 4-3 使用者行為統計數據(商品種類與進入商城之次數) ... 23
圖 4-4 使用者行為統計數據(顏色與收藏次數) ... 23
圖 4-5 使用者行為統計數據(價格與篩選次數) ... 24
圖 5-1 模擬網路商城使用 ADollector Coupon 表單之畫面 I ... 25
圖 5-2 模擬網路商城使用 ADollector Coupon 表單之畫面 II ... 26
利用低功耗藍芽發信裝置接收暨分享廣告手機 APP 平台 ADollector 壹、 緒論
傳統紙本傳單宣傳在行銷效益方面，關係到消費者收取傳單的習慣、
發送美國商業雜誌富比士(Forbes)曾說：「2015 年為 Beacon 元年，2018 年將有 8 成的 Beacon 放到零售店面…。」屆時，我們的生活中將充 滿 Beacon 的世界。然而，何謂 Beacon？Beacon 的用途又有哪些呢？
Beacon，為一微定位訊號發射器，前身是由 2013 年蘋果在全球開發 者大會公布的 iBeacon 技術所衍生而來的。採用低功耗藍芽(BLE)進行資 訊的推播。當行動裝置進入 Beacon 的發射範圍內，即會讓手機 APP 偵 測，便觸發一連串的動作。透過 Beacon 裝置，可以進行資料的下載，
抑或是 APP 或裝置的啟動。
由於 Beacon 透過低功耗藍芽及在極短距離即可推播訊號的優勢，
Beacon 逐漸應用在商業與生活當中，舉凡行動支付、室內導航、居家提 醒與照護均能看到 Beacon 的應用；美國的舊金山機場曾利用 Beacon 作 為機場內的定位系統，幫助盲人導航，今年三月，台灣資策會也實際在 台北西門町商圈佈署 Beacon 裝置，結合行動技術，讓傳統的發傳單放 置轉為使用者持有行動裝置，一經過 Beacon 感應的店家時，即可收到 店家欲廣告的資訊。
然而，雖然這樣的舉動可以讓商品的能見度增加，對於店家來說，確 實能增加廣告的效益，但對於消費者來說，並非會全盤買單。隨著行動 裝置的興起，廣告行銷已從傳統的ＤＭ擴展到網路上的廣告銷售，行銷 的管道多元化了，消費者對於欲購買的商品有多了選擇的彈性，對於廣 告商一昧地傳送廣告給消費者的想法，會漸漸感到厭倦，甚至會對商品 產生不好的觀感。消費者已從傳統的被動方，轉為主動方。
看準近幾年 Beacon 裝置與相關技術的成長，以及消費者意識抬頭，
對於欲購買的商品，消費者會透過各式的管道，去搜尋、去比較、貨比 多家，挑選最適合自己的商品，對於廠商來說，能夠提供消費者想要的 資訊（相關產品最近的店家、比價訊息、流行資訊）才能滿足消費者的 需求與期待。因此，我們結合 Beacon 及消費者為主動方的優勢，進而 開始設計我們的專題 App。
貳、 系統分析與設計 一、 系統功能簡介
ADollector，提供消費者及廣告者 ADollector 手機 APP 廣告平 台，作為雙方的連結媒介，並提供廠商 ADollector 使用者行為統計 數據之網路頁面，以觀察目前的市場趨勢，其各自之系統重點功能 如下：
（一）、ADollector 手機 APP 廣告平台
（1）、消費者
ADollector 廣告 APP 平台提供消費者瀏覽廣告、查 詢廣告、收集廣告、取得優惠資訊、連結商品網路頁面 及背景偵測等功能，消費者能夠透過 ADollector 廣告 APP 平台，搜尋周遭的廣告者獲得廣告，並且能夠依個 人喜好篩選或收集適合的廣告資訊，從廣告中得知商品 資訊、優惠情報及廠商網路頁面連結，同時提供背景偵 測服務，當消費者周遭出現廣告者時，能夠推播訊息給 消費者相關訊息。同時也提供優惠券查詢的服務。
（2）、廣告者
ADollector 廣告 APP 平台提供簡易的操作模式－照 相、框選、拖拉、連結，使得廣告者能將自身之穿搭登記為
廣告刊登至 ADollector 廣告 APP 平台上，並連結到該廠商 相對應的商品資訊。廣告者透過自身配戴之 Beacon 裝置，
向周遭的使用者發送廣告訊息，從其發送之廣告優惠券的使 用情形獲得回饋。同時 ADollector 廣告平台也提供回饋金的 查詢服務。
（二）、ADollector 使用者行為統計數據之網路頁面
ADollector 使用者行為統計數據網路頁面提供廠商個時 間區段（每月、每季、每半年、每年）之使用者使用行為的 統計數據，包括消費者在廣告上的點擊次數、將廣告收藏的 紀錄、看到商品後進入網路商場的次數、篩選廣告時的篩選 紀錄以及廣告者刊登在廣告平台上的紀錄等，並利用廠商、
顏色、服飾的類型、性別及價格區間作為統計項目，讓廠商 能夠得到當前市場的趨勢及走向。
二、 系統功能架構
圖 2-1 系統功能架構圖
圖 2-1 系統功能架構圖
三、 系統開發流程
Y
建立流程架構
建立 E-R 模型 評估資源及 技術可行性
N 構思系統主題
規劃系統範圍及功能
Y
架設系統資料庫
ADollector 使用者行為 統計數據網 路頁面 ADollector
手機 APP 廣 告平台
測試是否 有錯 測試是否
有錯
Y
四、 工作時程規劃
三月 四月 五月 六月 七月 八月 九月
專案規劃 系統分析
APP 開發技術研究與學習 系統與介面設計
資料庫架設 APP 開發與測試 網頁開發與測試 文件與介紹影片製作
五、 實體關聯模型
圖 2-4 系統 E-R 圖 圖 2-3 工作時程甘特圖
圖 2-3 工作時程甘特圖
（一）、User 資料表
使用者至 ADollector 平台以 Google 帳號登入後，系統會將資 料記錄在 User 資料表中，作為使用者身份的辨識。
（二）、Ad 資料表
當使用者新增廣告資訊至 ADollector 平台後，系統會將使用 者目前所使用的廣告記錄在 Ad 資料表中，作為廣告者所建立過 的廣告資料紀錄。
（三）、AdDate 資料表
當使用者新增廣告資訊或使用歷史廣告時，系統會將日期及 廣告資訊記錄在 AdDate 資料表中，以判斷各個廣告使用日期。
（四）、Item_Detail 資料表
當使用者新增廣告資訊至 ADollector 平台後，系統會將該筆 廣告中各個服飾單品的詳細資料記錄在 Item_Detail 表格中，作 為使用者瀏覽廣告時，顯示各項單品資料的依據。
（六）、Type 資料表
記錄目前 ADollector 中服飾單品的分類，在使用者分享廣告 時可以選擇分類項目。
（七）、Color 資料表
記錄目前 ADollector 中服飾單品的顏色，在使用者分享廣告 時可以選擇顏色項目。
（八）、Price 資料表
記錄目前 ADollector 中服飾單品的價格區間，在使用者分享 廣告時可以選擇價格區間項目。
（九）、Sex 資料表
記錄服飾中所使用到的性別資訊，用來做篩選、分析等等。
（十）、Brand_Count 資料表
當使用者在 ADollector 做查詢篩選時，系統會自動記錄使用 者以哪些服飾品牌作為篩選條件，讓我們在使用者行為統計數據 中，分析使用者喜好、經常查詢的服飾品牌。
（十一）、Type_Count 資料表
當使用者在 ADollector 做查詢篩選時，系統會自動記錄使用 者以哪些服飾分類作為篩選條件，讓我們在使用者行為統計數據 中，分析使用者喜好、經常查詢的服飾分類。
（十二）、Color_Count 資料表
當使用者在 ADollector 做查詢篩選時，系統會自動記錄使用 者以哪些顏色作為篩選條件，以用讓我們在使用者行為統計數據 中，分析使用者喜好、經常查詢的顏色。
（十三）、Price_Count 資料表
當使用者在 ADollector 做查詢篩選動作時，系統會自動記錄 使用者以哪些價格區間作為篩選條件，讓我們在使用者行為統計 數據中，分析使用者喜好、經常查詢的價格區間。
（十四）、ILike 資料表
當使用者在 ADollector 瀏覽廣告時，在廣告上按下廣告右下 角的愛心圖示（按讚），系統會將這筆廣告加入使用者的最愛清 單中，讓使用者保存這一筆廣告隨時瀏覽。另外，在使用者行為 統計數據中也以這張表為基礎，分析出使用者點讚的各項數據。
（十五）、Coupon 資料表
（十六）、Commission 資料表
當使用者使用優惠券購買商品之後，原先 Coupon 資料表中 的該優惠券資料會移除，系統會給予廣告者獎勵回饋金，儲存在 Commission 資料表中。
（十七）、Clicks 資料表
當使用者在 ADollector 瀏覽廣告時，點擊廣告下方服飾分類 按鈕時，系統會將使用者的點擊行為記錄下來。另外，在使用者 行為統計數據中也以這張表為基礎，分析出使用者點擊行為的各 項數據。
（十八）、EnterShop 資料表
當使用者在 ADollector 瀏覽廣告時，點擊廣告下方服飾分類 按鈕，在顯示於右上角服飾單品資訊的視窗中點擊 Shop 按鈕（進 入網路商店）後，系統會將使用者的點擊行為記錄下來。另外，
在使用者行為統計數據中也以這張表為基礎，分析出使用者進入 網路商店行為的各項數據。
（十九）、廠商商品資料庫
廠商的商品資料庫，和 ADollector 連結後，使用者新增廣告 時能比對服飾單品資料，若與廠商資料庫中有相同品項，即可直 接做連結。
六、 作業平台與開發工具
（一）、作業平台
ADollecor 手機 APP 廣告平台使用 Android 4.4.2 以上 智慧型手機作為作業平台。由於此系統需使用到 Bluetooth 4.0 之技術規格，因此選用支援此技術規格之手持裝置為主 要開發對象。
ADollector 使用者行為統計數據網路頁面使用各家網頁 瀏覽器做為作業平台，提供各式能夠瀏覽網頁之裝置使用。
（二）、開發工具 1、Eclipse
本系統使用 JAVA 及 XAML 開發 Android 程式。因 Eclipse 安裝 Android-SDK 後即支援開發 Android 程式。
2、Sublime Text 2
網頁開發與後端開發皆使用 Sublime Text 2 做為開發工 具，網頁主要以 CSS、HTML 及 JavaScript 開發，網頁及
參、 ADollector 手機 APP 廣告平台
一、 使用 Google 帳號登入並註冊使用者
無論消費者或是廣告者，使用時 ADollector 時皆須要使用 Google 帳號登入，如為初次使用，使用者需再輸入使用者相關的 資訊－暱稱、性別及生日，作為註冊會員之資訊。
(請參考圖 3-1, 3-2, 3-3)
二、 搜尋附近使用者
每次開啟 ADollector，或是使用者重新整理頁面(將畫面向下滑 動)，系統即重新偵測附近的 Beacon 裝置，並從雲端接收該廣告資 訊。(請參考圖 3-4, 3-5)
圖 3-1 登入畫面 圖 3-2 選擇 Google 帳戶畫面 圖 3-3 註冊會員畫面
圖 3-1 登入畫面 圖 3-2 選擇 Google 帳戶畫面 圖 3-3 註冊會員畫面
三、 廣告瀏覽與顯示資訊
進入 ADollector 後，即顯示廣告瀏覽的頁面(畫面下方頁籤的 第一項)，使用者能上下捲動來瀏覽目前周遭的廣告訊息，並點擊 照片下方的服飾項目 icon，畫面上就會顯示該商品的詳細資訊。
(請參考圖 3-6, 3-7)
圖 3-4 搜尋附近 Beacon 畫面 圖 3-5 搜尋附近 Beacon 畫面 圖 3-4 搜尋附近 Beacon 畫面 圖 3-5 搜尋附近 Beacon 畫面
四、 快速瀏覽與篩選
在搜尋頁面(畫面下方頁籤之第三項)，廣告會以小圖的形式顯 示，方便適用者快速瀏覽。當使用者點擊廣告時，即顯示該廣告之 詳細資訊。(請參考圖 3-8, 3-9)
點擊在搜尋頁面右上角的篩選符號，使用者即可設定顯示條件
－性別、種類、顏色、品牌及價格，讓系統使顯示符合條件的商品 與廣告。(請參考圖 3-10 , 3-11 ,3-12)
圖 3-8 快速瀏覽畫面 圖 3-9 點擊廣告後顯示畫面
圖 3-8 快速瀏覽畫面 圖 3-9 點擊廣告後顯示畫面
圖 3-10 條件設定畫面 圖 3-11 條件設定畫面畫面 圖 3-12 搜尋後畫面
五、 收集廣告
使用者可點擊在瀏覽各廣告資訊畫面右下角的心形 icon，即可 收藏廣告，如心形 icon 顯示為紅色即收藏成功，再次點即可取消 收藏。(可參考圖 3-13, 3-14)
如使用者欲察看先前收藏的廣告，可在快速瀏覽頁面點擊右上 角的心形 icon，畫面即會顯示所有收藏的廣告，同時也可使用篩選 功能，對收藏的廣告進行篩選。(可參考圖 3-15)
六、 進入網路商城
圖 3-13 廣告收藏前畫面 圖 3-14 廣告收藏後畫面 3-15 查看收藏畫面
圖 3-13 廣告收藏前畫面 圖 3-14 廣告收藏後畫面 3-15 查看收藏畫面
17
(請參考圖 3-16, 3-17 )
七、 獲得優惠資訊
如使用者欲取得該商品品牌的優惠資訊，可在瀏覽廣告資訊的 頁面點擊該商品，廣告右上角即會顯示商品資訊即進入商場的 coupon icon，點擊該 coupon icon，即會顯示該商品品牌的優惠訊 息，包括優惠資訊、優惠券條碼及優惠券代碼，顯示同時系統會自 動將優惠券代碼複製到剪貼簿，供使用者在網路商城使用。(可參 考圖 3-18,3-19)
圖 3-16 商品資訊顯示畫面 圖 3-17 點擊 shop icon 顯示網路商城
圖 3-16 商品資訊顯示畫面 圖 3-17 點擊 shop icon 顯示網路商城
圖 3-18 商品資訊顯示畫面 圖 3-19 優惠訊息顯示畫面
如使用者是察看先前取得之優惠券，可在其他功能頁面，點擊 Search Coupon 項目，即會顯示所有優惠券，點擊優惠券後，會 顯示優惠券的詳細資訊。(可參考圖 3-20 ,3-21,3-22)
八、 背景搜尋服務
當使用者關閉 ADollector 手機 APP 廣告平台，系統會自動開 啟背景服務，如使用者周遭出現廣告者，系統會自動提示給使用者，
讓使用者不會錯過任何一筆廣告。點擊提示訊息後，會開啟偵測到 的廣告資訊，讓使用者即時察看。 (可參考圖 3-23,3-24)
圖 3-20 其他功能頁面 圖 3-21 查詢優惠券畫面 3-22 優惠券詳細資訊畫面
圖 3-20 其他功能頁面 圖 3-21 查詢優惠券畫面 3-22 優惠券詳細資訊畫面
九、 登記廣告－選擇廣告圖片
在廣告登記頁面(畫面下方頁籤之第二項)，點擊 Create AD 按鍵，可上使用者選擇拍新相片或是從相簿中挑選相片作 為廣告的圖片。確定選擇圖片後，即會進入擷取圖片範圍的 功能，框選好圖片範圍後，即可開始設定廣告資訊。(可參考 圖 3-25 ,3-26 ,3-27)
十、 設定廣告資訊
在照片上點擊後拖曳，畫面上即會顯示框選範圍圖示，一 拖曳的距離可控制框選大小，將商品框選完成後，使用者須 設定個商品的詳細資訊－類型、顏色、品牌及價位，將下方 icon 拖曳到框選圖示內即可(可參考圖 3-28 ,3-29)，全部商品 都設定完成後，點擊畫面右上角的確定 icon，畫面會顯示目 前設定的商品資訊及使用 Beacon Mac，按下確定後即完成
圖 3-25 廣告登記頁面 圖 3-26 選擇圖片選項畫面 圖 3-27 擷取圖片範圍畫 面面
圖 3-25 廣告登記頁面 圖 3-26 選擇圖片選項畫面 圖 3-27 擷取圖片範圍畫 面面
十一、 選擇特定商品
如所登記的商品與該品牌之商品資料庫中的商品有所關 聯，則系統會顯示商品配對畫面，選擇正確的商品後，即可 完成商品連結。(可參考圖 3-31)
圖 3-28 商品範圍框選畫面 圖 3-29 商品資訊登記 圖 3-30 廣告上傳畫面
圖 3-28 商品範圍框選畫面 圖 3-29 商品資訊登記 圖 3-30 廣告上傳畫面
過的廣告，點選廣告後即可設定或刪除點選的廣告。(可參考 圖 3-32, 3-33 ,3-34)
肆、 ADollector 使用者行為統計數據網站 一、 使用者行為統計數據
使用者可點選上方頁籤，選擇欲使用的主要條件－品牌、顏 色、種類、性別、價格，來做為統計時的依據，在選擇欲統計的 項目－點擊率、廣告刊登率、看到廣告夠進入賣率、廣告收集率 即個篩選條件的使用率。
使用者點選左方的分析項目時，右方的統計圖表會顯示出已 點選項目的統計折線圖，同時也能使用右下方的篩選條件，進一 步調整統計的條件，另外，也提供切換時間區段的功能，讓使用 者能輕鬆了解期間內使用者的使用行為與推斷目前市場的趨勢。
(可參考圖 4-1,4-2,4-3,4-4,4-5)
圖 3-32 選擇歷史廣告選項 圖 3-33 歷史廣告顯示畫面 圖 3-34 歷史廣告設定畫面
圖 3-31 選擇歷史廣告選項 圖 3-32 歷史廣告顯示畫面 圖 3-33 歷史廣告設定畫面
圖 4-1 以品牌與廣告刊登數為主要統計條件、時間區間為一個月之統計畫 面，右方圖表顯示為左方已選擇的各品牌統計數據。
圖 4-1 以品牌與廣告刊登數為主要統計條件、時間區間為一個月之統計畫 面，右方圖表顯示為左方已選擇的各品牌統計數據。
23
圖 4-3 以商品種類與進入商城之次數為主要統計條件、時間區間為半年之統 計畫面，右方圖表顯示為左方已選擇的各種類之統計數據。
圖 4-3 以商品種類與進入商城之次數為主要統計條件、時間區間為半年之統 計畫面，右方圖表顯示為左方已選擇的各種類之統計數據。
圖 4-4 以顏色與收藏次數為主要統計條件，並增加了種類為上衣、性別為男 性與時間區間為三個月條件之統計畫面，右方圖表顯示為左方已選擇的各顏 色之統計數據。
圖 4-4 以顏色與收藏次數為主要統計條件，並增加了種類為上衣、性別為男
伍、 ADollector 網路商城折價優惠 一、 網路商城使用 Coupon
提供網頁平台使用之 js 檔，廠商須引入此檔，並在購物 表單內新增 ADollector coupon 欄位，給予適當廠商編號及 ID，
以及在提交時呼叫 function，即可供消費者使用 Coupon。
在表單內輸入優惠券代碼後，系統會自動確認廠商與代碼 是否正確，會在欄位後顯示檢查資訊－正確或錯誤，如代碼
圖 4-5 以價格與篩選次數為主要統計條件，並增加了性別為男性與時間區間 為一個月條件之統計畫面，右方圖表顯示為左方已選擇的各價位之統計數據。
圖 4-5 以價格與篩選次數為主要統計條件，並增加了性別為男性與時間區間 為一個月條件之統計畫面，右方圖表顯示為左方已選擇的各價位之統計數據。
圖 5-1 模擬網路商城使用 ADollector Coupon 表單之畫面。
圖 5-1 模擬網路商城使用 ADollector Coupon 表單之畫面。
圖 5-2 模擬網路商城使用 ADollector Coupon 表單之畫面，消費者輸入正確 之優惠券代碼後，畫面上即會顯示確認資訊，圖為優惠券代碼正確的畫面。
陸、 未來展望
目前，我們已利用 ADollector 創造消費者、廣告者、店家三方獲 利 的 局 面 ， 跳 脫 以 往 消 費 者 被 動 接 收 廣 告 的 銷 售 方 式 。 對 於 ADollector 的未來，我們賦予了以下的展望及期待：
（一）、自由品牌登記
配合當下流行趨勢，目前僅開放廣告者刊登主流品牌相關 服飾及配件。未來希望可開放廣告者品牌登記，讓非主流的品 牌服飾也能透過廣告者的刊登，增加知名度。
（二）、種類細項
目前 ADollector 刊登種類分為上衣、下著、連身、配件、
鞋子、包包六大項。因此，未來我們期許可以增加各項種類的 細項，明確地分類各項服飾。
（三）、連結不同穿戴裝置
當今消費者、廣告者須經由手機，才能分別瀏覽、篩選、
刊登工作。未來希望可以連結在穿戴裝置上，除了 Beacon，
也能利用其他的穿戴裝置，作為廣告的發信器，隨時隨地利用 ADollector 達到服飾廣告效果。
（四）、社交功能
廣告者可透過消費者點選喜歡的功能，了解刊登是受歡迎 的程度。未來會增加消費者在該刊登廣告的留言功能，讓廣告 者清楚了解消費者的回應，促進雙方交流。
（五）、背景客製化搜索
目前已達成背景搜索功能，未來期許加入背景客製化搜索，
讓消費者一開啟程式，即可在背景搜索消費者輸入的篩選條件，
進而推播符合條件的廣告者。
（六）、商用 Beacon、推播訊息
若要讓刊登的服飾受到矚目，商家的配合也極為重要，未 來可結合商家，推出商用 Beacon，讓商家也能成為廣告者，
並且能同時刊登多筆廣告、推播訊息給附近的消費者，進而讓 消費者主動瀏覽。
（七）、商家刊登平台
柒、 參考文獻 一、 書籍
（一）、孫宏明，Android 程式設計入門、應用到精通，碁峰資 訊股份有限公司，2015 年 3 月。
（二）、施威銘，Android App 程式設計教本之無痛起步第二 版 ，旗標科技，2014 年 2 月 7 日。
（三）、Getting Started with Bluetooth Low Energy, Kevin Townsend ,O’Reilly Media, Inc.
二、 網路
（一）、Bootswatch，
https://bootswatch.com/cyborg/。
（二）、Line Chart Example，
http://dataaddict.fr/prenoms/#alexandrine。
（三）、Material icons - Google Design，
http://www.androidhive.info/…/how-to-connect-andro id-with-…/。
（四）、How to connect Android with PHP, MySQL，
http://media.iii.org.tw/itpd/itis/epaper/9503/9503_03.
htm。
（五）、D3.js 折線圖範例，
http://wcc723.github.io/d3js/2014/10/14/Ironman-30- days-15/。
（六）、FindTheData，
http://colors.findthedata.com。
捌、 附錄
工作分配表
工作內容 林佳翰 郭政堂 張政輝
專案規劃 ● ● ●
系統分析 ● ● ●
開發技術研究與測試 ● ● ●
資料庫架設 ●
ADollector 手機 APP 廣告平台 開發與測試
● ●
ADollector 使用者行為數據網 站開發與測試
● ● ●
ADollector 後端開發與測試 ●
介面設計 ● ●
系統整合測試 ●
文件製作-書面 ● ● ●
文件製作-影片 ● ● ●
心得
這次專題對我而言是一次很重要的學習經驗，從一開始的題目發想、
系統規劃、到系統開發及程式除錯等等，把這套 Android 的應用程式開發 當作實際要上架的 APP 一般，而不是單單的畢業專題，和組員們一起討 論友善的使用者介面，如何分工，及易開發且易維護的程式架構等等，由 於是第一次開發 Android 的應用程式，整個開發過程花費了不少時間及精 力，但這樣的付出我認為收穫良多、相當的值得。在專題製作的這一整段 期間，非常感謝老師、教授及學長姐們熱心的指導與幫助，期望這次的作 品，能夠對社會上的行銷行為有些微影響，達到三方互利的局面，為現今 競爭激烈的且飽和市場開啟一道新的屬光。
