Pi caxel網站企劃
- 1. piCaxel
組員 : 蘇香羽
劉文惠
林哲宇
陳妍伶
翟驛人
邱孟偉
郭乃禎
10/09/12 piCaxel 1
- 2. 網站主題
網站名稱: piCaxel 股份有限公司
網站類型:企業 - 平台式
網站目的:設計名片提供選購製作,
記錄社群方便查詢及收藏名片
主要對象: 20~50 歲的社會人士
10/09/12 piCaxel 2
- 3. 专题建置架构
「 piCaxel 」
1. 資料搜集 / 整理 2. 網站建置 3. 內容
小組討論
小組討論 Site Map 確立
Site Map 確立 確立分類
確立分類
彙集資料、整理
彙集資料、整理 首頁 / /內頁確認
首頁 內頁確認 原創圖檔建立
原創圖檔建立
網站主軸設定
網站主軸設定 後台程式開發
後台程式開發 匯入資料庫
匯入資料庫
圖檔分類確定
圖檔分類確定 前台程式開發 資料測試
前台程式開發 資料測試
功能 / /系統 測試
功能 系統 測試
壓力 / /整合 測試
壓力 整合 測試
10/09/12 piCaxel 3
- 4. 专题组织
指導老師:
沈潔華 老師
沈潔華 老師
組長:蘇香羽 沈潔華 老師
規劃 程式 視覺設計 資料收集
郭乃禎
郭乃禎 蘇香羽 郭乃禎 陳妍伶
蘇香羽 郭乃禎 陳妍伶
林哲宇
林哲宇 翟驛人 陳妍伶 邱孟偉
翟驛人 陳妍伶 邱孟偉
蘇香羽
蘇香羽 林哲宇 邱孟偉
邱孟偉 劉文惠
林哲宇 劉文惠
10/09/12 piCaxel 4
- 5. 甘特圖
NO 內容 時間 9月 10 月 11 月
1 題目、 LOGO 、目標、網站設計風格 9/14~9/17
2 系統範圍、功能描述 9/16~9/19
業務流程圖 (Activity Diagram)
3 分工表 9/20~10/4
Use Case Diagram
4 首頁內頁風格版型、視覺元素庫、 10/3~10/10
多媒體動畫腳本
ERD (Class Diagram)
5 10/5~10/11
Use Case Description , Table spec
6 輸出入畫面 10/7~10/25
資料庫表格建立
7 程式整合測試 10/25~10/29
8 期中報告 10/30
9 程式功能校正 11/1~11/18
10 海報製作 11/15~11/18
11 程式整合測試 11/15~11/19
12 期末報告 11/20
10/09/12 piCaxel 5
- 11. uk.moo.com 內頁版型
名片展示
名片材質展示,可點選
10/09/12 piCaxel 11
- 13. 基 基
本 本
功 功
能 能
| |
一 關於我們 會員登入 會
般 員
服 P5 服
務 Home page 務
聯絡我們 購物車
P6
自選版型 設計師版型 社群 會員專區 使用說明 站內搜尋
P1 P2 P3 P4
10/09/12 piCaxel 13
- 14. P1 P2
自選版型 設計師版型
設計師總覽
風 風 風
格 格 格 …… 等
1 2 3
設 設 設
計 計 計
師 師 師
A B C
風格版型總覽
設計師作品總覽
客製化 ( 內含簡介及作品總
覽)
放入購物車
P4
10/09/12 piCaxel 14
- 15. P3
社群
會員 非會員
交換名片 搜尋 名片分類 搜尋 名片分類
P4
10/09/12 piCaxel 15
- 16. P4
會員專區
會員 非會員
P5
名片收藏夾 P3 交易紀錄 P6 修改基本資料 修改社群資料
搜尋 查看名片
10/09/12 piCaxel 16
- 17. P5
會員登入
基本功能—會員服務
忘記密碼 加入會員 登入
送出後寄送認證 email 會員申請同意書 P4
填寫基本資料
送出後寄送認證 email
購物資訊
10/09/12 piCaxel 17
- 18. P6
購物車
基本功能—會員服務
會員 非會員
購物資訊 P5
結帳 取消
選擇付款方式
會員專區:交易紀錄 P5
10/09/12 piCaxel 18
- 19. 待確認事項
? 名片風格分類
? 產業分類
? Logo 設計
? 網站版型
10/09/12 piCaxel 19