WEBSITE BÁN LAPTOP BÁO CÁO ĐỒ ÁN THỰC TẬP TỐT NGHIỆP - Full 10 điểm

TRƯ Ờ NG Đ Ạ I H Ọ C NAM C Ầ N THƠ KHOA CÔNG NGH Ệ THÔNG TIN PH Ạ M HOÀNG KHÔI WEBSITE BÁN LAPTOP BÁO CÁO Đ Ồ ÁN TH Ự C T Ậ P T Ố T NGHI Ệ P Ngành: Công ngh ệ thông tin Mã s ố ngành: 7480201 6 - 2022 TRƯ Ờ NG Đ Ạ I H Ọ C NAM C Ầ N THƠ KHOA CÔNG NGH Ệ THÔNG TIN PH Ạ M HOÀ NG KHÔI 188439 WEBSITE BÁN LAPTOP BÁO CÁO Đ Ồ ÁN TH Ự C T Ậ P T Ố T NGHI Ệ P Ngành: Công ngh ệ thông tin Mã s ố ngành: 7480201 GI Ả NG VIÊN HƯ Ớ NG D Ẫ N Th S PHAN TH Ị XUÂN TRANG 6 - 2022 i L Ờ I C Ả M T Ạ L ờ i đ ầ u tiên chúng em xin chân thành c ả m ơn đ ế n Ths Phan Th ị X uân Trang Trong th ờ i gian qua, cô đã r ấ t t ậ n tình hư ớ ng d ẫ n đ ể chúng em hoàn thành đ ồ án này Chúng em xin c ả m ơn quý th ầ y cô Khoa Công Ngh ệ Thông Tin Trư ờ ng Đ ạ i h ọ c Nam C ầ n Thơ đã t ậ n tâm gi ả ng d ạ y và truy ề n đ ạ t cho chúng em nh ữ ng ki ế n th ứ c quý báu đ ể chúng em hoàn thi ệ n chương trình h ọ c t ạ i trư ờ ng Đ ồ ng th ờ i, chúng em cũng r ấ t c ả m ơn Ch ủ t ị ch H ộ i đ ồ ng qu ả n tr ị , Ban Giám hi ệ u Trư ờ ng Đ ạ i h ọ c Nam C ầ n Thơ đã t ạ o đi ề u ki ệ n v ề th ờ i gian, không gian đ ể chúng em có th ể hoàn thành nhi ệ m v ụ h ọ c t ậ p c ủ a mình M ặ c dù, chúng em đã có r ấ t nhi ề u c ố g ắ ng n ỗ l ự c đ ể hoàn thành đ ồ án nhưng v ẫ n không tránh kh ỏ i nh ữ ng thi ế u sót Kính mong nh ậ n đư ợ c s ự đóng góp ý ki ế n c ủ a quý th ầ y cô Chúng em xin chân thành c ả m ơn! ii NH Ậ N XÉT C Ủ A GI Ả NG VIÊN HƯ Ớ NG D Ẫ N C ầ n Thơ, ngày … tháng … năm 2022 iii NH Ậ N XÉT C Ủ A GI Ả NG VIÊN PH Ả N BI Ệ N C ầ n Thơ, ngày … tháng … năm 2022 iv M Ụ C L Ụ C CHƯƠNG 1: GI Ớ I THI Ệ U 1 1 1 Đ ặ t v ấ n đ ề 1 1 2 M ụ c tiêu đ ề tài 1 1 3 Mô t ả ph ầ n m ề m 2 1 4 Ch ứ c năng chính c ủ a ph ầ n m ề m 2 1 5 Đ ố i tư ợ ng và ph ạ m vi nghiên c ứ u 2 1 5 1 Không gian 2 1 5 2 Th ờ i gian 3 1 5 3 Đ ố i tư ợ ng nghiên c ứ u 3 1 5 4 Ph ạ m vi nghiên c ứ u 3 1 5 5 So sánh mô hình 3 1 6 Phương pháp nghiên c ứ u 4 1 6 1 Phương pháp nghiên c ứ u lý lu ậ n 4 1 6 2 Phương pháp chuyên gia 4 1 6 3 Phương pháp th ự c nghi ệ m 4 CHƯƠNG 2: CƠ S Ở LÝ THUY Ế T 5 2 1 T ổ ng quan v ề website 5 2 1 1 Khái quát website 5 2 1 2 Phân lo ạ i website 5 2 2 T ổ ng quan v ề website bán hàng 5 2 2 1 Các khái ni ệ m cơ b ả n 5 2 2 2 Các lo ạ i website bán hàng 5 2 3 T ổ ng quan v ề h ệ qu ả n tr ị cơ s ở d ữ li ệ u My SQL 5 2 3 1 M ộ t s ố khái ni ệ m cơ b ả n 5 2 3 2 H ệ qu ả n tr ị cơ s ở d ữ li ệ u My SQL 6 2 4 T ổ ng quan v ề môi trư ờ ng phát tri ể n Visual Studio Code 6 2 4 1 Gi ớ i thi ệ u t ổ ng quát 6 2 4 2 Tính năng c ủ a Visu al Studio Code 6 2 5 T ổ ng quan v ề ngôn ng ữ l ậ p trình PHP 7 2 5 1 Gi ớ i thi ệ u t ổ ng quát 7 v 2 5 2 Các đ ặ c trưng c ủ a ngôn ng ữ PHP 7 2 6 T ổ ng quan v ề ReactJS 7 2 6 1 Gi ớ i thi ệ u t ổ ng quát 7 2 6 2 Ưu đi ể m c ủ a ReactJ S 8 2 7 T ổ ng quan v ề SASS/SCSS 8 2 7 1 Gi ớ i thi ệ u t ổ ng quát 8 2 7 2 Tính năng c ủ a SASS /SCSS 9 2 8 T ổ ng quan v ề PowerDesigner 9 2 8 1 Gi ớ i thi ệ u 9 2 8 2 Sơ lư ợ c v ề th ự c th ể , thu ộ c tính, các liên k ế t 10 CHƯƠNG 3: PHÂN TÍCH VÀ THI Ế T K Ế H Ệ TH Ố NG 11 3 1 Thi ế t k ế cơ s ở d ữ li ệ u 11 3 1 1 Các ki ể u th ự c th ể 11 3 1 2 Xây d ự ng mô hình th ự c th ể k ế t h ợ p ERD 15 3 1 3 Mô t ả chi ti ế t các th ự c th ể 15 3 1 4 Mô t ả chi ti ế t các m ố i k ế t h ợ p 16 3 2 Phân tích h ệ th ố ng 17 3 2 2 Mô hình lu ồ ng d ữ li ệ u DFD 18 3 2 2 3 Mô hình c ấ p 2 19 CHƯƠNG 4: GIAO DI Ệ N 23 4 1 Giao di ệ n tài kho ả n 23 4 1 1 Giao di ệ n đăng ký 23 4 1 2 Giao di ệ n đăng nh ậ p 24 4 2 Giao di ệ n khách hàng 24 4 2 1 Giao di ệ n header 24 4 2 2 Giao di ệ n footer 2 5 4 2 3 Giao di ệ n thông tin cá nhân 26 4 2 4 Giao di ệ n đ ị a ch ỉ 26 4 2 5 Giao di ệ n s ả n ph ẩ m 27 4 2 6 Giao di ệ n chi ti ế t s ả n ph ẩ m 27 4 2 7 Giao di ệ n gi ỏ hàng 28 4 2 8 Giao di ệ n thanh toán 28 vi 4 3 Giao di ệ n Admin 29 4 3 1 Giao di ệ n qu ả n lý Dashboar h 29 4 3 2 Giao di ệ n qu ả n lý thông tin cá nhân 30 4 3 3 Giao di ệ n qu ả n lý nhân viên 30 4 3 4 Giao di ệ n qu ả n lý khách hàng 31 4 3 5 Giao di ệ n qu ả n lý danh m ụ c 31 4 3 6 Giao di ệ n qu ả n lý s ả n ph ẩ m 32 4 3 7 Giao di ệ n qu ả n lý hóa đơn 32 4 3 8 Giao di ệ n qu ả n lý chi ti ế t hóa đơn 33 4 3 8 Giao di ệ n qu ả n lý slider 33 CHƯƠNG 5: K Ế T LU Ậ N 34 5 1 K ế t qu ả đ ạ t đư ợ c 34 5 2 H ạ n ch ế 34 5 3 Hư ớ ng phát tri ể n 34 TÀI LI Ệ U THAM KH Ả O 35 vii DANH M Ụ C B Ả NG B ả ng 1 1 So sánh mô hình 3 B ả ng 3 1 Th ự c th ể Ch ứ c V ụ 11 B ả ng 3 2 Th ự c th ể Nhân viên 11 B ả ng 3 3 Th ự c th ể Th ể Lo ạ i 12 B ả ng 3 4 Th ự c th ể Khách hàng 12 B ả ng 3 5 Th ự c th ể Chi ti ế t ả nh 13 B ả ng 3 6 Th ự c th ể S ả n ph ẩ m 13 B ả ng 3 7 Th ự c th ể Hóa đơn 13 B ả ng 3 8 Th ự c th ể Giao Hàng 14 B ả ng 3 9 Th ự c th ể Chi Ti ế t Hóa Đơn 14 viii DANH M Ụ C HÌNH Hình 3 1 Mô hình th ự c th ể k ế t h ợ p ERD 15 Hình 3 2 Sơ đ ồ phân c ấ p ch ứ c năng BFD 18 Hình 3 3 Mô hình lu ồ ng d ữ li ệ u c ấ p 0 18 Hình 3 4 Mô hình lu ồ ng d ữ li ệ u c ấ p 1 19 Hình 3 5 Mô hình lu ồ ng d ữ li ệ u c ấ p 2 c ủ a qu ả n lý đ ặ t hàng 20 Hình 3 6 Mô hình lu ồ ng d ữ li ệ u c ấ p 2 c ủ a qu ả n lý khác h hàng 20 Hình 3 7 Mô hình lu ồ ng d ữ li ệ u c ấ p 2 c ủ a qu ả n lý s ả n ph ẩ m 21 Hình 3 8 Mô hình lu ồ ng d ữ li ệ u c ấ p 2 c ủ a qu ả n lý th ố ng kê 21 Hình 3 9 Mô hình lu ồ ng d ữ li ệ u c ấ p 2 c ủ a qu ả n lý hóa đơn 22 Hình 4 1 Giao di ệ n đăng ký 23 Hình 4 2 Giao di ệ n đăng nh ậ p 24 Hình 4 3 Giao di ệ n header 25 Hình 4 4 Giao di ệ n footer 25 Hình 4 5 Giao di ệ n thông tin cá nhân 26 Hình 4 6 Giao di ệ n đ ạ i ch ỉ 26 Hình 4 7 Giao di ệ n s ả n ph ẩ m 27 Hình 4 8 Giao di ệ n chi ti ế t s ả n ph ẩ m 27 Hình 4 9 Giao di ệ n gi ỏ hàng 28 Hình 4 10 Giao di ệ n thanh toán 28 Hình 4 11 Giao di ệ n Dashboard 29 Hình 4 12 Giao di ệ n thông tin cá nhân 30 Hình 4 13 Giao di ệ n qu ả n lý nhân viên 30 Hình 4 14 Giao di ệ n qu ả n khách hàng 31 Hình 4 15 Giao di ệ n qu ả n lý danh m ụ c 31 Hình 4 16 Giao di ệ n qu ả n lý s ả n ph ẩ m 32 Hình 4 17 Giao di ệ n qu ả n lý hóa đơn 32 Hình 4 18 Giao di ệ n qu ả n lý chi ti ế t hóa đơn 33 Hình 4 19 Giao di ệ n qu ả n lý slider 33

