臺北科技大學推廣中心主辦之Java軟體工程師人才養成班第2屆之結訓作品報告

1. 食物連結你與我
國立臺北科技大學 JAVA 程式設計人才養成班 第二屆 WEB 組 專案成果報告

2. 國立臺北科技大學 JAVA 程式設計人才養成班 第二屆 WEB 組 專案成果報告 2
Agenda
■ 簡介
■ 團隊簡介與分工
■ 發想緣由
■ 潛在市場競爭者
■ 網站前端設計
■ 網站主要功能與架構
■ 網站各功能與技術介紹(實機展示)
■ 網站未來營運模式
■ 未來展望
■ 心得甘苦談

3. 國立臺北科技大學 JAVA 程式設計人才養成班 第二屆 WEB 組 專案成果報告 3

4. 國立臺北科技大學 JAVA 程式設計人才養成班 第二屆 WEB 組 專案成果報告 4
呂英睿（組長）
臺大生工
研究計畫
登入/地圖:
-前後版面配置
-後端部分程式撰寫
遊戲:
-前後版面配置
-後端程式撰寫
1.資料庫規劃
2.MVC架構設計

5. Jabong 發想緣由

6. 國立臺北科技大學 JAVA 程式設計人才養成班 第二屆 WEB 組 專案成果報告 6
是一個美食社群平台！
與目前市面上多數的美食分享網站有極大差異！

7. 國立臺北科技大學 JAVA 程式設計人才養成班 第二屆 WEB 組 專案成果報告 7
美食管道
社群朋友 網站資訊
美食網站
目前，多數人透過社群朋友與網路資訊，
得到美食餐廳的資訊！
但兩種管道來源各有優缺！

8. 國立臺北科技大學 JAVA 程式設計人才養成班 第二屆 WEB 組 專案成果報告 8
JoJo Lin
社群朋友分享 有趣
可互動、進一步詢問
認識友人而可判斷資訊適用性
美食餐廳資料後續難以追溯
非以美食為主軸
僅分享功能、非詳細資料
優 劣

9. 國立臺北科技大學 JAVA 程式設計人才養成班 第二屆 WEB 組 專案成果報告 9
美食網站 以美食為主軸
餐廳資料清楚詳細
資料根據地點、類別分類
評價可能受分享者喜好有誤差
較少社群互動功能
訪站頻率低、找餐廳才再訪
優 劣

10. 潛在市場競爭者

11. 國立臺北科技大學 JAVA 程式設計人才養成班 第二屆 WEB 組 專案成果報告 11
Item Facebook Line ipeen 美食記 fonfood google+ Jabong
網站與美食相關性
生活社交 生活社交 美食/住宿 美食 美食 生活周邊 美食
美食分類方式
無分類 無分類 地區 地區/類型 地區/類型 地區 地區/類型
資訊呈現方式
文章 對話/文章 文章 文章 文章 文章/地圖 文章/地圖
社群互動性
極佳 極佳 低/留言 低/留言 低/留言 低 開團/留言
價位資訊
無 無 有 無 無 無 有
餐廳評價分數
無 無 有 有 無 無 有
未有廣告置入
極多 有 有 有 無 無 無
回饋使用者
無 無 有 無 無 無 有(遊戲)
開團同食
無 無 有(僅團購) 無 無 無 有
Competitors' Comparison

12. 國立臺北科技大學 JAVA 程式設計人才養成班 第二屆 WEB 組 專案成果報告 12
Strength Weakness
S1. Jabong團隊成員年輕、熱情、有活
力
S2. 成員熱愛美食
S3. 享有豐富的北科大資源挹注
S4. 團隊具創意思維、了解年輕美食族群
W1. 團隊整體技術待加強(磨練中)
W2. Jabong市場知名度不高
W3. 資金不足
Opportunity
O1. 台灣美食平台多無社群功能
O2. 台灣年輕人喜愛拍照分享
O3. 手機像數與修圖APP功能日益強大
O4. 台灣特色餐廳、小吃增加快速
O5. 手機使用者不喜歡多餘廣告訊息
SO1. 以社群&好友來增加美食平台凝聚
力
SO2. 社團揪團強化凝聚力與黏著度
SO3. 以專屬餐廳配套服務、訂餐回饋機
制作為平台收入來源，取代廣告
WO1. 以北科大校友&同學系統名單，
邀請體驗Jabong
WO2. 修圖、美圖功能可採用市場現有
Threat
T1. FB功能日益增加，有助社群凝聚分
享
T2. 愛評網等美食網站，加入社群機制
的可能性
ST1. 創新功能進行平台差異化
(如 自己與朋友美食地圖回溯功能、
線上問卷調查與分析回饋機制、
專屬美食地圖規劃功能)
以"強化重點區域"的拓展策略，先強化
北科大&大台北地區美食生活圈，藉以
形成北科大同學&大台北年輕族群不可
替代的美食平台
內部
外部
WOSO
ST WT
SWOT Analysis

13. 網站前端設計

14. 國立臺北科技大學 JAVA 程式設計人才養成班 第二屆 WEB 組 專案成果報告 14
Jabong風格三進程：技術磨練 & 確認風格接受度
簡約/色系風
蜷川實花.華麗風
Bootstrap套版

15. 國立臺北科技大學 JAVA 程式設計人才養成班 第二屆 WEB 組 專案成果報告 15
2015-2016 前端網站設計趨勢
 設計風格簡約: 移動互聯網時代，手持式裝置瀏覽多，讓消費者更易於找到資訊
 以捲軸取代過多的點擊：避免過多重新載入頁面的機會
 色塊風取代過多圖示：主要原因仍為避免過多載入，並形塑簡約乾淨質感

