榮剛材料科技股份有限公司 - gmtc.com.t¦®剛... · 中確認多語系網站驗收項目...

17
2011企業品牌網站設計專案規劃及報價書(附件一) 榮剛材料科技股份有限公司 COPYRIGHT 2011 DESIGNED BY WADE DIGITAL DESIGN CO., LTD

Upload: others

Post on 30-May-2020

10 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: 榮剛材料科技股份有限公司 - gmtc.com.t¦®剛... · 中確認多語系網站驗收項目 (如沒有多語系網頁製作項目流程直接前往 step 5 )。 step 5 : 專案交付與驗收

2011企業品牌網站設計專案規劃及報價書(附件一)

榮剛材料科技股份有限公司

COPYRIGHT 2011 DESIGNED BY WADE DIGITAL DESIGN CO., LTD

Page 2: 榮剛材料科技股份有限公司 - gmtc.com.t¦®剛... · 中確認多語系網站驗收項目 (如沒有多語系網頁製作項目流程直接前往 step 5 )。 step 5 : 專案交付與驗收

* 設計專案文件指南

* 專案流程說明 & 專案注意事項

* 專案技術規格明細 & 專案人力配置

* 專案網頁製作結構圖

* 專案網頁製作規格明細

* 專案程式製作規格明細

* 專案製作排程

* 專案交付項目 & 教育訓練

* 專案製作費用明細

* 追加製作單價表 & 付款辦法

P.0

P.1

P.2

P.3

P.4

P.5

P.6

P.7

P.8

P.9

專案相關資訊規劃書目錄索引

1. 專案名稱 / 2011企業品牌網站

2. 專案經理 / 王偉任

3. 專案網頁設計 / 徐銘志

4. 專案程式設計 / 戴延仁

5. 預估製作總工作天 / 估計 30 日以上

6. 專案客戶名稱 / 榮剛材料科技股份有限公司

7. 專案客戶端承辦人 / 黃小姐

8. 報價日期 / 2011年06月15日

9. 報價單有效日期 / 2011年06月30日

BIBLIOGRAPHY OF DOCUMENT

WDD CONTACT INFORMATION

TAICHUNG DESIGN CENTER : 台中設計中心

請於周一至周五早上 09:00 至下午 18:00 之間與我們聯繫

+ 403 台中市西區公益路161號14F-4

+ T/ 04-23058282 + F/ 04-23051808

+ e-mail / [email protected]

+ website / www.wddgroup.com

TAIPEI SERVICE OFFICE : 台北服務處

請於周一至周五早上 09:00 至下午 18:00 之間與我們聯繫

+ T/ 02-26316995

+ e-mail / [email protected]

PROJECT INFORMATION

P.0

設計專案文件指南

COPYRIGHT 2011 DESIGNED BY WADE DIGITAL DESIGN CO., LTD

親愛的客戶,若您針對文件有任何問題歡迎以與我們聯絡 !!

Page 3: 榮剛材料科技股份有限公司 - gmtc.com.t¦®剛... · 中確認多語系網站驗收項目 (如沒有多語系網頁製作項目流程直接前往 step 5 )。 step 5 : 專案交付與驗收

專案流程說明

STEP 1 : 首頁提案

本案簽約後,交付提案必要相關資料經威德確認無誤後,依照約定另行通知提案日期(首頁風格草圖提案準備周期為 15 日工作日),提案約定日,網頁設計師將提供首頁風格設計提案草圖。

設計提案之確認,需於本案之附件(二)中確認首頁風格驗收項目,風格確認後將不予以修改,若需修改風格則須另收修改費用。

STEP2 : 內頁提案

首頁風格草圖確認後,待 貴公司交付內頁風格提案必要之相關資料後,威德將於雙方約定之提案日期提供確認之首頁風格之內頁提案 (內頁風格草圖案準備周期為 5 日工作日),提案約定日,網頁設計師將提供內頁風

格設計提案草圖。設計提案之確認,需於本案之附件(二)中確認內頁風格驗收項目,風格確認後將不予以修改,若需修改風格則須另收修改費用。

STEP 3 : 程式製作

內頁風格及樣式確認之後,所有內網頁依照規劃之時間排程分階段製作完成。

網頁頁面完成後將於線上測試區提供 貴公司承確認內頁之設計與資料校正,內頁設計之確認,需於本案之附件(二)以及附件(三)中確認頁面驗收項目。

多語系專案,內頁設計以第一語系完成為優先,內頁設計確認後,為提升專案進行速度,網站程式系統之製作需等待網頁內頁確認無誤之後才開始製作。

STEP 4 : 多語系網頁製作

程式設計完成後將於線上測試區提供 貴公司承辦人員確認程式功能並建立資料庫檔案,程式設計項目之確認,需於本案之附件(三)中確認程式設計驗收項目。

