iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 2
2

偽企劃書

開工之前通常都會有企劃書,每一個頁面都會先畫圖,功能的描述,確定好了需求沒錯,才開始要切版,前後端討端好API的格式,大家各自開工,最後再做串接。
當然我不會寫到很細,因為很累

頁面

願諒我的小畫家功力
上網找到滿多免費版的蕃茄鐘,很多都做得不錯。下面這是我亂逛找到的,UIUX也做得很好(好像超越不了,但它的todo list沒有層級的概念,我希望最少有兩層,會把它改成點新增任務的時候,跳出一個下拉式選單
顏色我會想改成一個暗色系的風格(?
https://ithelp.ithome.com.tw/upload/images/20200909/20129767ZCZoxg4s5r.png

功能規劃

  • 蕃茄時鐘
    • 25分鐘、15分鐘、自定義的時鐘
    • 開始、停止、重設的按鈕
  • 登入功能
    • 串接Google OAuth,取得會員資訊
  • 任務功能 (登入了才會有)
    • 點選新增任務會跳出選單,可點選執行任務
      • 可新增刪除修改群組,在群組底下可新增刪除修改子任務
        • EX: 英文(群組)
          • 讀 (子任務)
          • 寫 (子任務)
    • 當完成一整個蕃茄鐘就會統計時間
    • 蕃茄鐘在執行中間換任務,時間會重置
  • 今天的執行記錄 (登入了才會有)
  • 報表統計 (登入了才會有)
    • 目前劃規先固定是統計7天的資料
      • 總執行任務時間
      • 圓餅圖
        • 第一層各群組的統計時間
        • 第二層子任務的統計時間
      • 折線圖
        • 執行總時間趨勢

目前初版大概規劃是這樣,對我來說UIUX跟美感會比較苦手(淚
前後端的功能都做一做加上線,30天做多少算多少XD
有一些功能是滿想做的,例如截止日期,子任務目標執行時間
如果時間容許可能會補上(應該不會

今天就到這了~謝謝大家!


上一篇
Day1 30天到底要幹嘛?做什麼系統?
下一篇
Day3 開發流程、專案架構
系列文
Golang & Vue.js 30天從0打造服務30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言