16. 國立臺北科技大學 JAVA 程式設計人才養成班 第二屆 WEB 組 專案成果報告 16

17. 網站主要功能與架構

18. 國立臺北科技大學 JAVA 程式設計人才養成班 第二屆 WEB 組 專案成果報告 1818
Login
Home Post
Insert
Update
Delete
Friends
Gallery
Map
Delete
World
User
Friends
Groups
Groups Gifts
Roulette
Settings Notifications
Register
Frontend and Backend
Construction

19. 國立臺北科技大學 JAVA 程式設計人才養成班 第二屆 WEB 組 專案成果報告 19
Entity Relationship Modeling (UML)

20. 國立臺北科技大學 JAVA 程式設計人才養成班 第二屆 WEB 組 專案成果報告 20
Entity Relationship Modeling (UML)

21. 國立臺北科技大學 JAVA 程式設計人才養成班 第二屆 WEB 組 專案成果報告 21
Entity Relationship Modeling (UML)

22. 國立臺北科技大學 JAVA 程式設計人才養成班 第二屆 WEB 組 專案成果報告 22
Entity Relationship Modeling (UML)

23. 網站各功能與技術介紹
-實機展示

24. 國立臺北科技大學 JAVA 程式設計人才養成班 第二屆 WEB 組 專案成果報告 24
前端靜態
HTML5
CSS3
Bootstrap (RWD)
Illustrator/Photoshop
前端動態
JavaScript
JQuery
Google Places API
AJAX
後端
JSP/Servlet
JDBC
Hibernate
Spring
MySQL
Jabong 運用技術

25. 國立臺北科技大學 JAVA 程式設計人才養成班 第二屆 WEB 組 專案成果報告 25
Bootstrap (RWD)

26. 國立臺北科技大學 JAVA 程式設計人才養成班 第二屆 WEB 組 專案成果報告
觀賞示範DEMO影片
26

27. 網站未來營運模式

28. 國立臺北科技大學 JAVA 程式設計人才養成班 第二屆 WEB 組 專案成果報告 28
Jabong Users
Restaurants
加值遊戲、體驗券
黏著度提升、會員人數提升

29. 國立臺北科技大學 JAVA 程式設計人才養成班 第二屆 WEB 組 專案成果報告 29
Jabong期待平台頁面乾淨，去除廣告，減少對消費者瀏覽干擾
改以1.訂位回饋、2.提供餐廳配套服務、3.美食地圖規劃來獲得利潤
訂位回饋 配套服務 美食地圖 頁面廣告

30. 國立臺北科技大學 JAVA 程式設計人才養成班 第二屆 WEB 組 專案成果報告 30
定位
對 象 回 饋
Jabong使用者(訂位者) 獲得餐廳優惠折扣
Jabong使用者(PO文者) 獲得Jabong點數
Jabong 獲得廠商利潤分享%回饋
廠商.餐廳 來客數提升
1.定位系統：使用者可於朋友的美食文章區，直接訂位

31. 國立臺北科技大學 JAVA 程式設計人才養成班 第二屆 WEB 組 專案成果報告 31
2.提供餐廳專屬配套服務:
 餐廳專屬版：註冊餐廳可有專屬頁面分享新菜單、特色
招牌料理介紹、餐廳近期活動
 餐廳線上問卷：提供餐廳進行改善措施
菜單 折扣 回饋

32. 國立臺北科技大學 JAVA 程式設計人才養成班 第二屆 WEB 組 專案成果報告 32
3.專屬美食地圖排程：輸入地區、時間、餐廳類別，可根據
資料庫資訊回饋使用者專屬美食地圖
09:00
12:30
16:30
19:30
9:00 早餐-九福餡餅粥
平均價位：150元
星等：4.6
12:30 午餐-十七街炭烤
平均價位：350元
星等：4.3
16:30 下午茶-包心粉圓
平均價位：50元
星等：4.8
19:30 晚餐-溝仔尾小吃街
平均價位：150元
星等：4.7

33. 未來展望

34. 國立臺北科技大學 JAVA 程式設計人才養成班 第二屆 WEB 組 專案成果報告 34
Item 功能項目 備註說明
1 現有功能優化
A. 新遊戲推出
B. 以FB/google+登入
2 餐廳定位系統
A. 文章區點選定位功能
B. 各角色追蹤、回饋功能
3
線上問卷調查
與分析
A. 線上問卷功能
B. 問卷分析功能
4 專屬美食地圖規劃
A. 美食地圖規劃功能
B. 美食地圖打卡集點功能
C. 交通路線規劃功能

35. Jabong甘苦談

36. 國立臺北科技大學 JAVA 程式設計人才養成班 第二屆 WEB 組 專案成果報告 36
在短短4~5週內，從發想、分工、版面規劃、後端程
式撰寫、餐廳資料收集、到整體專案與報告整合，事
情很多，且多是新領域，對Jabong每個團隊成員來說，
我們真是一起完成了一個未曾挑戰過的任務。
雖然有緊迫的時間壓力，也經歷許多打掉重練的過程，
但是透過這個專案，我們更熟悉整個程式專案的運作，
真是走過一趟辛苦卻又有成就感的旅程！
~ 一段辛苦卻又有成就感的旅程 ~

37. 國立臺北科技大學 JAVA 程式設計人才養成班 第二屆 WEB 組 專案成果報告 37
感謝聆聽Jabong!
歡迎老師與同學提問與指教！