Page 1

102 學年國立彰化高商資料處理專題製作成果報告書

目:Where’s The 伴手禮

指導老師:陳隨益

製作學生:游琇清 林依婷 楊家禎 林敬杰 蘇永灝

學校名稱:國立彰化高級商業職業學校 群

別:商業管理群

別:資料處理科

中 華 民 國 1 0 3 年

0 6

1 9


目錄 摘要--------------------------------------------------------------------- 1 壹、前言----------------------------------------------------------------- 1 一、研究動機----------------------------------------------------------- 1 二、研究目的----------------------------------------------------------- 1 貮、文獻探討------------------------------------------------------------- 2 一、Adobe Flash CS6---------------------------------------------------- 2 二、Google Map -------------------------------------------------------- 2 參、研究架構------------------------------------------------------------- 2 一、研究方法----------------------------------------------------------- 2 二、研究流程----------------------------------------------------------- 3 肆、系統實作及測試------------------------------------------------------- 4 一、系統架構----------------------------------------------------------- 4 二、系統操作流程------------------------------------------------------- 5 三、實作過程----------------------------------------------------------- 5 四、系統功能展示------------------------------------------------------ 10 伍、結果與討論---------------------------------------------------------- 15 一、可行性之評估------------------------------------------------------ 15 二、問題與討論-------------------------------------------------------- 15 六、結論與建議---------------------------------------------------------- 16 一、結論-------------------------------------------------------------- 16 二、改善與建議-------------------------------------------------------- 17 參考資料來源------------------------------------------------------------ 17


表目錄 表一 研究流程----------------------------------------------------------- 3 表二 系統架構----------------------------------------------------------- 4 表三 系統操作流程------------------------------------------------------- 5


圖目錄 圖一 圖二 圖三 圖四 圖五 圖六 圖七 圖八 圖九 圖十 圖十一 圖十二 圖十三 圖十四 圖十五 圖十六 圖十七 圖十八 圖十九 圖二十 圖二十一 圖二十二 圖二十三 圖二十四 圖二十五 圖二十六 圖二十七 圖二十八 圖二十九 圖三十 圖三十一 圖三十二

--------------------------------------------------------------- 5 --------------------------------------------------------------- 6 --------------------------------------------------------------- 6 --------------------------------------------------------------- 7 --------------------------------------------------------------- 7 --------------------------------------------------------------- 8 --------------------------------------------------------------- 8 --------------------------------------------------------------- 9 --------------------------------------------------------------- 9 --------------------------------------------------------------- 9 首頁----------------------------------------------------------- 6 五個中部縣市--------------------------------------------------- 6 苗栗縣內的伴手禮店家------------------------------------------- 6 苑裡-垂坤肉鬆的店家介紹---------------------------------------- 6 苑裡-垂坤肉鬆的官網-------------------------------------------- 7 苑裡-垂坤肉鬆的地圖-------------------------------------------- 7 台中市內的伴手禮店家------------------------------------------- 7 西區-光之乳酪的店家介紹---------------------------------------- 7 連結至光之乳酪的官網------------------------------------------- 8 地圖上的光之乳酪----------------------------------------------- 8 彰化縣內的伴手禮店家------------------------------------------- 8 彰化-卦山燒的店家介紹------------------------------------------ 8 卦山燒的官網--------------------------------------------------- 9 地圖上的卦山燒------------------------------------------------- 9 南投縣內的伴手禮店家------------------------------------------- 9 南投-微熱山丘的店家介紹---------------------------------------- 9 微熱山丘的官網------------------------------------------------ 10 地圖上的微熱山丘---------------------------------------------- 10 雲林縣內的伴手禮店家------------------------------------------ 10 元長-元進莊的店家介紹----------------------------------------- 10 元進莊的官網-------------------------------------------------- 11 地圖上的元進莊------------------------------------------------ 11


102學年國立彰化高商資料處理專題製作成果報告書 摘要 出門旅遊在外,當你需要購買伴手禮給親朋好友時,卻不知道附近有什 麼名聞遐邇的伴手禮,或是知道當地有某個土產很有名,卻不知道準確地址在 哪,又或者是當你想要進行一個深度之旅,但不知道伴手禮分布在哪區,導致 無法事先規劃路線,這時候就可以使用這個 APP,裡面有中部地區的主要伴手 禮,提供了「主要產品」、「店家地址」、「官網連結」、「MAP」等功能, 可以讓使用者更方便的找到所想要的資訊。

關鍵字:專題製作、APP、Google map、Adobe Flash CS6

壹、前言 一、研究動機 每當我們出去遊玩時,想必都會想要買一些當地的伴手禮給朋友、長輩, 但又不知道當地的伴手禮有哪些,而很多人出去玩時也不會事先探查當地有哪 些特產或是些有名伴手禮,於是我們想到可以利用這次專題課的機會,製作一 個可以查詢當地伴手禮的簡易 app,讓大家出去遊玩時不用特別事先做功課, 便可以輕鬆馬上查詢到當地幾家有名伴手禮!