TRƯỜNG ĐẠI HỌC NAM CẦN THƠ KHOA CÔNG NGHỆ THÔNG TIN

PHẠM HOÀNG KHÔI

WEBSITE BÁN LAPTOP

BÁO CÁO ĐỒ ÁN THỰC TẬP TỐT NGHIỆP

Ngành: Công nghệ thông tin

Mã số ngành: 7480201

6-2022

TRƯỜNG ĐẠI HỌC NAM CẦN THƠ KHOA CÔNG NGHỆ THÔNG TIN

PHẠM HOÀNG KHÔI

188439

WEBSITE BÁN LAPTOP

BÁO CÁO ĐỒ ÁN THỰC TẬP TỐT NGHIỆP

Ngành: Công nghệ thông tin

Mã số ngành: 7480201

GIẢNG VIÊN HƯỚNG DẪN ThS PHAN THỊ XUÂN TRANG

LỜI CẢM TẠ

Lời đầu tiên chúng em xin chân thành cảm ơn đến Ths Phan Thị Xuân Trang Trong thời gian qua, cô đã rất tận tình hướng dẫn để chúng em hoàn thành đồ án này Chúng em xin cảm ơn quý thầy cô Khoa Công Nghệ Thông Tin Trường Đại học Nam Cần Thơ đã tận tâm giảng dạy và truyền đạt cho chúng em những kiến thức quý báu để chúng em hoàn thiện chương trình học tại trường Đồng thời, chúng em cũng rất cảm ơn Chủ tịch Hội đồng quản trị, Ban Giám hiệu Trường Đại học Nam Cần Thơ

