piCaxel組員 : 蘇香羽

劉文惠林哲宇陳妍伶翟驛人邱孟偉郭乃禎

1piCaxel10/09/12

網站名稱： piCaxel 股份有限公司

網站類型：企業 - 平台式

網站目的：設計名片提供選購製作，記錄社群方便查詢及收藏名片

主要對象： 20~50 歲的社會人士

網站主題

2piCaxel10/09/12

「 piCaxel 」

1. 資料搜集 / 整理 2. 網站建置 3. 內容

小組討論小組討論

彙集資料、整理彙集資料、整理

網站主軸設定 網站主軸設定

圖檔分類確定 圖檔分類確定

確立分類確立分類

原創圖檔建立原創圖檔建立

匯入資料庫匯入資料庫

資料測試資料測試

Site Map 確立Site Map 確立

首頁 / 內頁確認首頁 / 內頁確認

後台程式開發後台程式開發

功能 / 系統 測試功能 / 系統 測試

壓力 / 整合 測試壓力 / 整合 測試

前台程式開發前台程式開發

專題建置架構

3piCaxel10/09/12

專題組織指導老師：沈潔華 老師沈潔華 老師沈潔華 老師

郭乃禎郭乃禎

規劃

組長：蘇香羽

程式 視覺設計 資料收集

林哲宇林哲宇

蘇香羽蘇香羽

蘇香羽蘇香羽

翟驛人翟驛人

林哲宇林哲宇

郭乃禎郭乃禎

陳妍伶陳妍伶

陳妍伶陳妍伶

邱孟偉邱孟偉

劉文惠劉文惠邱孟偉邱孟偉

4piCaxel10/09/12

甘特圖NO 內容 時間 9 月 10 月 11 月

1 題目、 LOGO 、目標、網站設計風格 9/14~9/17

2 系統範圍、功能描述 9/16~9/19

3業務流程圖 (Activity Diagram)分工表 Use Case Diagram

9/20~10/4

4 首頁內頁風格版型、視覺元素庫、多媒體動畫腳本

10/3~10/10

5ERD (Class Diagram)Use Case Description , Table spec

10/5~10/11

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

5piCaxel10/09/12

參考網站

6piCaxel10/09/12

header 縮小固定

www.opera.si 首頁版型

7piCaxel10/09/12

滑鼠滾輪往下滾會切換圖片

mekatonia.no 首頁版型

8piCaxel10/09/12

滑鼠游標移至名片正面會有翻轉效果以顯示背面圖樣

olivierstaub.com 內頁版型

9piCaxel10/09/12

uk.moo.com

名片風格職業分類

內頁版型

10piCaxel10/09/12

uk.moo.com

名片展示

名片材質展示，可點選

內頁版型

11piCaxel10/09/12

Site Map

12piCaxel10/09/12

Home page

站內搜尋會員專區自選版型 設計師版型 社群 使用說明

購物車

會員登入

P1 P2 P3 P4

基本功能|會員服務

關於我們

聯絡我們

基本功能|一般服務

P6

P5

13piCaxel10/09/12

自選版型 設計師版型

風格1

風格2

風格3

風格版型總覽

客製化

放入購物車

P1 P2

P4

14piCaxel10/09/12

設計師總覽

設計師作品總覽( 內含簡介及作品總覽）

設計師A

設計師B

設計師C

…… 等

非會員

搜尋

會員

交換名片 名片分類

社群

搜尋 名片分類

P3

P4

15piCaxel10/09/12

交易紀錄

會員專區

名片收藏夾

非會員會員

P4

P6

P5

P3

查看名片搜尋

16piCaxel10/09/12

修改社群資料修改基本資料

會員登入

會員申請同意書

填寫基本資料

送出後寄送認證 email

P5

加入會員忘記密碼

送出後寄送認證 email

登入

P4

購物資訊

基本功能—會員服務

17piCaxel10/09/12

購物車

結帳

購物資訊

取消

非會員會員

P6

P5

選擇付款方式

會員專區：交易紀錄 P5

基本功能—會員服務

18piCaxel10/09/12

待確認事項• 名片風格分類• 產業分類• Logo 設計• 網站版型

19piCaxel10/09/12

END

20piCaxel10/09/12