BỘ GIÁO DỤC VÀ ĐÀO TẠO

TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT HƯNG YÊN

TRƯƠNG CÔNG TUYỀN

THIẾT KẾ WEBSITE GIỚI THIỆU CỬA HÀNG MÁY LỌC NƯỚC

SMARTVIET

BÀI TẬP LỚN

HƯNG YÊN - 2019

Thiết kế website giới thiệu cửa hàng máy lọc nước SmartViet

2
 BỘ GIÁO DỤC VÀ ĐÀO TẠO

TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT HƯNG YÊN

TRƯƠNG CÔNG TUYỀN

XÂY DỰNG WEBSITE GIỚI THIỆU CỬA HÀNG MÁY LỌC NƯỚC
SMARTVIET

NGÀNH: CÔNG NGHỆ THÔNG TIN

CHUYÊN NGÀNH: KỸ THUẬT PHẦN MỀM

BÀI TẬP LỚN

NGƯỜI HƯỚNG DẪN

CHU THỊ MINH HUỆ

HƯNG YÊN - 2019

 Thiết kế website giới thiệu cửa hàng máy lọc nước SmartViet

NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN

...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................

Hưng Yên, ngày tháng năm 20

(Ký và ghi rõ họ tên)

4
Thiết kế website giới thiệu cửa hàng máy lọc nước SmartViet

MỤC LỤC
NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN.................................................3
DANH MỤC CÁC KÝ TỰ, CÁC TỪ VIẾT TẮT................................................5
DANH MỤC CÁC BẢNG.....................................................................................6
DANH MỤC CÁC HÌNH VẼ................................................................................7
CHƯƠNG 1: PHÁT BIỂU BÀI TOÁN.................................................................8
1.1 Mô tả hệ thống hiện tại.................................................................................8
1.2 Phát biểu bài toán........................................................................................8
1.2.1. Tổng quan về hệ thống mới..................................................................8
1.2.2. Các mục tiêu chính của hệ thống..........................................................8
1.2.3. Môi trường phát triển............................................................................9
CHƯƠNG 2: XÁC ĐỊNH VÀ PHÂN TÍCH YÊU CẦU CỦA HỆ THỐNG......10
2.1. Xác định yêu cầu của hệ thống..................................................................10
2.1.1. Danh sách các yêu cầu khách hàng....................................................10
2.1.2. Phạm vi công việc..............................................................................12
2.2. Phân tích yêu cầu của hệ thống..................................................................12
2.2.1 Danh sách các Actor...........................................................................12
2.2.2 Danh sách các Use-case.....................................................................13
2.2.3 Biểu đồ Use-case...............................................................................14
2.2.4 Biểu đồ lớp..........................................................................................31
CHƯƠNG 3: THIẾT KẾ GIAO DIỆN................................................................34
3.1. Giao diện người dùng................................................................................34
3.2 Giao diện admin.........................................................................................35
CHƯƠNG 4: KẾT LUẬN....................................................................................39
4.1. Kết quả đạt được của đề tài........................................................................39
4.2. Hạn chế của đề tài......................................................................................39
4.3. Hướng phát triển của đề tài........................................................................39
PHỤ LỤC.............................................................................................................40
TÀI LIỆU THAM KHẢO....................................................................................41

5
 Thiết kế website giới thiệu cửa hàng máy lọc nước SmartViet

DANH MỤC CÁC KÝ TỰ, CÁC TỪ VIẾT TẮT

Từ viết tắt Từ đầy đủ Giải thích

MLN Máy lọc nước

UC Use - Case

6
Thiết kế website giới thiệu cửa hàng máy lọc nước SmartViet

DANH MỤC CÁC BẢNG

Bảng 2.1: Bảng actor chính ………………………………………………….13
Bảng 2.2: Bảng use-case chính……………………………………………….13
Bảng 2.3: Bảng use-case 1…………………………………………………....15
Bang 2.4: Bảng use-case 2……………………………………………………18
Bảng 2.5: Bảng use-case 3……………………………………………………21

7
Thiết kế website giới thiệu cửa hàng máy lọc nước SmartViet

DANH MỤC CÁC HÌNH VẼ

Hình 2.1: Sơ đồ use-case tổng quát……………………………………...14

Hình 2.2: Use-case quản lý loại Máy lọc nước…………………………..14
Hình 2.3: Use-case quản lý Máy lọc nước……………………………….18
Hình 2.4: Use-case quản lý khách hàng…………………………………22
Hình 2.5: Use-case quản lý nhà cung cấp………………………………..25
Hình 2.6: Use-case quản lý đăng nhập…………………………………..28
Hình 2.7: Hình ảnh use-case Tìm kiếm………………………………….29
Hình 2.8: Hình ảnh use-case Báo cáo…………………………………....30
Hình 2.9: Hình ảnh biểu đồ lớp tổng quát…………………………….....31
Hình 3.1: Hình ảnh giao diện trang chủ của người dùng ………………..34
Hình 3.2: Hình ảnh giao diện trang giới thiệu của người dùng………......34
Hình 3.3: Hình ảnh giao diện trang sản phẩm của người dùng………......35
Hình 3.4: Hình ảnh giao diện trang liên hệ của người dùng…………......35
Hình 3.5: Hình ảnh giao diện trang quản lý sản phẩm……….………......36
Hình 3.6: Hình ảnh giao diện trang quản lý khách hàng…….……….......36
Hình 3.7: Hình ảnh giao diện trang quản lý nhà cung cấp…...………......37
Hình 3.8: Hình ảnh giao diện trang quản lý tài khoản……….………......37

8
 Thiết kế website giới thiệu cửa hàng máy lọc nước SmartViet

CHƯƠNG 1: PHÁT BIỂU BÀI TOÁN

1.1 Mô tả hệ thống hiện tại
Website bán máy lọc nước cho cửa hàng máy lọc nước SmartViet được mô tả
như sau:
 Khi nhập máy lọc nước về cửa hàng sau đó sẽ cập nhật mẫu máy lọc nước
mới lên trang web. Quản lý của cửa hàng quản lý mặt hàng gồm các thông
tin : Mã sản phẩm, Tên sản phẩm, Số lượng sản phẩm, Giá sản phẩm.
Từ các thông tin đó người quản lý lưu trữ lại thông tin về các sản phẩm và
quản lý.
 Khi xuất một sản phẩm nào đó sẽ được thêm vào giỏ hàng gồm các thông
