Chức năng của hệ thống
Mô tả use-case
Hình 2.1: Mô tả use-case
Chi tiết các chức năng
Bảng 2.1: Mô tả chi tiết chức năng đăng nhập
Use-case Đăng nhập vào hệ thống
Actor Nhân viên, Quản lý chi nhánh, Chủ chuỗi cửa hàng
Goal Người dùng đăng nhập thành công vào hệ thống
Pre-condition Đã có tài khoản người dùng Thiết bị kết nối internet khi thực hiện đăng nhập Chưa đăng nhập vào hệ thống
Trigger Người dùng muốn đăng nhập vào hệ thống
1 Truy cập vào trang đăng nhập của hệ thống
2 Người dùng nhập thông tin đăng nhập và nhấn nút Đăng nhập
3 Hệ thống xác thực thông tin đăng nhập thành công và cho phép người dùng truy cập vào hệ thống
4 Hệ thống ghi nhận trạng thái đăng nhập của người dùng Alternative flows
3a Hệ thống xác thực thông tin đăng nhập không thành công và hiển thị thông báo 3b Người dùng chọn lệnh hủy đăng nhập Use-case dừng lại 3c Người dùng chọn lệnh quên mật khẩu Hệ thống chuyển sang trang lấy lại mật khẩu
2.2.2 Module quản lý đơn hàng
- Chức năng tạo đơn bán hàng:
Bảng 2.2: Mô tả chi tiết chức năng tạo đơn bán hàng
Use-case Tạo đơn bán hàng
Actor Nhân viên, Quản lý chi nhánh, Chủ chuỗi cửa hàng
Goal Người dùng thêm đơn hàng mới thành công vào hệ thống Pre-condition Người dùng đã đăng nhập vào hệ thống
Trigger Người dùng muốn thêm đơn hàng mới vào hệ thống
1 Truy cập vào trang quản trị, chọn mục Bán tại quầy
2 Nhấn nút + trên thanh công cụ để thêm đơn hàng mới
3 Tìm kiếm và thêm sản phẩm
4 Tìm kiếm và thêm thông tin khách hàng
5 Nhấn nút Thanh toán để hoàn thành đơn hàng
6 Hệ thống thêm đơn hàng vào hệ thống
1a Truy cập vào trang quản trị, chọn mục Đơn hàng 1a1 Nhấn nút Tạo đơn hàng
3a Người dùng không muốn thêm đơn hàng mới 3a1 Người dùng nhấn nút Hủy để hủy bỏ đơn hàng 3a2 Hệ thống thông báo xác nhận, kết thúc use-case
- Chức năng xử lý đơn hàng:
Bảng 2.3: Mô tả chi tiết chức năng xử lý đơn hàng
Use-case Xử lý đơn hàng
Actor Nhân viên, Quản lý chi nhánh, Chủ chuỗi cửa hàng
Goal Người dùng hoàn tất đơn hàng cần xử lý
Pre-condition Người dùng đã đăng nhập vào hệ thống
Trigger Người dùng muốn hoàn tất đơn hàng ở các trạng thái chờ xử lý
1 Truy cập vào trang quản trị, chọn mục Đơn hàng
2 Tìm kiếm, lọc đơn hàng cần xử lý
3 Nhấn chọn đơn hàng cần xử lý
4 Xác nhận xử lý đơn hàng và nhấn Hoàn thành
2a Nhấn chọn các mục loại đơn hàng cần xử lý 2a1 Tìm kiếm, lọc đơn hàng
4a Người dùng kết thúc xử lý đơn hàng 4a1 Người dùng nhấn Hủy bỏ để dừng việc xử lý 4a2 Đơn hàng không thay đổi, người dùng trở về trang danh sách đơn hàng
2.2.3 Module quản lý khách hàng
- Chức năng thêm khách hàng mới:
Bảng 2.4: Mô tả chi tiết chức năng thêm khách hàng mới
Use-case Thêm khách hàng mới
Actor Nhân viên, Quản lý chi nhánh, Chủ chuỗi cửa hàng
Goal Người dùng thêm thành công khách hàng mới vào hệ thống Pre-condition Người dùng đã đăng nhập vào hệ thống
Trigger Người dùng muốn thêm khách hàng mới vào hệ thống
1 Truy cập vào trang quản trị, chọn mục Khách hàng
2 Nhấn nút Thêm khách hàng
3 Người dùng nhập thông tin khách hàng
5 Hệ thống kiểm tra thông tin khách hàng
6 Hệ thống thông báo thêm thành công khách hàng vào hệ thống
4a Người dùng kết thúc việc thêm khách hàng 4a1 Người dùng nhấn Hủy bỏ để dừng việc thêm khách hàng 4a2 Hệ thống thông báo xác nhận, kết thúc use-case
6a Hệ thống thông báo thêm khách hàng không thành công, yêu cầu người dùng thao tác lại
- Chức năng cập nhật khách hàng:
Bảng 2.5: Mô tả chi tiết chức năng cập nhật khách hàng
Use-case Cập nhật thông tin khách hàng
Actor Nhân viên, Quản lý chi nhánh, Chủ chuỗi cửa hàng
Goal Người dùng cập nhật thành công thông tin khách hàng
Pre-condition Người dùng đã đăng nhập vào hệ thống
Trigger Người dùng muốn cập nhật, sửa đổi thông tin khách hàng
1 Truy cập vào trang quản trị, chọn mục Khách hàng
2 Tìm kiếm, lọc khách hàng cần cập nhật
3 Cập nhật, thay đổi thông tin khách hàng
4 Nhấn Lưu để hoàn thành
5 Hệ thống cập nhật thành công thông tin khách hàng Alternative flows
4a Người dùng kết thúc việc cập nhật khách hàng
4a1 Người dùng nhấn Hủy bỏ để dừng việc cập nhật khách hàng
4a2 Hệ thống thông báo xác nhận, kết thúc use-case
5a Hệ thống thông báo cập nhật khách hàng không thành công, yêu cầu người dùng thao tác lại
- Chức năng thêm nhóm khách hàng:
Bảng 2.6: Mô tả chi tiết chức năng thêm nhóm khách hàng
Use-case Thêm nhóm khách hàng mới
Actor Quản lý chi nhánh, Chủ chuỗi cửa hàng
Goal Người dùng thêm thành công nhóm khách hàng mới vào hệ thống Pre-condition Người dùng đã đăng nhập vào hệ thống
Trigger Người dùng muốn thêm nhóm khách hàng mới vào hệ thống
1 Truy cập vào trang quản trị, chọn mục Nhóm khách hàng
2 Nhấn nút Thêm nhóm khách hàng
3 Người dùng nhập thông tin nhóm khách hàng
5 Hệ thống kiểm tra thông tin nhóm khách hàng
6 Hệ thống thông báo thêm thành công nhóm khách hàng vào hệ thống Alternative flows
4a Người dùng kết thúc việc thêm nhóm khách hàng 4a1 Người dùng nhấn Hủy bỏ để dừng việc thêm khách hàng 4a2 Hệ thống thông báo xác nhận, kết thúc use-case
6a Hệ thống thông báo thêm khách hàng không thành công, yêu cầu người dùng thao tác lại
- Chức năng cập nhật nhóm khách hàng:
Bảng 2.7: Mô tả chi tiết chức năng cập nhật nhóm khách hàng
Use-case Cập nhật thông tin nhóm khách hàng
Actor Quản lý chi nhánh, Chủ chuỗi cửa hàng
Goal Người dùng cập nhật thành công thông tin nhóm khách hàng Pre-condition Người dùng đã đăng nhập vào hệ thống
Trigger Người dùng muốn cập nhật, sửa đổi thông tin nhóm khách hàng
1 Truy cập vào trang quản trị, chọn mục Nhóm khách hàng
2 Tìm kiếm, lọc nhóm khách hàng cần cập nhật
3 Cập nhật, thay đổi thông tin nhóm khách hàng
4 Nhấn Lưu để hoàn thành
5 Hệ thống cập nhật thành công thông tin nhóm khách hàng Alternative flows
4a Người dùng kết thúc việc cập nhật nhóm khách hàng
4a1 Người dùng nhấn Hủy bỏ để dừng việc cập nhật nhóm khách hàng
4a2 Hệ thống thông báo xác nhận, kết thúc use-case
5a Hệ thống thông báo cập nhật nhóm khách hàng không thành công, yêu cầu người dùng thao tác lại
2.2.4 Module quản lý sản phẩm
- Chức năng thêm sản phẩm:
Bảng 2.8: Mô tả chi tiết chức năng thêm sản phẩm
Use-case Thêm sản phẩm mới
Actor Quản lý chi nhánh, Chủ chuỗi cửa hàng
Goal Người dùng thêm sản phẩm mới thành công vào hệ thống Pre-condition Người dùng đã đăng nhập vào hệ thống
Trigger Người dùng muốn thêm sản phẩm mới vào kho
Normal flow 1 Truy cập vào trang quản trị, chọn mục Sản phẩm
2 Chọn tiếp mục Danh sách sản phẩm
3 Hệ thống hiển thị trang danh sách các sản phẩm, người dùng nhấn Thêm sản phẩm
4 Người dùng nhập thông tin sản phẩm
5 Cập nhật thông tin kho hàng
6 Người dùng nhấn Thêm để hoàn thành
7 Hệ thống kiểm tra thông tin sản phẩm
8 Hệ thống thông báo thêm thành công sản phẩm vào kho Alternative flows
6a Người dùng kết thúc việc thêm sản phẩm 6a1 Người dùng nhấn Hủy bỏ để dừng việc thêm khách hàng 6a2 Hệ thống thông báo xác nhận, kết thúc use-case
8a Hệ thống thông báo thêm sản phẩm không thành công, yêu cầu người dùng thao tác lại
- Chức năng cập nhật sản phẩm:
Bảng 2.9: Mô tả chi tiết chức năng cập nhật sản phẩm
Use-case Cập nhật thông tin sản phẩm
Actor Quản lý chi nhánh, Chủ chuỗi cửa hàng
Goal Người dùng cập nhật thành công thông tin sản phẩm
Pre-condition Người dùng đã đăng nhập vào hệ thống
Trigger Người dùng muốn cập nhật, sửa đổi thông tin sản phẩm
1 Truy cập vào trang quản trị, chọn mục Sản phẩm
2 Chọn tiếp mục Danh sách sản phẩm
3 Tìm kiếm, lọc sản phẩm cần cập nhật
4 Cập nhật, thay đổi thông tin sản phẩm
5 Nhấn Lưu để hoàn thành
6 Hệ thống cập nhật thành công thông tin sản phẩm Alternative flows
5a Người dùng kết thúc việc cập nhật sản phẩm 5a1 Người dùng nhấn Hủy bỏ để dừng việc cập nhật sản phẩm 5a2 Hệ thống thông báo xác nhận, kết thúc use-case
16 6a Hệ thống thông báo cập nhật sản phẩm không thành công, yêu cầu người dùng thao tác lại
2.2.5 Module quản lý sổ quỹ
- Chức năng tạo phiếu thu:
Bảng 2.10: Mô tả chi tiết chức năng tạo phiếu thu
Use-case Tạo phiếu thu
Actor Quản lý chi nhánh, Chủ chuỗi cửa hàng
Goal Người dùng thêm thành công phiếu thu vào hệ thống
Pre-condition Người dùng đã đăng nhập vào hệ thống
Trigger Người dùng muốn tạo phiếu thu lưu trữ vào hệ thống
1 Truy cập vào trang quản trị, chọn mục Sổ quỹ
2 Chọn tiếp mục Báo cáo thu chi
3 Hệ thống hiển thị báo cáo thu chi, người dùng nhấn chọn Tạo phiếu thu
4 Người dùng thêm thông tin phiếu thu
5 Nhấn Tạo để hoàn thành
6 Hệ thống thông báo thêm thành công phiếu thu vào hệ thống
2a1 Hệ thống hiển thị danh sách phiếu thu, người dùng nhấn chọn Tạo phiếu thu
5a Người dùng kết thúc việc tạo phiếu thu 5a1 Người dùng nhấn Hủy bỏ để dừng việc tạo phiếu 5a2 Hệ thống thông báo xác nhận, kết thúc use-case
6a Hệ thống thông báo tạo phiếu không thành công, yêu cầu người dùng thao tác lại
- Chức năng tạo phiếu chi:
Bảng 2.11: Mô tả chi tiết chức năng tạo phiếu chi Use-case Tạo phiếu chi
Actor Quản lý chi nhánh, Chủ chuỗi cửa hàng
17 Goal Người dùng thêm thành công phiếu chi vào hệ thống
Pre-condition Người dùng đã đăng nhập vào hệ thống
Trigger Người dùng muốn tạo phiếu chi lưu trữ vào hệ thống
1 Truy cập vào trang quản trị, chọn mục Sổ quỹ
2 Chọn tiếp mục Báo cáo thu chi
3 Hệ thống hiển thị báo cáo thu chi, người dùng nhấn chọn Tạo phiếu chi
4 Người dùng thêm thông tin phiếu chi
5 Nhấn Tạo để hoàn thành
6 Hệ thống thông báo thêm thành công phiếu chi vào hệ thống
2a1 Hệ thống hiển thị danh sách phiếu chi, người dùng nhấn chọn Tạo phiếu chi
5a Người dùng kết thúc việc tạo phiếu chi 5a1 Người dùng nhấn Hủy bỏ để dừng việc tạo phiếu 5a2 Hệ thống thông báo xác nhận, kết thúc use-case
6a Hệ thống thông báo tạo phiếu không thành công, yêu cầu người dùng thao tác lại
2.2.6 Module quản lý báo cáo
- Chức năng xem báo cáo chi tiết:
Bảng 2.12: Mô tả chi tiết chức năng xem báo cáo chi tiết
Use-case Xem báo cáo chi tiết
Actor Quản lý chi nhánh, Chủ chuỗi cửa hàng
Goal Người dùng xem chi tiết các loại báo cáo của cửa hàng
Pre-condition Người dùng đã đăng nhập vào hệ thống
Trigger Người dùng muốn xem chi tiết báo cáo của cửa hàng
1 Truy cập vào trang quản trị, chọn mục Báo cáo
2 Hệ thống hiển thị danh sách các loại báo cáo, chọn loại báo cáo cần xem
3 Hệ thống hiển thị danh sách báo cáo của cửa hàng, người dùng tìm kiếm, lọc thông tin báo cáo
4 Hệ thống hiển thị thông tin báo cáo chi tiết Alternative flows
Exception flows 4a Hệ thống không hiển thị thành công, người dùng tải lại trang
- Chức năng xuất báo cáo ra file lưu trữ:
Bảng 2.13: Mô tả chi tiết chức năng xuất báo cáo ra file lưu trữ
Use-case Xuất báo cáo ra file lưu trữ
Actor Quản lý chi nhánh, Chủ chuỗi cửa hàng
Goal Người dùng xuất thành công báo cáo ra file để lưu trữ
Pre-condition Người dùng đã đăng nhập vào hệ thống
Trigger Người dùng muốn lưu trữ file báo cáo
1 Truy cập vào trang quản trị, chọn mục Báo cáo
2 Hệ thống hiển thị danh sách các loại báo cáo, chọn loại báo cáo cần thực hiện
3 Người dùng nhấn Xuất báo cáo
4 Chọn thông tin và phương thức lưu trữ
5 Người dùng nhấn Lưu để hoàn thành
6 Hệ thống xuất thành công báo cáo và lưu vào thiết bị hiện tại
5a Người dùng dừng việc xuất báo cáo
5a1 Người dùng chọn Hủy bỏ để dừng việc xuất báo cáo, use- case kết thúc
6a Hệ thống thông báo thao tác không thành công, yêu cầu thực hiện lại
2.2.7 Module quản lý hệ thống
- Chức năng thêm nhân viên:
Bảng 2.14: Mô tả chi tiết chức năng thêm nhân viên
Use-case Thêm nhân viên
Actor Chủ chuỗi cửa hàng
Goal Người dùng thêm thành công nhân viên mới vào hệ thống Pre-condition Người dùng đã đăng nhập vào hệ thống
Trigger Người dùng muốn thêm nhân viên mới vào hệ thống
1 Truy cập vào trang quản trị, chọn mục Quản lý hệ thống
2 Chọn tiếp mục Quản lý nhân viên
3 Hệ thống hiển thị danh sách nhân viên của hệ thống, người dùng nhấn Thêm nhân viên
4 Người dùng thêm thông tin nhân viên
5 Người dùng nhấn Thêm để hoàn thành
6 Hệ thống kiểm tra thông tin nhân viên
7 Hệ thống thông báo thêm nhân viên thành công Alternative flows
5a Người dùng dừng việc thêm nhân viên 5a1 Người dùng chọn Hủy bỏ để dừng việc thêm nhân viên, use-case kết thúc
6a Hệ thống thông báo thao tác không thành công, yêu cầu thực hiện lại
- Chức năng cập nhật nhân viên:
Bảng 2.15: Mô tả chi tiết chức năng cập nhật nhân viên
Use-case Cập nhật nhân viên
Actor Chủ chuỗi cửa hàng
Goal Người dùng cập nhật thành công thông tin nhân viên
Pre-condition Người dùng đã đăng nhập vào hệ thống
Trigger Người dùng muốn cập nhật, sửa đổi thông tin nhân viên Normal flow 1 Truy cập vào trang quản trị, chọn mục Quản lý hệ thống
2 Chọn tiếp mục Quản lý nhân viên
3 Hệ thống hiển thị danh sách nhân viên, người dùng tìm kiếm, lọc nhân viên cần cập nhật
4 Cập nhật, thay đổi thông tin nhân viên
5 Nhấn Lưu để hoàn thành
6 Hệ thống cập nhật thành công thông tin nhân viên Alternative flows
5a Người dùng kết thúc việc cập nhật nhân viên 5a1 Người dùng nhấn Hủy bỏ để dừng việc cập nhật nhân viên 5a2 Hệ thống thông báo xác nhận, kết thúc use-case
6a Hệ thống thông báo cập nhật không thành công, yêu cầu người dùng thao tác lại
- Chức năng thêm chi nhánh:
Bảng 2.16: Mô tả chi tiết chức năng thêm chi nhánh
Use-case Thêm chi nhánh
Actor Chủ chuỗi cửa hàng
Goal Người dùng tạo thành công chi nhánh mới vào hệ thống
Pre-condition Người dùng đã đăng nhập vào hệ thống
Trigger Người dùng muốn thêm chi nhánh mới vào hệ thống
1 Truy cập vào trang quản trị, chọn mục Quản lý hệ thống
2 Chọn tiếp mục Quản lý chi nhánh
3 Hệ thống hiển thị danh sách chi nhánh của hệ thống, người dùng nhấn Thêm chi nhánh
4 Người dùng thêm thông tin chi nhánh
5 Người dùng khởi tạo kho cho chi nhánh
6 Người dùng nhấn Thêm để hoàn thành
7 Hệ thống kiểm tra thông tin nhân viên
8 Hệ thống thông báo thêm nhân viên thành công Alternative flows
6a Người dùng dừng việc thêm nhân viên 6a1 Người dùng chọn Hủy bỏ để dừng việc thêm nhân viên, use-case kết thúc
21 8a Hệ thống thông báo thao tác không thành công, yêu cầu thực hiện lại
- Chức năng cập nhật chi nhánh:
Bảng 2.17: Mô tả chi tiết chức năng cập nhật chi nhánh
Use-case Cập nhật chi nhánh
Actor Chủ chuỗi cửa hàng
Goal Người dùng cập nhật thành công thông tin chi nhánh
Pre-condition Người dùng đã đăng nhập vào hệ thống
Trigger Người dùng muốn cập nhật, sửa đổi thông tin chi nhánh
1 Truy cập vào trang quản trị, chọn mục Quản lý hệ thống
2 Chọn tiếp mục Quản lý chi nhánh
3 Hệ thống hiển thị danh sách chi nhánh, người dùng tìm kiếm, lọc chi nhánh cần cập nhật
4 Cập nhật, thay đổi thông tin chi nhánh
5 Nhấn Lưu để hoàn thành
6 Hệ thống cập nhật thành công thông tin chi nhánh Alternative flows
5a Người dùng kết thúc việc cập nhật chi nhánh 5a1 Người dùng nhấn Hủy bỏ để dừng việc cập nhật chi nhánh 5a2 Hệ thống thông báo xác nhận, kết thúc use-case
6a Hệ thống thông báo cập nhật không thành công, yêu cầu người dùng thao tác lại
2.2.8 Module quản lý khuyến mãi
- Chức năng tạo khuyến mãi:
Bảng 2.18: Mô tả chi tiết chức năng tạo khuyến mãi
Use-case Tạo khuyến mãi
Actor Chủ chuỗi cửa hàng
Goal Người dùng tạo thành công chương trình khuyến mãi mới Pre-condition Người dùng đã đăng nhập vào hệ thống
Trigger Người dùng muốn tạo chương trình khuyến mãi
1 Truy cập vào trang quản trị, chọn mục Khuyến mãi
2 Hệ thống hiển thị danh sách các chương trình khuyến mãi, người dùng nhấn Tạo khuyến mãi
3 Người dùng thêm thông tin khuyến mãi
4 Người dùng nhấn Lưu để hoàn thành
5 Hệ thống thông báo tạo khuyến mãi thành công Alternative flows
4a Người dùng dừng việc tạo khuyến mãi
4a1 Người dùng chọn Hủy bỏ để dừng việc thêm nhân viên, use-case kết thúc
5a Hệ thống thông báo thao tác không thành công, yêu cầu thực hiện lại
- Chức năng cập nhật khuyến mãi:
Bảng 2.19: Mô tả chi tiết chức năng cập nhật khuyến mãi
Use-case Cập nhật khuyến mãi
Actor Chủ chuỗi cửa hàng
Goal Người dùng cập nhật thành công chương trình khuyến mãi Pre-condition Người dùng đã đăng nhập vào hệ thống
Trigger Người dùng muốn cập nhật, sửa đổi thông tin khuyến mãi
1 Truy cập vào trang quản trị, chọn mục Khuyến mãi
2 Hệ thống hiển thị danh sách các chương trình khuyến mãi, người dùng tìm kiếm, lọc khuyến mãi cần cập nhật
4 Cập nhật, thay đổi thông tin khuyến mãi
5 Nhấn Lưu để hoàn thành
6 Hệ thống cập nhật thành công thông tin khuyến mãi Alternative flows
5a Người dùng kết thúc việc cập nhật khuyến mãi 5a1 Người dùng nhấn Hủy bỏ để dừng việc cập nhật 5a2 Hệ thống thông báo xác nhận, kết thúc use-case 6a Hệ thống thông báo cập nhật không thành công, yêu cầu người dùng thao tác lại
Yêu cầu phi chức năng
- Yêu cầu về hiệu suất:
• Thời gian phản hồi cho một thao tác không quá 5s
• Dữ liệu gửi về hiển thị cho người dùng ở mỗi thao tác không quá 3s
- Yêu cầu về khả năng mở rộng:
• Hệ thống được thiết kế theo module, có khả năng mở rộng về tính năng như thêm vận chuyển, thanh toán online
• Có khả năng tách database trên server riêng và backend trên một server riêng
- Yêu cầu về độ khả dụng:
• Tính khả dụng cao, đảm bảo vận hành 24/7
- Yêu cầu về độ tin cậy:
• Độ tin cậy cao, xử lý chính xác 100% các thao tác nghiệp vụ
- Yêu cầu về bảo mật:
• Có tính bảo mật cao, các thông tin gửi nhận phải được mã hóa
• Mật khẩu được hash bằng MD5
• Các chức năng phải được phân quyền cụ thể theo 3 cấp: chủ, quản lý, nhân viên
Thiết kế
Thiết kế giao diện
3.1.1 Giao diện trang đăng nhập
Hình 3.1: Giao diện trang đăng nhập
- Trang đăng nhập bao gồm các thông tin để người dùng đăng nhập vào hệ thống: email, mật khẩu
- Người dùng điền thông tin email và mật khẩu, nhấn nút “Đăng nhập” để vào hệ thống
- Hệ thống kiểm tra thông tin và hiển thị trang “Bán tại quầy”
3.1.2 Giao diện trang tổng quan
Hình 3.2: Giao diện trang tổng quan
- Trang tổng quan hiển thị các thông tin kinh doanh của từng chi nhánh
- Nhấn chọn thông tin chi nhánh ở khung “Kết quả kinh doanh trong ngày” để xem kết quả kinh doanh trong ngày
- Nhấn chọn thông tin chi nhánh và thời gian ở khung “Doanh thu bán hàng” để xem kết quả kinh doanh thống kê theo chi nhánh và khoảng thời gian
- Nhấn chọn thời gian ở khung “Top sản phẩm” để xem các sản phẩm bán chạy
- Nhấn chọn thông tin chi nhánh ở khung “Thông tin kho” để xem thống kê tồn kho của chi nhánh
Hình 3.3: Giao diện bán hàng
- Trang bán tại quầy hiển thị giao diện bán hàng cho người dùng trong hệ thống
- Nhấn “Tìm kiếm sản phẩm” và chọn sản phẩm thêm vào giỏ hàng, thay đổi số lượng sản phẩm trong giỏ hàng
- Nhấn “Tìm kiếm khách hàng” để thêm thông tin khách hàng
- Nhập tiền khách đưa ở mục “Nhập tiền khách trả”
- Chọn hình thức thanh toán
- Nhấn “Thanh toán” để hoàn thành tạo đơn hàng mới
3.1.4 Giao diện quản lý đơn hàng
Hình 3.4: Giao diện danh sách đơn hàng
- Trang danh sách đơn hàng hiển thị giao diện để người dùng xử lý đơn hàng
- Nhấn tìm kiếm đơn hàng trên thanh tìm kiếm, chọn lọc theo trạng thái đơn, ngày tạo đơn,
- Nhấn chọn đơn hàng để xem chi tiết và thao tác xử lý như hoàn thành đơn giao, hủy đơn giao
- Nhấn nút “Tạo đơn hàng” để tạo đơn hàng mới, hệ thống hiển thị trang “Tạo đơn hàng”
28 Hình 3.5: Giao diện tạo đơn hàng
- Trang tạo đơn hàng hiển thị giao diện để người dùng tạo đơn với trường hợp mua online
- Tìm kiếm thông tin khách hàng tại thanh tìm kiếm “Thông tin khách hàng”
- Tìm kiếm sản phẩm, thêm sản phẩm vào giỏ, điều chỉnh số lượng sản phẩm tại khung
- Thêm thông tin đơn hàng ở mục bên phải
- Thêm thông tin thanh toán của khách hàng ở khung “Thanh toán”
- Nhấn nút “Xem danh sách đơn hàng” để quay lại trang “Danh sách đơn hàng”
3.1.5 Giao diện quản lý sản phẩm
Hình 3.6: Giao diện danh sách sản phẩm
- Trang danh sách sản phẩm hiển thị tất cả sản phẩm cho người dùng thao tác
- Tìm kiếm sản phẩm trên thanh tìm kiếm, sử dụng bộ lọc để lọc sản phẩm
- Chọn sản phẩm để thao tác như xem thông tin chi tiết, sửa, xóa sản phẩm
- Nhấn chọn “Thêm sản phẩm ” để chuyển sang trang “Thêm sản phẩm mới”
30 Hình 3.7: Giao diện thêm sản phẩm
- Trang “Thêm sản phẩm” hiển thị các trường thông tin để thêm sản phẩm
- Nhập thông tin sản phẩm, thông tin kho, phân loại sản phẩm
- Nhấn nút “Thêm” để thêm sản phẩm mới vào hệ thống
- Nhấn nút “Xem danh sách sản phẩm” để quay lại trang “Danh sách sản phẩm”
3.1.6 Giao diện quản lý khách hàng
Hình 3.8: Giao diện danh sách khách hàng
- Trang “Khách hàng” hiển thị thông tin khách hàng trên hệ thống
- Tìm kiếm khách hàng bằng thanh tìm kiếm, sử dụng bộ lọc để lọc danh sách khách hàng
- Nhấn chọn thông tin khách hàng để xem chi tiết, sửa, xóa
- Nhấn nút “Thêm khách hàng” để chuyển đến trang “Thêm khách hàng”
32 Hình 3.9: Giao diện thêm khách hàng
- Trang “Thêm khách hàng” hiển thị các trường thông tin để thêm khách hàng mới
- Nhập thông tin khách hàng tại khung “Thông tin khách hàng”
- Nhập thông tin địa chỉ tại khung “Thông tin địa chỉ”
- Chọn các thiết lập về chính sách giá, thuế, chiết khấu tại khung “Cài đặt”
- Nhấn nút “Thêm” để thêm khách hàng mới vào hệ thống
- Nhấn nút “Hủy”, “Xem danh sách khách hàng” để quay lại trang “Danh sách khách hàng”
33 Hình 3.10: Giao diện danh sách nhóm khách hàng
- Trang “Nhóm khách hàng” hiển thị danh sách nhóm khách hàng trong hệ thống
- Nhấn chọn nhóm khách hàng để xem thông tin chi tiết, sửa, xóa nhóm
- Nhấn nút “Thêm nhóm khách hàng” để chuyển sang trang “Thêm nhóm khách hàng”
34 Hình 3.11: Giao diện thêm nhóm khách hàng
- Trang “Thêm nhóm khách hàng” hiển thị giao diện để thêm thông tin nhóm khách hàng mới
- Điền thông tin nhóm khách hàng tại các khung “Thông tin khách hàng mới”, “Cài đặt”
- Nhấn nút “Thêm” để thêm nhóm khách hàng mới
- Nhấn nút “Hủy”, “Xem danh sách nhóm khách hàng” để quay lại giao diện trang “Danh sách nhóm khách hàng”
3.1.7 Giao diện quản lý sổ quỹ
Hình 3.12: Giao diện tổng hợp sổ quỹ
- Trang “Tổng hợp sổ quỹ” hiển thị danh sách phiếu thu, phiếu chi
- Sử dụng thanh tìm kiếm, bộ lọc theo loại phiếu để tìm kiếm thông tin phiếu thu chi
- Nhấn chọn để xem thông tin chi tiết, sửa, xóa
- Nhấn nút “Xem báo cáo” để chuyển sang giao diện trang “Báo cáo”
36 Hình 3.13: Giao diện tạo phiếu thu
- Trang “Phiếu thu” hiển thị giao diện để thêm thông tin phiếu thu mới
- Điền thông tin chung phiếu thu, giá trị ghi nhận, thông tin chi nhánh
- Nhấn “Lưu” để thêm phiếu thu mới
- Nhấn “Hủy”, “Xem danh sách phiếu thu” để quay lại giao diện trang “Tổng hợp sổ quỹ”
37 Hình 3.14: Giao diện tạo phiếu chi
- Trang “Phiếu chi” hiển thị giao diện để thêm thông tin phiếu chi mới
- Điền thông tin chung phiếu chi, giá trị ghi nhận, thông tin chi nhánh
- Nhấn “Lưu” để thêm phiếu chi mới
- Nhấn “Hủy”, “Xem danh sách phiếu chi” để quay lại giao diện trang “Tổng hợp sổ quỹ”
3.1.8 Giao diện quản lý báo cáo
Hình 3.15: Giao diện danh sách báo cáo
- Trang “Danh sách báo cáo” hiển thị thông tin các loại báo cáo doanh thu, báo cáo đơn hàng, báo cáo tồn kho, báo cáo thống kê khách hàng, báo cáo thu chi
- Nhấn chọn loại báo cáo để xem thông tin thống kê theo từng loại báo cáo
- Sử dụng bộ lọc để hiển thị danh sách báo cáo theo yêu cầu
3.1.9 Giao diện quản lý khuyến mãi
Hình 3.16: Giao diện tạo khuyến mãi
- Trang “Tạo khuyến mãi” hiển thị giao diện để tạo khuyến mãi mới
- Điền thông tin chung, thông tin áp dụng, thời gian áp dụng của khuyến mãi
- Nhấn nút “Lưu” để thêm khuyến mãi mới vào hệ thống
- Nhấn nút “Hủy”, “Xem danh sách khuyến mãi” để chuyển sang giao diện “Danh sách khuyến mãi”
3.1.10 Giao diện quản lý hệ thống
Hình 3.17: Giao diện quản lý nhân viên
- Trang “Quản lý nhân viên” hiển thị danh sách nhân viên trong hệ thống
- Sử dụng thanh tìm kiếm, bộ lọc để tìm kiếm nhân viên
- Nhấn chọn nhân viên để xem thông tin chi tiết, sửa, xóa nhân viên
- Nhấn nút “Phân quyền” để phân quyền cho nhân viên
- Nhấn nút “Thêm nhân viên” để chuyển đến giao diện trang “Thêm nhân viên”
41 Hình 3.18: Giao diện thêm nhân viên
- Trang “Thêm nhân viên” hiển thị giao diện thông tin thêm nhân viên mới
- Điền thông tin tại các khung “Thông tin nhân viên”, “Thông tin chi nhánh”
- Nhấn nút “Thêm” để thêm nhân viên mới, nhấn “Hủy” để quay lại trang “Quản lý nhân viên”
42 Hình 3.19: Giao diện quản lý chi nhánh
- Trang “Quản lý chi nhánh” hiển thị danh sách chi nhánh trong hệ thống
- Sử dụng thanh tìm kiếm, bộ lọc để tìm kiếm thông tin chi nhánh
- Nhấn chọn chi nhánh để xem thông tin chi tiết, sửa, xóa
- Nhấn nút “Thêm chi nhánh” để chuyển đến giao diện trang “Thêm chi nhánh”
43 Hình 3.20: Giao diện thêm mới chi nhánh
- Trang “Thêm chi nhánh” hiển thị giao diện thông tin thêm chi nhánh mới
- Điền thông tin tại các khung “Thông tin chi nhánh”, “Thiết lập chi nhánh”
- Nhấn nút “Thêm” để thêm chi nhánh mới, nhấn “Hủy” để quay lại trang “Quản lý chi nhánh”.
Thiết kế cơ sở dữ liệu
3.2.1 Mô hình thực thể liên kết
44 Hình 3.21: Mô hình thực thể liên kết
3.2.2 Mô tả chi tiết các bảng dữ liệu
- Bảng người dùng: Dùng cho lưu trữ thông tin người dùng là chủ, quản lí, nhân viên
• Mã người dùng: phân biệt tài khoản người dùng trong hệ thống
• Họ và tên: lưu tên người dùng trong hệ thống
• Ảnh đại diện: lưu ảnh đại diện của người dùng
• Mật khẩu: lưu mật khẩu người dùng để xác thực đăng nhập
• Email: lưu email người dùng để xác thực đăng nhập
• Số điện thoại: lưu số điện thoại của người dùng
• Giới tính: lưu giới tính của người dùng
• Ngày sinh: lưu ngày sinh của người dùng
• Khu vực: lưu khu vực tỉnh, thành phố
• Địa chỉ: lưu địa chỉ cụ thể, quận, huyện
• Ngày tạo: lưu ngày tạo tài khoản người dùng
• Người tạo: lưu người tạo tài khoản người dùng
• Phân quyền: lưu phân quyền người dùng hệ thống và quản trị hệ thống
• Chức vụ: lưu chức vụ của người dùng
• Thao tác: lưu các module được phép truy cập
• Mã chi nhánh: lưu thông tin chi nhánh mà người dùng làm việc
- Bảng chi nhánh: Dùng cho lưu trữ thông tin chi nhánh
• Mã chi nhánh: phân biệt các chi nhánh trong hệ thống
• Tên chi nhánh: lưu tên của chi nhánh
• Khu vực: lưu khu vực tỉnh, thành phố
• Địa chỉ: lưu địa chỉ cụ thể, quận, huyện
• Số điện thoại: lưu số điện thoại của chi nhánh
• Mặc định: lưu trạng thái chi nhánh mặc định hay chi nhánh phụ
- Bảng thông tin kho: Dùng cho lưu trữ thông tin kho
• Mã kho: phân biệt các kho
• Tồn kho: lưu số lượng tồn kho của các sản phẩm
• Được bán: lưu số lượng được phép bán của các sản phẩm
• Mã chi nhánh: lưu mã chi nhánh mà kho trực thuộc
- Bảng sản phẩm: Dùng cho lưu trữ thông tin sản phẩm
• Mã sản phẩm: phân biệt các sản phẩm trong hệ thống
• Mã kho: lưu thông tin kho chứa sản phẩm
• Mã danh mục: lưu thông tin danh mục của sản phẩm
• Mã đơn vị cung cấp: lưu thông tin đơn vị cung cấp
• Tên sản phẩm: lưu tên của sản phẩm
• Hình ảnh: lưu hình ảnh của sản phẩm
• Mô tả: lưu mô tả về sản phẩm
• Thuộc tính: lưu các thuộc tính của sản phẩm
• Khối lượng: lưu thông tin khối lượng sản phẩm
• Đơn vị tính: lưu đơn vị tính cho sản phẩm
• Giá bán: lưu giá bán sản phẩm
• Giá nhập: lưu giá nhập sản phẩm
• Thuế: lưu thuế trên sản phẩm
• Chiết khấu: lưu chiết khấu sản phẩm
• Ngày tạo: lưu ngày tạo sản phẩm
• Ngày chỉnh sửa: lưu ngày chỉnh sửa phiên bản sản phẩm
• Hạn sử dụng: lưu hạn sử dụng sản phẩm
• Số lượng trong kho: lưu số lượng tồn kho của sản phẩm
• Số lượng được bán: lưu số lượng được phép bán của sản phẩm
• Trạng thái: lưu trạng thái sản phẩm hiện tại
- Bảng danh mục sản phẩm: Dùng cho lưu trữ thông tin danh mục sản phẩm
• Mã danh mục: phân biệt các danh mục sản phẩm trong hệ thống
• Tên danh mục: lưu tên của danh mục
• Mô tả: lưu mô tả về danh mục
• Ngày tạo: lưu ngày khởi tạo danh mục
• Ngày chỉnh sửa: lưu ngày chỉnh sửa phiên bản danh mục sản phẩm
• Trạng thái: lưu trạng thái danh mục hiện tại
- Bảng nhà cung cấp: Dùng cho lưu trữ thông tin nhà cung cấp sản phẩm
• Mã nhà cung cấp: phân biệt các nhà cung cấp trong hệ thống
• Tên nhà cung cấp: lưu tên nhà cung cấp
• Email: lưu email nhà cung cấp
• Số điện thoại: lưu số điện thoại nhà cung cấp
• Trạng thái: lưu trạng thái của nhà cung cấp đối với hệ thống
• Công nợ: lưu công nợ nhà cung cấp
- Bảng khách hàng: Dùng cho lưu trữ thông tin khách hàng trong hệ thống
• Mã khách hàng: phân biệt khách hàng trong hệ thống
• Họ và tên: lưu tên khách hàng
• Email: lưu email liên hệ khách hàng
• Số điện thoại: lưu số điện thoại của khách hàng
• Giới tính: lưu giới tính khách hàng
• Ngày sinh: lưu thông tin ngày sinh khách hàng
• Khu vực: lưu khu vực tỉnh, thành phố
• Địa chỉ: lưu địa chỉ cụ thể, quận, huyện
• Chi tiêu: lưu số chi tiêu của khách hàng
• Công nợ: lưu công nợ khách hàng
• Ngày tạo: lưu ngày tạo khác hàng thêm vào hệ thống
• Nhóm khách hàng: lưu mã nhóm khách hàng
- Bảng nhóm khách hàng: Dùng cho lưu trữ thông tin nhóm khách hàng trong hệ thống
• Mã nhóm khách hàng: phân biệt các nhóm khách hàng trong hệ thống
• Tên nhóm: lưu tên nhóm khách hàng
• Mô tả: lưu mô tả về nhóm khách hàng
• Ngày tạo nhóm: lưu ngày tạo nhóm khách hàng
• Giá mặc định: lưu giá mặc định cho nhóm khách hàng
• Chiết khấu: lưu chiết khấu giảm giá cho nhóm khách hàng
- Bảng khuyến mãi: Dùng cho lưu trữ thông tin chương trình khuyến mãi
• Mã khuyến mãi: phân biệt các chương trình khuyến mãi
• Tên khuyến mãi: lưu tên chương trình khuyến mãi
• Số lượng áp dụng: lưu số lượng áp dụng cho chương trình
• Chọn phương thức: lưu phương thức áp dụng khuyến mãi
• Thời gian: lưu thời gian áp dụng
• Sản phẩm: lưu mã các sản phẩm áp dụng
• Chi nhánh áp dụng: lưu chi nhánh áp dụng khuyến mãi
• Đối tượng: lưu đối tượng khách hàng, nhóm khách hàng áp dụng
• Chiết khấu: lưu thông tin chiết khấu, sản phẩm khuyến mãi
- Bảng đơn hàng: Dùng cho lưu trữ đơn hàng trong hệ thống
• Mã đơn hàng: phân biệt đơn hàng trong hệ thống
• Mã khách hàng: lưu mã khách hàng
• Mã đơn vị vận chuyển: lưu mã đơn vị vận chuyển
• Địa chỉ nhận hàng: lưu địa chỉ nhận khi giao hàng
• Tổng giá đơn: lưu tổng giá đơn hàng
• Thuế: lưu thuế trên đơn hàng
• Phí vận chuyển: lưu phí vận chuyển đơn hàng
• Phương thức thanh toán: lưu phương thức thanh toán
• Ngày tạo: lưu ngày tạo đơn
• Trạng thái đơn hàng: lưu trạng thái đơn hàng
• Mã khuyến mãi: lưu mã khuyến mãi áp dụng
- Bảng chi tiết đơn hàng: Dùng cho lưu trữ thông tin chi tiết của đơn hàng
• Mã chi tiết đơn hàng: phân biệt các chi tiết đơn hàng trong đơn hàng
• Mã đơn hàng: lưu mã đơn hàng
• Mã sản phẩm: lưu mã sản phẩm trong chi tiết đơn hàng
• Tên sản phẩm: lưu tên sản phẩm
• Giá sản phẩm: lưu giá sản phẩm
• Chiết khấu: lưu chiết khấu giảm giá
• Số lượng: lưu số lượng sản phẩm
- Bảng đơn vị vận chuyển: Dùng cho lưu trữ thông tin đơn vị vận chuyển
• Mã đơn vị: phân biệt đơn vị vận chuyển trong hệ thống
• Tên đơn vị: lưu tên đơn vị
• Số điện thoại: lưu số điện thoại đơn vị
• Trạng thái: lưu trạng thái của đơn vị trong hệ thống
• Công nợ: lưu công nợ đơn vị
- Bảng hóa đơn: Dùng cho lưu trữ hóa đơn bán hàng
• Mã hóa đơn: phân biệt hóa đơn trong hệ thống
• Mã đơn hàng: lưu mã đơn hàng
• Mã nhân viên: lưu thông tin nhân viên thực hiện
- Bảng phiếu thu: Dùng cho lưu trữ thu nhập của hệ thống
• Mã phiếu: phân biệt các phiếu thu trong hệ thống
• Người tạo phiếu: lưu trữ thông tin người tạo phiếu
• Nhóm người nộp: lưu trữ thông tin nhóm người nộp
• Tên người nộp: lưu trữ thông tin người nộp
• Loại phiếu: lưu trữ thông tin loại phiếu
• Giá trị: lưu trữ giá trị ghi nhận
• Hình thức thanh toán: lưu trữ phương thức thanh toán
• Chi nhánh: lưu trữ chi nhánh ghi nhận
• Ngày ghi nhận: lưu trữ ngày ghi nhận
- Bảng phiếu chi: Dùng cho lưu trữ chi tiêu của hệ thống
• Mã phiếu: phân biệt các phiếu chi trong hệ thống
• Người tạo phiếu: lưu trữ thông tin người tạo phiếu
• Nhóm người nhận: lưu trữ thông tin nhóm người nhận
• Tên người nhận: lưu trữ thông tin người nhận
• Loại phiếu: lưu trữ thông tin loại phiếu
• Giá trị: lưu trữ giá trị ghi nhận
• Hình thức thanh toán: lưu trữ phương thức thanh toán
• Chi nhánh: lưu trữ chi nhánh ghi nhận
• Ngày ghi nhận: lưu trữ ngày ghi nhận
Quy trình nghiệp vụ bán hàng
Hình 3.22: Activity diagram cho nghiệp vụ bán hàng
Kiến trúc của hệ thống
Hệ thống được chia làm hai thành phần theo mô hình Client - Server Trong đó:
- Server là phần xử lý yêu cầu từ người dùng, thao tác dữ liệu đối với database
- Client là người dùng cuối, là giao diện website người dùng (giao diện trang quản lý)
Sử dụng kiến trúc dữ liệu theo mô hình chung của các phần mềm quản lý hiện nay Kiến trúc chung đều có cấu trúc theo module, mỗi module có một tập hợp các chức năng Các module có thể hoạt động độc lập nhưng do bản chất của hệ thống quản lý nên các module có thể kết nối với nhau để tự động chia sẻ dữ liệu nhằm tạo nên một hệ thống đồng nhất
- Giao diện người dùng là tầng giao tiếp với người sử dụng thông qua việc cung cấp các giao diện, dùng các api để gọi dịch vụ
- Tầng dịch vụ bao gồm các module chức năng có sự kết nối với nhau, cho phép gọi dịch vụ giữa các module Thực hiện các yêu cầu với tầng dữ liệu và trả về thông tin cho người dùng
• Home: xử lý yêu cầu chức năng thao tác trang tổng quan, cung cấp các api truy cập báo cáo, doanh số, kho sản phẩm
• Authenticate: xử lý yêu cầu chức năng xác thực, phân quyền người dùng
• Product Management: xử lý yêu cầu chức năng về quản lý sản phẩm, thông tin sản phẩm kho
• Customer Management: xử lý yêu cầu chức năng về quản lý khách hàng, nhóm khách hàng
• Promotion Management: xử lý yêu cầu chức năng về khuyến mãi
• Order Management: xử lý yêu cầu chức năng tạo đơn hàng, quản lý đơn hàng
• Sale Management: xử lý yêu cầu chức năng theo dõi sổ quỹ, thông tin thu chi
• Report Management: xử lý yêu cầu chức năng quản lý báo cáo, xuất báo cáo
• System Management: xử lý các yêu cầu chức năng về quản lý chi nhánh, nhân viên
- Tầng dữ liệu là nơi cho phép hệ thống khai thác các dữ liệu để thực hiện được các yêu cầu từ người dùng thông qua giao diện các chức năng ở tầng ứng dụng Với các hệ thống quản lý hiện nay, các dữ liệu hệ thống đang khai thác thường là những dữ liệu truyền thống dữ liệu có có cấu trúc
51 Hình 4.1: Kiến trúc mô hình Client – Server của hệ thống
Kỹ thuật công nghệ ứng dụng để giải quyết
Cơ sở dữ liệu: MySQL
- MySQL là hệ quản trị cơ sở dữ liệu quan hệ mã nguồn mở phổ biến hàng đầu trên thế giới và đặc biệt được ưa chuộng trong quá trình xây dựng, phát triển ứng dụng Đây là hệ quản trị cơ sở dữ liệu tốc độ cao, ổn định và dễ sử dụng, có khả năng thay đổi mô hình sử dụng phù hợp với điều kiện công việc
- Những ưu điểm của MySQL:
• Sử dụng dễ dàng: MySQL là cơ sở dữ liệu tốc độ cao và ổn định, công cụ này dễ sử dụng và hoạt động trên nhiều hệ điều hành cung cấp hệ thống lớn các hàm tiện ích
• Tính bảo mật cao: MySQL phù hợp với các ứng dụng có truy cập cơ sở dữ liệu trên internet vì nó sở hữu nhiều tính năng bảo mật, thậm chí là bảo mật cấp cao
• Khả năng mở rộng mạnh mẽ: Công cụ MySQL có khả năng xử lý khối dữ liệu lớn và có thể mở rộng khi cần thiết
• MySQL bị hạn chế dung lượng, cụ thể, khi số bản ghi của người dùng lớn dần, sẽ gây khó khăn cho việc truy xuất dữ liệu, khiến người dùng cần áp dụng nhiều biện pháp để tăng tốc độ chia sẻ dữ liệu như chia tải database ra nhiều server, hoặc tạo cache MySQL
• So với Microsoft SQL Server hay Oracle, độ bảo mật của MySQL chưa cao bằng
Và quá trình Restore cũng có phần chậm hơn Tuy nhiên, những nhược điểm này không đáng kể với những hệ quản trị nội dung cỡ trung, bởi chỉ những hệ thống lớn hoặc rất lớn mới phát sinh các yêu cầu phức tạp hơn.
Công nghệ lập trình back-end: PHP (Codeigniter Framework)
5.2.1 Giới thiệu về Codeigniter Framework
- Codeigniter hay Codeigniter Framework là một trong các framework thiết kế web mã nguồn mở được ưa chuộng hiện nay, bên cạnh Laravel, Drupal, Magento,… Framework này được viết bằng ngôn ngữ lập trình PHP theo mô hình MVC và cho ra mắt phiên bản đầu tiên vào năm 2006 với một loạt thư viện viết sẵn bằng ngôn ngữ PHP Tính đến thời điểm hiện tại thì Codeigniter đang được phát triển bởi ExpressionEngine Development Team thuộc EllisLab, Inc
53 Hình 5.1: Mô hình của Codeigniter Framework [4]
- Hệ thống thư viện đa dạng: Codeigniter Framework cung cấp các thư viện phục vụ cho các tác vụ thường gặp nhất trong lập trình web, cụ thể như việc truy cập cơ sở dữ liệu, gửi mail, kiểm tra cơ sở dữ liệu và xử lý hình ảnh,…
- Footprint nhỏ: Dung lượng của CodeIgniter 3 chỉ tốn khoảng 2MB khi tải về bao gồm cả file cài đặt lẫn hướng dẫn sử dụng Codeigniter Framework
- Hướng dẫn sử dụng vô cùng rõ ràng, dễ hiểu: Hướng dẫn CodeIgniter được đính kèm cùng với file tải xuống Nó gồm có phần giới thiệu, hướng dẫn và tài liệu tham khảo cho những nhà lập trình viên dùng để hoàn thiện website của mình
- Khả năng tương thích với lưu trữ đạt chuẩn: CodeIgniter 3 chỉ cần ngôn ngữ PHP 5.3.7 và có thể hoạt động tương thích với hầu hết các hosting chia sẻ hoặc hosting riêng Rất nhiều ứng dụng web cần đến một cơ sở dữ liệu và CodeIgniter cũng hỗ trợ điều này bao gồm cả ngôn ngữ MySQL
- Codeigniter Framework được thiết kế theo mô hình Model-View-Controller (MVC) giúp tách phần hiển thị giao diện và xử lý của một phần mềm thành nhiều phần độc lập
Từ đó giúp cho việc thiết kế, xử lý cũng như bảo trì mã nguồn một cách dễ dàng hơn
- Cấu hình gần như bằng không: Đa số cấu hình CodeIgniter được thực hiện theo quy ước, cụ thể như việc đặt mô hình trong một mô hình thư mục Ngoài ra còn có một số tùy chọn cấu hình sẵn có thông qua các tập lệnh bên trong thư mục “config”
- Tốc độ vô cùng nhanh chóng: CodeIgniter được đánh giá là 1 PHP framework có tốc độ nhanh, chúng có thể đáp ứng được hàng triệu lượt truy cập trên một ngày
- Codeigniter Framework hoàn toàn miễn phí: Chúng được cấp phát hành dưới giấy phép Apache/BSD mở rộng cho phép người dùng tự do thay đổi, phát triển cũng như phân phối mã nguồn mở đó theo sự sáng tạo của bản thân mình
- Hỗ trợ tốt nhất cho SEO: Cấu trúc URL của CodeIgniter vô cùng thân thiện với các công cụ tìm kiếm Đương nhiên điều này giúp cho trang web tăng thứ hạng nhanh hơn mà không cần thiết phải đầu tư quá nhiều về phần mềm hay công cụ
- Khả năng bảo mật hệ thống: Cơ chế kiểm tra dữ liệu chặt chẽ, ngăn ngừa XSS và SQL Injection của CodeIgniter giúp giảm thiểu đáng kể những nguy cơ xâm nhập và làm hại tới hệ thống
5.2.2 Kiến trúc cơ bản của Codeigniter Framework
- Sau khi cài đặt và giải nén Codeigniter sẽ có các thư mục cấu trúc các folder codeigniter như sau:
Hình 5.2: Cấu trúc thư mục của Codeigniter Framework [4]
• Tập tin index.php được xem như controller đầu vào, tiếp nhận các yêu cầu từ phía client và chuyển các yêu cầu này cho hệ thống xử lý
• Thư mục application: Dành cho lập trình viên, các tập tin được lập trình cho ứng dụng sẽ lưu trong thư mục này
• Thư mục application/config: chứa các tập tin cấu hình hệ thống
• Thư mục application/controllers: chứa các lớp controller
• Thư mục application/errors: chứa các tập tin lỗi
• Thư mục application/helpers: chứa các hàm tiện ích do người dùng định nghĩa
• Thư mục application/hooks: chứa các tập tin để mở rộng mã nguồn CodeIgniter
• Thư mục application/language: chứa các tập tin ngôn ngữ
• Thư mục application/libraries: chứa các thư viện cho người dùng dùng định nghĩa
• Thư mục application/models: chứa các lớp model
• Thư mục application/views: chứa các lớp view Ta cũng có thể đổi tên của thư mục application tùy ý Sau khi đổi tên, cần thiết lập tên mới cho biến
$application_folder trong tập tin index.php
- Tổ chức dữ liệu trong Codeigniter:
Hình 5.3: Tổ chức dữ liệu trong Codeigniter [4]
• Tập tin index.php đóng vai trò làm controller đầu vào, thiết lập các tài nguyên cần thiết cho hệ thống
• Routing: Điều hướng giúp xác định các yêu cầu và hướng xử lý đối với chúng
• Caching: Nếu dữ liệu được yêu cầu đã được lưu trong bộ đệm, CodeIgniter sẽ trả dữ liệu trong bộ đệm về phía client Quá trình xử lý kết thúc
• Security: Dữ liệu trước khi được chuyển đến các Controller sẽ được lọc để phòng chống XXS hoặc SQL Injection
• Application Controller: Controller xử lý dữ liệu nhận được bằng cách gọi đến các Models, Libraries, Helpers, Plugins có liên quan
• View: Dữ liệu được chuyển qua View để hiển thị cho người dùng Nếu chức năng caching được bật, dữ liệu sẽ được lưu trong cache cho những lần yêu cầu tiếp theo.
Công nghệ lập trình front-end: Jquery
- jQuery là một thư viện JavaScript đa tính năng, nhỏ gọn, nhanh, được tạo bởi John Resig vào năm 2006 với một phương châm hết sức ý nghĩa: Write less, do more - Viết ít hơn, làm nhiều hơn jQuery đơn giản hóa việc duyệt tài liệu HTML, xử lý sự kiện, hoạt ảnh và tương tác Ajax để phát triển web nhanh chóng Các phân tích web đã chỉ ra rằng, jQuery là thư viện JavaScript được triển khai rộng rãi nhất
- jQuery là một bộ công cụ JavaScript được thiết kế để đơn giản hóa các tác vụ khác nhau bằng cách viết ít code hơn Dưới đây liệt kê một số tính năng tối quan trọng được hỗ trợ bởi jQuery:
• Thao tác DOM: jQuery giúp dễ dàng lựa chọn các phần tử DOM để traverse (duyệt) một cách dễ dàng như sử dụng CSS, và chỉnh sửa nội dung của chúng bởi sử dụng phương tiện Selector mã nguồn mở, mà được gọi là Sizzle
• Xử lý sự kiện: jQuery giúp tương tác với người dùng tốt hơn bằng việc xử lý các sự kiện đa dạng mà không làm cho HTML code rối tung lên với các Event Handler
• Hỗ trợ AJAX: jQuery giúp bạn rất nhiều để phát triển một site giàu tính năng và phản hồi tốt bởi sử dụng công nghệ AJAX
• Gọn nhẹ: jQuery là thư viện gọn nhẹ - nó chỉ có kích cỡ khoảng 19KB (gzipped)
• Được hỗ trợ hầu hết bởi các trình duyệt hiện đại − jQuery được hỗ trợ hầu hết bởi các trình duyệt hiện đại, và làm việc tốt trên IE 6.0+, FF 2.0+, Safari 3.0+, Chrome và Opera 9.0+
• Cập nhật và hỗ trợ các công nghệ mới nhất − jQuery hỗ trợ CSS3 Selector và cú pháp XPath cơ bản
Hiện thực
Chức năng đăng nhập
- Truy cập vào trang đăng nhập của hệ thống Giao diện trang đăng nhập hiển thị:
Hình 6.1: Chức năng đăng nhập
- Nhập thông tin đăng nhập gồm:
• Email: Tài khoản email của người dùng được lưu trữ trong hệ thống
• Mật khẩu: Mật khẩu đăng nhập vào hệ thống
- Nhấn nút ĐĂNG NHẬP để vào hệ thống cửa hàng Đăng nhập thành công chuyển đến trang Tổng quan.
Chức năng hiển thị thông tin tổng quan
- Người dùng đăng nhập thành công và chuyển đến trang Tổng quan
• Xem nhanh báo cáo trong ngày về doanh thu, đơn hàng mới, đơn trả hàng
• Thay đổi chọn chi nhánh, thời gian để so sánh doanh thu
Hình 6.2: Thông tin trang tổng quan về doanh thu
- Nhấn mở rộng “+” ở top sản phẩm và thông tin kho để xem nhanh báo cáo thống kê top sản phẩm, thông tin kho
Hình 6.3: Thông tin top sản phẩm và kho
Chức năng tạo đơn bán hàng
- Nhấn chọn mục Bán tại quầy trên thanh menu bên trái Giao diện bán hàng, tạo đơn hàng mới:
Hình 6.4: Tạo đơn bán hàng
- Tìm kiếm thông tin sản phẩm, thông tin khách hàng và nhấn Thanh toán để hoàn thành đơn Nhấn Hủy để quay lại trang Tổng quan
Module sản phẩm
6.4.1 Chức năng quản lý sản phẩm
- Mở rộng mục Sản phẩm ở thanh menu bên trái, chọn Danh sách sản phẩm
Hình 6.5: Hiển thị danh sách sản phẩm
- Thay đổi các cột thông tin hiển thị ở nút Hiển thị, tìm kiếm sản phẩm, xem chi tiết, sửa, xóa sản phẩm
Hình 6.6: Thao tác với sản phẩm
6.4.2 Chức năng thêm mới sản phẩm
- Tại trang Danh sách sản phẩm, nhấn nút Thêm sản phẩm Giao diện trang Thêm sản phẩm:
Hình 6.7: Thêm sản phẩm mới
- Nhập thông tin sản phẩm hoặc chọn các thông tin đề xuất Nhấn Lưu để hoàn thành thêm sản phẩm, nhấn Hủy để quay lại trang Danh sách sản phẩm
Hình 6.8: Lưu sản phẩm mới
6.4.3 Chức năng quản lý danh mục sản phẩm
- Tại trang Danh sách sản phẩm, nhấn nút Quản lý loại sản phẩm Giao diện quản lý loại sản phẩm:
Hình 6.9: Hiển thị danh sách loại sản phẩm
6.4.4 Chức năng thêm loại sản phẩm
- Tại trang Danh sách loại sản phẩm, nhấn nút Thêm loại sản phẩm Giao diện trang Thêm loại sản phẩm:
Hình 6.10: Thêm loại sản phẩm
- Nhập thông tin loại sản phẩm, nhấn Lưu để hoàn thành thêm loại sản phẩm mới
6.4.5 Chức năng quản lý kho sản phẩm
- Mở rộng mục Sản phẩm trên thanh menu bên trái, nhấn chọn Quản lý kho
- Chọn chi nhánh để quản lý kho theo từng chi nhánh, thao tác tìm kiếm, sửa, xóa sản phẩm trong kho
6.4.6 Chức năng lưu trữ sản phẩm trong thùng rác
- Mở rộng mục Sản phẩm trên thanh menu bên trái, nhấn chọn Thùng rác Hiển thị danh sách các sản phẩm đã tạm xóa khỏi kho
Hình 6.12: Thùng rác sản phẩm
- Nhấn Khôi phục để khôi phục sản phẩm lại kho, nhấn Xóa để xóa vĩnh viễn sản phẩm khỏi hệ thống
Module khách hàng
6.5.1 Chức năng quản lý khách hàng
- Mở rộng mục Khách hàng trên thanh menu bên trái, nhấn chọn Khách hàng
- Điều chỉnh hiển thị thông tin, tìm kiếm, xem chi tiết, sửa xóa khách hàng
Hình 6.13: Quản lý khách hàng
6.5.2 Chức năng thêm khách hàng
- Tại trang Danh sách khách hàng, nhấn nút Thêm khách hàng Giao diện thêm mới khách hàng:
Hình 6.14: Thêm khách hàng mới
- Nhấn Lưu để thêm khách hàng mới vào hệ thống, nhấn Hủy để quay lại trang Danh sách khách hàng
6.5.3 Chức năng quản lý nhóm khách hàng
- Mở rộng mục Khách hàng trên thanh menu bên trái, nhấn chọn Nhóm khách hàng
- Điều chỉnh hiển thị thông tin, tìm kiếm, xem chi tiết, sửa xóa nhóm khách hàng
Hình 6.15: Quản lý nhóm khách hàng
6.5.4 Chức năng thêm nhóm khách hàng
- Tại trang Danh sách nhóm khách hàng, nhấn nút Thêm nhóm khách hàng Giao diện thêm mới nhóm khách hàng:
Hình 6.16: Thêm nhóm khách hàng
Module sổ quỹ
6.6.1 Chức năng quản lý thu chi
- Mở rộng mục Sổ quỹ trên thanh menu bên trái, nhấn chọn Tổng hợp sổ quỹ
- Tìm kiếm, xem thông tin chi tiết các phiếu thu chi của hệ thống
Hình 6.17: Quản lý thu chi
6.6.2 Chức năng tạo phiếu thu
- Mở rộng mục Sổ quỹ trên thanh menu bên trái hoặc trong trang Tổng hợp sổ quỹ, nhấn chọn Phiếu thu Giao diện trang tạo phiếu thu:
6.6.3 Chức năng tạo phiếu chi
- Mở rộng mục Sổ quỹ trên thanh menu bên trái hoặc trong trang Tổng hợp sổ quỹ, nhấn chọn Phiếu chi Giao diện trang tạo phiếu chi:
Module khuyến mãi
6.7.1 Chức năng quản lý khuyến mãi
- Nhấn chọn Khuyến mãi trên thanh menu bên trái, giao diện trang quản lý khuyến mãi:
Hình 6.20: Danh sách khuyến mãi
6.7.2 Chức năng tạo khuyến mãi
- Tại trang Danh sách khuyến mãi, nhấn nút Tạo khuyến mãi Giao diện trang tạo khuyến mãi:
- Thêm thông tin khuyến mãi, nhấn Lưu để hoàn thành tạo khuyến mãi mới, nhấn Hủy để quay lại trang Danh sách khuyến mãi,
Module quản lý hệ thống
6.8.1 Chức năng quản lý chi nhánh
- Mở rộng mục Quản lý hệ thống trên thanh menu bên trái, nhấn chọn Chi nhánh Giao diện trang quản lý chi nhánh:
Hình 6.22: Quản lý chi nhánh
6.8.2 Chức năng thêm chi nhánh
- Tại trang Danh sách chi nhánh, nhấn chọn Thêm chi nhánh Giao diện trang thêm mới chi nhánh:
- Nhấn chọn Lưu để thêm chi nhánh mới, nhấn Hủy để quay lại trang Danh sách chi nhánh
6.8.3 Chức năng quản lý nhân viên
- Mở rộng mục Quản lý hệ thống trên thanh menu bên trái, nhấn chọn Nhân viên Giao diện trang quản lý nhân viên:
Hình 6.24: Quản lý nhân viên
6.8.4 Chức năng thêm nhân viên
- Tại trang Danh sách nhân viên, nhấn chọn Thêm nhân viên Giao diện trang thêm nhân viên
Kiểm thử
Kiểm thử chức năng đăng nhập
- Phân quyền hệ thống gồm 3 vai trò: chủ hệ thống, quản lý chi nhánh, nhân viên chi nhánh
• Tài khoản chủ hệ thống: admin@gmail.com – 123456
• Tài khoản quản lý chi nhánh: quanly@gmal.com – 123456
• Tài khoản nhân viên: nhanvien@gmail.com – 123456
• Tài khoản chủ hệ thống: đăng nhập thành công, quản lý được tất cả các chi nhánh
• Tài khoản quản lý chi nhánh: đăng nhập thành công, quản lý được chi nhánh đảm nhiệm
• Tài khoản nhân viên: đăng nhập thành công, chỉ thao tác giới hạn các chức năng bán hàng, danh sách đơn hàng, danh sách sản phẩm, danh sách khách hàng
- Sử dụng Postman kiểm thử API:
Hình 7.1: Kiểm thử api login
Kiểm thử chức năng tạo đơn bán hàng
Hình 7.2: Dữ liệu tạo đơn bán hàng
- Kết quả: Thêm mới đơn hàng thành công, cơ sở dữ liệu thêm vào đơn hàng mới
Kiểm thử chức năng thêm mới sản phẩm
Hình 7.3: Dữ liệu sản phẩm
Hình 7.4: Kết quả kiểm thử thêm sản phẩm
- Sử dụng Postman kiểm thử API:
Hình 7.5: Kiểm thử API thêm sản phẩm
Kiểm thử chức năng thêm loại sản phẩm
Hình 7.6: Dữ liệu loại sản phẩm
Hình 7.7: Kết quả kiểm thử thêm loại sản phẩm
- Sử dụng Postman kiểm thử API:
Hình 7.8: Kiểm thử API thêm looại sản phẩm
Kiểm thử chức năng thêm khách hàng
Hình 7.9: Dữ liệu khách hàng
Hình 7.10: Kết quả kiểm thử thêm khách hàng
- Sử dụng Postman kiểm thử API:
Hình 7.11: Kiểm thử API thêm khách hàng
Kiểm thử chức năng thêm nhóm khách hàng
- Dữ liệu nhóm khách hàng:
Hình 7.12: Dữ liệu nhóm khách hàng
Hình 7.13: Kết quả kiểm thử thêm nhóm khách hàng
- Sử dụng Postman kiểm thử API:
Hình 7.14: Kiểm thử API thêm nhóm khách hàng
Kiểm thử chức năng tạo khuyến mãi
Hình 7.15: Dữ liệu khuyến mãi
Hình 7.16: Kết quả kiểm thử thêm khuyến mãi
- Sử dụng Postman kiểm thử API:
Hình 7.17: Kiểm thử API thêm khuyến mãi
Kiểm thử chức năng thêm chi nhánh
Hình 7.18: Dữ liệu chi nhánh
Hình 7.19: Kết quả kiểm thử thêm chi nhánh
- Sử dụng Postman kiểm thử API:
Hình 7.20: Kiểm thử API thêm chi nhánh
Kiểm thử chức năng thêm nhân viên
Hình 7.21: Dữ liệu nhân viên
Hình 7.22: Kết quả kiểm thử thêm nhân viên
- Sử dụng Postman kiểm thử API:
Hình 7.23: Kiểm thử API thêm nhân viên
Kiểm thử toàn bộ hệ thống
- Địa chỉ website lưu trữ hệ thống: https://kkcosmetic.000webhostapp.com/login
• Chủ cửa hàng: admin@gmail.com – 123456
• Quản lý: quanly@gmail.com – 123456
• Nhân viên: nhanvien@gmail.com – 123456