第一語系網站網頁設計與程式設計項目完全無誤之後,多語系製作項目將待 貴公司一次交付所有語系翻譯製作資料後,威德將於雙方約定之交期提供貴公司驗收多語系網頁,多語系網站之確認,需於本案之附件(三)

中確認多語系網站驗收項目 (如沒有多語系網頁製作項目流程直接前往 STEP 5 )。

STEP 5 : 專案交付與驗收

本案所有設計項目完成後,威德將協助 貴公司業務負責人員作系統操作以及網站資料維護訓練。

網站上線前需確認,需於本案之附件(三)中確認專案驗收項目,確認無誤後隨即轉移本案至正式主機,並提供協助本案網站正式上線之技術諮詢,隨後即交付網站原始檔光碟以及相關專案文件電子檔。

專案注意事項

* 提案如未通過貴公司確認,貴 公司需列出提案修正條款,威德須於 15 日工作日內再次提出圖稿提案,由貴 公司再次進行確認。

* 如因貴公司製作素材提供延遲所致之本案遲延者,威德扣除前開素材提供延遲時日後,仍應按本工作進度完成之。

* 網頁所需之文字資料資料均由 貴公司提供電子檔或光碟,以利作業。

* 專案製作排程主要為便利貴公司排定行程與計畫,實際操作時間需以雙方執行時間決定!!

* 以上規劃排程不含雙方校稿修正以及資料蒐整所耗損之時間,扣除前開素材提供延遲時日後,仍應按本工作進度完成之。

P.1

專案流程說明 & 專案注意事項

Page 4: 榮剛材料科技股份有限公司 - gmtc.com.t¦®剛... · 中確認多語系網站驗收項目 (如沒有多語系網頁製作項目流程直接前往 step 5 )。 step 5 : 專案交付與驗收

專案技術規格明細 專案人力配置

王偉任 WADE & 設計支援

從事設計有七年。

專長為網頁規劃設計,電子商務網站整體規劃,平面設計,企業形象(CIS)設計。

負責業務為專案設計規劃,專案時程控管,專案溝通,專案管理,專案人力配置。

徐銘志 AMEN

從事設計有四年。

專長為3D動畫設計,視訊剪輯,網頁規劃設計,多媒體動畫設計,平面設計。

負責業務為專案設計規劃,專案溝通。

戴延仁 KORST

從事程式設計三年

專長為應用程式設計,網頁程式設計,資料庫應用,Server管理。

負責業務為專案程式設計與規劃,資料庫建置。

本專案人力配置共 3 人,專案經理*1,專案網頁設計師*2,專案程式設計師*1

,網頁設計項目規劃將由網頁設計師獨力作業完成,程式設計項目規劃將由程式

設計師獨力作業完成,專案經理規劃網站並輔助專案之設計與技術溝通,專案進

行中將視進度狀況調派設計師支援進度製作。

專案技術規格明細 & 專案人力配置

P.2COPYRIGHT 2011 DESIGNED BY WADE DIGITAL DESIGN CO., LTD

網頁設計規格項目 應用軟體及技術

1. 網頁版面設計 Adobe Photoshop CS5 & Adobe Illustrator CS5 & DreamweaverCS5 & 3Ds Max

2. 圖形繪制 Adobe Illustrator CS5 & Adobe Photoshop CS5

3. 影像處裡 Adobe Photoshop CS5

4. 動畫製作 Macromedia Flash CS5 Professional

5. FLASH PLAYER 版本 Flash Player 9.0

6. 使用作業系統平台 Windows VISTA & Service 2003 & XP sp3

7. 瀏覽器支援版本 IE 8.0 以上 & FIREFOX3.5 以上

8. HTML版本 & 編碼模式 4.01 以上 & UTF-8

9. 無障礙或特殊規範 無

程式系統規格項目 應用軟體及技術

1. 系統開發語言 & 資料庫 PHP, Java Script & MySQL

2. 其餘技術開發 AJAX

3. 其餘相關程式應用 無

專案經理

專案網頁設計師

專案程式設計師

Page 5: 榮剛材料科技股份有限公司 - gmtc.com.t¦®剛... · 中確認多語系網站驗收項目 (如沒有多語系網頁製作項目流程直接前往 step 5 )。 step 5 : 專案交付與驗收

專案網頁製作結構圖

P.3COPYRIGHT 2011 DESIGNED BY WADE DIGITAL DESIGN CO., LTD

人力資源

- 總覽

- 福利與制度

- 人才培訓

- 連結104人力銀行

- 大台南風光

*小吃資訊

*觀光資訊

*住宿資訊

*周邊景點

*好站連結

(內容可增加)

PHP

產品與服務

- 總覽

- 高合金鋼材料類別說明

- 材料規格介紹

- 關鍵零組件類別說明

- 零組件介紹

- 精密加工製造服務

- 檔案下載

- 服務聯絡窗口

(類別可增加)

PHP

企業簡介

- 總覽

- 關於榮剛

- 企業沿革

- 經營團隊

