iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 3
1
Modern Web

從零開始的個人化記帳程式開發系列 第 3

記帳程式 (03):盤點功能

  • 分享至 

  • xImage
  •  

昨天的狀態,晚上十二點前從容不迫的吃著晚餐然後努力耍廢,十二點後開始帶著罪惡感趕稿的人森。今天可是痛定思痛將兩個表情反過來了。

前一篇觀察過幾款知名的記帳軟體後,今天要正式的來規劃開發方向與盤點要開發的功能了!

盤點功能

天天記帳相關功能

  • 記帳本

    • 月行事曆模式
    • 每月預算編制
    • 支出、收入、轉帳記帳表單
  • 帳戶管理

    • 帳戶清單
    • 淨資產資訊
      • 總資產
      • 負債
      • 本月結餘
      • 收入總額
      • 支出總額
    • 帳戶
      • 新增、編輯、刪除
      • 帳戶分類
      • 帳戶每月收支、轉帳、餘額紀錄
  • 圖表分析(可切月、年、自訂期間)

    • 收支圓餅圖與明細
    • 收支趨勢圖
    • 淨資產趨勢圖
  • 設定(選擇性功能)

    • 個人資料
    • 收支分類管理
    • 指紋登入
    • 記帳提醒
    • 資料備份與同步

Google Sheet 上相關功能

年收支記帳表

如上圖是我自己在 Google Sheet 上的年記帳表,紀錄每月各類別支出明細,分類主要項目是依照「食衣住行育樂」開展。

今年初又切成更細的分類,但後來發現有些項目要不是沒紀錄,不然就是跟其他項有一些重疊的部分。像是在國內旅遊時搭的交通、吃的食物還是會算在食與行的部分,頂多只有住宿的飯店或旅館才會記在這一項。

因此在分類的部分或許會參考市場先生的超簡單記帳法或柴鼠兄弟的滿月記帳法這兩份 Excel 做比較精簡、更偏向大方向的修改。

大筆消費

大筆消費這個功能其實就像前一篇在「記帳城市」介紹中「找出不必要的支出」的功能差不多,就是將當月前幾名較大筆的支出記錄下來,目前是我自己每個月手動挑選,可能效率沒那麼好,也可以將這塊程式化。

經過一段時間沈澱後,在每年結算時,會對這些大筆消費評價這是「必要」、「非必要」的,藉此找出這一年做了哪些衝動、不必要的消費,檢討後避免未來在消費時發生類似的浪費。

待購清單

其實這部分我目前是記在 Evernote 上,當初是參考電腦玩物的「我的 Evernote 欲望清單,用筆記節制衝動購物念頭」這篇文章實踐,將待購的東西分成「想要」、「需要」、「昇華」、「滿足」四個階段,也能有效降低不必要的花費。

因為上一點講到大筆消費,突然覺得這個功能也可以整合進來,隨時想到想買什麼時,也可以放進記帳軟體中,不然我放在 Evernote 常常久而久之就忘記有想過要買某個東西了。

多帳戶的理財規劃

其實用 Google Sheet 最主要是因為這一塊,因為我自己利用多個帳戶來安排每個月的「儲蓄」、「支出」、「投資」、「給家裡」等這類的區分。

所以每到發薪日時,我都要花大約一兩個小時手動規劃各個帳戶要分配多少錢,哪些有卡費要繳、哪些是每個月基本消費、哪些要存起來等等。

這樣做的好處是,比較不會有把錢全部放在同一個帳戶,花起來沒感覺的現象。像是當「每月基本消費」帳戶已經無法從 ATM 提出錢來,雖然仍然是要從其他的活存帳戶轉錢過來,但就會意識到「這個月花比較多哦」這件事。

相對的,若是下個月要分配帳戶時,發現「每月基本消費」帳戶扣掉信用卡費用後,還有剩餘一兩千塊,會覺得上個月又多存下來了一點,也是蠻有成就感的。

扯遠了,簡而言之這個功能就是要解決每個月要手動規劃帳戶分配的難題,其實也比較是我想寫個程式來提升效率的主因。

其他可以嘗試的功能

  • 發票 QR code 掃描
  • 帳號登入登出(第三方登入)
  • 手機版(研究 PWA 怎麼做)
  • 可離線讀寫
  • 串接 Google Sheet

開發方向

主要的開發方向會參考我原有的「天天記帳」與「Google Sheet 記帳」方式,將兩邊整合在一起,保留核心功能,拿掉沒在用的功能。

依據上面細項,整理核心功能如下:

  • 每月記帳本
  • 年收支記帳表
  • 多帳戶理財規劃
  • 大筆消費
  • 待購清單
  • 各種圖表分析

最後再參考其他款記帳軟體不錯的功能慢慢加上去,以及加一些一直蠻想研究的內容,像是第三方登入、PWA、離線讀寫、串接 Google Sheet 等。

以上就是這次大致上的大綱,之後進開發後會由核心功能開始做起,再加上各種想嘗試的新功能!

總結

今天盤點完這個專案的核心功能也規劃出開發方向,明天開始就要進入開發了,會從技術架構及專案環境建置開始。

參考資料

本文同步發表在我的個人部落格


上一篇
記帳程式 (02):從模仿開始,向現有記帳軟體學習
下一篇
記帳程式 (04):用 Vue CLI 3 建置專案
系列文
從零開始的個人化記帳程式開發30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言