Your SlideShare is downloading. ×

網站規劃

1,888
views

Published on


0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,888
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. 網站開發流程 葉建榮整理資料來源:上奇出版的PHP與MySQL網站規 1 劃管理應用一書的第一章
  • 2. 網站開發流程• 網站開發亦像軟體開發,建置過程可以分 為多個步驟。• 依循這樣的開發流程,可以幫助團隊有效 控制時間與資源。 資料來源:上奇出版的PHP與MySQL網站規 2 劃管理應用一書的第一章
  • 3. 網站開發流程• 但因網站開發時因以下需求會有不同進度• 1.各種不同型式素材— 圖檔:jpg或png圖檔 網頁互動與樣式:網頁css樣式表檔案、網 頁java script檔案 資料庫:MySQL資料庫規劃與資料收集 資料來源:上奇出版的PHP與MySQL網站規 3 劃管理應用一書的第一章
  • 4. 網站開發流程• 2.主機規劃(apache、php、mysql、security)• 3.客戶不同的需求與討論 資料來源:上奇出版的PHP與MySQL網站規 4 劃管理應用一書的第一章
  • 5. 網站開發流程• 網站開發過程中可分為設計階段、實作階 段、維護階段三個階段。 資料來源:上奇出版的PHP與MySQL網站規 5 劃管理應用一書的第一章
  • 6. 設計階段• 這一階段可分評估分析與資料規劃,這兩 階段是互為影響,評估分析之後進行資料 規劃,而資料規劃時若發現原評估分析項 目不可行,則再退回評估分析。 資料來源:上奇出版的PHP與MySQL網站規 6 劃管理應用一書的第一章
  • 7. 評估分析• 當客戶提出建置網站的需求,或公司組織 內部評估需建置一個網站提供服務,此時 請您進行網站架設評估分析。• 請先確認網站的使用對象是誰,使用對象 想要使用使用什麼功能。 資料來源:上奇出版的PHP與MySQL網站規 7 劃管理應用一書的第一章
  • 8. 評估分析• 建議先瞭解使用對象的需求,團隊再進行 可行性評估。• 可行性評估包含技術的評估與系統的評估, 若評估有不可行之處,團隊需衡量是否可 在有限時間內解決問題或與使用者討論變 更需求。 資料來源:上奇出版的PHP與MySQL網站規 8 劃管理應用一書的第一章
  • 9. 評估分析• 網站分析之技術評估項目 技術評估項目 可行 不可行(列出替代方案) 使用者提出的需求是否有包含資料庫儲存,團隊是否可 設計與管理資料庫網頁? 使用者提出的需求是否有包含Flash動畫,團隊是否可設 計Flash動畫? 使用者提出的需求是否有包含視訊動畫播放,團隊是否 可設計與管理視訊動畫? 使用者提出的需求是否有圖檔設計,團隊是否可設計與 管理圖檔? 使用者提出的網頁樣式,團隊是否可設計出合乎使用者 提出的網頁樣式? 使用者提出的互動式網頁動作,團隊是否可設計出合乎 使用者提出的互動式網頁動作? 資料來源:上奇出版的PHP與MySQL網站規 9 劃管理應用一書的第一章
  • 10. 評估分析• 網站分析之系統評估項目 系統評估項目 可行 不可行(列出替代方案) 是否需要準備一台機器架設網站與資料庫? 是否需要協助客戶申請網站與資料庫服務? 是否需要進行資安設定? 是否需要進行網頁與資料庫備援? 資料來源:上奇出版的PHP與MySQL網站規 10 劃管理應用一書的第一章
  • 11. 評估分析• 不同角度,看事情的觀點也會不一樣。 圖片來源:http://www.littleoslo.com/omg/home/ 資料來源:上奇出版的PHP與MySQL網站規 11 劃管理應用一書的第一章
  • 12. 評估分析• 評估時必須要有所取捨,很難樣樣都好。 圖片來源:http://www.facebook.com/zuoxinwahaha 資料來源:上奇出版的PHP與MySQL網站規 12 劃管理應用一書的第一章
  • 13. 資料規劃• 評估分析之後進行資料規劃,而資料規劃 時若發現原評估分析項目不可行,則再退 回評估分析。• 評估與分析之後,開發團隊可開始規劃各 項資料規劃設計的負責人、預估完成時間 與成本。若人員、時間與成本不如預期, 則重新進行評估分析。 資料來源:上奇出版的PHP與MySQL網站規 13 劃管理應用一書的第一章
  • 14. 資料規劃• 資料規劃之使用者介面規劃項目 使用者介面項目 負責人 預估完成時間 成本 flash動畫設計 視訊動畫設計 網頁背景與各式圖檔設計 靜態網頁呈現(含CSS) 資料來源:上奇出版的PHP與MySQL網站規 14 劃管理應用一書的第一章
  • 15. 資料規劃• 資料規劃之資料庫網頁規劃項目 資料庫網頁規劃 負責人 預估完成時間 成本 資料庫討論與規劃 PHP網頁設計 增強瀏覽器上網頁互動性 資料來源:上奇出版的PHP與MySQL網站規 15 劃管理應用一書的第一章
  • 16. 資料規劃• 資料規劃之主機規劃項目 主機規劃 負責人 預估完成時間 成本 主機架設或申請服務 資安規劃 備援機制建立 資料來源:上奇出版的PHP與MySQL網站規 16 劃管理應用一書的第一章
  • 17. 實作階段• 這一階段可分為內容蒐集、資料庫設計、 使用者介面設計、網頁撰寫、功能測試。 每一步驟建議需與使用者充分討論與確認, 以確保作業順利進行。 資料來源:上奇出版的PHP與MySQL網站規 17 劃管理應用一書的第一章
  • 18. 內容蒐集• 確認網站內容,而網站內容並不只是圖文 呈現,每一個專業領域對於資料內容與呈 現方式要求不一,所以設計時應與使用者 充分溝通討論。 圖片來源:https://www.facebook.com/Elitehero 資料來源:上奇出版的PHP與MySQL網站規 18 劃管理應用一書的第一章
  • 19. 資料庫設計• 資料庫設計之前,請與使用者討論以下的 問題: 「要儲存哪些資料?」「網頁上會檢索哪些資料?」「網頁上要呈現哪些資料?」 資料來源:上奇出版的PHP與MySQL網站規 19 劃管理應用一書的第一章
  • 20. 使用者介面設計• 「使用者介面」指的是呈現於瀏覽器(IE、 Firefox、Google Chrome或Apple Safari)的畫 面。• 使用者介面設計與資料庫設計時需與使用 者溝通討論,不可閉門造車,每一個項目 完成後需與使用者確認才進行到下一個步 驟。 資料來源:上奇出版的PHP與MySQL網站規 20 劃管理應用一書的第一章
  • 21. 使用者介面設計• 使用者介面設計前可先依使用者需求列出 幾個在網路上可瀏覽的網站或以Phtoshop或 Gimp等軟體繪製畫面,讓使用者由看到的 畫面來進行討論。 資料來源:上奇出版的PHP與MySQL網站規 21 劃管理應用一書的第一章
  • 22. 使用者介面設計• 每個人看到同樣東西的看法不見得相同。 圖片來源:http://www.facebook.com/zuoxinwahaha 資料來源:上奇出版的PHP與MySQL網站規 22 劃管理應用一書的第一章
  • 23. 使用者介面設計• 溝通之後才知道原來想法是有落差。 圖片來源:http://www.facebook.com/zuoxinwahaha 資料來源:上奇出版的PHP與MySQL網站規 23 劃管理應用一書的第一章
  • 24. 網頁程式碼撰寫• 使用者端介面與欲呈現的圖文內容完成後, 現在則要進行伺服器端PHP程式碼撰寫。• 與視窗程式設計撰寫不同,PHP程式是在遠 端網站伺服器執行,不應破壞網頁外觀。 資料來源:上奇出版的PHP與MySQL網站規 24 劃管理應用一書的第一章
  • 25. 功能測試• 測試所有網頁是否順利執行,並確認執行 流程如同預期規劃的方式進行。• 功能測試時建議可找非PHP網頁設計撰寫人 員進行檢測,因PHP網頁設計撰寫人員已非 常熟悉網站的流程,知道網頁表單如何點 選與輸入,不容易測試出問題。 資料來源:上奇出版的PHP與MySQL網站規 25 劃管理應用一書的第一章
  • 26. 維護階段• 此階段可分為網站內容可信度檢查、流量 統計分析、流程檢測、資安檢查等項目。• 本階段各項目可依序進行檢查,亦可同步 進行檢查。 資料來源:上奇出版的PHP與MySQL網站規 26 劃管理應用一書的第一章
  • 27. 網站內容可信度檢查• 使用者使用網站服務時,希望探訪的網站 之圖片與文字內容是正確的,網頁的連結 是可用的。• 請確認網站上的內容是最新資訊,不要提 供給使用者過時的資訊。 資料來源:上奇出版的PHP與MySQL網站規 27 劃管理應用一書的第一章
  • 28. 網站內容可信度檢查• 網路上的資訊太多而至於氾濫,如果網站 不能提供最新資訊,您的網站很容易被人 遺忘。• 請時常更新網站的內容,並確認網站的連 結,就可避免使用者發現異常後不必要的 處理工作,也可以讓網站的內容可信度增 加。 資料來源:上奇出版的PHP與MySQL網站規 28 劃管理應用一書的第一章
  • 29. 網站內容可信度檢查• 您可於Firefox安裝「LinkChecker」套件,當 您按下右鍵後選擇「Evaluate Links」,該套 件就會幫您檢查網頁上的連結是否正常。 資料來源:上奇出版的PHP與MySQL網站規 29 劃管理應用一書的第一章
  • 30. 流量統計分析• 藉由流量統計分析,瞭解使用者對這網站 使用的方式,瞭解誰在使用(Who)、何時使 用 (When)、何處使用(Where)、瀏覽哪一個 頁面(What)、為何使用(Why),以及如何使 用(How),以作為網站維護的參考。 資料來源:上奇出版的PHP與MySQL網站規 30 劃管理應用一書的第一章
  • 31. 流量統計分析• Google Analytics可協助網站進行訪客、參觀 頁面、參觀時間等各目標進行分析。• 建議各位可於Google Analytics註冊後,將產 生一段java script語法,請將這語法插入欲 觀察的網頁內就可以觀察該網頁的流量分 析。 資料來源:上奇出版的PHP與MySQL網站規 31 劃管理應用一書的第一章
  • 32. 流量統計分析• Google Analytics無法協助網站分析使用者為 何來參觀網站,所以這資料分析必須透過 自製的問卷調查系統來取得相關資訊。 資料來源:上奇出版的PHP與MySQL網站規 32 劃管理應用一書的第一章
  • 33. 流程檢測• 請測試表單互動與後台PHP網頁如何互動, 確認每一個頁面均會被執行,並確認執行 流程如同預期規劃的方式進行。• 功能測試時建議可找非PHP網頁設計撰寫人 員進行檢測,因PHP網頁設計撰寫人員已非 常熟悉網站的流程,知道網頁表單如何點 選與輸入,不容易測試出問題。 資料來源:上奇出版的PHP與MySQL網站規 33 劃管理應用一書的第一章
  • 34. 資安檢查• 資安測試則是指避免使用者有意或無意透 過網頁操作而得到非法的結果,避免產生 SQL Injection與XSS攻擊。• 提醒您沒有檢查出風險並不代表網站就真 的沒有風險,您還是得加強網頁與主機的 資安防範,留意系統訊息,定時作系統更 新與資料備份,才能避免風險。 資料來源:上奇出版的PHP與MySQL網站規 34 劃管理應用一書的第一章
  • 35. 資安檢查• Acunetix Web Vulnerability Scanner: http://www.acunetix.com/• Nessus :http://www.nessus.org/nessus/• Paros:http://www.parosproxy.org/index.shtml 資料來源:上奇出版的PHP與MySQL網站規 35 劃管理應用一書的第一章
  • 36. 網站開發流程資料來源:上奇出版的PHP與MySQL網站規 36 劃管理應用一書的第一章