5.1. Mô hình 3 lớp
Giao diện chương trình được thiết kế theo mô hình 3 lớp, nhằm phân chia các thành phần trong hệ thống trong chương trình, các thành phần cùng chức năng sẽ được nhóm lại với nhau và phân chia công việc cho từng nhóm đề dữ liệu rõ ràng va dé dang quản lý hệ thống và duy trì tốt hơn.
Mô hình 3 lớp bao gồm:
®- Lớp GUI (Graphical User Interface): Lớp này là ỦI chính của chương trình dùng để giao tiếp với người dùng. Nó gồm các giao diện (form) và thực thi các công việc như nhập liệu, hiện thị đữ liệu, kiểm tra tính đúng đắn đữ liệu trước khi gọi lớp BLL.
¢ Lép BLL (Business Logic Layer): Lớp này là lớp nhận các yêu câu từ lớp GUI và truy xuất lên lớp DAL dé lay thông tin và trả về GUI.
* L6p DAL (Data Access Layer): Lép nay cé chire năng giao tiếp với hệ quản trị CSDL như thực hiện các công việc liên quan đến lưu trữ và truy vấn dữ
liệu (ìm kiếm, thêm, xóa, sửa... ). Chỉ có lớp này được làm việc với cơ sở dữ liệu.
64
j ]
Business
|
Data Access
Hình 4ó. Mô hình 3 lớp 5.2. Giao diện form đăng nhập
Mở đầu vào chương trình là một form đăng nhập, cho phép người dùng nhập đúng tài khoản và mật khâu của mình mới có thê truy cập vào hệ thống được. Hệ thống truy cập sẽ phân theo chức năng của người dùng. Nếu người đăng nhập có chức năng là một nhân viên bán hàng thì hệ thông sẽ đưa người dùng vào giao diện bán hàng. Còn nêu người đăng nhập có chức năng là một quản trị viên hệ thông thì hệ thông sẽ đưa người dùng vào giao diện quản trị.
65
Lập Trình Windows: Hệ thong bán sách - Cbook
Đăng nhập vào hệ thống
Cbook A2 admin
book store
Cbook Bookstore - Ban &@ ane
cula moi nha
Hình 47. Giao điện đăng nhập 5.3. Giao diện form bán hàng
Form tiếp theo của hệ thông là form bán hàng. Chỉ có nhân viên bán hàng mới có thể truy cập vào form này. Ở đây các nhân viên có thé thực hiện công việc bán sách.
Phía trên đầu của form là một thanh menu điều khiển dé truy xuất sang các form khác trong quyền hạn của một nhân viên bán hàng. Từ trái sang phải bao gồm nhãn hiệu và tên của hệ thống cửa hàng; 5 nút truy xuất bao gồm các trang bán hàng, thống kê hóa đơn, màn hình của khách, cài đặt và quản lý người dùng; Dòng xin chào người dùng với tên có thể truy xuất vào form quản lý người dùng dành cho nhân viên; Và cuối cùng là nút đăng xuất khỏi hệ thống và trở lại form đăng nhập. Bên trái màn hình là một danh sách các sản phẩm của cửa hàng nơi mà nhân viên bán hàng có thể chọn để thêm vào hóa đơn của khách hàng, hoặc là sử dụng ô tìm kiếm dé tim các sản phẩm mà khách 66
hàng yêu cầu, hoặc là lọc các sản phẩm theo thể loại ở ô thé loại, và ở bên dưới có một nút “Thêm” nơi mà nhân viên chọn sản phẩm và nhấn nút thì sau đó sản phâm sẽ được đưa sang hóa đơn thanh toán. Bên phải màn hình là một đơn hàng của khách hàng nơi mà nhân viên bán hàng sẽ có thể chọn và thanh toán hóa đơn mà khách hàng đã chọn.
Bao gồm một bảng để lưu trữ và hiện các sản phẩm đã được khách hàng chọn cùng với đó sẽ hiện tổng giá tiền của tất cả sản phâm xuống bên dưới; Một khung điều khiển để nhân viên có thể nhập thông tin của khách hàng, nhập tiền khách đưa để tính ra các phần còn lại của hóa đơn; Bên đưới là 5 nút điều khiển của đơn hàng bao gồm nút hủy
để xóa sạch đơn hang, nut in để in ra đơn hàng hiện tại, nút lưu để lưu trữ đơn hàng vào
hệ thống, nút thanh toán dé thanh toán hóa đơn của khách hàng, nút thanh toán & in dé thanh toán hóa đơn và In đơn hàng của khách.
é ‘Cook - Bookstore Lị al @ ° a Hello, Dương e
J]ĩóô---- Nhập tờn sỏch [boa Em manỶnnnnananaasanarsananaằœằẳm ne
Mã sách. Tên sách Số lượng Đơn giá Thành tiên Xóa
HếuthuyŠi - |25000 2 A126 Mắt Bếc Thyệnngân |45000 24
Chú Km, Tiếu thuyổi - |17000 17
Loại khách hàng: Loại khách Tổng tiên: VNĐ
Khách đưa VNĐ
Trả lại:
[El] —
Hình 4S. Giao điện chính của form bán hàng
G7
Lập Trình Windows: Hệ thong bán sách - Cbook
Sau khi chọn nút thêm thi sản phẩm sẽ tự động vào đơn hàng, mỗi lần chọn thì số lượng sản phẩm ở trong danh sách sẽ giảm 1 và số lượng sản phẩm trong đơn hàng sé tang 1. Thanh tiền sẽ được tự động tính theo số lượng và đơn giá sản phẩm. Và nếu khách hàng không muốn chọn sản phẩm nào đó nữa hoặc nhân viên có chọn nhằm thêm sản phẩm nào đó thì nhân viên đơn giản chỉ cần chọn nút X ở ô xóa trong đơn hàng để xóa sản phẩm khỏi đơn hàng. Tổng tiền sẽ được tổng hợp tự động các thành tiền trong đơn hàng.
® 'Cbook - Bookstore v vẻ ® 9 2 Hello, Dương e
Tên sách. Số lượng Đơn giá Thành tiên Xóa
Sð đỏ 2 45000 90000 x
Chi Phéo 2 36000 72000 x
A24. Cô giáo Tháo TẾutuyếl - |25000 21 A123 Đan 3 18000 54000 x
A126 Mat Bie Tuyên ngân [45000 AI ChúKm Tiếuthuới | 17000 17
A127 GhiPhò °
128 Uso e000
A28 Min 120.20
AZM $6.40 Tnyênngấn |45000 16 AZ01 Sóng Tơ A202 TÁI dân Tuyênmgổn |25000 25
Loại khách hàng: Loại khách. Tổng tiên: 2 VNĐ
Khách đưa: VND
Trả lại: VNĐ
| ies
Hình 49. Giao điện khi chọn sách vào hóa đơn
Ô loại khách hàng dùng để phân loại khách hàng mua hàng ở cửa hàng. Nếu khách hàng là thành viên của cửa hàng thì nhân viên chọn loại khách hàng là “Thành viên” còn nếu khách hàng không phải là thành viên của cửa hàng thì nhân viên chọn 68
loại khách hàng là “Khách”. Nếu khách hàng là thành viên thì sau khi thanh toán đơn hang thi sẽ được cộng một số điểm tích lũy để khách hàng có thể sử dụng cho các ưu đãi của sản phâm ở các hóa đơn tiếp theo của khách hàng là thành viên.
é 'Cbook - Bookstore Nhập tên sách [ma TH“
A124 Cô giáo Tháo A128 Mat Bie AI ChúKm A127 ChiPhòo A129 Uso Hee A129 Mìnhdững quên nhau AZO $640 AZ91 Sóng A202 TẢI đền,
mÁA-
mLes Tiểu thuyết Tuyên ngắn Tiếu IhoyS
28000 21 45000 24 17000 17 Truyện ngắn |30000 16 Tnyên ngắn Tuyền ngón Tnyện ngắn To Truyện ngắn
36000 2 1200. 20 45000 1⁄4 30000 20 25000 25
© Hello, Dương E
Tên sách. Số lượng Đơn giá Thành tiên Xóa
A200 Sð đỏ 2 45000 90000 x
A127 Chi Phéo 2 36000 72000 x
A123 Conan 3 18000 54000 x
Loại khách hàng: Tổng tiên: 21 VNĐ Mã khách hang’ Khách đua: 500000 VNĐ.
Tên khách hằng: Trả lại: 284000 VNĐ.
Hình 50. Giao điện khi nhập thông tin khách hàng và hóa đơn
Sau khi nhập hết thông tin hóa đơn và thông tin của khách hàng thì nhân viên chọn thanh toán để thanh toán hóa đơn của khách hàng đã chọn. Nếu việc thanh toán diễn ra thành công thì ở phía trên bên phải của màn hình sẽ nỗi lên một dòng thông báo
“Thanh toán thành công” nền màu xanh lá, ngược lại còn nếu việc thanh toán thất bại thì đồng thông báo sẽ là “Thanh toán thất bại” nền màu đỏ.
69
Lập Trình Windows: Hệ thong bán sách - Cbook
é Cook - Bookstore al © ° a
- Bon hang Nhập tên sả: mé
- Mã sách. Tên sách Số lượng Đơn giá Thành tiên Xóa
AT24 C0 giáo Thác TiếuthayẾt - |25%50 21 A126 Mái Bếc Tnyênmgỗn |45900 24 AI GhúKm Tiếuthyết - |17090 17 A127 ChỉPhò Tuyểnngắn |36000 38 A129 LãoHạc Tnyênngấn |36000 2 AlZ9 Minhdửngquênnhau Truyềnngấn |1200.. 20 A200 Sðđã Thyên ngắn |45090 18 A201 Sóng Tre 30000 20 A202 TÁI đền, Tuyênngân |25000 25
Loại khách hàng: Thành viên Tống tiền: VNĐ
Mã khách hàng: A1412 Khách đưa: VNĐ
Tên khách hàng: Kid Trả lại: 9 VNĐ
gi = =
Hình 51. Giao điện khi thanh toán thành công 5.4. Giao điện form quản lý người dùng
Giao diện tiếp theo của hệ thống là một form quản lý danh cho ca quan trị viên và cả nhân viên bán hàng. Tùy theo chức năng của người dùng mà form sẽ hiễn thị các chức năng tương ứng. Bên trái form là một menu điều khiển bao gồm các nút với các chức năng tương ứng, Chức năng của quản trị viên sẽ hiển thị nêu người đăng nhập với quyền là quản trị viên. Còn không thì chức năng của quản trị viên sẽ không hiển thị.
Bên phải phía trên là một thanh tiêu đề chứa tên người truy cập, chức năng của người truy cập, thời gian hiện tại và một nút thoát. Phía dưới là một màn hình hiển thị mà khi người dùng chọn chức năng nào ở menu bên trái form thì màn hình sẽ hiện ra chức năng tương ứng của chức năng đó.
70
®
CBook - Bookstore
Xem sách
Thông tin người dùng
Đổi mật khẩu
Chức năng Admin.
Quản lý tài khoản
Quản lý sách
Quản lý nhân viên
Copyright © CBook, 2022
Hình 52. Giao điện chính của form quản lý người dùng
Nếu người đăng nhập có chức năng không phải là người quản trị viên thì form sẽ có giao diện như hình bên dưới (Chức năng dành cho quản trị viên sẽ được an). Bén
dưới là giao diện xem thông tin người dùng, chức năng này được hiển thị ở tất cả các chức năng người dùng của hệ thông, ở giao diện này sẽ hiện ra các thông tin của người dùng mà người dùng chỉ được xem (read only). Nếu người dùng muốn thay đỗi một thông tin nào đó của mình thì người dùng cần phải liên hệ người quản trị viên đề có thé thay đôi thông tin người dùng.
71
Lập Trình Windows: Hệ thong bán sách - Cbook
TT TU Dương
Ca | x |
eer Nhân viên bán hàng
Thông tin người dùng CBook - Bookstore
Xem sách Mã NV: 123
Thông tin người dùng — #> l
Họ Tên: Dương
— Giới tính: Ga
Điện thoại: 123456
Ngày sinh: 01-01-2002
Copyright © CBook, 2022
Hình 53. Giao điện khi nhân viên đăng nhập và xem thông tin người dùng
Bên đưới là giao diện đôi mật khâu dành cho người dùng. Chức năng này được hiển thị ở tất cả các chức năng người dùng của hệ thống, bao gồm các ô nhập mật khâu cũ, nhập mật khâu mới, xác nhận mật khẩu mới và ô nhập email để xác nhận, nút xác nhận đề xác nhận đôi mật khâu và nút hủy dé huy déi mat khẩu. Đề đôi mật khẩu người dùng cân nhập mật khâu cũ của mình và nhập 2 lần mật khâu mới của mình vào ô nhập mật khâu mới và ô xác nhận mật khâu và nhập email theo người đùng để xác nhận và chọn xác nhận dé hoàn thành việc đỗi mật khâu. Trường hợp người dùng quên mật khẩu thì hệ thống không hỗ trợ chức năng này, người dùng cần liên hệ quản trị viên dé xác nhận và lay lại mật khẩu để truy cập vào hệ thống.
72
Admin
TT TU
cự | x |
on ener] eee
CBook - Bookstore Đổi mật khẩu
Xem sách Nhập mật khẩu cũ:
Thông tin người dùng .
Nhập mật khẩu mới:
Đổi mật khẩu >
Chức năng Admin v Xác nhận mật khẩu:
Quản lý tài khoản
Email:
Quản lý sách
Quản lý nhân viên
Copyright © CBook, 2022
Hình 54. Giao diện đổi mật khẩu
Bên dưới là giao diện quản lý tài khoản năm trong bộ chức năng dành cho quản trị viên hệ thống. Chức năng này được hiển thị chỉ ở chức năng quản trị viên của hệ thống. Chức năng này bao gồm một bảng chứa thông tin của tài khoản của tất cả các nhân viên cùng với tình trạng là còn tồn tại hay không còn tổn tại và lần đăng nhập truy cập cuối cùng vào hệ thống; bên dưới là vài dòng chú thích của bảng bên trên. Ở đây
người quản trị viên có thể xem, sửa các tài khoản hiện có hoặc là thêm mới tài khoản mới.
73
Lập Trình Windows: Hệ thong bán sách - Cbook
Admin
Deo hur
cử.) Chức năng Administrator
Quản lý tài khoản CBook - Bookstore
Tài khoán Mật khẩu Mã nhân viên Chúcnăng Tinhrang Lần đảng nhập cuối
admin admin 100 1 1 13-07-2022 15-08-36
5 a 123 125 0 1 — | 13072022 14-47-19
Sen c 4 123 0 1 13-07-2022 15-01-53
d 2 124 0 1 13-07-2022 14-07-47
Théng tin người dùng Đổi mật khẩu Chức nâng Admin v Quản lý tài khoản ằ
Quản lý sách Chú thích:
Chức năng: Ti inh trang:
Quản lý nhân viên cit 3
saalics ha 1: Con su dung 0: Nhân viên 0: Không còn sử dụng
Copyright © CBook, 2022
Hình 55. Giao điện quản lý tài khoản
Bên dưới là giao diện quản lý thông tin sách nằm trong bộ chức năng dành cho quản trị viên hệ thống. Chức năng này được hiễn thị chỉ ở chức năng quản trị viên của hệ thống. Chức năng này bao gồm một bảng chứa thông tin của tất cả các sản phẩm trong hệ thống; bên đưới là các ô thông tin của sản phâm để nếu quản trị viên nhập đủ các thông tin thì có thể thêm sản phẩm mới theo các trường của bảng sản phẩm, hoặc khi chọn vào ô sản phẩm ở bảng phía trên thì thông tin của sản phẩm sẽ hiện ở các ô bên đưới và lúc này người quản trị viên có thê sửa đôi thông tin sản phẩm hoặc xóa sản phẩm.
74
Neth KG
13-07-2022 15:09:39 | x |
on ener] eee
Quản lý thông tin sách.
CBook - Bookstore
Mã sách Tên sách Tác giả Thể loại Giá bán Còn lại
TH Aoyama Gosho Manga
Xem séch A124 ¡_ Cô giáo Thảo Ko biết | __ Tiếu thuyết 25000 21
A126 Mat Biếc Nguyễn Nhật Ánh |__ Truyện ngân 45000 24
Thông tin người dùng A125 | Chú Kim Ko biét | __ Tiểu thuyết 17000 17 A127 Chí Phèo. Nam Cao. Truyện ngắn 36000. 18 Đổi mật khẩu
Chức năng Admin v Mã Sách: Tác giả:
Quản lý tài khoản. "Tên sách Giá bán:
Quản lý sách -
Thể loại: Số lượng còn:
Quản lý nhân viên
Copyright © CBook, 2022
Hình 56. Giao điện quản lý sách
Bên đưới là giao điện quản lý thông tin người dùng nằm trong bộ chức năng dành cho quản trị viên hệ thông. Chức năng này được hién thi chi ở chức năng quản trị viên của hệ thông. Chức năng này bao gồm một bảng chứa thông tin của tất cả các nhân viên trong hệ thống; bên dưới là các ô thông tin của nhân viên đề nếu quản trị viên nhập đủ các thông tin thì có thể thêm nhân viên mới theo các trường của bảng nhân viên, hoặc khi chọn vào ô nhân viên bất kỳ ở bảng phía trên thì thông tin của nhân viên sẽ hiện ở các ô bên đưới và lúc này người quản trị viên có thê sửa đối thông tin của nhân viên hoặc xóa nhân viên.
75
Lập Trình Windows: Hệ thong bán sách - Cbook
Neth KG
13-07-2022 15:09:50 | x |
on ener] eee
Quản lý thông tin người dùng
CBook - Bookstore
Ma NV Tênnhânviên — Giớitnh Điện thoại Địa chỉ Ngày sinh
123 Dương True 123456 | khéng biét | 01-Jan-2002 12:0...
Xem sách 124 L a 1 False 12344366 | khôngbiR | 01-Jan-2002124
| 125 dai True 123456 | khéng biét | 01-Jan-2002 1
Thông tin người dùng 1 100_ _Admin J True 123456789 — HCM | 01-Jan-2000 12:0...
Đổi mật khẩu
Chức năng Admin v Mã Nhân viên: Điện thoại
Quản lý tài khoản Họ tên: Địa chỉ:
Quản lý sách
Giớitinh: © Nữ © Nam Ngàysinh: 13 Juy ,2022 ~
Quản lý nhân viên ->
Copyright © CBook, 2022
Hình 57. Giao điện quản lý nhân viên
Nếu việc chỉnh sửa diễn ra thành công thì dữ liệu sẽ được cập nhật cả trên hệ thống và cả trong cơ sở dữ liệu và giao diện sẽ hiện thị lên một thông bảo như hình bên dưới.
76
Người dùng; Admin
13-07-2022 15:10:39 Chic nang: Pec og
Quản lý thông tin người dùng
CBook - Bookstore
Mã NV Tên nhân viên. Giới tính Điện thoại Địa chỉ Ngày sinh.
i không biết
x em sách 4 124 = - F - False + 1234568 — không biết | 01-Jan-2002 12:0... + 125 đại True 123456 không biết | 01-Jan-2002 12:0...
Thang wingudl ding 100 Admin True 123456789 HCM | 01-Jan-2000 12:0...
Đổi mật khẩu
Chức năng Admin v Mã Nhân viên: 123 Điện thoại: 123456
Quản lý tài khoản Hotén: Dương Địa chỉ: Hải Phòng
Quản lý sách
Giditinh: © Nữ © Nam Ngaysinh: 1 January , 2002
Quản lý nhõn viờn ằ>
Copyright © CBook, 2022
Hinh 58. Giao dién khi chỉnh sửa thông tin thành công
5.5. Giao diện form thống kê
Giao diện tiếp theo của hệ thông là một form thống kê của hệ thống cửa hàng.
Giao điện này bao gồm những chức năng báo cáo những đơn hàng đã bán, thống kê doanh số của cửa hàng, thống kê khách hàng truy cập cửa hàng, thống kê khách đến mua hàng, thống kê thê loại sản phẩm bán chạy... Ở đây nhân viên có thê xuất file báo cáo ra một file text hoặc file excel bên ngoài dé có thê đễ dàng thống kê đơn hàng của cửa hàng.
77
Lập Trình Windows: Hệ thong bán sách - Cbook
Tháng, Năm Số đơn hàng Doanh thu. Tengu nent 221
s bị
Số lượt ghé cửa hàng: 3250 Số lượt mua hàng: 3140
Hình 59. Giao diện form thông kê
“Thểng kẻ đo sàn 2021
Hình 60. Xuất báo cáo ra Excel
78