đã tạo điều kiện về thời gian, không gian để chúng em có thể hoàn thành nhiệm vụ học tập của mình Mặc dù, chúng em đã có rất nhiều cố gắng nỗ lực để hoàn thành đồ

án nhưng vẫn không tránh khỏi những thiếu sót Kính mong nhận được sự đóng góp

ý kiến của quý thầy cô

Chúng em xin chân thành cảm ơn!

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

Cần Thơ, ngày … tháng … năm 2022

NHẬN XÉT CỦA GIẢNG VIÊN PHẢN BIỆN

Cần Thơ, ngày … tháng … năm 2022

MỤC LỤC

CHƯƠNG 1: GIỚI THIỆU 1

1.1 Đặt vấn đề 1

1.2 Mục tiêu đề tài 1

1.3 Mô tả phần mềm 2

1.4 Chức năng chính của phần mềm 2

1.5 Đối tượng và phạm vi nghiên cứu 2

1.5.1 Không gian 2

1.5.2 Thời gian 3

1.5.3 Đối tượng nghiên cứu 3

1.5.4 Phạm vi nghiên cứu 3

1.5.5 So sánh mô hình 3

1.6 Phương pháp nghiên cứu 4

1.6.1 Phương pháp nghiên cứu lý luận 4

1.6.2 Phương pháp chuyên gia 4