二、研究目的 使用此 app 時,點選你所在的縣市區域,便會出現該區域幾家比較有地的 伴手禮店家,讓使用者可以馬上知道此地區有哪些比較有名的伴手禮店家可供 選擇,而點選店家名稱可以查到該店家的詳細資訊,讓你更了解該伴手禮店家 有哪些特色,也可以去查訪該店家的官網,獲得最新消息,另外還有 Google Map 功能,可以讓你更方便查詢該店家的位置,不用在事先在網路上查詢,也 不用去買什麼旅遊書或者詢問路人,便可以更迅速的查完有哪些伴手禮店家與 伴手禮店家資訊。

1


貳、文獻探討 一、Adobe Flash CS6 是一種製作動畫的軟體,既指 Adobe Flash Professional 多媒體創作程 式,也指 Adobe Flash Player。Adobe Flash Player 是一種被廣泛使用的、專 有的多媒體程式播放器。它同時使用點陣圖和向量圖形,編寫程式時則使用 ActionScript 手稿語言,可以支援雙向視訊流和音訊流。Flash Player 是使用向 量圖形的技術來使檔案的大小最小,以及創造節省網路頻寬和下載時間的檔案。 由於 Flash 可嵌入在網頁,因此 Flash 常常被大眾用來製作小遊戲、動畫、廣 告。Flash CS6 為目前最新的版本。

二、Google Map Google 地圖是 Google 公司開發的電子地圖服務,其中包含地標、線條、 形狀等訊息,並提供向量地圖、衛星照片、地形圖等三種視圖,近年來新增了 街景服務的新功能,提供水平方向 360°及垂直方向 290°的街道全景,讓使用 者親身體驗目的地的周遭環境。 而且其可在智慧型手機中開啟,大大增加了它 的方便性。

參、研究架構 一、研究方法 主要以 Adobe Flash CS6 製作版面與程式,一開始使用者進入首頁後點選 選擇縣市,隨即便會有中部地區區域可供選擇,選擇好你所在縣市後,便會列 出該區域比較有名的伴手禮店家名稱,可供使用者選擇,點選該店家後便可得 知該店家的資訊,提供官網連結與 Google Map,讓使用者可以獲知該店家的 最新消息與位置,還有該店家的產品相簿,可供使用者做為參考。

2


二、研究流程

表(一)研究流程

3


肆、系統實作及測試 一、系統架構 點選「選擇縣市」後,會出現中部地區的五個縣市,點選你要查詢伴手禮 店家的縣市,以「台中市」為例,再點入「台中市」後便會出現台中市其中 7 個比較有名的伴手禮店家,點選想要參考的店家,下頁便顯示出該店家地的資 訊。

表(二)系統架構

4


二、系統操作流程

表(三) 系統操作流程

三、實作過程 首先,我們先查詢各地區的伴手禮,把比較有名的都先放入名單之中,之 後再慢慢篩選到現在的這幾家,確定要做這幾家後,便開始各個店家的店家資 訊,尋找他們的官方網站,進而尋找他們的產品相片,而後開始撰寫程式,之 後做一個官方連結網站的按鈕,以及能連到地圖的按鈕,把所有中部地區都做 得差不多後便開始做一些簡單的美化工程。

1. 在 Flash 開啟新檔,因為要發布成.apk 在手機上使用,所以類型要選這個

圖(一)

5


2. 在場景-首頁放入標題、按鈕及背景圖

圖(二)

3. 在場景-選擇縣市放入按鈕

圖(三) 6


4. 新增程式如下

圖(四)

5. 搜尋店家資料

圖(五) 7


6. 場景-彰化縣的按鈕排版

圖(六)

7. 每個影格都是一個店家

圖(七)

8


8. 從彰化縣跳到玉珍齋的程式碼

圖(八) 9. .前往官網及 MAP 的程式碼

圖(九)

10.

元件-動態相簿的製作

圖(十) 9


四、系統功能展示

圖(十一)首頁

圖(十二)五個中部縣市

圖(十三)苗栗縣內的伴手禮店家

圖(十四)苑裡-垂坤肉鬆的店家介紹

10


圖(十五)苑裡-垂坤肉鬆的官網

圖(十六)苑裡-垂坤肉鬆的地圖

圖十(七)台中市內的伴手禮店家

圖(十八)西區-光之乳酪的店家介紹

11


圖(十九)連結至光之乳酪的官網

圖(二十)地圖上的光之乳酪

圖(二十一)彰化縣內的伴手禮店家

圖(二十二)彰化-卦山燒的店家介紹

12


圖(二十三) 卦山燒的官網

圖(二十四) 地圖上的卦山燒

圖(二十五)南投縣內的伴手禮店家 紹

圖(二十六)南投-微熱山丘的店家介

13


圖(二十七) 微熱山丘的官網

圖(二十八) 地圖上的微熱山丘

圖(二十九)雲林縣內的伴手禮店家

圖(三十)元長-元進莊的店家介紹

14


圖(三十一)元進莊的官網