- 環安衛政策

- 環境保護

- 相關企業

- 全球佈局

- 特別企劃

- 新聞中心

*新聞訊息總覽

*新聞訊息內容

*新聞相片簿

(類別可增加)

PHP

網站服務

- 總覽

- 網站導覽

- 聯絡我們

- 隱私權政策

榮剛企業網站中英簡語系首頁

PHP

核心能力

- 總覽

- 創新材料技術

- 研發設計能力

- 生產製造能力

- 精密加工能力

- 品質檢測

- 廠房與設備

- 技術專利與認證

新聞中心管理

- 新聞訊息類別管理

- 新聞訊息內容管理

- 新聞相片簿管理

PHP

高合金鋼材料管理

- 材料類別管理

- 材料規格管理

- 檔案下載管理

PHP

零組件產品管理

- 零組件類別管理

- 零組件介紹管理

PHP PHP

大台南風光管理

- 小吃資訊管理

- 觀光資訊管理

- 住宿資訊管理

- 周邊景點管理

- 好站連結管理

榮剛網站後端管理系統中英簡語系網站管理

PHP

PHP

網站服務管理

- 聯絡我們資訊管理

- 廣告設定管理

- Google 流量分析

- 頁面標籤管理

管理者權限管理

- 管理者帳號管理

- 管理者群組管理

PHP

PHP

解決方案

- 總覽

- 解決方案類別

- 解決方案內容

(類別可增加)

PHP

產業應用

- 總覽

- 應用類別

- 應用內容

- 應用產品與材料

(類別可增加)

PHP

投資人專區(中英語系)

- 總覽

- 財務資訊

- 股東專欄

- 公司治理

- 投資人活動訊息

PHP

投資人專區管理

- 財務資訊管理

- 財務報表管理

- 每月營業額管理

- 年報管理

- 法人說明會資料管理

- 股東會管理

- 董事會之重大決議管理

- 獨立董事相關訊息管理

- 重大訊息管理

PHP

解決方案管理

- 解決方案類別管理

- 解決方案內容管理

PHP

產業應用管理

- 應用類別管理

- 應用內容管理

Page 6: 榮剛材料科技股份有限公司 - gmtc.com.t¦®剛... · 中確認多語系網站驗收項目 (如沒有多語系網頁製作項目流程直接前往 step 5 )。 step 5 : 專案交付與驗收

專案網頁製作規格明細

P.4COPYRIGHT 2011 DESIGNED BY WADE DIGITAL DESIGN CO., LTD

主要製作項目 子項目 製作規格明細 技術規格

風格設計&製作方向 網站設計規劃

a. 企業形象,建立專業特殊合金材料製造大廠之國際形象。

b. 核心能力,強調創新材料技術&精密加工生產能力,以簡明快速的方式,讓使用者快速了解榮剛公司的核心能力。

c. 高合金材料,介紹榮剛的材料規格,可由介紹規格中了解材料的產業應用範疇,並提供電子型錄等檔案下載。

d. 產品與服務,介紹榮剛公司關鍵零組件產品項目及各種專業的加工&製造服務。

e. 產業應用,將材料&產品結合產業應用範疇,客戶將可由應用範疇中了解產業應用的材料及產品。

f. 解決方案,撰述榮剛One Stop Shopping & 材料技術 & 加工成品等各項解決方案的能力。

g. 特別企劃,用FLASH翻書或幻燈片的表達方式,簡單扼要的讓客戶了解榮剛材料科技。

網站首頁 首頁資訊規劃與選單配置a. 提供 新聞中心 & 材料技術 & 產品與服務 & 解決方案 等資訊。

b. 網站主選項配置為 / 產品與服務 / 產業應用 / 解決方案 / 核心能力 / 投資人服務 / 。

HTML、GIF、CGI設計。

局部 FLASH 動畫設計。

PHP程式及資料庫設計。

中英簡語系

企業簡介

- 總覽

a. 總覽 : 彙整所有企業簡介的項目總覽。

b. 關於榮剛 : 規劃介紹公司簡介& 董事長的話 & 企業願景 & 經營理念 & 銷售政策等項目設計。

c. 企業沿革 : 紀錄榮剛歷年大事記以 & 銷售成長 & 專利成長等紀錄。

d. 經營團隊 : 介紹榮剛經營團隊。

e. 環安衛政策 : 說明環安衛政策。

f. 環境保護 : 介紹於環境保護的努力與成果。

g. 相關企業 : 介紹榮剛體系相關企業資訊。

h. 全球佈局 : 紀錄榮剛全球業務銷售佈局與服務據點資訊。

i. 特別企劃 : 以FLASH方式特別介紹榮剛材料科技的優勢與產品服務。

j. 新聞中心 :

- 訊息類別範例 : 公司訊息 & 產品訊息 & 技術訊息 ( 類別可新增 ) > 該訊息詳細內容。

