深碗課程-課程成果

一、訂位系統企畫書

好好小館訂位系統企劃書

（一）摘要

好好小館訂位系統，做出一個簡單的訂位系統，內容分為前端跟後端也就是有UI 跟UX 並分多個
需求選項，配合消費族群的不同會有不同的訂位頁面

（二）最終目的

好好小館的最終目的為產出一個完善的訂位系統，透過訂位系統可改善現今資料雜亂
不易整理的問題，訂位系統除了提供彈性修改訂位時段及訂位人數的功能，
且能分析用餐族群的分布，好好小館試圖依照每季的客戶需求，並提供不同的服務方式。
為了達到永續經營這個目的，透過好好小館訂位系統能充分發揮資訊整合的技術，
提升現今好好小館的營運效率及收益。

（三）具體目標

具體目標為請靜宜大學的學生提供資訊方面的技術，為好好小館貢獻心力，透過多次訪談需求，
分析業主的最終目的，並整合現有的資訊技術，為好好小館量身打造一個客製化的訂位系統。

（四）策略

內容分為前端跟後端也就是有UI 跟UX 並分多個需求選項，
配合消費族群的不同會有不同的訂位頁面。

（五）檢核

為了達到好好小館的需求，在系統建置期間，我們頻繁地進行壓力測試和系統使用流程上的討論，
並與好好小館訪談完成訂位系統的後續工作，為使好好小館能利用訂位系統，
提升現今好好小館的營運效率及收益。

二、網頁系統工作進度與小組內部個人工作貢獻表

工作進度

8/6,8/7 架設wordpress伺服器，安裝wordpress

linux ubuntu

LAMP

wordpress4.5.2

8/8 尋找佈景主題

https://wordpress.org/themes/receptar/

https://wordpress.org/themes/leeway/

https://wordpress.org/themes/auberge/

-------------------------------------------

https://tw.wordpress.org/themes/revolve/

https://tw.wordpress.org/themes/pixgraphy/

https://tw.wordpress.org/themes/islemag/

-------------------------------------------

https://wordpress.org/themes/morfeu/

https://tw.wordpress.org/themes/customizr/

https://wordpress.org/themes/experon/

-------------------------------------------

https://wordpress.org/themes/tempera/

https://wordpress.org/themes/generatepress/

https://wordpress.org/themes/seopress/

--------------------------------------------

8/9 與業主確認，討論後續內容:

業主自己選擇版型後告知我們

找尋連結fb，ig功能，按讚功能

關閉留言與迴響

關鍵字(增加被搜尋到的機率)

適合手機板使用(前台+後台)

8/11,8/12 尋找業主需求外掛功能，推薦版型選擇

https://www.webtoolnavi.com/blog-wordpress-theme-2016/

http://wpchina.org/the-best-10-wordpress-free-theme-june-2016-4792/

http://wpchina.org/top-10-best-wordpress-free-themes-may-2016-4498

http://wpchina.org/the-best-10-free-responsive-wordpress-themes-july-2016-4950/
http://elevate.pixnet.net/blog/post/138011630-35%2B%E6%9C%80%E4%BD%B3%E5%85%8D%E8%B2%BBwordpress%E4%BD%88%E6%99%AF%E4%B8%BB%E9%A1%8C

8/13,8/14 研究wordpress後台操作與前台版面修改，加裝jetpack外掛

https://tw.wordpress.org/plugins/jetpack/

----------------------------------------------------------------------

8/15,8/16 裝業主提供的3個主題、放置Logo

http://demos.famethemes.com/codilight-lite/ >>最後選用主題

http://demo.wpkube.com/palmas

https://pixelgrade.com/demos/silk-lite/

8/17 增加Facebook 讚以及分享功能，安裝FTP(圖片上傳)

頁面建置,排版測試,選單建置:

菜色介紹,主廚介紹,理念介紹,
環境介紹,活動介紹,消費方式,
加入我們,最新消息,線上訂位

8/18 改頁面的顏色以及配置，淡入淡出效果(CSS)

背景顏色,上方選單顏色,字體顏色

8/19 (等待業主回應)

8/20 新增back to top 按鈕(Scroll Back to Top外掛)

https://tw.wordpress.org/plugins/scroll-back-to-top/

新增輪播功能(Master Slider外掛)
https://tw.wordpress.org/plugins/master-slider/

8/21 更改後台管理者的帳號和密碼 (mysql)
於網頁下方新增facebook與instagram連結(css)

8/23,8/24 放置網頁內容

8/25 修改頁面排版(白色部分上拉)

日期	工作內容	謝坤傑	紀德勇	陳建穎	陳柏修
8/6,8/7	架設wordpress伺服器，安裝wordpress	✓
	尋找佈景主題	✓	✓	✓	✓
8/9	與業主確認，討論後續內容	✓	✓	✓
8/11,8/12	尋找業主需求外掛功能，推薦版型選擇	✓	✓	✓	✓
8/13,8/14	研究wordpress後台操作與前台版面修改		✓	✓	✓
	加裝jetpack外掛	✓
8/15,8/16	裝業主提供的3個主題、放置Logo	✓		✓
	測試3個主題(頁面配置,功能,手機端)		✓		✓
8/17	增加Facebook 讚以及分享功能		✓
	安裝FTP(圖片上傳)	✓
	頁面建置,排版測試,選單建置			✓	✓
8/18	改頁面的顏色以及配置，淡入淡出效果		✓		✓
8/20	back to top 按鈕(Scroll Back to Top外掛)	✓	✓
	輪播功能(Master Slider外掛)			✓	✓
8/21	更改後台管理者的帳號和密碼於網頁下方新增facebook與instagram連結	✓
8/23,8/24	放置網頁內容		✓	✓	✓
8/25	修改頁面排版(白色部分上拉)		✓		✓

貢獻度:

10%架設伺服器-謝坤傑

10%與業主討論,搜尋相關資料-全體人員
20%前端頁面修改

10% 網頁下方新增facebook與instagram連結 -footer css修改-謝坤傑

10%頁面的顏色以及配置，淡入淡出效果-10%紀德勇,10%陳柏修

20%後臺外掛新增,修改-

10%back to top 按鈕(Scroll Back to Top外掛)-1%謝坤傑,9%紀德勇

15%輪播功能(Master Slider外掛)-10%陳建穎,5%陳柏修

5%加裝jetpack外掛-謝坤傑

40%網頁內容編輯-

10%頁面建置,排版測試,選單建置-陳建穎,紀德勇

5%增加Facebook 讚以及分享功能-紀德勇

5%裝業主提供的3個主題、放置Logo-謝坤傑,陳建穎

15%放置網頁內容-5%陳柏修,5%紀德勇,5%陳建穎

5%修改頁面排版(白色部分上拉)-陳柏修,紀德勇

三、網頁系統服務流程分鏡表

分鏡表

	分鏡1	分鏡2	分鏡3	分鏡4	分鏡5	分鏡6	分鏡7
活動	慶祝七夕	朋友分享	查看餐廳特色	查看菜單	查看七夕優惠	定位	前往餐廳
關係人	情侶	朋友、男主角	情侶	情侶	情侶	情侶	情侶
物	日曆	F B	網頁	網頁	網頁	網頁	法拉利
接觸點	討論如何慶祝七夕	尋找地點	想知道朋友介紹的餐廳如何	想知道菜色、餐點	想省錢	避免客滿沒位置	訂位時間到
脈絡場景	家裡	家裡	家裡	家裡	家裡	家裡	好好小館
感受	期待	疑惑	疑惑	好吃	開心	緊張	雀躍