a. Biểu đồ use case quản lí giỏ hàng
Hình 2.3.6.1. Gói use case giỏ hàng
b. Đặc tả luồng sự kiện giỏ hàng
Use case Giỏ hàng
Tác nhân Khách hàng
Mục đích Thêm hàng
Mơ tả chung Thêm, xóa, cập nhật.
Luồng sự kiện
Actor System
1. Đăng nhập vào hệ thống
2. Người dùng kích chọn thêm vào giỏ hàng trên sản phẩm
3. Người dùng kích chọn nút giỏ hàng 4. Hệ thống hiển thị form giỏ hàng 5. Người dùng chọn chức năng thêm giỏ
hàng ở mỗi sản phẩm muốn thêm
6. Hệ thống kiểm tra và lưu sản phẩm đó vào giỏ hàng kèm số lượng.
7. Người dùng chọn vào từng sản phẩm trong giỏ hàng và chọn nút xóa ở sản phẩm muốn xóa
8. Hệ thống kiểm tra yêu cầu xác nhận xóa sản phẩm trong giỏ hàng
9. Người dùng chọn “OK” để xóa. Ngược lại chọn “Hủy” để kết thúc.
10. Hệ thống xóa sản phẩm trong giỏ hàng
11. Người dùng chọn vào sản phẩm trong giỏ hàng muốn chỉnh sửa
12. Hệ thống cập nhật lại giỏ hàng.
Điều kiện trước Người dùng đăng nhập tài khoản
Điều kiện sau Thêm vào giỏ hàng thành công
Bảng 2.3.6.2. Đặc tả dòng sự kiện giỏ hàng
c. Biểu đồ tuần tự -Thêm giỏ hàng
Hình 2.3.6.2. Biểu đồ tuần tự thêm sản phẩm
-Sửa giỏ hàng
Hình 2.3.6.3. Biểu đồ tuần tự sửa sản phẩm
Hình 2.3.6.4. Biểu đồ tuần tự xóa sản phẩm
d. Biểu đồ hoạt động -Thêm sản phẩm
Hình 2.3.6.5. Biểu đồ họat động thêm sản phẩm
Hình 2.3.6.6. Biểu đồ họat động sửa sản phẩm
-Xóa sản phẩm trong giỏ hàng
Hình 2.3.6.7. Biểu đồ họat động xóa sản phẩm
2.3.7. Gói use case thanh tốn a. Biểu đồ use case thanh tốn
b. Đặc tả luồng sự kiện thanh toán
Use case Thanh tốn
Tác nhân Khách hàng
Mục đích Thanh tốn
Mơ tả chung Người dùng khi muốn thanh toán
Luồng sự kiện chính
Actor System
1. Người dùng chọn sản phẩm cần thanh tốn
2. Gửi thơng tin người dùng thanh tốn sản phẩm lên hệ thống.
3. Hệ thống kiểm tra các request từ người dùng và gởi thông báo xác nhận thông tin người dùng cùng với sản phẩm đã chọn . Hoặc trả về thơng báo lỗi nếu có xảy ra.
Luồng thay thế Khơng có.
Các yêu cầu cụ thể Người dùng phải chọn sản phẩm mà cần thanh toán
Điều kiện trước Người dùng phải đăng nhập trước đó.
Điều kiện sau Thơng báo giao diện sản phẩm bình thường hoặc thơng báo
lỗi xảy ra nếu có.
Các yêu cầu mở
rộng Khơng có.
c. Biểu đồ tuần tự thanh tốn
Hình 2.3.7.2. Biểu đồ tuần tự thanh tốn
d. Biểu đồ hoạt động thanh tốn
Hình 2.3.7.3. Biểu đồ hoạt động thanh tốn
a. Biểu đồ use case quản lý tài khoản
Hình: Biểu đồ use-case quản lý tài khoản
b. Đặc tả chi tiết use-case cập nhật tài khoản Use case Quản lý tài khoản
Tác nhân Admin
Mục đích Thêm Xóa Sửa tài khoản
Mơ tả chung Thêm Xóa Sửa thơng tin tài khoản
Luồng sự kiện chính
Actor System
1. Người dùng chọn Quản lý tài khoản 2. Hệ thống hiển thị ra danh sách các tàikhoản trong database và các chức năng (Thêm, Xóa, Sửa)
3. Người dùng chọn chức năng cần thực hiện (Thêm, Xóa, Sửa)
4. Hệ thống thực hiện các chức năng yêu cầu
5. Hệ thống kiểm tra các trường người dùng vừa nhập vào và lưu thông tin tài khoản mới vào Database và hiển thị thông báo thực hiện các chức năng yêu cầu thành công.
Luồng thay thế
Actor System
5.1 Hệ thống kiểm tra các trường người dùng vừa nhập vào và phát hiện lỗi, hiển thị ra thông báo thực hiện các chức năng yêu cầu thất bại
Các yêu cầu cụ
thể Khơng có
Điều kiện trước Đăng nhập với quyền admin
Điều kiện sau Thực hiện các chức năng thành công hoặc thất bại
Các yêu cầu mở
b. Biểu đồ tuần tự quản lý tài khoản
Hình : Biểu đồ tuần tự quản lý tài khoản
d. Biểu đồ hoạt động xóa tài khoản
Hình: Sơ đồ hoạt động xóa tài khoản
e. Biểu đồ hoạt động sửa tài khoản.
2.3.9 Gói quản lý sản phẩm
a. Biểu đồ use case quản lý sản phẩm
b.Đặc tả chi tiết use-case thêm sản phẩm
Use case Thêm sản phẩm
Tác nhân Admin
Mục đích Thêm sản phẩm
Mơ tả chung Thêm sản phẩm
Luồng sự kiện chính
Actor System
1. Người dùng chọn Thêm mới sản phẩm 2. Hệ thống hiển thị ra các mục nhập chi tiết sản phẩm
3. Người dùng nhập sản phẩm cần thêm mới
4. Hệ thống hiển thị ra thơng báo “Bạn có chắc chắn muốn thêm khơng?”
thực hiện thêm sản phẩm vào database
Luồng thay thế
Actor System
5.1 Người dùng chọn “Không” và sẽ quay trở lại bước 2
Các yêu cầu cụ thể Khơng có
Điều kiện trước Đăng nhập với quyền admin
Điều kiện sau Thêm sản phẩm thành công hoặc thất bại
Các yêu cầu mở rộng Khơng có
c.Biểu đồ hoạt động thêm mới sản phẩm
Hình: Sơ đồ hoạt động thêm mới sản phẩm
Use case Xóa sản phẩm
Tác nhân Admin
Mục đích Xóa sản phẩm
Mơ tả chung Xóa sản phẩm
Luồng sự kiện chính
Actor System
1. Người dùng chọn Xóa sản phẩm 2. Hệ thống hiển thị ra danh sách các sản phẩm trong database
3. Người dùng chọn sản phẩm cần xóa 4. Hệ thống hiển thị ra thơng báo “Bạn có chắc chắn muốn xóa khơng?”
5. Người dùng chọn “Có” 6. Hệ thống xóa sản phẩm ra khỏi database và hiển thị xóa sản phẩm thành cơng.
Luồng thay thế
Actor System
5.1 Người dùng chọn “Không” và sẽ quay trở lại bước 2
Các yêu cầu cụ thể Khơng có
Điều kiện trước Đăng nhập với quyền admin
Điều kiện sau Xóa sản phẩm thành cơng hoặc thất bại
Các yêu cầu mở rộng Khơng có
Hình: Sơ đồ hoạt động xóa tài khoản
f. Đặc tả chi tiết use-case cập nhật sản phẩm
Use case Cập nhật sản phẩm
Tác nhân Admin
Mục đích Cập nhật tài khoản
Mô tả chung Cập nhật thông tin tài khoản
Luồng sự kiện chính
Actor Systems
1. Người dùng chọn cập nhật tài khoản 2. Hệ thống hiển thị ra danh sách các tàikhoản trong database 3. Người dùng chọn tài khoản cần cập
nhật
4. Hệ thống hiển thị ra form cập nhật và người dùng nhập vào thông tin cần cập nhật vào form
vừa nhập vào và lưu thông tin tài khoản mới vào Database và hiển thị thông báo cập nhật tài khoản thành công.
Luồng thay thế
Actor System
5.1 Hệ thống kiểm tra các trường người dùng vừa nhập vào và phát hiện lỗi, hiển thị ra thông báo cập nhật sản phẩm thất bại
Các yêu cầu cụ thể Khơng có
Điều kiện trước Đăng nhập với quyền admin
Điều kiện sau Cập nhật sản phẩm thành công hoặc thất bại
Các yêu cầu mở rộng Khơng có
h. Biểu đồ hoạt động cập nhật sản phẩm
Hình: Biểu đồ hoạt động cập nhật sản phẩm
2.3.10 Gói quản lý đơn hàng
b. Đặc tả chi tiết use-case Xem đơn hàng mới – duyệt đơn hàng Use case Xem đơn hàng mới – duyệt đơn hàng
Tác nhân Admin
Mục đích Duyệt đơn hàng
Mơ tả chung Xem đơn hàng mới và duyệt đơn hàng
Luồng sự kiện
Actor System
1. Người dùng chọn chức năng quản lý
đơn hàng. thống kê đơn hàng theo từng tiêu chí.2. Hệ thống hiển thị danh sách các đơn hàng, 3. Người dùng chọn xem đơn hàng mới 4. Hệ thống hiển thị các đơn hàng chờ xét
duyệt 5. Người dùng cập nhật trạng thái đơn
hàng
6. Hệ thống cập nhật trạng thái mới của đơn hàng vào cơ sở dữ liệu và thông báo cập nhật thành cơng.
Luồng thay thế Khơng có
Các u cầu cụ thể Khơng có
Điều kiện trước Đăng nhập với quyền admin
Điều kiện sau Cập nhật hàng thành công
c. Biểu đồ tuần tự Xem đơn hàng mới – duyệt đơn hàng
e. Đặc tả chi tiết use-case Xem đơn hàng đang giao Use case Xem đơn hàng đang giao
Tác nhân Admin
Mục đích Xem đơn hàng đang giao
Mô tả chung Xem đơn hàng đang giao
Luồng sự kiện
Actor System
1. Người dùng chọn chức năng quản lý đơn hàng.
2. Hệ thống hiển thị danh sách các đơn hàng, thống kê đơn hàng theo từng tiêu chí.
3. Người dùng chọn xem đơn hàng
đang giao 4. Hệ thống hiển thị các đơn hàng đang giao 5. Người dùng cập nhật trạng thái đơn
hàng
6. Hệ thống cập nhật trạng thái mới của đơn hàng vào cơ sở dữ liệu và thông báo cập nhật thành công.
Luồng thay thế Khơng có
Các yêu cầu cụ thể Khơng có
Điều kiện trước Đăng nhập với quyền admin
Điều kiện sau Khơng có
f. Biểu đồ tuần tự Xem đơn hàng đang giao
h. Đặc tả chi tiết use-case Xem đơn hàng đã giao
Use case Xem đơn hàng đã giao
Tác nhân Admin
Mục đích Xem đơn hàng đã giao
Mô tả chung Xem đơn hàng đã giao
Luồng sự kiện
Actor System
1. Người dùng chọn chức năng quản lý đơn hàng.
2. Hệ thống hiển thị danh sách các đơn hàng, thống kê đơn hàng theo từng tiêu chí.
3. Người dùng chọn xem đơn hàng đã
giao 4. Hệ thống hiển thị các đơn hàng đã giao
5. Người dùng cập nhật trạng thái đơn hàng
6. Hệ thống cập nhật trạng thái mới của đơn hàng vào cơ sở dữ liệu và thông báo cập nhật thành cơng.
Luồng thay thế Khơng có
Các u cầu cụ thể Khơng có
Điều kiện trước Đăng nhập với quyền admin
Điều kiện sau Cập nhật đơn hàng thành công
i. Biểu đồ tuần tự xem đơn hàng đã giao
2.3.11 Báo cáo thống kê
Bảng: Đặc tả chi tiết Use-case Quản lý báo cáo thống kê Use case Qu n lý báo cáo thốống kêả
Tác nhân Admin
M c đíchụ Báo cáo thốống kê
Mơ t chungả Thốống kê doanh thu và s n ph m bán ch yả ẩ ạ
Luôồng s ki nự ệ Actor System 1. Người dùng ch n ch c năng s n ọ ứ ả ph m bán ch yẩ ạ 2. H thốống hi n th các s n ph m bán ch y ệ ể ị ả ẩ ạ có săốp xêốp ra màn hình. 3. Người dùng ch n ch c năng xem ọ ứ
doanh thu
4. H thốống hi n th t ng sốố doanh thu ra ệ ể ị ổ
màn hình.
Lồng thay thếế Khống có
Các yếu câồu c thụ ể Khống có
Điếồu ki n trệ ước Đăng nh p v i quyêền adminậ ớ
Điếồu ki n sauệ Báo cáo thành cống
Các yếu câồu m r ngở ộ Khống có
Biểu đồ tuần tự Quản lý báo cáo thống kê: Sản phẩm bán chạy
b) Doanh thu
Biểu đồ tuần tự use-case Doanh thu
2.4. Lược đồ quan hệ
Hình 2.4. Lược đồ quan hệ
2.5. Thiết kế cơ sở dữ liệu2.5.1 Chi tiết đơn đặt hàng 2.5.1 Chi tiết đơn đặt hàng
Tên Cột Giải Thích Kiểu Dữ Liệu Ghi Chú
MaSP Mã sản phẩm int Khóa chính
MaDonHang Mã đơn hàng int Khóa chính
SoLuongDat Số lượng đặt int
2.5.2 Chi tiết đơn hàng
Tên Cột Giải Thích Kiểu Dữ Liệu Ghi Chú
MaHD Mã hóa đơn Int Khóa chính
MaSP Mã sản phẩm int Khóa chính
SoLuong Số lượng float
DonGia Đơn giá float
2.5.3 Bảng đăng kí
Tên Cột Giải Thích Kiểu Dữ Liệu Ghi Chú TenDangNhap Tên đăng nhập Nvarchar (50) Khóa chính MatKhau Mật khẩu Nvarchar (50)
EmailDK Email đăng kí Nvarchar (50) DiaChiDK Địa chỉ đăng kí Nvarchar (50) TenDayDu Tên đầy đủ Nvarchar (50)
NgaySinh Ngày sinh Date
GioiTinh Giới tính Nvarchar (10)
MaQuyen Mã quyền Int
2.5.4 Bảng danh mục
Tên Cột Giải Thích Kiểu Dữ Liệu Ghi Chú
MaDM Mã danh mục int Khóa chính
ThuTu Thứ tự Int MaDMCha Mã danh mục cha Int
2.5.5 Đơn đặt hàng
Tên Cột Giải Thích Kiểu Dữ Liệu Ghi Chú MaDonDatHang Mã đơn đặt hàng int Khóa chính
NgayTao Ngày tạo datetime
ThanhTienDH Thành tiền đơn hàng float
TinhTrangDH Tình trạng đơn hàng Nvarchar (300)
MaKH Mã khách hàng int
TenKH Tên khách hàng Nvarchar (50) sđtKH Số điện thoại khách
hàng
Varchar (15)
Email Email Nvarchar (50)
2.5.6 Bảng hóa đơn
Tên Cột Giải Thích Kiểu Dữ Liệu Ghi Chú
MaHD Mã háo đơn int Khóa chính
NgayLap Ngày lập Datetime
ThanhTien Thành tiền Float
MaNV Mã nhân viên int
TenNV Thông số kỹ thuật Nvarchar (70)
TenKH Đơn giá Nvarchar (50)
2.5.7 Bảng khách hàng
Tên Cột Giải Thích Kiểu Dữ Liệu Ghi Chú
MaKH Mã khách hàng int Khóa chính
TenKH Tên khách hàng Nvarchar (50) DiaChi Địa chỉ Nvarchar (100) SĐT Số điện thoại Varchar (15)
Email Email Varchar (15)
Matkhau Mật khẩu Nvarchar (50)
2.5.8 Bảng màu
Tên Cột Giải Thích Kiểu Dữ Liệu Ghi Chú
MauID Màu int Khóa chính
TenMau Tên màu Nvarchar (50)
2.5.9 Bảng quyền đăng nhập
Tên Cột Giải Thích Kiểu Dữ Liệu Ghi Chú
MaQuyen Mã quyền int Khóa chính
TenQuyen Tên quyền Varchar (10)
MaSP Quảng cáo int Khóa chính TenSP Tên quảng cáo Nvarchar (100)
Mau Loại quảng cáo Int
Size Ảnh quảng cáo int
AnhSP Ảnh sản phẩm Nvarchar (100) SoLuongSP Số lượng sản phẩm int
GiaSP Giá sản phẩm Float
MoTaSP Mô tả sản phẩm Nvarchar (MAX)
NgayTao Ngày tạo Datetime
NgayHuy Ngày hủy Datetime
MaDM Mã int
Nhom Nhóm int
2.5.11 Bảng size
Tên Cột Giải Thích Kiểu Dữ Liệu Ghi Chú
Size Size int Khóa chính
2.6. Thiết kế prototype 2.6.1 Trang chủ
2.6.1.1 Bản mẫu
Hình 1. Giao diện trang chủ
2.6.1.2 Đặc điểm chi tiết
ID Form Type Action Target
1 “Hình nh”ả ImageView Khống Logo c a websiteủ
2 “Trang ch ”ủ Link Click Khi ch n seẽ đi đêốn trang chọ ủ
3 “S n ph m”ả ẩ Link Click Khi ch n seẽ đi đêốn trang ọ s n ả
ph mẩ .
4 “Gi i thi u”ớ ệ Link Click Khi ch n seẽ đi đêốn trang ọ gi i ớ
thi uệ .
5 “Liên h ”ệ Link Click Khi ch n seẽ hi n th trang ọ ể ị liên hệ. 6 “Tìm kiêốm” Image button Cick Khi ch n seẽ hi n th trang ọ ể ị tìm
kiêốm
7 “Gi hàngỏ ” Image button Click Khi ch n seẽ hi n th trang ọ ể ị qu n lýả
gi hàngỏ
9 “Slider” Image Khống Hi u ng hình nh sliderệ ứ ả
10 “S n ph mả ẩ ” Image Click Khi ch n hi n th ọ ể ịhình nh s n ả ả
ph mẩ . 11 “Tên s n ả
ph m, giá s n ẩ ả
ph mẩ ”
Link Click Khi ch n seẽ hi n ra trangọ ệ chi tiêốt s n ph mả ẩ
12 “Thương hi uệ ” Image Khống Hi n th hình nh các thể ị ả ương hi uệ
13 “Vêề chúng tối” Textbox Khống
Hi n th gi i thi u vêề shopể ị ớ ệ
14 “Thống tin liên h ”ệ
Textbox Click Hi n th thống tin liên hể ị ệ
2.6.2 Đăng ký
2.6.2.1 Bản mẫu
2.6.2.2 Đặc điểm chi tiết
ID Form Type Action Target
1 “H tên”ọ
EditText Nh pậ Nh p h tênậ ọ
2 “Sốố đi n tho i”ệ ạ
EditText Nh pậ Nh p sốố đi n tho iậ ệ ạ
3 “Đ a ch ”ị ỉ
EditText Nh pậ Nh p đ a chậ ị ỉ
4 “Email”
EditText Nh pậ Nh p ậ email cầền đăng ký 5 “M tậ kh u”ẩ EditText Click Nh pậ m t kh uậ ẩ
6 “Nh p l i ậ ạ m tậ kh u”ẩ EditText Click Nh pậ l i m t kh uạ ậ ẩ
7 “Đăng ký” Button Click Khi ch n ọ đăng ký seẽ được h ệ
thốống ki m duy t và t o tài ể ệ ạ
kho n m i.ả ớ
2.6.3 Đăng nhập
2.6.3.2. Đặc điểm chi tiết
ID Form Type Action Target
1 “Email” EditText Nh pậ Nh p emailậ
2 “M t kh uậ ẩ ” EditText Nh pậ Nh p m t kh uậ ậ ẩ