- 新聞訊息總覽 : 透過後端管理介面設定將列出所有訊息類別以及最新最新訊息。

- 新聞訊息內容 : 利用後端管理界面的網頁編輯器,可針對內容作編輯,提供文章推播至Facebook網站上。

- 新聞相片簿 : 提供FLASH相簿,使用於各個新聞訊息多張照片的播放與輪播,可於每張照片上附註說明照片內容。

HTML、GIF、CGI設計。

局部 FLASH 動畫設計。

中英簡語系

- 關於榮剛

- 企業沿革

- 經營團隊

- 環安衛政策

- 環境保護

- 相關企業

- 全球佈局

- 特別企劃

- 新聞中心 PHP

*新聞訊息總覽

*新聞訊息內容

*新聞相片簿

Page 7: 榮剛材料科技股份有限公司 - gmtc.com.t¦®剛... · 中確認多語系網站驗收項目 (如沒有多語系網頁製作項目流程直接前往 step 5 )。 step 5 : 專案交付與驗收

P.4-1COPYRIGHT 2011 DESIGNED BY WADE DIGITAL DESIGN CO., LTD

核心能力

- 總覽

a. 總覽 : 彙整核心能力項目並附加圖片與說明。

b. 創新材料技術 : 介紹 創新材料技術的成果與應用。

c. 研發設計能力 : 介紹 研發能力 & 設計能力。

d. 生產製造能力 : 介紹 生產製造流程 & 優勢能力。

e. 精密加工能力 : 介紹 生產製造流程 & 優勢能力。

f. 品質檢測 : 介紹 品質檢測技術 & 檢測流程。

g. 廠房與設備 : 介紹榮剛廠房與製造設備。

h. 技術專利語認證 PHP : 介紹歷年至今所取得的技術專利與相關認證。

HTML、GIF、CGI設計。

局部 FLASH 動畫設計。

中英簡語系

- 創新材料技術

- 研發設計能力

- 生產製造能力

- 精密加工能力

- 品質檢測

- 廠房與設備

- 技術專利與認證 PHP

產品與服務

- 總覽

高合金鋼材料類別範例 :

工具鋼 & 不鏽鋼 & 高速鋼 & 調值鋼等多種類別 (類別可新增) >

材料規格介紹 (內容可新增)。

關鍵零組件類別範例 :

心軸系列 & 輥子系列 & 動力零件系列 等多種類別 (類別可新增) >

零組件介紹 (內容可新增)。

a. 總覽 : 彙整材料 & 關鍵零組件等項目並附加簡介及圖片。

b. 高合金鋼材料類別說明 : 說明材料類別特性。

c. 材料規格介紹 : 介紹材料規格,對應 材料類別 & 產業應用 & 解決方案。

d. 關鍵零組件類別說明 : 說明各關鍵零組件類別。

e. 零組件介紹 : 說明各零組件特色與應用,對應 產品類別 & 材料類別 & 產業應用 & 解決方案。

f. 精密加工製造服務 : 介紹加工製造服務能力與優勢。

g. 協同設計服務 : 介紹協同設計服務的內容與優勢。

h. 檔案下載 : 提供檔案文件下載的專區,可提供客戶下載電子型錄及相關文件檔案。

i. 服務聯絡窗口 : 客戶可提出產品服務的需求,填寫基本連絡資料表單,內容將會儲存於資料庫,同時系統會將內容寄給指定之收件 MAIL 帳號。

HTML、GIF、CGI設計。

局部 FLASH 動畫設計。

PHP程式及資料庫設計。

中英簡語系

- 高合金鋼材料類別說明

- 材料規格介紹

- 關鍵零組件類別說明

- 零組件介紹

- 精密加工製造服務

- 協同設計服務

- 檔案下載

- 服務聯絡窗口

Page 8: 榮剛材料科技股份有限公司 - gmtc.com.t¦®剛... · 中確認多語系網站驗收項目 (如沒有多語系網頁製作項目流程直接前往 step 5 )。 step 5 : 專案交付與驗收

P.4-2COPYRIGHT 2011 DESIGNED BY WADE DIGITAL DESIGN CO., LTD

產業應用

- 總覽 產業應用類別範例 :

航太產業應用 & 能源產業應用 & 油氣水產業應用 等多種類別 (類別可新增) >

應用內容 (內容可新增) 。

a. 總覽 : 彙整各產業應用類別項目並附加圖片與說明。

b. 應用類別 : 說明各產業應用類別特性。

c. 應用內容 : 介紹產業應用內容。

d. 應用產品與材料 : 介紹各產業應用的材料及關鍵零組件產品項目。

HTML、GIF、CGI設計。

局部 FLASH 動畫設計。

PHP程式及資料庫設計。

中英簡語系

- 應用類別

- 應用內容

- 應用產品與材料

解決方案

- 總覽解決方案類別範例 :

One Stop Shopping解決方案 & 協同設計服務解決方案 & 品質認證方案 等多種類別 (類別可新增) >