tin như sau: Mã sản phẩm, Tên sản phẩm, Số lượng sản phẩm, Giá sản
phẩm. Từ các thông tin đó người quản lý cửa hàng sẽ lưu trữ lại thông tin
và quản lý.
 Các sản phẩm được sắp xếp mã sản phẩm để dễ tìm kiếm phục vụ yêu cầu
của khách hàng. Căn cứ vào số lượng hàng được bán đi xem khách hàng ưa
chuộng loại sản phẩm nào nhiều để nhập hàng cho phù hợp đáp ứng nhu
cầu tiêu dùng của khách hàng.
 Hiện hoạt động bán hàng của các cửa hàng đa số vẫn được làm thủ công,
lưu trữ trên sổ sách. Do vậy quá trình bán hàng, tìm kiếm và thống kê gặp
khó khăn. Từ thực tế đó Website bán hàng cho cửa hàng máy lọc nước
SmartViet được xây dựng và áp dụng trực tiếp để quản lý bán hàng.
1.2 Phát biểu bài toán

1.2.1. Tổng quan về hệ thống mới

Hệ thống Website bán máy lọc nước cho cửa hàng SmartViet có các chức
năng như sau:Quản lý hoạt động nhập hàng và bán hàng cho cửa hàng,quản
lý khách hàng , đồng thời tra cứu tìm kiếm thông tin mặt hàng một cách
chính xác và nhanh chóng.Người quản lý cũng dễ dàng trong việc quản lý
tài chính của cửa hàng. Trang Web cũng sẽ khắc phục được những nhược
điểm của các phương pháp bán hàng truyền thống từ đó giảm thất thoát,
nhầm lẫn xuống mức thấp nhất có thể và rất tiện lợi.

1.2.2. Các mục tiêu chính của hệ thống

Hệ thống website bán hàng của cửa hàng máy lọc nươc SmartViet cần đạt
được những mục tiêu sau:
1. Hệ thống phải quản lý được thông tin về các mặt hàng.
2. Hệ thống phải quản lý được các thông tin của khách hàng.
3. Hệ thống phải quản lý được việc nhập và bán hàng.
4. Hệ thống phải tìm và liệt kê được danh sách các mặt hàng còn lại
trong kho và mặt hàng đã được bán rồi.

1.2.3. Môi trường phát triển

 Môi trường phần cứng
9
 Thiết kế website giới thiệu cửa hàng máy lọc nước SmartViet

o CPU: Pentium IV 3.0 GHz hoặc cao hơn

o RAM: tối thiểu 512 MB
o HDD: dung lượng tối thiểu trống 2G
 Môi trường phần mềm
o Hệ điều hành: Windows XP hoặc cao hơn
o .Net Framework: sản phẩm phải cài .Net Framework 2.0 trở lên
o Công cụ phát triển: sublime text 3, bootstraps….

10
 Thiết kế website giới thiệu cửa hàng máy lọc nước SmartViet

CHƯƠNG 2: XÁC ĐỊNH VÀ PHÂN TÍCH YÊU CẦU CỦA HỆ THỐNG

2.1. Xác định yêu cầu của hệ thống

2.1.1. Danh sách các yêu cầu khách hàng

*Admin
2.1.1.1 Quản lý loại Máy lọc nước
 Nhập thông tin loại máy lọc nước
Hệ thống giúp người quản lý cửa hàng nhập các thông tin liên quan đến
loại sản phẩm bao gồm: Mã loại máy lọc nước, Tên loại máy lọc nước, Số
lượng.
 Cập nhật thông tin loại máy lọc nước
Hệ thống phải cung cấp chức năng sửa lại thông tin của loại sản phẩm khi
có sự thay đổi
 Xóa thông tin loại máy lọc nước
Hệ thống phải cung cấp chức năng xóa thông tin về một loại sản phẩm khi
shop không còn kinh doanh loại sản phẩm này nữa
 Hiển thị thông tin loại máy lọc nước
Hệ thống phải cung cấp chức năng hiện thị danh sách thông tin các loại
sản phẩm hiện có của shop

2.1.1.2 Quản lý thông tin Máy lọc nước

 Nhập thông tin Máy lọc nước
Hệ thống giúp người quản lý cửa hàng nhập các thông tin liên quan đến
sản phẩm bao gồm: Mã Máy lọc nước, Tên Máy lọc nước, Giá.
 Cập nhật thông tin Máy lọc nước
Hệ thống phải cung cấp chức năng sửa lại thông tin của sản phẩm khi có
sự thay đổi
 Xóa thông tin Máy lọc nước
Hệ thống phải cung cấp chức năng xóa thông tin về một sản phẩm khi
shop không còn kinh doanh sản phẩm này nữa
 Hiển thị thông tin Máy lọc nước
Hệ thống phải cung cấp chức năng hiện thị danh sách thông tin các sản
phẩm hiện có của shop

2.1.1.3 Quản lý khách hàng

 Nhập thông tin khách hàng
Hệ thống giúp người quản lý cửa hàng nhập các thông tin liên quan đến
khách hàng bao gồm: mã khách hàng, tên khách hàng, số điện thoại, địa
chỉ..
 Cập nhật thông tin khách hàng
11
 Thiết kế website giới thiệu cửa hàng máy lọc nước SmartViet

Hệ thống phải cung cấp chức năng sửa lại thông tin của sản phẩm khi có
sự thay đổi
 Xóa thông tin khách hàng
Hệ thống phải cung cấp chức năng xóa thông tin về một sản phẩm khi
shop không còn kinh doanh sản phẩm này nữa
 Hiển thị thông tin khách hàng
Hệ thống phải cung cấp chức năng hiện thị danh sách thông tin các loại
sản phẩm hiện có của cửa hàng

2.1.1.4 Quản lý nhà cung cấp

 Nhập thông tin khách hàng
Hệ thống giúp người quản lý cửa hàng nhập các thông tin liên quan đến
khách hàng bao gồm: mã nhà cung cấp, tên nhà cung cấp, số điện thoại, địa
chỉ.
 Cập nhật thông tin khách hàng
Hệ thống phải cung cấp chức năng sửa lại thông tin của sản phẩm khi có
sự thay đổi
 Xóa thông tin khách hàng
Hệ thống phải cung cấp chức năng xóa thông tin về một sản phẩm khi
shop không còn kinh doanh sản phẩm này nữa
 Hiển thị thông tin khách hàng
Hệ thống phải cung cấp chức năng hiện thị danh sách thông tin các loại
sản phẩm hiện có của shop

2.1.1.5 Quản lý nhập hàng

 Hệ thống phải cung cấp cho người dùng chức năng quản lý nhập hàng. Khi
