Báo cáo đồ án chuyên ngành xây dựng hệ thống cửa hàng bán đồng hồ online

Sơ dồ usecase tổng quát Quan ly tin tuc, su kien Tim kiem Ho tro khach hang Quan ly thong tin cua hang Quan ly danh muc san pham Quan ly san pham Quan ly khach hang Quan ly gio hang Quan

TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT

VIỆN KỸ THUẬT CÔNG NGHỆ

BÁO CÁO ĐỒ ÁN CHUYÊN NGÀNH

XÂY DỰNG HỆ THỐNG CỬA HÀNG

BÁN ĐỒNG HỒ ONLINE

Giảng viên hướng dẫn: Ths Nguyễn Hữu Vĩnh

Sinh viên thực hiện : Nguyễn Phan Nhựt Hào - 1724801030034

LỜI GIỚI THIỆU

Lý do chọn đề tài:

Hiện nay, với sự phát triển mạnh mẽ của cuộc cách mạng công nghiệp 4.0, màtiêu biểu là sự phát triển của nền công nghệ thông tin, việc ứng dụng công nghệhiện đại vào các lĩnh vực kinh tế ngày càng trở nên phổ biến, bởi nó không chỉgiúp công việc trở nên đơn giản, hiệu quả mà còn vô cùng chính xác, mang lạilợi ích sản xuất cao

Nhịp sống hối hả, tất bật, việc sử dụng thời gian hợp lý là vô cùng cần thiết.Chiếc đồng hồ ngày càng trở thành người bạn tri kỉ, không thể thiếu đối vớinhiều người Không chỉ thế, với sự phát triển nhanh chóng của nền kinh tế nướcnhà, mức sống của người dân ngày càng cao, nhu cầu mua sắm, làm đẹp của họcũng ngày càng tăng Chiếc đồng hồ trở món trang sức làm tôn lên vẽ đẹp, sựlịch lãm, quý phái, thể hiện sự thành đạt trong cuộc sống

Nhằm đáp ứng nhu cầu của khách hàng về một phương pháp mua hàng vừanhanh chóng, vừa tiện lợi, tiết kiệm được thời gian và tiền bạc Em quyết địnhchọn đề tài: “Xây dựng hệ thống cửa hàng bán đồng hồ Online”

Sinh viên thực hiện: Nguyễn Phan Nhựt Hào

Bình Dương, ngày 30 tháng 11 năm 2020

Sinh viên thực hiện

TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT – CÔNG NGHỆ

NHẬN XÉT VÀ CHẤM ĐIỂM CỦA GIẢNG VIÊN HƯỚNG DẪN

Họ và tên giảng viên: Ths Nguyễn Hữu Vĩnh

Tên đề tài: Xây dựng hệ thống cửa hàng bán đồng hồ Online

Nội dung nhận xét:

Điểm:

Bằng số:

Bằng chữ:

GIẢNG VIÊN

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

CHƯƠNG 1: PHÂN TÍCH DỰ ÁN 1

1.1 Danh sách chức năng đề tài cần đáp ứng 1

1.2 Danh sách chức năng đề tài không làm 1

1.3 Công nghệ và công cụ dùng để làm đề tài 1

1.4 Các biểu đồ Use Case của đề tài 2

1.4.1 Sơ dồ usecase tổng quát 2

1.4.2 Sơ đồ usecase Admin 3

1.4.3 Sơ đồ usecase Khách Hàng 7

1.5 Các biểu đồ hoạt động (Activity Diagram) của đề tài 8

CHƯƠNG 2: THIẾT KẾ HỆ THỐNG 17

2.1 Mô tả cơ sở dữ liệu của đề tài 17

2.1.1 Sơ đồ cơ sở dữ liệu quan hệ 17

2.1.2 Bảng thiết kế cơ sở dữ liệu 17

2.2 Mô tả giao diện sản phẩm của đề tài 23

2.2.1 Người dùng 24

2.2.1.1.Trang Chủ 24

2.2.1.2.Đăng nhập 26

2.2.1.3.Đăng ký 26

2.2.1.4.Tìm kiếm 27

2.2.1.5.Trang tin tức 27

2.2.1.6.Giỏ hàng 28

2.2.1.7.Trang liên hệ - góp ý 29

2.2.1.8.Trang danh mục sản phẩm 30

2.2.2 Admin 31

2.2.2.1.Đăng nhập 31

2.2.2.2.Trang chủ 32

2.2.2.3.Quản lý danh mục sản phẩm 33

2.2.2.4.Quản lý sản phẩm 35