解決方案內容 (內容可新增) 。

a. 總覽 : 彙整解決方案類別項目並附加圖片與說明。

b. 解決方案類別 : 說明各解決方案類別特性。

c. 解決方案內容 : 介紹解決內容。

HTML、GIF、CGI設計。

局部 FLASH 動畫設計。

PHP程式及資料庫設計。

中英簡語系

- 解決方案類別

- 解決方案內容

投資人專區

- 投資人專區總覽

a. 投資人專區總覽 : 彙整所有投資人資料的詢資訊總覽。

b. 財務資訊 : 設計項目有財務報表 & 每月營業額 & 年報 & 法人說明會資料 等項目。

c. 股東專欄 : 設計項目有股價查詢 & 股東會 & 股利分派 & 公司規章制度 & 重大訊息 & 相關連結 & 聯絡人 等項目。

d. 公司治理 : 設計項目有公司組織架構 & 經理人之設置、職稱及權責 & 董事會 & 董事會之重大決議 & 獨立董事相關訊息 & 內部稽核 等項目。

e. 投資人活動訊息 : 利用後端可自行發佈或管理重大訊息的內容以及相關附件的檔案下載。

HTML、GIF、CGI設計。

局部 FLASH 動畫設計。

PHP程式及資料庫設計。

中英簡語系

- 財務資訊

- 股東專欄

- 公司治理

- 投資人活動訊息

人力資源

- 總覽

a. 總覽 : 彙整人力資源服務項目。

b. 福利與制度 : 提供其徵才的福利與制度保障等資訊。

c. 人才培訓 : 說明提供員工專業培訓課程或職業規劃等內容。

d. 連結104人力銀行 : 另開式窗連結104人力銀行網站。

e. 大台南風光 : 設計項目有*小吃資訊 & 觀光資訊 & 住宿資訊 & 周邊景點 & 好站連結 等項目。

HTML、GIF、CGI設計。

局部 FLASH 動畫設計。

中英簡語系

- 福利與制度

- 人才培訓

- 連結104人力銀行

- 大台南風光 PHP

*小吃資訊

*觀光資訊

*住宿資訊

*周邊景點

*好站連結

Page 9: 榮剛材料科技股份有限公司 - gmtc.com.t¦®剛... · 中確認多語系網站驗收項目 (如沒有多語系網頁製作項目流程直接前往 step 5 )。 step 5 : 專案交付與驗收

P.4-3COPYRIGHT 2011 DESIGNED BY WADE DIGITAL DESIGN CO., LTD

網站服務

- 總覽

a. 總覽 : 彙整所有網站服務項目。

b. 網站導覽 : 藉由網站的整體分佈圖,來提供瀏覽者快速尋找所需之項目資訊。

c. 聯絡我們 PHP : 提供聯絡方式以及聯絡表單,客戶聯絡內容將會儲存於資料庫作備查,系統將會發送 MAIL 將聯絡內容寄給指定收件 MAIL 帳號。

d. 隱私權政策 : 必須明確宣告使用該網站,須遵守的規定,包含;不可盜用產品圖片或是偷取其文章或是說明等等之規章宣告。

HTML、GIF、CGI設計。

局部 FLASH 動畫設計。

中英簡語系

- 網站導覽

- 聯絡我們 PHP

- 隱私權政策

Page 10: 榮剛材料科技股份有限公司 - gmtc.com.t¦®剛... · 中確認多語系網站驗收項目 (如沒有多語系網頁製作項目流程直接前往 step 5 )。 step 5 : 專案交付與驗收

專案程式設計製作規格明細

P.5COPYRIGHT 2011 DESIGNED BY WADE DIGITAL DESIGN CO., LTD

主要製作項目 子項目 製作規格明細 技術規格

網站管理者帳號管理

- 管理者帳號管理a. 管理者帳號管理 : 管理網站管理人員之帳號,管理者的帳號不限數量。

b. 管理者群組管理 : 可將管理者以全組方式設定管理 ,可針對群組設定後端管理項目之管理權限,。PHP及 資料庫設計。

- 管理者群組管理

新聞中心管理

- 新聞訊息類別管理

a. 新聞訊息類別管理 : 管理訊息的類別。

b. 新聞訊息內容管理 : 可為訊息設定活動週期,上下架時間,以及是否出現於首頁,可放置圖片或影片。

c. 新聞相片簿管理 : 管理FLASH電子相簿的內容。

PHP及 資料庫設計。- 新聞訊息內容管理

- 新聞相片簿管理

高合金鋼材料管理

- 材料類別管理

a. 材料類別管理 : 管理材料的類別。

b. 材料規格內容管理 : 管理個別產品資訊,可設定關聯 材料類別 & 應用範疇 & 解決方案 項目。

c. 檔案下載管理 : 管理檔案下載清單,可設定多個檔案下載項目。

PHP及 資料庫設計。- 材料規格管理