nhập máy lọc nước hệ thống sẽ đăng lên trang web với các thông tin liên quan.
 Sau khi nhập hàng thì hệ thống sẽ cập nhật lại các loại máy lọc nước
2.1.1.6 Chức năng tìm kiếm thông tin
 Tìm kiếm thông tin theo tên máy lọc nước
Hệ thống phải cung cấp cho người dùng chức năng tìm kiếm và hiển thị
danh sách các MLN có tên đúng hoặc gần đúng với tên MLN mà khách hàng
vừa nhập
 Tìm kiếm thông tin theo hãng máy lọc nước
Hệ thống phải cung cấp cho người dùng chức năng tìm kiếm và hiển thị
danh sách các MLN có hãng MLN như yêu cầu của khách hàng

2.1.1.7 Quản lý bán hàng

 Hệ thống phải cung cấp cho người dùng chức năng quản lý bán hàng. Khi bán
máy lọc nước hệ thống sẽ đưa khách hàng đến đặt hàng và làm thủ tục thanh
toán, lưu hóa đơn và thông tin khách hàng lại.

12
 Thiết kế website giới thiệu cửa hàng máy lọc nước SmartViet

 Sau khi bán hàng thì hệ thống sẽ cập nhật lại các loai nước hoa còn lại để kịp
thời bổ sung máy lọc nước.

2.1.1.8 Chức năng thống kê ,báo cáo

 Thống kê doanh thu của cửa hàng trong 1 tháng
Hệ thống phải cung cấp chức năng thống kê các hóa đơn và tính doanh thu
bán hàng của shop trong 1 tháng cho toàn bộ sản phẩm. Doanh thu trong tháng
được tính như sau:
Doanh thu= số lượng hàng bán* đơn giá
*Người dùng

2.1.1.9. Chức năng mà người dùng có thể sử dụng

+ Người dùng có thể tìm kiếm sản phẩm máy lọc nước trên thanh tìm kiếm
bằng tên đúng của máy lọc nước hoặc tên gần đúng của máy
+ Ngoài việc tìm kiếm máy lọc nước thì người dùng cí thể xem được thông số
và thông tin của máy lọc nước đó trong từng chi tiết tiết sản phẩm

2.1.2. Phạm vi công việc

Dựa trên bản mô tả hệ thống và yêu cầu của khách hàng, hệ thống quản lý việc
bán hàng của cửa hàng máy lọc nước SmartViet cần được phát triển trong các
phạm vi dưới đây:
1. Các yêu cầu của khách hàng phải được phân tích. Với mỗi yêu cầu phải xác
định rõ dữ liệu đầu vào,đầu ra và quy trình xử lý.
2. Với mỗi yêu cầu phức tạp, quy trình xử lý cần được minh họa bằng lưu đồ giải
thuật
3. Hệ thống phải được lập trình trên nền .Net Framework , ngôn ngữ lập trình C#
4. Hệ thống phải được phát triển trên môi trường console
5. Dữ liệu phải được lưu có định dạng trong tệp *.txt
2.2. Phân tích yêu cầu của hệ thống

2.2.1 Danh sách các Actor

Bảng 2.1 Bảng các actor chính
STT Tên Actor Ý nghĩa/Ghi chú
1 Người quản trị(Admin) Quản lý phân cấp quyền cho người dùng
2 Người quản lý(Nhân viên) Quản lý sản phẩm, nhà cung cấp, khách hàng, các
đơn hàng, thống kê báo cáo
3 Khách hàng(User) Xem, tìm kiếm thông tin máy lọc nước và đặt hàng

13
 Thiết kế website giới thiệu cửa hàng máy lọc nước SmartViet
2.2.2 Danh sách các Use-case
Bảng 2.2 Bảng các Use-case chính
STT Tên Use-case
1 Dangnhap
2 QuanLynguoidung
3 QuanLyLoaiMaylocnuoc
3 QuanLyMLN
4 QuanLykhachhang
5 QuanLynhacungcap
6 QuanLynhaphang
7 QuanLybanhang
8 Thongkebaocao
Ý nghĩa/Ghi chú
Người dùng muốn truy cập trang web đều phải
đăng nhập để thực hiện các chức năng
-Thêm tài khoản người dùng
-Sửa thông tin người dùng
-Xóa thông tin người dùng
-Nhập thêm thông tin Loại Máy lọc nước
-Cập nhật thông tin Loại Máy lọc nước
-Xóa thông tin Loại Máy lọc nước
-Tìm kiếm Loại Máy lọc nước theo: tên Loại
-Nhập thêm thông tin Máy lọc nước
-Cập nhật thông tin Máy lọc nước
-Xóa thông tin Máy lọc nước
-Tìm kiếm Máy lọc nước theo: tên Máy lọc nước,
hãng Máy lọc nước
-Nhập thêm thông tin khách hàng
-Cập nhật thông tin khách hàng
-Tìm kiếm thông tin khách hàng theo: số điện thoại
khách hàng
-Nhập thêm thông tin nhà cung cấp
-Cập nhật thông tin nhà cung cấp
-Tìm kiếm thông tin nhà cung cấp dựa theo: số điện
thoại nhà cung cấp
-Khi nhà cung cấp chuyển hàng đến cho cửa hàng
thì cửa hàng sẽ thực hiện nhập thêm hàng và có hóa
đơn nhập
-Khi khách hàng muốn lưu lại MLN mà mình muốn
mua. Cập nhật và xóa MLN trong giỏ hàng lựa
chọn hình thức thanh toán có kèm theo địa chỉ,
số điện thoại và tên
-Thống kê doanh thu theo tháng.
-Thống kê MLN còn lại trong cửa hàng
14
 Thiết kế website giới thiệu cửa hàng máy lọc nước SmartViet

2.2.3 Biểu đồ Use-case

Hình 2.1: Sơ đồ use-case tổng quát

2.2.3.1 Đặc tả Use-case

2.2.3.1.1 Đặc tả Use-case “Loại máy lọc nước”

2.2.3.1.1.1 Biểu đồ Use case của Use case đặc tả

Hình 2.2 Biểu đồ use-case Quan lý loại máy lọc nước

Tóm tắt

15
 Thiết kế website giới thiệu cửa hàng máy lọc nước SmartViet

Bảng 2.3: Bảng use-case 1