2.2.2.5.Quản lý đơn hàng 38

2.2.2.8.Quản lý người dùng 41

2.2.2.9.Quản lý tin tức 42

2.2.2.10 Quản lý thông tin liên hệ 45

2.2.2.11 Quản lý Footer 46

2.2.2.12 Quản lý phản hồi 47

CHƯƠNG 3: TRIỂN KHAI, ĐÁNH GIÁ VÀ HƯỚNG PHÁT TRIỂN 48

3.1 Kết quả đạt được 48

3.2 Khó khăn và hạn chế 48

3.3 Hướng phát triển của đề tài 48

3.4 Mã nguồn Website 48

DANH MỤC H<NH ẢNH

Hình 1 Sơ đồ usecase tổng quát 2

Hình 2 Sơ đồ usecase quản lý danh mục sản phẩm 3

Hình 3 Sơ đồ usecase quản lý khách hàng 3

Hình 4 Sơ đồ usecase quản lý sản phẩm 4

Hình 5 Sơ đồ usecase quản lý thông tin cửa hàng 4

Hình 6 Sơ đồ usecase quản lý tin tức, sự kiện 5

Hình 7 Sơ đồ usecase tìm kiếm 5

Hình 8 Sơ đồ usecase quản lý đơn hàng 6

Hình 9 Sơ đô usecase hỗ trợ khách hàng 6

Hình 10 Sơ đồ usecase khách hàng 7

Hình 11 Sơ đồ usecase khách hàng quản lý đơn hàng 7

Hình 12 Sơ đồ usecase khách hàng quản lý giỏ hàng 8

Hình 13 Biểu đồ hoạt động khách hàng đăng kí 8

Hình 14 Biểu đồ hoạt động khách hàng đăng nhập 9

Hình 15 Biểu đồ hoạt động khách hàng đặt mua sản phẩm 9

Hình 16 Biểu đồ hoạt động khách hàng thêm sản phẩm vào giỏ hàng 10

Hình 17 Biểu đồ hoạt động quản ly danh sách danh mục sản phẩm 11

Hình 18 Biểu đồ hoạt động quản lý danh muc menu 11

Hình 19 Biểu đồ hoạt động quản lý danh sách đơn hàng 12

Hình 20 Biểu đồ hoạt động quản lý danh sách sản phẩm 12

Hình 21 Biểu đồ hoạt động quản lý danh sách thành viên 13

Hình 22 Biểu đồ hoạt động quản lý Footer 13

Hình 23 Biểu đồ hoạt động quản lý menu 14

Hình 24 Biểu đồ hoạt động quản lý người dùng 14

Hình 25 Biểu đồ hoạt động quản lý phản hồi 15

Hình 26 Biểu đồ hoạt động quản lý thông tin liên hệ 15

Hình 27 Biểu đồ hoạt động quản lý tin tức 16

Hình 28 Sơ đồ cơ sở dữ liệu quan hệ 17

Hình 29 Giao diện trang chủ 24

Hình 30 Giao diện sản phẩm hot 24

Hình 31 Giao diện sản phẩm mới 25

Hình 32 Giao diện tin tức mới 25

Hình 33 Giao diện đăng nhập 26

Hình 34 Giao diện đăng ký 26

Hình 38 Giao diện giỏ hàng 28

Hình 39 Giao diện diền thông tin đặt hàng 29

Hình 40 Bản đồ cửa hàng 29

Hình 41 Giao diện gửi phản hồi 30

Hình 42 Giao diện trang danh mục sản phẩm 30

Hình 43 Giao diện đăng nhập quản trị 31

Hình 44 Giao diện trang chủ Admin (Thống kê) 32

Hình 45 Giao diện trang danh sách danh mục sản phẩm 33

Hình 46 Giao diện trang thêm mới danh mục sản phẩm 33

Hình 47 Giao diện trang cập nhật thông tin danh mục sản phẩm 34

Hình 48 Giao diện trang danh sách sản phẩm 35

Hình 49 Giao diện trang thêm mới sản phẩm 36

Hình 50 Giao diện trang cập nhật thông tin sản phẩm 37

Hình 51 Giao diện trang danh sách đơn hàng 38

Hình 52 Giao diện trang danh sách danh mục menu 38

Hình 53 Giao diện trang thêm mới danh mục menu 39

Hình 54 Giao diện trang cập nhật thông tin danh mục menu 39

Hình 55 Giao diện trang danh sách menu 39

Hình 56 Giao diện trang thêm mới menu 40

Hình 57 Giao diện trang cập nhật thông tin menu 40