- 檔案下載管理

零組件產品管理

- 零組件類別管理a. 零組件類別管理 : 管理零組件的類別。

b. 零組件介紹管理 : 管理個別產品資訊,可設定關聯 零組件類別 & 應用範疇 & 解決方案 項目。PHP及 資料庫設計。

- 零組件介紹管理

產業應用管理

- 應用類別管理a. 應用類別管理 : 管理產業應用的類別。

b. 應用內容管理 : 管理內容資訊,可設定關聯 零組件類別 & 高合金鋼材料 & 解決方案 項目。PHP及 資料庫設計。

- 應用內容管理

解決方案管理

- 解決方案類別管理a. 解決方案類別管理 : 管理解決方案的類別。

b. 解決方案內容管理 : 管理內容資訊,可設定關聯 零組件類別 & 高合金鋼材料 & 應用範疇 項目。PHP及 資料庫設計。

- 解決方案內容管理

投資人專區管 管理項目由方表格所示

a. 管理項目 :

財務報表管理 & 財務資訊管理 & 財務報表管理 & 每月營業額管理 & 年報管理 & 法人說明會資料管理 & 股東會管理 & 董事會

之重大決議管理 & 獨立董事相關訊息管理。

PHP及 資料庫設計。

中英語系

Page 11: 榮剛材料科技股份有限公司 - gmtc.com.t¦®剛... · 中確認多語系網站驗收項目 (如沒有多語系網頁製作項目流程直接前往 step 5 )。 step 5 : 專案交付與驗收

P.5COPYRIGHT 2011 DESIGNED BY WADE DIGITAL DESIGN CO., LTD

大台南風光管理 管理項目由方表格所示a. 管理項目 :

小吃資訊管理 & 觀光資訊管理 & 住宿資訊管理 & 周邊景點管理 & 好站連結管理。PHP及 資料庫設計。

網站服務管理

- 聯絡我們資訊管理

a. 聯絡我們資訊管理 : 記錄網站前端的聯絡我們表單內的填寫資訊。

b. Google 流量分析 : 可連結至Google查詢網站流量分析。

c. 頁面標籤管理 : 以每個大項目為主, 提供每頁面之Title & Meta 關鍵字標籤管理項目, 例如公司簡介一整區就一組設定。

d. 廣告設定管理 : 可將廣告設定活動週期,上下架時間,並自訂連結網址,以及是否出現於首頁或其他頁面。

PS : 聯絡我們項目可以條件式 EXCEL輸出 : 可針對所有欄位做篩選結果的EXCEL檔案輸出。

PHP及 資料庫設計。

- 廣告設定管理

- Google 流量分析

- 頁面標籤管理

Page 12: 榮剛材料科技股份有限公司 - gmtc.com.t¦®剛... · 中確認多語系網站驗收項目 (如沒有多語系網頁製作項目流程直接前往 step 5 )。 step 5 : 專案交付與驗收

網頁設計製作項目 程式設計製作項目

P.6

專案製作排程

專案製作排程範本

COPYRIGHT 2011 DESIGNED BY WADE DIGITAL DESIGN CO., LTD

關於專案製作排程

貴公司網頁設計數量約為 : 風格設計 1 式工作天數需要 15 日工作日 。

本案實際工作天數 (不含假日) 自首頁提案通知當日起算扣除溝通、資料及設計版面校正、資料蒐整、重新提案等時間後共為 85 日工作日 。

專案排程製作工作天不重疊計算,專案製作排程於簽約後擬定。

Page 13: 榮剛材料科技股份有限公司 - gmtc.com.t¦®剛... · 中確認多語系網站驗收項目 (如沒有多語系網頁製作項目流程直接前往 step 5 )。 step 5 : 專案交付與驗收

教育訓練內容規劃 訓練對象

網站維護者(user/super user)教育訓練 : 內容包含所有功能的使用方法及管理者的操作功能 / 含實際上線操作 (1hr) 維護人員

網站管理者教育訓練 : 網站架設及設定步驟 / 定期性維護作業 (1hr) 網站管理者

交付項目 文件格式 語系 數量

網站規劃書

PDF & PSD & FLA & PHP& JS & CSS

等相關原始編輯之電子檔案繁體中文

1

FANTASY使用者說明文件 1

網站原始編輯檔案及程式碼之檔案 *N

專案交付項目 & 教育訓練

P.7COPYRIGHT 2011 DESIGNED BY WADE DIGITAL DESIGN CO., LTD

專案交付項目

教育訓練項目

關於售後服務

程式故障排除範圍 :

凡與本系統程式相關之問題與bug之程式故障排除 (不包含硬體方面之故障排除以及延伸之相關功能不涵蓋在此範圍),以遠端排除為優先考量。

程式排除範圍須於本規劃書系統規格已內,不包含因貴公司修改程式系統規格造成之系統故障。 現場維修,以『維修申請書』以傳真方式通知威德,上班工作小時 6 小時內給予回覆。