Người sử dụng Use Chức năng của Use Case Ý Nghĩa của Use Case
Case
Người quản lý ThemMLN: Thêm loại Chức năng cho phép
máy lọc nước người quản lý thêm
thông tin loại máy lọc
nước khi cửa hàng có
loại máy lọc nước mới
nhập về
CapnhatMLN: Cập nhật Chức năng cho phép
loại máy lọc nước người quản lý cập nhật
thông loại máy lọc nước
khi có sai sót
XoaMLN: Xóa loại máy Chức năng cho phép
lọc nước người quản lý xóa loại
máy lọc nước khi không
còn bán nữa
TimKiemMLN: Tìm kiếm Chức năng cho phép
loại máy lọc nước người quản lý tìm kiếm
sản phẩm loại máy lọc
nước theo: tên sản
phẩm, hãng

*Dòng sự kiện
 UC thêm loại máy lọc nước

 Dòng sự kiện chính

Actor System
1. Người quản lý chọn nút thêm 2. Hệ thống yêu cầu nhập thông
mới trên giao diện quản lý loại tin máy lọc nước cần thêm
máy lọc nước
3. Người quản lý nhập đầy đủ
thông tin loại máy lọc nước cần
thêm
4. Người quản lý lưu thông tin 5. Kiểm tra thông tin loại máy lọc
loại máy lọc nước mới [phát nước mới được thêm[Phát sinh
sinh 1] 2]
6. Thêm thành công, lưu thông tin
loại máy lọc nước vào hệ thống

16
 Thiết kế website giới thiệu cửa hàng máy lọc nước SmartViet

 Các dòng sự kiện khác

 Phát sinh 1: Người quản lý không muốn thêm loại máy lọc nước mới
4.1 Người quản lý chọn nút bỏ qua
4.2 Người quản lý không muốn thêm loại máy lọc nước nữa, kết thúc UC
thêm máy lọc nước
 Phát sinh 2:Thông tin máy lọc nước không hợp lệ
5.1 Hệ thống thông báo thông tin máy lọc nước không hợp lệ, yêu cầu
người quản lý nhập lại thông tin
5.2 Hệ thống trở lại bước 3 để nhập lại thông tin
 UC Cập nhật thông tin loại máy lọc nước

 Dòng sự kiện chính

Actor System
1. Người quản lý chọn sản phẩm máy 2. Hệ thống yêu cầu nhập lại thông
lọc nước cần cập nhật tin máy lọc nước
3. Người quản lý nhập thông tin máy
lọc nước cần cập nhật
4. Người quản lý chọn lưu thông tin 5. Kiểm tra thông tin máy lọc nước
máy lọc nước[phát sinh 1] mới được cập nhật[Phát sinh 2]
6. Cập nhật thành công, lưu thông tin
máy lọc nước và hệ thống

 Dòng sự kiện khác

 Phát sinh 1: Người quản lý không muốn cập nhật máy lọc nước nữa
4.1 Người quản lý nhấn nút quay lại
4.2 Kết thúc UC cập nhật máy lọc nước
 Phát sinh 2: Thông tin nước hoa không hợp lệ
5.1 Hệ thống kiểm tra thông tin sản phẩm máy lọc nước vừa cập nhật,
nếu thiếu hệ thống sẽ thông báo lỗi
5.2 Hệ thống sẽ quay lại bước 3 để người quản lý cập nhật lại thông tin
máy lọc nước
 UC Xóa thông tin loại máy lọc nước

 Dòng sự kiện chính

Actor System
1. Người quản lý chọn sản phẩm máy 2. Hệ thống xác thực lại Người quản
lọc nước cần xóa lý muốn xóa hay không
3. Người quản lý xác nhận xóa[phát 4. Hệ thống kiểm tra ràng buộc[phát
sinh1] sinh2]
5. Xóa thành công, cập nhật lại hệ
thống

17
 Thiết kế website giới thiệu cửa hàng máy lọc nước SmartViet

 Dòng sự kiện khác

 Phát sinh 1: Người quản lý không muốn xóa máy lọc nước
3.1 Người quản lý nhấn nút Không
3.2 Kết thúc UC xóa máy lọc nước
 Phát sinh 2: Hệ thống kiểm tra ràng buộc
4.1 Hệ thống thông báo có ràng buộc, không thể xóa
4.2 Hệ thống sẽ thoát ra, kết thúc UC
 Tìm kiếm loại máy lọc nước

 Dòng sự kiện chính

Actor System
2 Người quản lý chọn Tìm kiếm từ 3 Hệ thống hiển thị giao diện Tìm
giao diện Tìm kiếm kiếm
4 Người quản lý nhập thông tin 5 Hệ thống trả ra kết quả người
máy lọc nước cần tìm kiếm và quản lý muốn tìm kiếm
nhấn tìm kiếm[phát sinh 1]

 Dòng sự kiện khác

 Phát sinh 1: Người quản lý nhập sai thông tin loại máy lọc nước cần tìm
kiếm
4.1 Thông tin loại máy lọc nước cần tìm kiếm hệ thống không tìm thấy
4.2 Hệ thống không hiển thị ra thông tin loại máy lọc nước. Kết thúc
UC tìm kiếm loại nước hoa

*Các yêu cầu đặc biệt

Không có

*Trạng thái hệ thống khi bắt đầu thực hiện Use-case

Trước khi sử dụng chức năng người quản lý cần đăng nhập trước khi sử dụng
các chức năng để quản lý máy lọc nước

*Trạng thái hệ thống sau khi thực hiện Use-case

 UC thêm máy lọc nước:
- Sau khi sản phẩm máy lọc nước được thêm vào hệ thống thành công, hệ
thống sẽ cập nhật lại máy lọc nước có trong hệ thống
- Nếu người quản lý thêm máy lọc nước thất bại, hệ thống sẽ thông báo lỗi và
quay lại để người quản lý nhập lại thông tin máy lọc nước
 UC cập nhật máy lọc nước:
- Thành công: thông tin máy lọc nước cập nhật thành công sẽ được lưu vào
hệ thống và được cập nhật lại
 UC xóa máy lọc nước:
18
 Thiết kế website giới thiệu cửa hàng máy lọc nước SmartViet

-Xóa thành công: sản phẩm máy lọc nước xóa thành công, hệ thống xóa
thông tin máy lọc nước đó ra khỏi hệ thống
 UC tìm kiếm máy lọc nước:
- Tìm kiếm thành công: Hệ thống trả ra đúng sản phẩm máy lọc nước mà
người quản lý muốn tìm kiếm
- Tìm kiếm thất bại: hệ thống hiện thị không tìm thấy sản phẩm nào

