jabong - 2016.05.16

食物連結你與我

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

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

Agenda■ 簡介■ 團隊簡介與分工■ 發想緣由■ 潛在市場競爭者■ 網站前端設計■ 網站主要功能與架構

■ 網站各功能與技術介紹 ( 實機展示 )

■ 網站未來營運模式■ 未來展望■ 心得甘苦談


Introduction


呂英睿（組長）臺大生工研究計畫

王廷弘北科大化工工程師

黃致霖北科大材資建材 RD 、業務

林依萍北科大工設廣告設計

吳曉苑交大管理科學產品開發 (PM)

1. 前後端網頁與功能整合2. 主要程式撰寫整合

登入 / 地圖 :- 前後版面配置- 後端部分程式撰寫

1. 整體 UI 視覺設計2. 朋友 / 文章區 - 前端版面配

置 - 後端程式

撰寫

遊戲 :- 前後版面配置- 後端程式撰寫

1. 資料庫規劃2.MVC 架構設計

Jabong 發想緣由


是一個美食社群平台！與目前市面上多數的美食分享網站有極大差異！


美食管道

社群朋友網站資訊

美食網站

目前，多數人透過社群朋友與網路資訊，得到美食餐廳的資訊！但兩種管道來源各有優缺！


JoJo Lin

社群朋友分享有趣可互動、進一步詢問認識友人而可判斷資訊適用性

美食餐廳資料後續難以追溯非以美食為主軸僅分享功能、非詳細資料

優劣


美食網站以美食為主軸餐廳資料清楚詳細資料根據地點、類別分類

評價可能受分享者喜好有誤差較少社群互動功能訪站頻率低、找餐廳才再訪

優劣

潛在市場競爭者


Item Facebook Line ipeen 美食記 fonfood google+ Jabong 網站與美食相關性生活社交生活社交美食 / 住宿美食美食生活周邊美食　　　　　　　美食分類方式無分類無分類地區地區 / 類型地區 / 類型地區地區 / 類型　　　　　　　資訊呈現方式文章對話 / 文章文章文章文章文章 / 地圖文章 / 地圖

　　　　　　　社群互動性極佳極佳低 / 留言低 / 留言低 / 留言低開團 / 留言

　　　　　　　價位資訊無無有無無無有

　　　　　　　餐廳評價分數無無有有無無有

　　　　　　　未有廣告置入極多有有有無無無

　　　　　　　回饋使用者無無有無無無有 ( 遊戲 )

　　　　　　　開團同食無無有 ( 僅團購 ) 無無無有

　　　　　　　　

Competitors' Comparison


　

Strength WeaknessS1. Jabong 團隊成員年輕、熱情、有活力S2. 成員熱愛美食S3. 享有豐富的北科大資源挹注S4. 團隊具創意思維、了解年輕美食族群

W1. 團隊整體技術待加強 ( 磨練中 )W2. Jabong 市場知名度不高W3. 資金不足

Opportunity

O1. 台灣美食平台多無社群功能O2. 台灣年輕人喜愛拍照分享O3. 手機像數與修圖 APP 功能日益強大O4. 台灣特色餐廳、小吃增加快速O5. 手機使用者不喜歡多餘廣告訊息

SO1. 以社群 & 好友來增加美食平台凝聚力SO2. 社團揪團強化凝聚力與黏著度SO3. 以專屬餐廳配套服務、訂餐回饋機制作為平台收入來源，取代廣告

WO1. 以北科大校友 & 同學系統名單，邀請體驗 JabongWO2. 修圖、美圖功能可採用市場現有

Threat

T1. FB 功能日益增加，有助社群凝聚分享T2. 愛評網等美食網站，加入社群機制的可能性

ST1. 創新功能進行平台差異化 (如自己與朋友美食地圖回溯功能、線上問卷調查與分析回饋機制、專屬美食地圖規劃功能 )

以 " 強化重點區域 " 的拓展策略，先強化北科大 & 大台北地區美食生活圈，藉以形成北科大同學 & 大台北年輕族群不可替代的美食平台

內部外部

WOSO

ST WT

SWOT Analysis

網站前端設計


Jabong風格三進程：技術磨練 & 確認風格接受度

簡約 / 色系風

蜷川實花 . 華麗風

Bootstrap 套版


2015-2016 前端網站設計趨勢設計風格簡約 : 移動互聯網時代，手持式裝置瀏覽多，讓消費者更易於找到資訊以捲軸取代過多的點擊：避免過多重新載入頁面的機會色塊風取代過多圖示：主要原因仍為避免過多載入，並形塑簡約乾淨質感

網站主要功能與架構


Login

Home Post

Insert

Update

Delete

Friends

Gallery

Map

Delete

World

User

Friends

Groups

Groups Gifts

Roulette

Settings Notifications

Register

Frontend and Backend Construction


Entity Relationship Modeling (UML)

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


前端靜態HTML5

CSS3

Bootstrap (RWD)

Illustrator/Photoshop

前端動態JavaScript

JQuery

Google Places API

AJAX

後端JSP/Servlet

JDBC

Hibernate

Spring

MySQL

Jabong 運用技術


Bootstrap (RWD)

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

觀賞示範 DEMO影片

26

網站未來營運模式


Jabong Users

Restaurants

加值遊戲、體驗券黏著度提升、會員人數提升

餐廳美食文分享

餐廳知名度提

高

折扣券、體驗卷、%利潤回

饋平台行銷、創造三贏


Jabong期待平台頁面乾淨，去除廣告，減少對消費者瀏覽干擾改以 1. 訂位回饋、 2.提供餐廳配套服務、 3. 美食地圖規劃來獲得利潤

訂位回饋配套服務美食地圖頁面廣告


定位

對象回饋Jabong 使用者 ( 訂位者 ) 獲得餐廳優惠折扣Jabong 使用者 (PO 文者 ) 獲得 Jabong 點數Jabong 獲得廠商利潤分享 % 回饋廠商 . 餐廳來客數提升

1.定位系統：使用者可於朋友的美食文章區，直接訂位


2.提供餐廳專屬配套服務 : 餐廳專屬版：註冊餐廳可有專屬頁面分享新菜單、特色招牌料理介紹、餐廳近期活動餐廳線上問卷：提供餐廳進行改善措施

菜單折扣回饋


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

未來展望


Item 功能項目備註說明1 現有功能優化 A. 新遊戲推出

B. 以 FB/google+ 登入2 餐廳定位系統 A. 文章區點選定位功能

B. 各角色追蹤、回饋功能3 線上問卷調查

與分析A. 線上問卷功能B. 問卷分析功能

4 專屬美食地圖規劃A. 美食地圖規劃功能B. 美食地圖打卡集點功能C. 交通路線規劃功能

Jabong 甘苦談


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

~ 一段辛苦卻又有成就感的旅程 ~


感謝聆聽 Jabong!歡迎老師與同學提問與指教！

jabong - 2016.05.16

Software