PHÂN TÍCH HỆ THỐNG
Sơ đồ use case
Hình 1: Sơ đồ usecase của website
Đặc tả use case
- Tác nhân: Khách vãng lai
- Chức năng: Dành người dùng ứng dụng đăng ký tài khoản để có thể sử dụng những chức năng trong ứng dụng.
- Đầu vào: Người dùng phải nhập chính xác username và password hiện thị form cho người dùng nhập thông tin Kiểm tra người dùng có bỏ trống trường nào không Nếu có sẽ có thông báo nhắc nhỡ.
- Xử lý: o Bước 1: Kích hoạt chức năng đăng ký, thực hiện đăng ký. o Bước 2: Hệ thống sẽ kiểm tra số điện thoại, emai nếu chính xác sẽ gửi mã xác nhận cho người nhập vào Nếu email không chính xác hoặc tồn tại sẽ thực hiện thông báo yêu cầu nhập lại Đăng kí thành công, sẽ hiện thị form đăng nhập thông tin đăng ký gồm: họ tên, mật khẩu và nhập lại mật khẩu. o Bước 3: Thực hiện xử lý và lưu thông tin vào dữ liệu khi hợp lệ. o Bước 4: Kiểm tra họ tên, mật khẩu có được nhập hay không sẽ có thông báo nếu nhập 2 trường đó Mật khẩu xác có trùng với mật khẩu hay không. o Bước 5: Người dùng thoát chức năng đăng ký Ứng dụng sẽ quay về màn hình đăng nhập và kết thúc việc đăng ký.
- Đầu ra: Tài khoản cho phép đăng nhập
Hình 2.2 sơ đồ use case đăng kí
- Tác nhân: Khách hàng, nhân viên
- Chức năng: Đăng nhập vào hệ thống
- Xử lý: o Bước 1: Khách hàng chọn chức năng đăng nhập o Bước 2: Form đăng nhập hiển thị o Bước 3: Thực hiện thao tác đăng nhập o Bước 4: Hệ thống kiểm tra tên đăng nhập và mật khẩu có trùng với CSDL
- Nếu người dùng nhập sai thông tin đăng nhập, sẽ chuyển sang màn hình chờ đăng nhập thất bại
- Đầu ra: Giao diện trang chủ
Hình 2.1: Sơ đồ use case đăng nhập
3 Use case thông tin cá nhân
- Chức năng: cho phép thành viên xem và cập nhật thông tin cá nhân và mật khẩu của mình
- Đầu vào: Khác hàng đã đăng đăng nhập hệ thống
- Xử lý: o Bước 1: Khách hàng chọn chức năng thiết lập tài khoản o Bước 2: Form sửa xoá thông tin cá nhân hiển thị các thông tin hiện tại của khách hàng o Bước 3: Khách hàng nhập thông tin mới o Bước 4: Nhấn lưu o Bước 5: Hệ thống kiểm tra có hợp lệ và lưu vào cơ sở dữ liệu
- Đầu ra: Thông tin mới sẽ cập nhật lại ở hệ thống
Hình 2.3 Sơ đồ use case thông tin cá nhân
4 Use case tìm kiếm sản phẩm
- Tác nhân: khách vãng lai, khách hàng
- Chức năng: Tìm kiếm sản phẩm của người dùng, cho phép tìm các sản phẩm thep yêu cầu của khách hàng
- Đầu vào: Tên sản phẩm, giá sản phẩm
- Xử lý: o Bước 1: Khách hàng nhập tên sản phẩm vào ô tìm kiếm o Bước 2: Nhận nút tìm kiếm hoặc chọn tìm kiếm theo giá o Bước 3: Hệ thống kiểm tra và trả về sản phẩm theo từ khoá mà khách hàng đã tìm
- Đầu ra: Sản phẩm cần tìm của khách
Hình 2.4 sơ đồ usecase tìm kiếm sản phẩm
- Chức năng: Khách hàng đã chọn mua sản phẩm ở trong giỏ hàng
- Xử lý: o Bước 1: Khách hàng xem thông tin sản phẩm trong giỏ hàng đã chọn o Bước 2: Khách hàng cập nhật thêm vớt số lượng sản phẩm muốn mua o Bước 3: Nhấn nút cập nhật hoặc xoá sản phẩm ra khỏi giỏ hàng o Bước 4: Trở về giao diện giỏ hàng
- Đầu ra: Cập nhật lại sản phẩm trong giỏ hàng
Hình 2.5 Sơ đồ use case giỏ hàng
- Tác nhân: nhân viên, quản trị viên
- Chức năng:cho phép quản trị viên thẻm sửa xoá thông tin các danh mục sản phẩm.
- Đầu vào: Danh mục sản phảm
- Xử lý: o Bước 1: Hiển thị form nhập thông tin danh mục sản phẩm o Bước 2: Người quản lý nhập thông tin danh mục sản phẩm o Bước 3: Chọn nút lưu thông tin o Bước 4: Nếu cập nhật thành công thì thực hiện ở bước 5 o Bước 5: Lưu danh mục sản phẩm mới.
- Đầu ra: thông tin mới sẽ được cập nhật vào hệ thống.
Hình 2.7 sơ đồ use case danh mục sản phẩm
- Chức năng: nhân viên thêm, sửa, xoá sản phẩm
- Xử lý thêm sản phẩm: o Bước 1: Hệ thống hiển thị form nhập thông tin sản phẩm. o Bước 2: Người quản lý nhập thông tin sản phẩm. o Bước 3: Người quản lý nhọn nút lưu thông tin. o Bước 4: Nếu nhập thành công thì thực hiện bước 5 Nếu không thì thực hiện dòng sự kiện rẽ nhánh. o Bước 5: Lưu danh mục sản phẩm mới.
- Xử lý cập nhật thông tin sản phẩm: o Bước 1: Hệ thống hiển thị form nhập thông tin sản phẩm. o Bước 2: Người quản lý nhập thông tin cần cập nhật. o Bước 3: Chọn nút lưu thông tin. o Bước 4:Nếu nhập thành công thì thực hiện bước 5 Nếu không thì thực hiện dòng sự kiện rẽ nhánh. o Bước 5: Cập nhật sản phẩm mới vào CSDL.
- Xử lý xoá sản phẩm: o Bước 1: Hệ thống hiển thị form nhập thông tin sản phẩm. o Bước 2: Người quản lý nhập thông tin cần cập nhật. o Bước 3: Chọn nút lưu thông tin. o Bước 4:Nếu nhập thành công thì thực hiện bước 5 Nếu không thì thực hiện dòng sự kiện rẽ nhánh. o Bước 5: Cập nhật sản phẩm mới vào CSDL. o Bước 6: Hệ thống tải lại danh sách sản phẩm.
- Xử lý ẩn sản phẩm: o Bước 1:Người quản trị chọn sản phẩm cần ẩn hiện. o Bước 2:Hệ thống xác nhận ẩn hiện, cập nhật lại trạng thái. o Bước 3:Hệ thống tải lại danh sách sản phẩm. o Bước 4: Nếu việc cập nhật không thành công thì hiện thông báo nhập dữ liệu không hợp lệ. o Bước 5: Người quản trị quay lại bước 2 của dòng sự kiện chính, nếu không thì UC kết thúc.
Hình 2.8 Sơ đồ use case quản lý sản phẩm
- Tác nhân: quản trị viên, nhân viên
- Chức năng: cho phép quản trị viên quản lí thông tin của khách hàng trong hệ thống, Quản trị viên có thể sửa, cập nhật
- Đầu vào: nhân viên, quản trị viên
- Xử lý: o Bước 1: Hệ thống hiển thị form nhập thông tin thành viên o Bước 2: Người quản trị nhập thông tin thành viên o Bước 3: Người quản trị chọn nút lưu thông tin. o Bước 4: Lưu thành viên mới.
- Đầu ra: thông tin của khách hàng sẽ được thay đổi
Hình 2.9 Sơ đồ use case khách hàng
9 Use case quản lý đơn hàng
- Tác nhân: Nhân viên, quản trị viên
- Chức năng: cho phép nhân viên, quản trị viên quản lý xem các đơn hàng mà người dùng đã đặt, cập nhật thông tin đơn hàng
- Đầu vào: Đã có đơn hàng trong mục đơn hàng
- Xử lý: o Bước 1: Người quản lý xem thông tin các đơn hàng. o Bước 2: Người quản lý chọn xem thông tin đơn hàng. o Bước 3:Người quản lý cập nhật lại trạng thái đơn hàng (chưa xử lý, đã xử lý, đã hủy, đã xóa). o Bước 4: Người quản lý chọn đơn hàng cần xóa. o Bước 5: Nhấn nút để thao tác. o Bước 6: Hệ thống hiển thị xác nhận xóa, nếu người quản trị đồng ý thì thực hiện bước 7, ngược lại thực hiện bước 9. o Bước 7: Xóa danh mục sản phẩm trong CSDL. o Bước 8: Hệ thống tải lại danh sách đơn hàng. o Bước 9: Kết thúc.
- Đầu ra : xem chi tiết đơn hàng, duyệt đơn hàng
Hình 2.10 Sơ đồ use case đơn hàng
- Tác nhân: quản trị viên, nhân viên
- Chức năng: cho phép người quản trị thêm, sửa, xoá, ẩn thông tin các bài viết.
- Đầu vào: nhân viên, quản trị viên.
- Xử lý thêm bài viết : o Bước 1: Hệ thống hiển thị form nhập thông tin bài viết. o Bước 2: Người quản lý nhập thông tin bài viết. o Bước 3: Người quản lý chọn nút lưu thông tin. o Bước 4: Nếu nhập thành công thì thực hiện bước 5 Nếu không thì thực hiện dòng sự kiện rẽ nhánh. o Bước 5: Lưu bài viết mới.
- Xử lý cập nhật thông tin bài viết o Bước 1: Hệ thống hiển thị form nhập thông tin bài viết. o Bước 2: Người quản lý nhập thông tin cần cập nhật. o Bước 3: Chọn nút lưu thông tin. o Bước 4: Nếu nhập thành công thì thực hiện bước 5 Nếu không thì thực hiện dòng sự kiện rẽ nhánh. o Bước 5: Cập nhật bài viết mới vào CSDL.
Sơ đồ ERD
THIẾT KẾ CƠ SỞ DỮ LIỆU
Bảng dữ liệu
Trường Kiểu dữ liệu Ràng buộc Ghi chú idkh int(11) Khóa chính Mã người dùng password text Mật khẩu name varchar(255) Tên người dùng email varchar(255) Email status int(11) Trạng thái reset_token varchar(255) Mã thông báo
Trường Kiểu dữ liệu Ràng buộc Ghi chú idnv int(11) Khóa chính Mã thành viên name varchar(255) Tên thành viên address varchar(255) Địa chỉ email varchar(255) Email password varchar(255) Mật khẩu phone char(15) Sô điện thoại status tinyint(4) Trạng thái level tinyint(4) Quyền update_at timestamp Ngày cập nhật
Trường Kiểu dữ liệu Ràng buộc Ghi chú id_loai int(11) Khóa chính Mã danh mục loaisanpham varchar(255) Tên danh mục hinh_tieu_de varchar(255) Hình ảnh trangthai tinyint(4) Trạng thái created_at timestamp Ngày tạo updated_at timestamp Ngày cập nhật
Trường Kiểu dữ liệu Ràng buộc Ghi chú id int(11) Khóa chính Mã sản phẩm tensp varchar(255) Tên sản phẩm maloai int(11) Mã danh mục hinhanh varchar(255) Hình ảnh motagan varchar(255) Nội dung motadai text Nội dung gia double Giá soluong int(11) Số lượng trangthai tinyint(4) Trạng thái created_at timestamp Ngày tạo updated_at timestamp Ngày cập nhật
Trường Kiểu dữ liệu Ràng buộc Ghi chú maHD int(11) Khóa chính Mã hóa đơn idkh varchar(255) ID khách hàng diachi Text Địa chỉ congty Text Công ty telephone varchar(255) Số điện thoại ngaylap datetime Ngày lập status int(11) Tình trạng
6 Bảng chi tiết đơn hàng
Trường Kiểu dữ liệu Ràng buộc Ghi chú idhd int(11) Khóa chính Id hoá đơn ma_HD int(11) Khóa chính Mã hóa đơn ma_SP int(11) Khóa chính Mã sản phẩm soluong int(11) Số lượng dongia int(11) Giá tiền status int(11) Trạng thái created_at timestamp Ngày tạo update_at timestamp Ngày cập nhật
7 Bảng hình ảnh sản phẩm
Trường Kiểu dữ liệu Ràng buộc Ghi chú hinhID int(11) Khóa chính Mã hình ảnh hinhspID int(11) Hình sản phảm duongdan varchar(255) Đường dẫn status tinyint(4) Trang thái created_at timestamp Ngày tạo updated_at timestamp Ngày cập nhật
8 Bảng danh mục bài viết
Trường Kiểu dữ liệu Khóa chính Ghi chú id_dm int(11) Khóa chính Mã danh mục bài viết tendm varchar(255) Tên danh mục bài viết trangthai Tinyint(4) Trạng thái created_at timestamp Ngày tạo update_at timestamp Ngày cập nhật
Trường Kiểu dữ liệu Ràng buộc Ghi chú idbv int(11) Khóa chính Mã bài viết tieude varchar(255) Tiêu đề noidung varchar(255) Email hinhanh text Ngày gửi iddm int(11) Nội dung keyword text Trả lời nguoiviet varchar(255) Tình trạng trangthai int(11) created_at timestamp updated_at timestamp
Trường Kiểu dữ liệu Ràng buộc Ghi chú idbn int(11) Khóa chính Mã banner ten varchar(255) Tiêu đề hinh Text Hình stt int(11) Số thứ tự trangthai int(11) trangthai
Trường Kiểu dữ liệu Ràng buộc Ghi chú
MaNcc int(11) Khóa chính Mã nhà cung cấp
SDTNcc int(11) Số điện thoại
Trường Kiểu dữ liệu Ràng buộc Ghi chú
MaPN int(11) Khóa chính Mã Phiếu nhập
MaNCC int(11) Mã nhà cung cấp
IDNV Int(11) ID Nhân viên
13 Bảng chi tiết phiếu nhập
Trường Kiểu dữ liệu Ràng buộc Ghi chú
MaPN int(11) Khóa chính Mã sắp xếp
IDSP varchar(255) Mã sản phẩm
Sơ đồ quan hệ
Hình 4.1 Sơ đồ quan hệ
XÂY DỰNG CHƯƠNG TRÌNH
Giao diện người dùng
Hình 4.1 giao diện trang chủ website
Hình 4.2 giao diện đăng kí tài khoản
Hình 4.3 giao diện đăng nhập
Hình 4.4 giao diện bài viết
Hình 4.5 giao diện tìm kiếm
6 Giao diện trang sản phẩm
Hình 4.6 giao diện trang sản phẩm
7 Giao diện chi tiết sản phẩm
Hình 4.7 giao diện chi tiết sản phẩm
Hình 4.8 giao diện thanh toán
Hình 4.9 giao diện đặt hàng
Giao diện quản trị viên
Hình 4.10 giao diện trang chủ quàn trị viên
2 Giao diện trang sản phẩm
- Giao diện trang hiển thị sản phẩm
Hình 4.11 giao diện trang hiên thị sản phẩm
- Giao diện cập nhật, thêm sản phẩm
Hình 4.12 giao diện thêm sửa xoá sản phẩm
3 Giao diện quản lý danh mục
- Giao diện danh sách danh mục
Hình 4.12 giao diện quản lí danh mục sản phẩm
- Giao diện thêm mới danh mục
Hình 4.13 giao diện thêm loại sản phẩm mới
4 Giao diện quản lý đơn hàng
- Giao diện danh sách đơn hàng
Hình 4.14 giao diện danh sách đơn hàng
- Giao diện xem chi tiết đơn hàng
Hình 4.15 giao diện chi tiết của đơn hàng
Hình 4.16 giao diện bài viết
6 Giao diện quản lí khách hàng
Hình 4.17 giao diện quản lí khách hàng
7 Giao diện danh sách nhân viên và quản trị viên
Hình 4.18 giao diện quản lí tài khoản nhân viên
8 Giao diện quản lí banner
Hình 4.19 giao diện quản lí banner