*Điểm mở rộng
- UC tìm kiếm máy lọc nước có quan hệ với khách hàng. Khi khách hàng
muốn tìm kiếm nước hoa sẽ thực hiện chức năng này.

2.2.3.1.2 Đặc tả Use-case “Quản lý MLN”

2.2.3.1.2.1 Biểu đồ Use case của Use case đặc tả

Hình 2.3 Hình ảnh use-case Quản lý MLN

Tóm tắt
Bảng 2.4 Bảng use-case 2
Người sử dụng Use Chức năng của Use Case Ý Nghĩa của Use Case
Case
Người quản lý ThemMLN: Thêm máy Chức năng cho phép
lọc nước người quản lý thêm
thông tin máy lọc nước
khi cửa hàng có máy lọc
nước mới nhập về
CapnhatMLN: Cập nhật Chức năng cho phép
máy lọc nước người quản lý cập nhật
thông máy lọc nước khi
có sai sót

19
 Thiết kế website giới thiệu cửa hàng máy lọc nước SmartViet

XoaMLN: Xóa máy lọc Chức năng cho phép

nước người quản lý xóa máy
lọc nước khi không còn
bán nữa
TimKiemMLN: Tìm kiếm Chức năng cho phép
máy lọc nước người quản lý tìm kiếm
sản phẩm máy lọc nước
theo: tên sản phẩm,
hãng

*Dòng sự kiện
 UC thêm máy lọc nước

 Dòng sự kiện chính

Actor System
7. Người quản lý chọn nút thêm 8. Hệ thống yêu cầu nhập thông
mới trên giao diện quản lý máy tin máy lọc nước cần thêm
lọc nước
9. Người quản lý nhập đầy đủ
thông tin máy lọc nước cần
thêm
10. Người quản lý lưu thông tin 11. Kiểm tra thông tin máy lọc
máy lọc nước[phát sinh 1] nước mới được thêm[Phát sinh
2]
12. Thêm thành công, lưu thông tin
máy lọc nước vào hệ thống

 Các dòng sự kiện khác

 Phát sinh 1: Người quản lý không muốn thêm máy lọc nước mới
4.1 Người quản lý chọn nút bỏ qua
4.2 Người quản lý không muốn thêm máy lọc nước nữa, kết thúc UC thêm
máy lọc nước
 Phát sinh 2:Thông tin máy lọc nước không hợp lệ
5.1 Hệ thống thông báo thông tin máy lọc nước không hợp lệ, yêu cầu
người quản lý nhập lại thông tin
5.2 Hệ thống trở lại bước 3 để nhập lại thông tin

 UC Cập nhật thông tin máy lọc nước

 Dòng sự kiện chính

20
 Thiết kế website giới thiệu cửa hàng máy lọc nước SmartViet

Actor System
7. Người quản lý chọn sản phẩm máy 8. Hệ thống yêu cầu nhập lại thông
lọc nước cần cập nhật tin máy lọc nước
9. Người quản lý nhập thông tin máy
lọc nước cần cập nhật
10. Người quản lý chọn lưu thông tin 11. Kiểm tra thông tin máy lọc nước
máy lọc nước[phát sinh 1] mới được cập nhật[Phát sinh 2]
12. Cập nhật thành công, lưu thông tin
máy lọc nước và hệ thống

 Dòng sự kiện khác

 Phát sinh 1: Người quản lý không muốn cập nhật máy lọc nước nữa
4.1 Người quản lý nhấn nút quay lại
4.2 Kết thúc UC cập nhật máy lọc nước
 Phát sinh 2: Thông tin nước hoa không hợp lệ
5.1 Hệ thống kiểm tra thông tin sản phẩm máy lọc nước vừa cập nhật,
nếu thiếu hệ thống sẽ thông báo lỗi
5.2 Hệ thống sẽ quay lại bước 3 để người quản lý cập nhật lại thông tin
máy lọc nước
 UC Xóa thông tin máy lọc nước

 Dòng sự kiện chính

Actor System
6. Người quản lý chọn sản phẩm máy 7. Hệ thống xác thực lại Người quản
lọc nước cần xóa lý muốn xóa hay không
8. Người quản lý xác nhận xóa[phát 9. Hệ thống kiểm tra ràng buộc[phát
sinh1] sinh2]
10. Xóa thành công, cập nhật lại hệ
thống

 Dòng sự kiện khác

 Phát sinh 1: Người quản lý không muốn xóa máy lọc nước
3.1 Người quản lý nhấn nút Không
3.2 Kết thúc UC xóa máy lọc nước
 Phát sinh 2: Hệ thống kiểm tra ràng buộc
4.1 Hệ thống thông báo có ràng buộc, không thể xóa
4.2 Hệ thống sẽ thoát ra, kết thúc UC

 Tìm kiếm máy lọc nước

 Dòng sự kiện chính

21
 Thiết kế website giới thiệu cửa hàng máy lọc nước SmartViet

Actor System
1. Người quản lý chọn Tìm kiếm từ 2. Hệ thống hiển thị giao diện Tìm
giao diện Tìm kiếm kiếm
3. Người quản lý nhập thông tin máy 4. Hệ thống trả ra kết quả người quản
lọc nước cần tìm kiếm và nhấn tìm lý muốn tìm kiếm
kiếm[phát sinh 1]

 Dòng sự kiện khác

 Phát sinh 1: Người quản lý nhập sai thông tin loại máy lọc nước cần tìm
kiếm
4.1 Thông tin loại máy lọc nước cần tìm kiếm hệ thống không tìm thấy
4.2 Hệ thống không hiển thị ra thông tin loại máy lọc nước. Kết thúc
UC tìm kiếm loại nước hoa

*Các yêu cầu đặc biệt

Không có

*Trạng thái hệ thống khi bắt đầu thực hiện Use-case

Trước khi sử dụng chức năng người quản lý cần đăng nhập trước khi sử dụng
các chức năng để quản lý máy lọc nước

*Trạng thái hệ thống sau khi thực hiện Use-case

 UC thêm máy lọc nước:
- Sau khi sản phẩm máy lọc nước được thêm vào hệ thống thành công, hệ
thống sẽ cập nhật lại máy lọc nước có trong hệ thống
- Nếu người quản lý thêm máy lọc nước thất bại, hệ thống sẽ thông báo lỗi và
quay lại để người quản lý nhập lại thông tin máy lọc nước
 UC cập nhật máy lọc nước:
- Thành công: thông tin máy lọc nước cập nhật thành công sẽ được lưu vào
hệ thống và được cập nhật lại
 UC xóa máy lọc nước:
