個人記帳系統

2019/06/10

開發動機

平常跟太太都有每個月統計一次總資產跟設定資產目標的習慣

一開始我們是用Google Sheet來做記錄

並用Google Sheet的圖表來做分析

來判斷長期下來是否有達到目標

久了之後覺得雖然Google Sheet用起來方便

但是有更細節的地方我看不出來

後來想說既然自己是寫Web的

就自己搞一個記帳系統

而且自建系統可以想分析什麼就分析什麼

 

第一階段初步功能

 

記錄

這算是記帳系統的最基本功能

就是每天把錢的進出記錄記下來

但是為了後續能做更細的分析

所以我把記錄做一些型態的分類

包含開銷收入稅務投資借貸(借出、借入或貸款)

而這幾項又有幾項我再做更細的分類

收入再細分主要收入額外收入

 

開銷細分的更多

除了大家熟知的食、衣、住、行、育、樂之外

我還多增加了交際醫療通訊(電話費相關)、保險奢侈(單純是花爽的開銷)、雜費

這樣後續再做分析

才能更清楚看出錢都是從哪裡出去的

 

常用開銷

上述的記錄中

開銷的部份幾乎是天天都要記

而開銷其實常常會有些是固定重複的

像是每個月的電話費、剪髮、勞健保等等

這些東西一般是不太會變動金額

因此我希望系統有個常用開銷管理功能

把這些重複的開銷另外管理

需要用的時候能夠直接引用而不是每次都手動輸入

 

每月目標

會有記錄

就會有目標

我希望系統可以設定每個月的目標

包含總資產目標現金存款目標開銷目標(超過這個目標代表花太多了)

後續配合記錄才能看出自己對目標是否有實踐

 

債務關係人

上述的記錄需求有提到一項借貸的記錄

借貸對於自己的總資產雖然只是錢的進出

但是我不只希望記錄借貸記錄的錢進出

希望這些借貸記錄是隸屬於某些人

例如:有房貸的情況銀行是我的債權人、借朋友錢的情況朋友是的我的債務人

當這些借貸記錄在有隸屬的情況下

後續才能對這些債務關係人做出一些分析

例如:我的房貸到底這些年的還款記錄、朋友跟我借錢後還錢的進度是否正常

 

分析/報表

我對於第一階段的分析、報表的需求算是比較簡單

就是把每個月的記錄跟目標都列出來

系統將提示是否有達到目標

並利用一些圖表檢視突顯自己在目標的實踐度

 

第一階段的實做

以下圖片內資料皆為測試資料

 

帳務行事曆(記錄)

Screenshot_20190615_103706.png

 

因為記錄都是以日期為單位

因此最方便的用法就是做成類似行事曆的方式可以直接點日期編輯記錄

Screenshot_20190615_103737.png

 

常用開銷

Screenshot_20190615_103753.png

在編輯記錄時

可以點選開銷類型記錄右上方的藍色分支圖示將該筆記錄設定成常用開銷

 

Screenshot_20190615_103818.png

在新增記錄時

就能使用常用開銷快速新增開銷

 

月分析(分析/報表、目標)

第一階段報表顯示總資產、開銷、現金的統計及目標

總資產、開銷只要達到該月目標就會呈現為綠色

開銷如果超出目標則會呈現為紅色

Screenshot_20190615_103852.png

 

Screenshot_20190615_103906.png

圖表部份因為資料較多

所以可以直接從圖上方切換圖表類型

 

Screenshot_20190615_104005.png

月份目標可以每個月獨立做設定

也可能批次設定一整年的目標

 

手機版

現代人其實大部份用手機的時間大於電腦非常多

我太太的情況就是除了放假看電影之外完全不用電腦

所以這個系統我有特別調校過手機板的UI/UX

讓她每天記帳時能夠方便使用

 

Screenshot_20190616-112144_Chrome.jpg

Screenshot_20190616-111354_Chrome.jpg

Screenshot_20190616-111446_Chrome.jpg

手機版的帳務行事曆可以看出跟PC版差很多

主要是因為行事曆寬度一定要塞7天(一週七天)

所以格子會很小

沒辦法像PC版一樣能把每天的所有記錄呈現出來

所以手機版這邊我改成如果有記錄的話,該日期的格子會呈現藍色外框

真的要看記錄細節再點選該日期看即可

而每日的總開銷只有在大於0時才顯示

這樣在小螢幕看起來比較舒服一點

 

第二階段目標

第二階段應該會在這系統使用幾個月後

整理出一些問題或不方便的地方

再開出需求實做

 

此外有擬定一些預定功能像是

債務人分析年度分析搜尋記錄等功能

希望這個系統能夠越來越完整

完全發揮出它的功能