1.6.3 Phương pháp thực nghiệm 4

CHƯƠNG 2: CƠ SỞ LÝ THUYẾT 5

2.1 Tổng quan về website 5

2.1.1 Khái quát website 5

2.1.2 Phân loại website 5

2.2 Tổng quan về website bán hàng 5

2.2.1 Các khái niệm cơ bản 5

2.2.2 Các loại website bán hàng 5

2.3 Tổng quan về hệ quản trị cơ sở dữ liệu My SQL 5

2.3.1 Một số khái niệm cơ bản 5

2.3.2 Hệ quản trị cơ sở dữ liệu My SQL 6

2.4 Tổng quan về môi trường phát triển Visual Studio Code 6

2.4.1 Giới thiệu tổng quát 6

2.5.2 Các đặc trưng của ngôn ngữ PHP 7

2.6 Tổng quan về ReactJS 7

2.6.1 Giới thiệu tổng quát 7

2.6.2 Ưu điểm của ReactJS 8

2.7 Tổng quan về SASS/SCSS 8

2.7.1 Giới thiệu tổng quát 8

2.7.2 Tính năng của SASS/SCSS 9

2.8 Tổng quan về PowerDesigner 9

2.8.1 Giới thiệu 9

2.8.2 Sơ lược về thực thể, thuộc tính, các liên kết 10

CHƯƠNG 3: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 11

3.1 Thiết kế cơ sở dữ liệu 11

3.1.1 Các kiểu thực thể 11

3.1.2 Xây dựng mô hình thực thể kết hợp ERD 15

3.1.3 Mô tả chi tiết các thực thể 15

