VI903 第三組 專題成果展示 指導老師 沈潔華 董淑蕙 馮淑如 郭惠民 陳炯圻 黃益奇 指導老師 沈潔華 董淑蕙 馮淑如 郭惠民 陳炯圻 黃益奇 組 員 林喻葳 朱芳儀 黃全華 殷執鈞 廖益誠 陳迊蓁

目 錄 緣起 網站目的 目標對象 網站設計風格 網站內容架構 使用案例圖 軟硬體需求 系統發展時程 人力分工

緣 起 「懷孕是女人一輩子最幸福的時刻， 生產是女人最辛苦與最偉大的事。」 生產後必須把握短短一個月的黃金時段細心調養， 緣 起 「懷孕是女人一輩子最幸福的時刻， 生產是女人最辛苦與最偉大的事。」 生產後必須把握短短一個月的黃金時段細心調養， Callista齊心打造一個「身、心、靈」的完善環境， 讓每位媽媽都能受到最真誠、細緻的照護。

網 站 目 的 藉由網站的推廣，提升Callista知名度。 提供便捷的線上預約訂房、訂餐系統，增強使用者對網站的黏性。 提供媽媽見證經驗分享與專業護理知識，拉長使用者瀏覽本網站的時間，並藉此開發潛在客戶。 藉由網路快速更新資訊，傳遞最新優惠方案。 業務流程E化，降低管銷成本。

目 標 對 象 所有生產後與待產中的媽媽們。 所有有生產計畫的夫妻們。

網 站 風 格 設 計

LOGO 設 計 設計理念 Callista源自於希臘文，意義為 「最美的」。 我們希望每位來Callista調養的 媽媽都能呈現最美麗的狀態， 故以美麗孕婦的圖像結合網站 名稱文字作為LOGO設計。 顏色則以金黃色來強調華麗、 高貴的質感。

色 彩 計 畫 （前端） 主色 強調色 輔色 R : 255 G : 224 B : 95 R : 0 G : 0 B : 0 R : 255 G : 255 B : 255 R : 55 G : 22 B : 33 設計理念 以黑色為主色調，表達低調時尚、唯美奢華的風格，並以六個強調色明顯區分六種房型的經典特色。 R : 132 G : 0 B : 0 R : 2 G : 87 B : 0 R : 146 G : 116 B : 65 R : 71 G : 4 B : 4 R : 255 G : 255 B : 255 R : 216 G : 0 B : 137

色 彩 計 畫 （後端） 主色 輔色 設計理念 以較暗的橄欖綠為主色，表現專業的態度，且可以降低使用者的視覺疲勞。加上鮮豔的草綠色與黃色，提升整體的活力感。 R : 119 G : 105 B : 53 R : 184 G : 204 B : 96 R : 255 G : 224 B : 95

網 站 內 容 架 構

網 站 架 構 （前端） 首頁 關於我們 地理位置 聯絡我們 經營理念 環境介紹 迎賓大廳 嬰兒室 美容舒壓室 交誼廳 韻律教室 風格房型 東方神秘館 歐風古典館 美式時尚館 房間設備 精緻餐飲 餐點介紹 每日菜單 媽媽教室 課程資訊 媽媽見證 媽媽須知 媽媽篇 寶寶篇 知識問答 線上預約 預約住房 外送宅配 會員專區 會員登入 加入會員 資料修改 查詢密碼 訂單查詢 住房訂單查詢 宅配訂單查詢 取消訂單 取消住房訂單 取消宅配訂單 最新消息 常見問題 網站地圖

功 能 技 術 （前端） 序號 網頁 子選項 功能 技術 1 情境首頁 企業形象 3DS MAX 2 關於我們 經營理念 營運的核心理念 HTML 地理位置 提供交通資訊 聯絡我們 與我們聯絡的資訊 3 環境介紹 迎賓大廳 迎賓大廳介紹 嬰兒室 嬰兒室介紹 美容舒壓室 美容舒壓室介紹 交誼廳 交誼廳介紹 韻律教室 韻律教室介紹 4 風格房型 東方神秘館 富貴中國風、京都日式風房型介紹 HTML、PHP、MYSQL 歐風古典館 法國古堡風、英國皇室風房型介紹 美式時尚館 都會簡約風、賭城奢華風房型介紹 5 精緻餐飲 餐點介紹 月子餐與小產餐介紹 每日菜單 每日菜單菜色介紹

功 能 技 術 （前端） 序號 網頁 子選項 功能 技術 6 媽媽教室 課程資訊 課程資訊介紹 HTML、PHP、MYSQL 媽媽見證 媽媽見證經驗分享 媽媽須知 媽媽、寶寶護理知識 知識問答 護理知識問答題小遊戲 FLASH 7 線上預約 預約住房 線上預約住房 外送宅配 線上訂購餐點宅配 8 會員專區 會員登入 加入會員 新會員註冊加入會員 資料修改 會員修改基本資料 查詢密碼 會員查詢密碼 住房訂單查詢 查詢住房訂單 宅配訂單查詢 查詢宅配訂單 取消住房訂單 取消宅配訂單 9 最新消息 提供最新消息與優惠方案 10 常見問題 一般常見問題資訊 HTML 11 網站地圖 網站架構導覽地圖