Hình 58 Giao diện trang danh sách người dùng 41

Hình 59 Giao diện trang thêm mới người dùng 41

Hình 60 Giao diện trang cập nhật thông tin người dùng 42

Hình 61 Giao diện trang danh sách tin tức 42

Hình 62 Giao diện trang thêm mới tin tức 43

Hình 63 Giao diện trang cập nhật thông tin tin tức 44

Hình 64 Giao diện trang danh sách thông tin liên hệ 45

Hình 65 Giao diện trang thêm mới thông tin liên hệ 45

Hình 66 Giao diện trang cập nhật thông tin liên hệ 46

Hình 67 Giao diện trang cập nhật nội dung Footer 46

Hình 68 Giao diện trang danh sách phản hồi 47

DANH MỤC BẢNG

Bảng 1 Mô tả bảng User 18

Bảng 2 Mô tả bảng ProductCategory 18

Bảng 3 Mô tả bảng Product 20

Bảng 4 Mô tả bảng OrderDetail 20

Bảng 5 Mô tả bảng Order 20

Bảng 6 Mô tả bảng MenuType 21

Bảng 7 Mô tả bảng Menu 21

Bảng 8 Mô tả bảng Footer 21

Bảng 9 Mô tả bảng Feedback 22

Bảng 10 Mô tả bảng Contact 22

Bảng 11 Mô tả bảng Credential 22

Bảng 12 Mô tả bảng Role 23

Bảng 13 Mô tả bảng UserGroup 23

Bảng 14 Bảng mô tả chức năng quản trị 23

DANH SÁCH CÁC KÝ TỰ, CÁC CHỮ VIẾT TẮT

CHƯƠNG 1: PHÂN TÍCH DỰ ÁN

1.1 Danh sách chức năng đề tài cần đáp ứng

Đây là website bán và giới thiệu sản phầm của cửa hàng, công ty đến người tiêudùng với các chi tiết mặt hàng với giá cả chính xác Có các chức năng sau:

- Quản lý tài khoản (cá nhân).

1.2 Danh sách chức năng đề tài không làm

- Chuyển đổi ngôn ngữ.

- Quảng cáo.

1.3 Công nghệ và công cụ dùng để làm đề tài

- Máy tính có thể thiết kế được web.

- Hệ quản trị cơ sở dữ liệu MySQL.

- Phần mềm Visual Studio 2013.

- Phần mềm Appserver, Xampp,

1.4 Các biểu đồ Use Case của đề tài

1.4.1 Sơ dồ usecase tổng quát

Quan ly tin tuc, su kien Tim kiem

Ho tro khach hang

Quan ly thong tin cua hang Quan ly danh muc san pham

Quan ly san pham

Quan ly khach hang Quan ly gio hang

Quan ly don hang

Hình 1 Sơ đồ usecase tổng quát

1.4.2 Sơ đồ usecase Admin

Xem danh sach muc san pham

Them danh muc san pham

Sua danh muc san pham

Xoa danh muc san pham

Tim kiem danh muc san pham

Quan ly danh muc san pham

Hình 2 Sơ đồ usecase quản lý danh mục sản phẩm

Xem danh sach khach hang

Them khach hang

Sua khach hang

Xoa khach hang

Tim kiem khach hang

Quan ly khach hang

Them san pham

Sua san pham

Xoa san pham

Tim kiem san pham

Quan ly san pham

Hình 4 Sơ đồ usecase quản lý sản phẩm

Cap nhat thong tin cua hang Quan ly thong tin cua hang

<<extend>>

Admin

Hình 5 Sơ đồ usecase quản lý thông tin cửa hàng

Them tin tuc, su kien

Sua tin tuc, su kien

Xoa tin tuc, su kien

Tim kiem tin tuc, su kien

Quan ly tin tuc, su kien

Hình 6 Sơ đồ usecase quản lý tin tức, sự kiện

Tim kiem san pham

Tim kiem don hang

Tim kiem khach hang Admin

Xem don hang

Thay doi trang thai don hang Quan ly don hang

<<extend>>

<<extend>>

<<extend>>

Admin

Hình 8 Sơ đồ usecase quản lý đơn hàng

Xem danh sach phan hoi

Tra loi phan hoi

Ho tro khach hang

1.4.3 Sơ đồ usecase Khách Hàng

Dat hang san pham Tim kiem san pham

Tim kiem danh muc

Xem danh muc san pham

<<extend>>

Xem san pham

<<extend>>

<<extend>>

Xem tin tuc su kien

Gui phan hoi Khach Hang