3.1.4 Mô tả chi tiết các mối kết hợp 16

3.2 Phân tích hệ thống 17

3.2.2 Mô hình luồng dữ liệu DFD 18

3.2.2.3 Mô hình cấp 2 19

CHƯƠNG 4: GIAO DIỆN 23

4.1 Giao diện tài khoản 23

4.1.1 Giao diện đăng ký 23

4.1.2 Giao diện đăng nhập 24

4.2 Giao diện khách hàng 24

4.2.1 Giao diện header 24

4.2.2 Giao diện footer 25

4.2.3 Giao diện thông tin cá nhân 26

4.2.4 Giao diện địa chỉ 26

4.2.5 Giao diện sản phẩm 27

4.2.6 Giao diện chi tiết sản phẩm 27

4.2.7 Giao diện giỏ hàng 28

4.2.8 Giao diện thanh toán 28

4.3 Giao diện Admin 29

4.3.1 Giao diện quản lý Dashboarh 29

4.3.2 Giao diện quản lý thông tin cá nhân 30

4.3.3 Giao diện quản lý nhân viên 30

4.3.4 Giao diện quản lý khách hàng 31

4.3.5 Giao diện quản lý danh mục 31

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

4.3.7 Giao diện quản lý hóa đơn 32

4.3.8 Giao diện quản lý chi tiết hóa đơn 33

4.3.8 Giao diện quản lý slider 33

CHƯƠNG 5: KẾT LUẬN 34

5.1 Kết quả đạt được 34

5.2 Hạn chế 34

5.3 Hướng phát triển 34

TÀI LIỆU THAM KHẢO 35

DANH MỤC BẢNG

Bảng 1 1 So sánh mô hình 3

Bảng 3 1 Thực thể Chức Vụ 11

Bảng 3 2 Thực thể Nhân viên 11

Bảng 3 3 Thực thể Thể Loại 12

Bảng 3 4 Thực thể Khách hàng 12

Bảng 3 5 Thực thể Chi tiết ảnh 13

Bảng 3 6 Thực thể Sản phẩm 13

Bảng 3 7 Thực thể Hóa đơn 13

Bảng 3 8 Thực thể Giao Hàng 14

Bảng 3 9 Thực thể Chi Tiết Hóa Đơn 14

DANH MỤC HÌNH

Hình 3 1 Mô hình thực thể kết hợp ERD 15

Hình 3 2 Sơ đồ phân cấp chức năng BFD 18

Hình 3 3 Mô hình luồng dữ liệu cấp 0 18

Hình 3 4 Mô hình luồng dữ liệu cấp 1 19

Hình 3 5 Mô hình luồng dữ liệu cấp 2 của quản lý đặt hàng 20

Hình 3 6 Mô hình luồng dữ liệu cấp 2 của quản lý khách hàng 20

Hình 3 7 Mô hình luồng dữ liệu cấp 2 của quản lý sản phẩm 21

Hình 3 8 Mô hình luồng dữ liệu cấp 2 của quản lý thống kê 21

Hình 3 9 Mô hình luồng dữ liệu cấp 2 của quản lý hóa đơn 22

Hình 4 1 Giao diện đăng ký 23

Hình 4 2 Giao diện đăng nhập 24

Hình 4 3 Giao diện header 25

Hình 4 4 Giao diện footer 25

Hình 4 5 Giao diện thông tin cá nhân 26

Hình 4 6 Giao diện đại chỉ 26

Hình 4 7 Giao diện sản phẩm 27

Hình 4 8 Giao diện chi tiết sản phẩm 27

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

Hình 4 10 Giao diện thanh toán 28

Hình 4 11 Giao diện Dashboard 29

Hình 4 12 Giao diện thông tin cá nhân 30

Hình 4 13 Giao diện quản lý nhân viên 30

Hình 4 14 Giao diện quản khách hàng 31

Hình 4 15 Giao diện quản lý danh mục 31

Hình 4 16 Giao diện quản lý sản phẩm 32

Hình 4 17 Giao diện quản lý hóa đơn 32

Hình 4 18 Giao diện quản lý chi tiết hóa đơn 33

Hình 4 19 Giao diện quản lý slider 33