iT邦幫忙

2022 iThome 鐵人賽

DAY 4
0

開發前準備(二):規劃開發期程

每日一談

嗨大家好 ! 我是阿蘇
今天是 DAY4,
今天談的主題是 Side Project 規劃開發期程,
不要小看開發前的規劃,合理的時間安排及規劃讓你的專題更完整
也更能評估自己能力及時間管理能力。

讓我們進入正題吧 !


Side project 開發流程

開發流程
規劃階段 >> 設計階段 >> 開發環境架設 >> 開發階段

  1. 第一階段 - 規劃階段 (發想主題、線稿圖繪製、UX使用者體驗、需求訂定)
  2. 第二階段 - 設計階段 (Mockup精稿繪製、UI設計、Prototype)
  3. 第三階段 - 開發環境架設 (EJS版型規劃、格線系統規劃、Scss架構)
  4. 第四階段 - 開發階段 (安排開發順序)

相信很多人跟我一樣是初次開發,所以我們可以先大致了解開發流程,然後先一一擬定規劃時間,一開始在時間規劃上一定會拿捏不準,超過預定規劃時間,沒關係!!我們訂定時間目的是聚焦在核心任務,在依實際規劃慢慢去調整,但是心中會有個時間表,那你在安排時間管理上會慢慢更有概念更完整,未來在每次開發時也會規畫得越來越完整。

規劃開發期程讓我們可以更聚焦在每個階段的任務,也能讓我們更善用時間不會分心


下面分享我的開發時程規劃

分享給大家參考經驗,但是好孩子不要學,時間規劃拉長很重要啊!!
因為當初想做的內容太多想要完整,當時沒考慮好時間,在設計上花費時間比想像中的多,所以到了第二階段(設計階段)就發生慘案了,發現時間不夠用...
/images/emoticon/emoticon04.gif

Su 專題經驗談 (開發期程)

Side project Demo - 汪喵你我知

第一階段 - 規劃階段 (15天)

2022/07/15 ~ 2022/07/31
2022/07/15 擬定主題
2022/07/18 User story 使用者故事、Sitemap 網站地圖
2022/07/31 Wireframe 線稿圖

第二階段 - 設計階段 (未知)

2022/08/15 ~ 2022/08/31 (邊設計邊開發)
如上面所說我當初就是在時間管理上發生慘案,這時候我需要重新規劃,在有限時間內先開發出核心功能,變成要有所取捨(後面階段靠熬夜補足時間不足的部分),所以我後來是分兩半部分開發,先設計一半然後開發,在設計另一半在開發,變成非常趕也沒辦法好好設計,所以有點遺憾,未來如果有機會再做個人專案,會在這塊時間拿捏規劃好一點。

所以如果規畫不如預期,考慮到狀況適當的調整也是很重要的喔! 這邊就是給大家參考個人經驗

第三階段 - 開發環境架設 (5天)

2022/08/20 ~ 2022/08/25
這階段我在設定一些layout(共通區塊)、Ejs版型規劃,還有規劃一些版型先簡單切出來,字體、字型、間距、Scss架構、檔案規劃處理這些基礎配置,這邊雖然不會花很多時間,事先規劃好開發時會更順利喔!
/images/emoticon/emoticon12.gif

第四階段 - 正式開發 (15天)

這邊就是正式開發階段,這時候因為我前面規劃時間有delay,所以就開始了爆肝趕專題,最後開發完核心功能,又回頭把不足補上,最後雖然有順利完成開發,但是時間分配上有點太趕,所以分享經驗給大家,在開發時事先規劃好時程是很重要的一環。

以上就是我在開發時程規劃,雖然有點不如預期,但是因為有事先規劃時程,
當delay時也可以提早知道,後面有補足時間順利開發完成。

大家是不是對開發時程規劃安排有點概念了呢 ,所以開始動手規劃時程表吧 !


上一篇
Day 3 - 開發前準備(一) : 發想主題
下一篇
Day 5 - 開發前準備(三) : 蒐集資料、擬定風格
系列文
從零開始學 - Side Project專題開發及切版實作技巧30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言