5. Kết cấu khóa luận
3.3.Thiết kế giao diện
Khi mở ứng dụng, hệ thống sẽ yêu cầu người dùng đăng nhập để sử dụng hệ thống.
Hình 3.7: Giao diện đăng nhập hệ thống quản lý khách hàng
Nếu đăng nhập sai:
Hệ thống thông báo “Thông tin đăng nhập chưa chính xác” và hiển thị giao diện như sau:
Hình 3.8:Giao diện đăng nhập hệ thống quản lý khách hàng không đúng
Nếu đăng nhập đúng:
Đăng nhập thành công thì hệ thống có các nút lệnh để người dùng truy cập vào với tùy từng mục đích sử dụng khác nhau như quản lý hồ sơ khách hàng, quản lý phần mềm, quản lý hợp đồng, báo cáo thống kê, tìm kiếm.
Trường hợp người đăng nhập là nhân viên quản lý khách hàng thì giao diện hiển thị sẽ là:
Nếu nhân viên giữ chức vụ quản lý:
Hình 3.9: Giao diện phân cấp chức năng của nhân viên quản lý khách hàng giữ chức
vụ quản lý
Nếu nhân viên không giữ chức vụ quản lý (nhân viên):
Hình 3.10: Giao diện phân cấp chức năng của nhân viên quản lý khách hàng không giữ chức vụ quản lý
Trường hợp người đăng nhập là nhân viên quản lý phần mềm thì giao diện hiển thị sẽ là:
Nếu nhân viên giữ chức vụ quản lý:
Hình 3.11: Giao diện phân cấp chức năng của nhân viên quản lý phần mềm giữ chức vụ quản lý
Nếu nhân viên không giữ chức vụ quản lý (nhân viên):
Hình 3.12: Giao diện phân cấp chức năng của nhân viên quản lý phần mềm không giữ
chức vụ quản lý
Trường hợp người đăng nhập là nhân viên và ban lãnh đạo thì giao diện hiển thị sẽ là:
Hình 3.13: Giao diện phân cấp chức năng của ban lãnh đạo
Sau khi chọn chức năng tìm kiếm và nhấn vào nút “Chọn” thì sẽ hiển thị giao diện như sau:
Nếu chọn chức năng tìm kiếm là hồ sơ khách hàng thì giao diện sẽ là:
Hình 3.15: Giao diện kết quả tìm kiếm thông tin hồ sơ khách hàng
Giả sử nhân viên quản lý khách hàng chọn chức năng quản lý hồ sơ KH thì giao diện lúc này sẽ là:
Hình 3.16: Giao diện quản lý hồ sơ KH
Nếu nhân viên quản lý khách hàng nhấn nút “Thêm”thì giao diện hiển thị như sau:
Hình 3.17: Giao diện thêm thông tin hồ sơ khách hàng
Sau khi thêm, dữ liệu được lưu trữ như sau:
Nếu nhân viên quản lý khách hàng nhấn nút “Sửa” thì giao diện sẽ như sau:
Hình 3.19: Giao diện sửa thông tin hồ sơ khách hàng (adsbygoogle = window.adsbygoogle || []).push({});
Nếu nhân viên quản lý khách hàng nhấn nút “Lưu” thì giao diện sẽ hiển thị như sau:
Hình 3.20: Giao diện lưu thông tin hồ sơ KH
Nếu nhân viên quản lý khách hàng nhấn nút “Xóa” thì giao diện hiển thị như sau:
Hình 3.21: Giao diện xóa thông tin hồ sơ KH
Giả sử nhân viên quản lý muốn báo cáo, thống kê thì giao diện sẽ hiển thị như sau:
Hình 3.22: Giao diện báo cáo, thống kê
Sau khi sử dụng chức năng lập báo cáo thì sẽ xuất hiện các mẫu báo cáo tướng ứng với loại báo cáo như sau:
Hình 3.24: Hình mẫu báo cáo khi chọn báo cáo danh sách hợp đồng
Hình 3.25: Hình mẫu báo cáo khi chọn báo cáo danh sách phần mềm Các giao diện chức năng còn lại của hệ thống thông tin xem tiếp phần Phụ lục 5:
Giao diện.