網 站 架 構 （後端） 後端首頁 房間管理 訂房系統管理 住房收款作業 訂房訂單管理 住房管理 Check in作業 Check out作業 續住作業 房間狀態查詢 房型資料管理 餐飲系統管理 宅配訂單管理 菜單管理 宅配收款作業 媽媽教室管理 課程資訊管理 媽媽見證管理 媽媽須知管理 會員管理 最新消息管理 管理員管理 員工帳號管理 權限管理

Check in、Check out、續住作業、房間狀態查詢 功 能 技 術 （後端） 序號 網頁 子選項 功能 技術 1 後端首頁 管理者登入 HTML、PHP、MYSQL 2 房間管理 訂房系統管理 住房收款作業、訂房訂單管理 住房管理 Check in、Check out、續住作業、房間狀態查詢 房型資料管理 所有房型資料管理 3 餐飲系統管理 宅配訂單管理 菜單管理 菜單資料管理 宅配收款作業 收款確認作業 4 媽媽教室管理 課程資訊管理 新增、修改、刪除 媽媽見證管理 媽媽須知管理 5 會員管理 會員資料管理 6 最新消息管理 7 管理員管理 員工帳號管理 員工基本資料管理 權限管理 員工權限管理

使 用 案 例 圖（前端）

使 用 案 例 圖（後端）

軟 硬 體 需 求 作業系統：Micosoft Windows Server 2008 R2 中央處理：Intel Pentium4 2.4GHz 以上 記憶體：1GB 以上 顯示卡：NVIDIA Geforce MX/MX 400 應用軟體：Flash、Dreamweaver、Fireworks、Illustrator、 Photoshop、3ds Max 程式語言：PHP、CSS、HTML、ActionScript3.0、JavaScript 資料庫：MySQL 瀏覽器：IE & Chrome & Firefox

系 統 發 展 時 程 工作項目 時間進度 九月 十月 十一月 一周 二周 三周 四周 五周 六周 七周 八周 九周 十周 工作項目 時間進度 九月 十月 十一月 一周 二周 三周 四周 五周 六周 七周 八周 九周 十周 報告題目、目標、系統範圍、功能描述 檢查業務流程圖 網站設計風格、多媒體展現方式及技術、檢查LOGO設計 完成Use Case Diagram、分工表 檢查首頁內頁風格版型、視覺元素庫、多媒體動畫腳本 完成ERD、Use Case Description、 Table spec 完成輸入輸出畫面 資料庫表格建立 前、後端程式撰寫 期中驗收 (10/18) 期中驗收 完成後端版型 前、後端程式整合、CSS、測試網站 期末專題成果展示(11/11) 成果展示

人 力 分 工 （前端） 項 目 林喻葳 朱芳儀 殷執鈞 黃全華 廖益誠 陳迊蓁 關於我們 ◎ 環境介紹 風格房型 精緻餐飲 課程資訊 項 目 林喻葳 朱芳儀 殷執鈞 黃全華 廖益誠 陳迊蓁 關於我們 ◎ 環境介紹 風格房型 精緻餐飲 課程資訊 媽媽見證 媽媽須知 護理知識問答遊戲 最新消息 常見問題 線上預約-預約住房 線上預約-外送宅配 會員登入 加入會員 查詢密碼 會員資料修改 住房訂單查詢 宅配訂單查詢 取消住房訂單 取消宅配訂單 前端程式整合

人 力 分 工 （後端） 項 目 林喻葳 朱芳儀 殷執鈞 黃全華 廖益誠 陳迊蓁 員工登入 Check In作業 ◎ Check Out作業 項 目 林喻葳 朱芳儀 殷執鈞 黃全華 廖益誠 陳迊蓁 員工登入 Check In作業 ◎ Check Out作業 續住作業 房間狀態查詢 訂房訂單管理 房間資料管理 住房收款作業 宅配收款作業 宅配訂單管理 菜單管理 課程資訊管理 媽媽見證管理 媽媽須知管理 最新消息管理 會員資料管理 員工帳號管理 系統權限管理 後端程式整合

人 力 分 工 （畫面製作） 項 目 林喻葳 朱芳儀 殷執鈞 黃全華 廖益誠 陳迊蓁 LOGO製作 ◎ 導引頁製作 情境首頁製作 項 目 林喻葳 朱芳儀 殷執鈞 黃全華 廖益誠 陳迊蓁 LOGO製作 ◎ 導引頁製作 情境首頁製作 網站地圖製作 護理知識問答遊戲製作 前端內頁版型 後端內頁版型 資料庫建置與管控 前端畫面整合 後端畫面整合 專題簡報製作 專題文件整合

謝 謝 指 導