備份作業

虛擬主機廠商系統提供備份的功能需自行做備份的動作,威德數位設計提供技術諮詢。

其餘服務與保固

保固期為結案開始起算一年整,保固期間將免費提供網頁文字修改服務以及本專案程式系統技術諮詢。

Page 14: 榮剛材料科技股份有限公司 - gmtc.com.t¦®剛... · 中確認多語系網站驗收項目 (如沒有多語系網頁製作項目流程直接前往 step 5 )。 step 5 : 專案交付與驗收

設計製作項目 數量 設計費用

網站整體風格視覺規劃設計

1 式

中英簡 3 語系

網頁規劃與設計費用

200,000 (未稅)

網站網頁設計製作

網站網頁FLASH動畫設計製作

網站網頁影像處裡

網站管理端管理介面設計

網站網頁程式串接費用

中英簡 3 語系

程式規劃與設計費用

70,000 (未稅)

網站客戶端程式架構規劃開發設計

網站管理端程式系統架構規劃開發設計

網站管理端程式系統資料庫串接與資料庫整體規劃建置

交付文件 3 件 專案內含費用

專業圖庫使用 *N

專案加值服務

網站資料庫文字建檔 ( 網站上線前一次性提供電子檔格式資料且須另外編列實際工作天 ) 1 次

千萬像素商業攝影外拍 (一次一日外拍服務,須預約攝影時間,另外編列實際工作天) 1 日

千萬像素商業攝影 - 商業攝影 (商品需郵寄至台中總公司,另外編列實際工作天) 50 張

以上費用總計 270,000 (未稅)

專案製作費用明細

P.8COPYRIGHT 2011 DESIGNED BY WADE DIGITAL DESIGN CO., LTD

專案製作費用明細

Page 15: 榮剛材料科技股份有限公司 - gmtc.com.t¦®剛... · 中確認多語系網站驗收項目 (如沒有多語系網頁製作項目流程直接前往 step 5 )。 step 5 : 專案交付與驗收

製作項目 規格與製作內容 總計費用 (未稅)

多語系網站建置新增與本案內容完全相同之單一語系網站,建置內容包含頁面及後端管理介面。

其他語系不包含投資人跟大台南風光等製作項目50,000

網站風格設計 or 提案草圖 一式草圖設計提案 25,000

網站網頁內頁設計製作 增加內頁配置,包含五張圖片影像處裡 (頁) 3,500

網站網頁次語系內頁設計製作 增加內頁配置,包含五張圖片影像處裡 (頁) 1,500

網站首頁局部FLASH動畫設計製作 0-20秒動畫設計,場景轉換限制為3場景(一式) 20,000

網站內頁局部FLASH動畫設計製作 0-10秒動畫設計,場景轉換限制為2場景(一式) 10,000

網站網頁主圖Banner影像處裡 影像合成(張) 2,000

網站網頁內頁局部圖像影像處裡 影像合成 (張) 1,500

網站網頁廣告Banner設計 Gif動畫呈現 or 5秒FLASH動畫呈現(一式) 3,000

追加製作單價一覽表

PAYMENT METHODS & ADDITIONAL PRODUCTION . 追加製作單價表 & 付款辦法

P.9COPYRIGHT 2011 DESIGNED BY WADE DIGITAL DESIGN CO., LTD

付款辦法

網頁設計費用 200,000 (未稅) & 程式設計費用 70,000 (未稅)

以上費用總計 270,000 (未稅) ,含稅共計:283,500 元整

PAY 1 第一期款項 :

本合約書簽訂後,由 貴公司支付總金額費用之40%款項,請以即期支票或電匯

支付本款項 113,400 元(含稅)。

PAY 2 第二期款項 :

本案所有項目製作完成,經由 貴公司確認完成後,由 貴公司支付總金額之

60%款項,請以即期支票或電匯支付本款項 170,100 元(含稅)。

付款帳戶明細

1. 支票抬頭請寫「威德數位設計有限公司」,禁止背書轉讓支票,支票請以掛號

 寄至「40360 台中市西區公益路161號14F-4」。

2. 匯款或ATM 請轉「中國信託商業銀行 - 中港分行」

 帳戶名稱:威德數位設計有限公司 

 銀行代號:822 銀行帳號:288540226920

備註

1. 網頁設計翻譯、打字報價或產品拍攝將另行報價。

2. 如網站製作完成後,超過合約約定之內容,其增加部分按照一般報價的收費標準

 追加 ( 參照本頁追加製作單價一覽表 )。

3. 資料庫建置由 貴公司自行輸入、上傳文字與圖檔,若需委託建置將酌收費用

 5,000 元(未稅)。程式設計將視追加內容另行報價。

4. 專案款項未結清前網站不可上線正式網址使用。

帳務問題請聯絡

請於周一至周五早上 09:00 至下午 18:00 之間與我們聯繫