- Xóa thành công: sản phẩm máy lọc nước xóa thành công, hệ thống xóa
thông tin máy lọc nước đó ra khỏi hệ thống
 UC tìm kiếm máy lọc nước:
- Tìm kiếm thành công: Hệ thống trả ra đúng sản phẩm máy lọc nước mà
người quản lý muốn tìm kiếm
- Tìm kiếm thất bại: hệ thống hiện thị không tìm thấy sản phẩm nào

*Điểm mở rộng
- UC tìm kiếm máy lọc nước có quan hệ với khách hàng. Khi khách hàng
muốn tìm kiếm nước hoa sẽ thực hiện chức năng này.

2.2.3.1.3Đặc tả Use-case “Quản lý khách hàng”

22
 Thiết kế website giới thiệu cửa hàng máy lọc nước SmartViet

2.2.3.1.3.1 Biểu đồ Use case của Use case đặc tả

Hình 2.4 Hình ảnh Quản lý khách hàng

Tóm tắt
Bảng 2.5: Bảng use-case 2
Người sử dụng Use Case Chức năng của Use Case
Người quản lý ThemKH: Thêm khách hàng
CapnhatKH: Cập nhật khách
hàng
TimKiemKH: Tìm kiếm
khách hàng
Ý Nghĩa của Use Case
Chức năng cho phép người quản
lý thêm thông tin khách hàng
Chức năng cho phép người quản
lý cập nhật thông tin khách hàng
khi có sai sót
Chức năng cho phép người quản
lý tìm kiếm khách hàng theo: số
điện thoại

*Dòng sự kiện
 UC thêm khách hàng

 Dòng sự kiện chính

Actor System

1 Người quản lý chọn nút thêm mới trên 2 Hệ thống yêu cầu nhập thông tin khách
giao diện quản lý khách hàng hàng cần thêm

23
 Thiết kế website giới thiệu cửa hàng máy lọc nước SmartViet

3 Người quản lý nhập đầy đủ thông tin

khách hàng cần thêm

4 Người quản lý lưu thông tin khách 5 Kiểm tra thông tin khách hàng mới
hàng[phát sinh 1] được thêm[Phát sinh 2]

6 Thêm thành công, lưu thông tin khách

hàng và hệ thống

 Các dòng sự kiện khác

 Phát sinh 1: Người quản lý không muốn thêm khách hàng mới
4.1 Người quản lý chọn nút bỏ qua
4.2 Người quản lý không muốn thêm khách hàng nữa, kết thúc UC thêm
khách hàng
 Phát sinh 2:Thông tin khách hàng không hợp lệ
5.1 Hệ thống thông báo thông tin khách hàng không hợp lệ, yêu cầu người
quản lý nhập lại thông tin
5.2 Hệ thống trở lại bước 3 để nhập lại thông tin
 UC cập nhật khách hàng

 Dòng sự kiện chính

Actor System
1. Người quản lý chọn khách hàng 2. Hệ thống yêu cầu nhập lại thông
cần cập nhật tin khách hàng
3. Người quản lý nhập thông tin
khách hàng cần cập nhật
4. Người quản lý chọn lưu thông tin 5. Kiểm tra thông tin khách hàng mới
khách hàng [phát sinh 1] được cập nhật[Phát sinh 2]
6. Cập nhật thành công, lưu thông tin
khách hàng và hệ thống

 Dòng sự kiện khác

 Phát sinh 1: Người quản lý không muốn cập nhật khách hàng nữa
4.1 Người quản lý nhấn nút quay lại
4.2 Kết thúc UC cập nhật khách hàng
 Phát sinh 2: Thông tin khách hàng không hợp lệ
5.1 Hệ thống kiểm tra thông tin khách hàng vừa cập nhật, nếu thiếu hệ
thống sẽ thông báo lỗi
5.2 Hệ thống sẽ quay lại bước 3 để người quản lý cập nhật lại thông tin
khách hàng

24
 Thiết kế website giới thiệu cửa hàng máy lọc nước SmartViet

 UC Tìm kiếm khách hàng

 Dòng sự kiện chính

Actor System
1 Người quản lý chọn Tìm kiếm từ giao 2 Hệ thống hiển thị giao diện Tìm kiếm
diện Tìm kiếm
3 Người quản lý nhập thông tin khách 4 Hệ thống trả ra kết quả người quản lý
hàng cần tìm kiếm và tìm kiếm[phát sinh muốn tìm kiếm
1]
 Dòng sự kiện khác
 Phát sinh 1: Người quản lý nhập sai thông tin khách hàng cần tìm kiếm
3.1 Thông tin khách hàng cần tìm kiếm hệ thống không tìm thấy
3.2 Hệ thống không hiển thị ra thông tin khách hàng. Kết thúc UC tìm
kiếm khách hàng

*Các yêu cầu đặc biệt

Không có

*Trạng thái hệ thống khi bắt đầu thực hiện Use-case

Trước khi sử dụng chức năng người quản lý cần đăng nhập trước khi sử dụng
các chức năng để quản lý khách hàng

*Trạng thái hệ thống sau khi thực hiện Use-case

 UC thêm khách hàng:
- Thêm thành công: khách hàng được thêm vào hệ thống thành công, hệ thống
sẽ cập nhật lại khách hàng có trong hệ thống
- Thêm thất bại, hệ thống sẽ thông báo lỗi và quay lại để người quản lý nhập
lại thông tin khách hàng
 UC cập nhật khách hàng:
- Thành công: thông tin khách hàng cập nhật thành công sẽ được lưu vào hệ
thống và được cập nhật lại
 UC xóa khách hàng:
- Xóa thành công: khách hàng xóa thành công, hệ thống xóa thông tin
khách hàng đó ra khỏi hệ thống
 UC tìm kiếm khách hàng:
- Tìm kiếm thành công: Hệ thống trả ra đúng khách hàng mà người quản
lý muốn tìm kiếm
- Tìm kiếm thất bại: hệ thống hiện thị không tìm thấy khách hàng nào

*Điểm mở rộng
Không có

2.2.3.1.4 Đặc tả Use-case “Quản lý nhà cung cấp”

25
 Thiết kế website giới thiệu cửa hàng máy lọc nước SmartViet

2.2.3.1.4.1 Biểu đồ Use case của Use case đặc tả

Hình 2.5: Use-case quản lý nhà cung cấp