圖(三十二)地圖上的元進莊

伍、結果與討論 一、可行性之評估 我們認為還是可行的,雖然並非每個店家都有放在上面,但幾個比較主要 的還是有放,而且 Google Map 的導覽相當有用,我們還找出了店家的官網, 可以隨時知道最新消息、該店的歷史由來等。

二、問題與討論 我們本來一開始是使用 app Inventor 2 來製作,但因為它不能同時一起登 入製作、討論,而且會較花時間在製作同樣的程式上,所以就馬上改成 Flash CS6,果然減少了許多製作時間,唯一美中不足的是,Flash CS6 無法撥打電 話。我們還遇到問題是有些店家的官網不能用手機瀏覽,我們只好忍痛把它刪 除掉。

15


陸、結論與建議 一、結論 集結了我們找到比較有名且有官網的伴手禮店家,但因為都是我們主觀認 定的,所以對於其他沒有被放上來的店家來說,會比較不公平,而且每個人的 喜好口味都不同,所以可能我們放上去的店家有些使用者會找不到想要的,在 此說聲抱歉。 依婷:這是第一次花那麼長的時間做一個專題,過程中遇到很多困難,多 虧有老師及同學的幫助才能解決。曾經想過說我到底做那麼多要幹嘛?我為什麼 要為這個專題熬夜?但是,這一切都是有回報的,看著辛苦做出來的成品,心中 充滿了感動,真不愧是我的嘔心瀝血之作。不足之處,還請見諒。 家禎:第一次花這麼多的時間在專題上,之前在練習丙檢、TQC Excel 都 沒有花那麼多的時間,而這次因為專題讓我一天都坐在電腦前超過 6 個小時, 只為了能夠在預定進度前完成它,雖然心中有點不滿,並且對著專題課有著強 烈的恐懼感,但在看到成品時,雖然不夠完美,但終究是花了一學期的苦思所 做出來的,還是會讓人感動的。 永灝:在這次的專題成果中我學到了分工合作和解決問題的辦法,雖然大 部分的程式我不太懂,所以我的工作多半是分配到資料搜尋及圖片尋找, Where is the 伴手禮主要是提供使用者方便尋找附近店家之辦手禮,雖然最後 沒有被選上,但製作過程中的學習才是最重要的。 琇清:終於結束了我們漫漫的專題,心裡有說不出的感動,從無到有。很 感謝我的組員們,這麼用心的在製作,不管是資料的蒐集、統整,還是程式碼 的編輯,都能感受到他們的用心。一次的專題,一次的經驗。相信我們都在這 次的專題裡,學到了很多。 敬杰:組上 2 男 3 女,我們 2 個男生所負責的是查詢店家和伴手禮的資料, 女生負責程式和美化等。一開始目標是全國縣市的伴手禮,從中部地區出發, 每個縣市選大約 10 個店家。但後來發現商家和可以當成的伴手禮有夠多,所以 縮小了範圍,而且程式組也遇到了瓶頸,精簡化了之後變成只有中部地區。過 程中也和組員吵了幾次,原因是哪些伴手禮和店家適合哪些不適合,甚至有些 商品重複,要代表一個縣市的伴手禮可不能馬虎!看到成品時我十分驚訝:那個看 似困難的目標被我們達成了!心裡有許多說不出的激動和感動! 這就是我的組員和我的第一個專題:"Where's The 伴手禮"!!

16


二、改善與建議 希望未來的學弟妹有做到與我們相關的專題時,能彌補我們的各種缺憾, 想最當初在訂題目之後,打算要做完全台灣,並擴大至日本、韓國,並且功能 還更多元,但由於我們的步調太緩慢、分工不佳,以至於最後成品只能侷限在 中部地區,而且還少了很多功能......只能說訂定適當的預定目標與分工合作是 在做專題非常重要的一環,期望學弟妹不要步上我們的後塵。

參考資料來源 維基百科(2014)。Adobe_Flash。2014 年 2 月 22 日,取自 http://zh.wikipedia.org/wiki/Adobe_Flash 維基百科(2014)。Google 地圖。2014 年 5 月 9 日,取自 http://zh.wikipedia.org/wiki/Google%E5%9C%B0%E5%9B%BE 維基百科(2014)。Flash_Player。2014 年 4 月 9 日,取自 http://zh.wikipedia.org/wiki/Adobe_Flash_Player 鹿港 – 玉珍齋,取自 http://www.1877.com.tw/ 苑裡 - 垂坤肉鬆 官方網站,取自 http://www.chuei-kun.com.tw/about-us.html 西區 – 光之乳酪 官方網站,取自 http://www.koucheese.com/ 彰化 – 卦山燒 官方網站,取自 http://www.ihwafood.com.tw/index.html 南投 – 微熱山丘 官方網站,取自 http://www.sunnyhills.com.tw/ 元長 - 元進莊 官方網站,取自 http://www.yjc888333.com.tw/ezcatfiles/SC08/homepage/183/

17

Dp1012t05  
Read more
Read more
Similar to
Popular now
Just for you