+ 40360 台中市西區公益路161號14F-4

+ T/ 04-23058282 + F/ 04-23051808

+ e-mail / [email protected]

Page 16: 榮剛材料科技股份有限公司 - gmtc.com.t¦®剛... · 中確認多語系網站驗收項目 (如沒有多語系網頁製作項目流程直接前往 step 5 )。 step 5 : 專案交付與驗收

01.基本資料

*專案名稱 / 2011企業品牌網站設計

*客戶公司名稱 / 榮剛材料科技股份有限公司

*確認內容 / 頁面視覺風格確認

*客戶承辦人員 / 黃小姐

*威德專案經理 / 王偉任

*威德專案網頁設計師 / 徐銘志

*威德專案程式設計師 / 戴延仁

*威德聯絡電話 / 04-23058282

*威德聯絡傳真 / 04-23051808

*威德聯絡 MAIL / [email protected]

*本文件提出日期 / 2011

*本文件確認期現 / 2011

*本文件確認後之下階段進行之作業項目 /

02.注意事項

1. 如因 貴公司未在確認期限內回傳本文件或是素材提供延遲所致

之本案遲延者,威德扣除提案確認以及素材提供延遲時日後,

仍應按本按安排之工作進度完成,工作天扣除之計算將以本文

件之確認日期為依據。

2. 本附件內容之確認須於 5 日工作日內完成確認,完成確認將

以威德收到本文件之用印正本為依據,專案才得以進行下一階

段之作業項目。

3. 若本文件之視覺風格圖稿提案未通過貴公司確認,貴 公司需

以 Mail 形式正式通知提案修正項目,威德確認提案修正項目

之後將於 15 日工作日內再次提出圖稿提案,由貴公司再次進

行確認。

4. 確認單簽名用印後若須變更已確認之風格設計或項目內容,威

德得以向 貴公司報價另行請款。扣除威德評估之修改工作日所

耗損之時日後,仍應按本按安排之工作進度完成。

網頁設計頁面視覺確認單 ( 附件二 )

確認物件縮圖

主要確認項目 確認內容

整體風格確認建議詢問主管或是決策

者的意見

主按鈕項目確認

核對規劃書上所列出的

網頁製作項目大項是

否符合

內文排版確認

重要資訊是否齊全,排

列方式以及顯示項目的

正確性

主圖設計確認

圖片示意符合貴公司的

產業屬性或是產品產

品應用

網頁Layout確認 網頁整體格局是否協調

確認者簽章 ( 請用公司大小章 )

確認日期 :

COPYRIGHT 2011 DESIGNED BY WADE DIGITAL DESIGN CO., LTD CHECK

範本

Page 17: 榮剛材料科技股份有限公司 - gmtc.com.t¦®剛... · 中確認多語系網站驗收項目 (如沒有多語系網頁製作項目流程直接前往 step 5 )。 step 5 : 專案交付與驗收

Corporate Identity System

專案設計項目確認單 ( 附件三 )

確認項目 確認內容 確認單位 確認承辦人

確認備註事項 : 確認者簽章 ( 請用公司大小章 )

01.基本資料

*專案名稱 / 2011企業品牌網站設計

*客戶公司名稱 / 榮剛材料科技股份有限公司

*確認內容 / 網頁設計項目以及程式設計項目

*客戶承辦人員 / 黃小姐

*威德專案經理 / 王偉任

*威德專案網頁設計師 / 徐銘志

*威德專案程式設計師 / 戴延仁

*威德聯絡電話 / 04-23058282

*威德聯絡傳真 / 04-23051808

*威德聯絡 MAIL / [email protected]

*本文件提出日期 / 2011

*本文件確認期現 / 2011

*本文件確認後之下階段進行之作業項目 /

02.注意事項

1. 如因 貴公司未在確認期限內回傳本文件或是素材提供延遲所致

之本案遲延者,威德扣除設計項目確認以及素材提供延遲時日

後,仍應按本按安排之工作進度完成,工作天扣除之計算將以

本文件之確認日期為依據。

2. 本附件內容之確認須於 5 日工作日內完成確認,完成確認將

以威德收到本文件之用印正本為依據,專案才得以進行下一階

段之作業項目。

3. 若本文件之設計項目未通過貴公司確認,貴 公司需以 Mail 形

式正式通知設計項目之修正項目,威德經確認後將告知貴 公司

需修正項目之後所需之工作日,依照雙方約定之工作日內貴 公

司提供於測試區確認修正項目,扣除設計項目確認以及修正延遲

 時日後,仍應按本按安排之工作進度完成。

4. 確認單簽名用印後若須變更已確認之設計項目內容,威德得以向

 貴公司報價另行請款。扣除威德評估之修改工作日所耗損之時日

 後,仍應按本按安排之工作進度完成。確認日期 :

COPYRIGHT 2011 DESIGNED BY WADE DIGITAL DESIGN CO., LTD CHECK

範本