Giao diện chương trình

Một phần của tài liệu Báo cáo quản lý chi tiêu cá nhân (Trang 50 - 61)

CHƯƠNG IV KẾT QUẢ CHƯƠNG TRÌNH MINH HỌA

2. Giao diện chương trình

2.1 Giao diện khởi động của chương trình: ( chức năng đăng nhập và đăng kí tài khoản)

Hình 4.1 : Giao diện khởi động chương trình.

Mô tả:

 Bên phải bao gồm 2 form nhập dữ liệu là 2 chức năng chính của hệ thống.

 Bên trái là giới thiệu về chương trình trình.

 Phía trên chương trình là các hoạt động mà người dùng có thể tham gia sau khi đăng nhập hệ thống.

Hình 4.2 : giao diện chính chương trình.

2.2 Chức năng đăng nhập :

Đây là phần mẫu giao diện đăng nhập của chương trình sau khi khởi động hệ thống. Mô tả :

 Trường textfield để người dùng đăng nhập username.

 Trường texfield để người dùng nhập password.

 Button ” Đăng nhập “ để vào hệ thống.

 Nếu người dùng nhập dữ liệu đúng thì sẽ vào giao diện trang chính hệ thống.

 Nếu người dùng nhập dữ liêu không đúng thì hệ thống sẽ hiện ra thống báo lỗi đăng nhập, ấn OK để quay lại màn hình đăng nhập.

2.3 Chức năng đăng kí người dùng mới.

Hình 4.3 : Chức năng đăng kí thành viên

Chức năng này cho phép thành viên đăng kí để tạo tài khoản đăng nhập hệ thống.

Mô tả :

 Thành viên nhập thông tin vào các trường textfield bao gồm : tên đăng nhập , mật khẩu, họ tên , số điện thoại, địa chỉ, đơn vị công tác.

 Điền đầy đủ thông tin sau đó ấn button “Đăng kí”.

 Nếu đăng kí thành công thì hệ thống sẽ thông báo.

 Nếu điền sai thông tin, thông tin không phù hợp với dữ liệu các trường textfield thì hệ thống sẽ thông báo lỗi.

2.4 Chức năng thêm giao dịch:

Hình 4.4 : giao diện giao dịch Mô tả :

 Người dùng điền nội dung giao dịch chi tiêu, số tiền trong 2 trường textfield

 Lựa chọn ngày giao dịch bằng cách chọn ngày trong calendar

 Chọn hình thức thu, chi hay chi chung.

 Nhấn button “thêm mới” hoàn thành lưa giao dịch.

 Nếu điển thông tin đúng, giao dịch hoàn thành thì hệ thống thông báo.

 Nếu dịch bị lỗi do nhập dữ liệu giao dịch không phù hợp, hệ thống sẽ thông báo lỗi giao dịch.

2.5 Chức năng duyệt giao dịch:

Hình 4.5 : Duyệt giao dịch Mô tả:

 Chức năng dành cho Manager.

 Duyệt giao dịch mới và duyệt hạng mục chi chung.

 Manager nhấp vào “ tham gia chi chung” hiện thị các hạng mục chi chung.

 Nhấp vào một hạng mục bất kì đang diễn ra.

 Nếu số tiền thu về bằng số tiền thì Manager duyệt để hạng mục hoàn thành.

 Nếu số tiền thu về không bằng số tiền thì Manager không duyệt.

2.6 Chức năng tham gia giao dịch chung:

Hình 4.6 : tham gia chi chung Mô tả :

 Chức năng này chỉ dành cho chi tiêu chung.

 Member lựa “chọn thông tin chi chung” để biết các mục chi chung đang diễn ra.

 Nhấp chọn 1 mục chi chung đang diễn ra.

 Điền số tiền muốn đóng góp vào form như hình trên.

 Nhấp button “OK” để hoàn tất giao dịch.

 Nếu giao dịch thành công thì hệ thống sẽ hiện thì thành công.

 Nếu nhập số tiền không đúng định dạng gây lỗi, thì hệ thống sẽ thông báo lỗi giao dịch.

2.7 Chức năng tìm kiếm:

Hình 4.7: giao diện tìm kiếm Mô tả :

 Người dùng sẽ lựa chọn 1 trong 3 hình thức tìm kiếm.

 Tìm kiếm theo từ khóa.

 Tìm kiếm theo ngày tháng.

 Tìm kiếm theo số tiền.

 Người dùng điền thông tin vào 1 trong các mục tìm kiếm :

 Điền từ khóa vào textfield mục tìm theo từ khóa.

 Chọn ngày tháng khoảng thời gian theo calendar trong mục tìm theo ngày tháng.

 Điền số tiền vào textfield mục tìm theo số tiền.

 Người dùng chọn tìm kiếm đối với khoản mục : thành viên, nguồn thu, nguồn chi, hạng mục, tổng thu, tổng chi.

 Nhấp button “tìm kiếm ” đề hoàn tất thao tác.

 Nếu dữ liệu điền sai, hệ thống không hiển thị dữ liệu.

 Nếu dữ liệu điền đúng, thao tác thành công thì dữ liệu tìm kiếm sẽ được hiện ra trong giao diện tìm kiếm.

Hình 4.8 kết quả tìm kiếm.

2.8 Chức năng thống kê :

Hình 4.9 : chức năng thống kê

Mô tả: ( chức năng ở trong giao diện thống kê)

 Người dùng lựa chọn một trong các mục thống kê:

 Thống kê chi chung.

 Chi tiêu trong tháng.

 Thu nhập trong tháng.

 Thống kê thu chi.

 Hệ thống hiển thị thông tin thống kê theo từng mục lên giao diện thống kê.

2.9 Chức năng cập nhật thông tin, cấp lại mật khẩu:

Hình 4.10: giao diện cấp lại mất khẩu Mô tả :

 Chức năng này do Admin thực hiện.

 Admin chọn một trường muốn cập nhật thông tin và cấp lại mất khẩu trong bảng quyền hạn.

 Hệ thống đưa dữ liệu vào các trường mục cập nhật thông tin.

 Admin thay đổi thông tin, đổi mật khẩu trên textfield.

 Nhấp button “cập nhập” đề hoàn tất thao tác.

 Nếu nhập sai dữ liệu trường textfield, cập nhật bị lỗi hệ thống thông báo không thực hiện được cập nhật.

 Nếu nhập dữ liệu đúng, cập nhật thành công, dữ liệu cập nhật sẽ cập nhật vào cơ sở dữ liệu và bảng quyển hạn.

Hình 4.11: Cập nhật thành công 2.10 Chức năng phân quyền thành viên.

Hình 4.12: phần quyền thành viên

Mô tả :

 Chức năng phân quyền dành cho Admin.

 Admin chọn một trường là tại khoản muốn phân lại quyền.

 Hệ thống đưa thông tin thông tin họ tên và mã thành viên vào textfield mục phần quyền.

 Thay đổi phân quyền giữa Member và Manager.

 Nhấn button “phân quyền ” để hoàn tất.

 Phân quyền thành công, quyền của tài khoản đó được lưu vào cơ sở dữ liệu và hiển thị trên bảng phân quyền.

Hình 4.13: Phân quyền thành công.

Một phần của tài liệu Báo cáo quản lý chi tiêu cá nhân (Trang 50 - 61)

Tải bản đầy đủ (PDF)

(63 trang)