Tóm tắt
Bảng 2.6: Bảng use-case 3
Người sử dụng Use Case Chức năng của Use Case Ý Nghĩa của Use Case
Người quản lý ThemNCC: Thêm nhà cung Chức năng cho phép người
cấp quản lý thêm thông tin nhà
cung cấp
CapnhatNCC: Cập nhật nhà Chức năng cho phép người
cung cấp quản lý cập nhật thông tin
nhà cung cấp khi có sai sót
TimKiemNCC: Tìm kiếm Chức năng cho phép người
nhà cung cấp quản lý tìm kiếm nhà cung
cấp: số điện thoại

*Dòng sự kiện
 UC thêm nhà cung cấp
 Dòng sự kiện chính
Actor System
1 Người quản lý chọn nút thêm mới 2 Hệ thống yêu cầu nhập thông tin nhà
trên giao diện quản lý nhà cung cấp cung cấp cần thêm
3 Người quản lý nhập đầy đủ thông tin
nhà cung cấp cần thêm
4 Người quản lý lưu thông tin nhà cung 5 Kiểm tra thông tin nhà cung cấp mới
cấp [phát sinh 1] được thêm[Phát sinh 2]
26
 Thiết kế website giới thiệu cửa hàng máy lọc nước SmartViet

6 Thêm thành công, lưu thông tin nhà

cung cấp vào hệ thống
 Các dòng sự kiện khác
 Phát sinh 1: Người quản lý không muốn thêm nhà cung cấp mới
4.1 Người quản lý chọn nút bỏ qua
4.2 Người quản lý không muốn thêm nhà cung cấp nữa, kết thúc UC thêm
nhà cung cấp
 Phát sinh 2:Thông tin nhà cung cấp không hợp lệ
5.1 Hệ thống thông báo thông tin nhà cung cấp không hợp lệ, yêu cầu
người quản lý nhập lại thông tin
5.2 Hệ thống trở lại bước 3 để nhập lại thông tin
 UC cập nhật nhà cung cấp
 Dòng sự kiện chính
Actor System
1 Người quản lý chọn nhà cung cấp 2 Hệ thống yêu cầu nhập lại thông tin
cần cập nhật nhà cung cấp
3 Người quản lý nhập thông tin nhà
cung cấp cần cập nhật
4 Người quản lý chọn lưu thông tin 5 Kiểm tra thông tin nhà cung cấp mới
nhà cung cấp [phát sinh 1] được cập nhật [Phát sinh 2]
6 Cập nhật thành công, lưu thông tin
nhà cung cấp và hệ thống

 Các dòng sự kiện khác

 Phát sinh 1: Người quản lý không muốn cập nhật nhà cung cấp nữa
4.1 Người quản lý nhấn nút quay lại
4.2 Kết thúc UC cập nhật nhà cung cấp
 Phát sinh 2: Thông tin nhà cung cấp không hợp lệ
5.1 Hệ thống kiểm tra thông tin nhà cung cấp vừa cập nhật, nếu thiếu hệ
thống sẽ thông báo lỗi
5.2 Hệ thống sẽ quay lại bước 3 để người quản lý cập nhật lại thông tin
nhà cung cấp
 UC tìm kiếm nhà cung cấp

 Dòng sự kiện chính

Actor System
1 Người quản lý chọn Tìm kiếm từ 2 Hệ thống hiển thị giao diện Tìm
giao diện Tìm kiếm kiếm
3 Người quản lý nhập thông tin 4 Hệ thống trả ra kết quả người quản

27
 Thiết kế website giới thiệu cửa hàng máy lọc nước SmartViet

nhà cung cấp cần tìm kiếm và nhấn lý muốn tìm kiếm
Enter[phát sinh 1]

 Các dòng sự kiện khác

 Phát sinh 1: Người quản lý nhập sai thông tin nhà cung cấp cần tìm kiếm
4.1 Thông tin nhà cung cấp cần tìm kiếm hệ thống không tìm thấy
4.2 Hệ thống không hiển thị ra thông tin nhà cung cấp. Kết thúc UC tìm
kiếm nhà cung cấp

*Các yêu cầu đặc biệt

Không có

*Trạng thái hệ thống khi bắt đầu thực hiện Use-case

Trước khi sử dụng chức năng người quản lý cần đăng nhập trước khi sử dụng
các chức năng để quản lý nhà cung cấp

*Trạng thái hệ thống sau khi thực hiện Use-case

 UC thêm nhà cung cấp:
- Thêm thành công: nhà cung cấp được thêm vào hệ thống thành công, hệ
thống sẽ cập nhật lại nhà cung cấp có trong hệ thống
- Thêm thất bại, hệ thống sẽ thông báo lỗi và quay lại để người quản lý nhập
lại thông tin nhà cung cấp
 UC cập nhật nhà cung cấp:
- Thành công: thông tin nhà cung cấp cập nhật thành công sẽ được lưu vào hệ
thống và được cập nhật lại
 UC tìm kiếm nhà cung cấp:
- Tìm kiếm thành công: Hệ thống trả ra đúng nhà cung cấp mà người quản
lý muốn tìm kiếm
- Tìm kiếm thất bại: hệ thống hiện thị không tìm thấy nhà cung cấp nào

2.2.3.1.5 Đặc tả Use-case “Quản lý đăng nhập”

2.2.3.1.5.1 Biểu đồ Use case của Use case đặc tả

28
 Thiết kế website giới thiệu cửa hàng máy lọc nước SmartViet

Hình 2.6: Hình ảnh use-case Quản lý Đăng nhập

*Dòng sự kiện

 Dòng sự kiện chính

Actor System
1 Từ giao diện chính, người dùng chọn 2 Hệ thống yêu cầu nhập đăng nhập
đăng nhập vào hệ thống (tên đăng nhập, mật khẩu)
3 Người dùng nhập thông tin đăng nhập
[phát sinh 0]
4 Người dùng nhấn đăng nhập [phát sinh 1] 5 Kiểm tra thông tin đăng nhập [Phát
sinh 2]
6 Đăng nhập thành công

 Các dòng sự kiện khác

 Phát sinh 0: Người dùng chưa có tài khoản đăng nhập
2.1 Người dùng tạo tài khoản đăng nhập
2.2 Kiểm tra thông tin tài khoản
2.3 Cấp quyền cho tài khoản
 Phát sinh 1: Người dùng không muốn đăng nhập
3.1 Người dùng nhấn nút Hủy
3.2 Kết thúc UC đăng nhập
 Phát sinh 2: Thông tin đăng nhập không hợp lệ