Hình 10 Sơ đồ usecase khách hàng

Tim don hang

Xem don hang

Xoa don hang Quan ly don hang

Sua san pham trong gio

Xoa san pham trong gio

Thanh toan

Them san pham vao gio hang

Dat hang Quan ly gio hang

Hình 12 Sơ đồ usecase khách hàng quản lý giỏ hàng

1.5 Các biểu đồ hoạt động (Activity Diagram) của đề tài

Nhap t hog tin

Nhap tai khoan

mat khau

Kiem tra thong tin

Bao loi

Sai

Luu thong tin tai khoan vao Session Dung

Hình 14 Biểu đồ hoạt động khách hàng đăng nhập

Huy bo Click nut thay doi

trang thai

Lay du lieu Don hang

Thay doi trang t Luu trang

thai

Xoa gio hang trong session Luu chi tiet

don

Hien thi danh sach don hang

Ye u cau xac nhan

Duyet du lieu don hang

Thong bao

HE _THONG KHACH HANG

Click vao

san pham

Lay ProductID

Lay du lieu

ve san pham

Them san pham vao

Neu da co gio hang

Thong bao ket qua

Hien thi thong bao

Luu vao gi o hang va session

Ta o gio hang Neu chua co gio hang

Hien thi danh sach thong tin l

Khong them san pham

Dong y them san

Nhap t hong tin

Chon t hong tin lien he

Nhap thong tin

Click thay doi trang t hai hien t hi tren trang chu

Click thay doi t rang thai

Kiem t ra thong tin

Luu thong tin

Hien thi danh sach nguoi dung

Thong bao

Thay doi trang thai hien t hi tren trang chu

Thay doi trang t hai

Chon thong ti n

lien he

Nhap thong tin

Kiem tra thong tin

Luu thong tin Hien thi danh sach

Hình 18 Biểu đồ hoạt động quản lý danh muc menu

Xoa san pham

Tim kiem san pham

Hình 4 Sơ đồ usecase quản lý sản phẩm

Cap nhat thong tin cua hang Quan ly thong tin cua hang

<<extend>>

Admin

Hình 5 Sơ đồ usecase quản lý thông tin cửa hàng

4

Them tin tuc, su kien

Sua tin tuc, su kien

Xoa tin tuc, su kien

Quan ly tin tuc, su kien

Tim kiem don hang

Tim kiem khach hang Admin

Hình 7 Sơ đồ usecase tìm kiếm

5

Tim don hang

Xem don hang

Thay doi trang thai don hang Quan ly don hang

<<extend>>

<<extend>>

<<extend>>

Admin

Hình 8 Sơ đồ usecase quản lý đơn hàng

Xem danh sach phan hoi

<<extend>>

6

Dat hang san pham

Tim kiem san pham Xem danh muc san pham

Xem san pham

<<extend>>

<<extend>>

Xem tin tuc su kien

Gui phan hoi Khach Hang

Hình 10 Sơ đồ usecase khách hàng

Tim don hang

Xem don hang

Xoa don hang Quan ly don hang

<<extend>>

<<extend>>

Khach Hang

<<extend>>

Thanh toan

Them san pham vao gio hang

Dat hang Quan ly gio hang

1.5 Các biểu đồ hoạt động (Activity Diagram) của đề tài

Nhap t hog tin

Hình 13 Biểu đồ hoạt động khách hàng đăng kí

8

Nhap tai khoan

mat khau

Kiem tra thong tin

trang t thai

Xoa gio hang trong session Luu chi tiet

don

Thong bao

Hình 15 Biểu đồ hoạt động khách hàng đặt mua sản phẩm

9

Click vao

san pham

Lay ProductID

Lay du lieu

ve san pham

Them san pham vao

Neu da co gio hang

Thong bao ket qua

Hien thi thong bao

Luu vao gi o hang va session

Ta o gio hang Neu chua co gio hang

Hien thi danh sach thong tin l

Khong them san pham

Dong y them san

Hình 16 Biểu đồ hoạt động khách hàng thêm sản phẩm vào giỏ hàng

Click thay doi trang t hai hien t hi tren trang chu

Click thay doi t rang thai

Thay doi trang thai hien t hi tren trang chu

Thay doi trang t hai

Hình 17 Biểu đồ hoạt động quản ly danh sách danh mục sản phẩm

Nhap thong tin

Chon thong ti n lien he

Nhap thong tin

Kiem tra thong tin

Luu thong tin Hien thi danh sach

Hình 18 Biểu đồ hoạt động quản lý danh muc menu

11