4.1 Hệ thống thông báo thông tin đăng nhập không hợp lệ, yêu cầu người
dùng nhập lại thông tin
4.2 Hệ thống trở lại bước 2 để nhập lại thông tin

* Các yêu cầu đặc biệt

Không có

*Trạng thái hệ thống khi bắt đầu thực hiện Use-case

Trước khi sử dụng chức năng người dùng cần tạo tài khoản trước khi đăng nhập

*Trạng thái hệ thống sau khi thực hiện Use-case

 UC đăng nhập:
- Đăng nhập thành công: Người dùng nhập thông tin đăng nhập và truy cập
được vào các chức năng trong hệ thống
- Đăng nhập thất bại: hệ thống sẽ thông báo lỗi và quay lại để người dùng
nhập lại thông tin đăng nhập

*Điểm mở rộng
29
 Thiết kế website giới thiệu cửa hàng máy lọc nước SmartViet

Không có

2.2.3.1.6 Đặc tả Use-case “Tìm kiếm”

2.2.3.1.6.1 Biểu đồ Use case của Use case đặc tả

Hình 2.7: Hình ảnh use-case Tìm kiếm

2.2.3.1.7 Đặc tả Use-case “Thống kê báo cáo”

2.2.3.1.7.1 Biểu đồ Use case của Use case đặc tả

Hình 2.8: Hình ảnh use-case thống kê báo cáo

30
 Thiết kế website giới thiệu cửa hàng máy lọc nước SmartViet

2.2.4 Biểu đồ lớp

2.2.4.1. Biểu đồ lớp

Hình 2.9: Hình ảnh biểu đồ lớp tổng quát

31
 Thiết kế website giới thiệu cửa hàng máy lọc nước SmartViet

2.2.4.2 Danh sách các lớp đối tượng

STT Tên lớp Mô tả

1 Loại máy lọc nước

2 Nhà cung cấp

3 Khách hàng

4 Máy lọc nước

5 Hóa đơn nhập

6 Chi tiết hóa đơn nhập

7 Hóa đơn bán

8 Chi tiết hóa đơn bán

32
 Thiết kế website giới thiệu cửa hàng máy lọc nước SmartViet

2.2.4.3 Mô tả chi tiết từng lớp đối tượng

STT Tên đối tượng Thuộc tính

1 Loại máy lọc nước Mã loại, Tên loại, Số lượng

2 Nhà cung cấp Mã nhà cung cấp, Tên nhà cung cấp,
Số điện thoại, Địa chỉ.

3 Khách hàng Mã khách hàng, Tên khách hàng, Số

điện thoại, Địa chỉ.

4 Máy lọc nước Mã MLN, Tên MLN, Giá.

5 Hóa đơn nhập Tên nhà cung cấp, Mã nhà cung cấp,
Số lượng.

6 Chi tiết hóa đơn nhập Mã hóa đơn nhập, Số lượng, Giá nhập

7 Hóa đơn bán Tên khách hàng, Tên máy lọc nước,
Số lượng.

8 Chi tiết hóa đơn bán Mã hóa đơn bán, Số lượng, Giá bán

33
 Thiết kế website giới thiệu cửa hàng máy lọc nước SmartViet

CHƯƠNG 3: THIẾT KẾ GIAO DIỆN

3.1. Giao diện người dùng
3.1.1 Giao diện trang chủ

Hình 3.1: Hình ảnh giao diện trang chủ của người dùng
3.1.2 Giao diện trang giới thiệu

Hình 3.2: Hình ảnh giao diện trang giới thiệu của người dùng
3.1.3 Giao diên trang sản phẩm

34
 Thiết kế website giới thiệu cửa hàng máy lọc nước SmartViet

Hình 3.3: Hình ảnh giao diện trang sản phẩm của người dùng
3.1.1.4 Giao diện trang liên hệ

Hình 3.4: Hình ảnh giao diện trang liên hệ của người dùng

3.2 Giao diện admin

3.2.1 Giao diện quản lý sản phẩm

35
 Thiết kế website giới thiệu cửa hàng máy lọc nước SmartViet

Hình 3.5: Hình ảnh giao diện trang quản lý sản phẩm
3.2.2 Giao diện quản lý khách hàng

Hình 3.6: Hình ảnh giao diện trang quản lý khách hàng
3.2.3 Giao diện quản lý nhà cung cấp

Hình 3.7: Hình ảnh giao diện chính trang quản lý nhà cung cấp
36
 Thiết kế website giới thiệu cửa hàng máy lọc nước SmartViet

3.2.4 Giao diện quản lý tài khoản

Hình 3.8: Hình ảnh giao diện trang quản lý tài khoản
3.2.5 Giao diện quản lý nhập hàng

Hình 3.9: Hình ảnh giao diện trang quản lý nhập hàng
3.2.6 Giao diện quản lý bán hàng

37
Thiết kế website giới thiệu cửa hàng máy lọc nước SmartViet

Hình 3.10: Hình ảnh giao diện trang quản lý bán hàng

38
 Thiết kế website giới thiệu cửa hàng máy lọc nước SmartViet

CHƯƠNG 4: KẾT LUẬN

4.1. Kết quả đạt được của đề tài
- Trên trang web cũng đã thể hiện được nội dung mà cửa hàng mong muốn.
- Dễ triển khai trên các trình duyệt
- Nâng cao được ý tưởng sáng tạo làm ra được sản phẩm của sinh viên
4.2. Hạn chế của đề tài
- Các trang website con chưa được thực hiện một các tốt nhất
- Trang admin thì vẫn còn sơ sài và chưa tiện dụng cho người quản lý.
4.3. Hướng phát triển của đề tài
- Website này có thể phát triển trên nhiều thiết bị.
- Em cũng hướng tới sẽ hoàn thiện hơn nũa website này vì trên website vẫn còn
nhiều lỗi mà em cần phải giải quyết.

39
 Thiết kế website giới thiệu cửa hàng máy lọc nước SmartViet

PHỤ LỤC

1. Bảng phân công nhiệm vụ thực hiện đồ án

TT Tên người làm việc Các công việc Ghi chú

1 Trương Công Tuyền Thiết kế giao diện người dùng
2 Trương Công Tuyền Thiết kế giao diện admin

40
 Thiết kế website giới thiệu cửa hàng máy lọc nước SmartViet

TÀI LIỆU THAM KHẢO

1. Giáo trình “Thiết kế website với html, css, javascript” trường ĐHSPKT Hưng Yên
2. Các trang web
www.w3schools.com/html/default.asp
http://webcoban.vn/
https://w3layouts.com

41