Xây dựng website bán phụ kiện thú cưng

HỌC VIỆN CÔNG NGHỆ BƯU CHÍNH VIỄN THÔNG KHOA CÔNG NGHỆ THÔNG TIN 1 DO ÁN TOT NGHIỆP ĐỀ TÀI: Giảng viên hướng dẫn : ThS Trịnh Thị Vân Anh Sinh viên thực hiện : Đồng Thị Thu Dung Mã sinh viên : B17DCCN152 Lớp : D17HTTT04 : 2017 — 2022 : Đại học chính quy Hà Nội, tháng 12/2021 HỌC VIỆN CÔNG NGHỆ BƯU CHÍNH VIỄN THÔNG KHOA CÔNG NGHỆ THÔNG TIN 1 DO ÁN TOT NGHIỆP DE TAI: XAY DUNG WEBSITE BAN PHU KIEN THU CUNG Giang viên hướng dẫn : ThS Trịnh Thị Van Anh Sinh viên thực hiện : Đồng Thị Thu Dung Mã sinh viên : B17DCCN152 Lớp : D17HTTT04 Khoá : 2017 — 2022 Hệ : Đại học chính quy Hà Nội, tháng 12/2021 Đồ án tốt nghiệp Nhận xét của giảng viên phản biện NHAN XÉT ĐỎ ÁN TOT NGHIỆP ĐẠI HỌC CUA GIÁO VIÊN PHAN BIEN Tên đồ án: Xây dung website bán phụ kiện thú cưng Sinh viên thực hiện: Đồng Thị Thu Dung Lớp: DI7THTTT4 Giáo viên hướng dẫn: Ths Trịnh Thị Vân Anh NỘI DUNG NHAN XÉT: I Nội dung báo cáo Hà Nội, ngày tháng .năm 20 GIẢNG VIÊN PHẢN BIỆN Dong Thị Thu Dung - B17DCCN152 - DI7HTTT4 3 Đồ án tốt nghiệp Nhận xét của giảng viên hướng dẫn NHẠN XÉT ĐỎ ÁN TÓT NGHIỆP ĐẠI HỌC CUA GIÁO VIÊN HƯỚNG DAN Giảng viên hướng dan: Ths Trịnh Thị Vân Anh Bộ môn: Công nghệ phan mềm Tên đồ án: Xây dựng website bán phụ kiện thú cưng Sinh viên thực hiện: Đồng Thị Thu Dung Lớp: DI7THTTT4 NỘI DUNG NHAN XÉT: I Nội dung báo cáo Hà Nội, ngày tháng năm 20 GIẢNG VIÊN HƯỚNG DAN Đồng Thị Thu Dung - B17DCCNI52 - DI7HTTT4 4 Đồ án tốt nghiệp Lời cảm ơn LỜI CẢM ƠN Với lòng kính trọng và biết ơn sâu sắc, em xin gửi lời cảm ơn chân thành đến các thầy cô của Học viện Công nghệ Bưu chính Viễn thông, đặc biệt là các thầy cô khoa Công nghệ thông tin 1 đã tận tình giảng dạy và trang bị cho em những kiến thức quý báu trong suốt quá trình học tập tại trường, tạo điều kiện thuận lợi nhất để em hoàn thành đồ án Em xin trân trọng gửi lời cảm ơn đặc biệt đến cô Trịnh Thị Vân Anh đã dành nhiều thời gian tận tình chỉ bảo, hướng dẫn và đề xuất hướng giải quyết khi em gặp khó khăn, giúp em hoàn thành đồ án đúng tiến độ Em cũng xin được cảm ơn các anh chị khóa trên đã giúp đỡ em rất nhiều, cảm ơn gia đình và bạn bè đã bên cạnh quan tâm, ủng hộ trong suốt quá trình thực hiện đồ án Dù đã cố găng nhưng do thời gian và kinh nghiệm còn hạn chế nên trong đồ án chắc chắn còn nhiều điều thiếu sót, em mong nhận được sự góp ý cũng như chỉ bảo tận tình từ các thầy cô Hà Nội, tháng 12 năm 2021 Sinh viên thực hiện Đồng Thị Thu Dung Dong Thị Thu Dung - B17DCCN152 - DI7HTTT4 5 Đồ án tốt nghiệp Mục lục MỤC LỤC 5 LỜI CÁM ƠN 6 MỤC LỤC 8 9 DANH MỤC TỪ VIET TAT 10 DANH MUC BANG 12 DANH MUC HINH ANH 13 LOI CAM DOAN 14 LOI MO DAU 15 CHUONG 1 TONG QUAN 15 1.1 Phát biéu bai toán 15 1.2 Muc tiéu 15 1.3 Pham vi dé tai 16 1.4 Đề xuất giải pháp 16 1.5 Các công nghệ sử dụng 20 1.5.1 Giới thiệu về NoSQL 21 23 1.5.2 Giới thiệu NodeJS và ExpressJS 24 1.5.3 Giới thiệu ReactJS 24 1.5.4 Giới thiệu MongoDB 1.5.5 Giới thiệu MongoDB Atlas 26 1.5.6 Giới thiệu Firebase 27 1.6 Kết luận 6 CHƯƠNG 2 : PHAN TÍCH VA THIẾT KE Dong Thị Thu Dung - B17DCCN152 - DI7HTTT4 Đồ án tốt nghiệp Mục lục 2.1 Phân tích hệ thống 28 2.1.1 Biểu đồ use case tổng quát 28 2.1.2 Kịch bản các chức năng của hệ thống 30 2.1.3 Biểu đồ lớp pha phân tích 43 2.1.4 Xây dựng sơ đồ thực thé 43 46 2.1 Thiết kế hệ thống 46 2.2.1 Thiết kế cơ sé dữ liệu 48 2.2.3 Xây dựng biểu đồ tuần tự 54 55 CHƯƠNG 3 CÀI ĐẶT HỆ THÓNG 55 3.1 Yêu cầu hệ thống 60 3.2 Một số chức năng của hệ thống 61 KET LUAN TAI LIEU THAM KHAO Đồng Thị Thu Dung - B17DCCN152 - DI7HTTT4 7 Đồ án tốt nghiệp Danh mục từ viết tắt DANH MỤC TU VIET TAT STT | Từ viết tat Tiéng Anh Giai thich 1 NoSQL Non-Relational SQL Mô hình co sở dir liệu phi quan hệ 2 API Application Programming Phương thức trung gian Interface kết nỗi các ứng dụng và thư viện khác nhau 3 RDBMS Relational Database Hệ quản trị cơ sở dữ liệu Management System quan hé 4 MVC Model — View — Control Một mẫu kiến trúc phan mềm 5 REST REpresentational State Transfer | Một kiêu kiến trúc API 6 UI User Interface Giao diện người dùng 7 DOM Document ObJect Model Mô hình Các Đôi tượng Hypertext Markup Language 8 HTML Search Engine Optimization Tài liệu JavaScript Object Notation 9 SEO Ngôn ngữ đánh dâu siêu Amazon Web Services 10 | JSON văn bản II |AWS Tối ưu hóa công cụ tim kiếm Một kiêu định dạng dữ liệu tuân theo một quy luật nhất định Một nền tảng dịch vụ điện toán đám mây Dong Thị Thu Dung - B17DCCN152 - DI7HTTT4 Đồ án tốt nghiệp Danh mục bảng DANH MỤC BANG Bảng 1.1 Bảng so sánh SQL và NoSQL, -.- c 1 .H H n.g.n g- 19 Bang 2.1 Bang mG ta tac Mhan 0 28 Bang 2.2 Bảng mô tả lớp USer G.1 01.113.111.89.111.9.101.991.112.v n n.g.nGg - 43 Bảng 2.3 Bảng mô tả lớp PrOdUCI - G.2.c 11.32.101.18.31.11.1.991.11.9 1.1 9.v v.n n.g -re44 Bảng 2.4 Bảng mô tả lớp Category .- G1211 11911 9 11191111 111 HH net 44 Bang 2.5 Bang mô tả lớp OrerÏf€1m c.6 1 211.91.11.51.11 11.911.1 H.H.n.g nệ-t 45 Bang 2.6 Bảng mô tả lop OeT .- - 2 S1 3112111911191 911 9111 111 11H ng ng ng rệt 45 Bang 2.7 Bảng mô tả đối tượng InfoCustomerOrder 2-.2.2.+ 2+s.+£.s+.£x-+z-ss-cs-ez 45 Bảng 2.8 Bảng mô tả lớp COmTmeRIE -.- 5 c 1 33.11.33.21.9.2 E.EE.SE.ES.EsE.ee.se.rr.ree.er-re-re 46 Dong Thị Thu Dung - B17DCCN152 - DI7HTTT4 9 Đồ án tốt nghiệp Danh mục hình ảnh DANH MỤC HÌNH ẢNH Hình 1.1 NodeJS và ExpresS.JS -.- - + S H n.g H H n g - 20 Hình 1.2 ReaCLJS - - G9 HT ng HH HH như ện 21 Hình 1.3 MongoIDB .- - s + x1 HH TH nh nh 23 Hình 1.4 Dữ liệu của hệ thống được lưu tai MongoDB Atlas -‹ 5+: 24 i0 1a nh 24 Hinh 0 80a 30 8n 25 Hình 2.1 Biểu đồ use case 2.2.2v 2 2E.t t 29 Hình 2.2 Biéu đồ use case khách hàng đăng kí tài khoản ¿.2.-.5 s.5.2.-5+-:30 Hình 2.3 Biéu đồ use case khách hàng đăng nhập 2.-.2 2.+.+s.+£.x.+£.x+-z-x+-ee-z 31 Hình 2.4 Biéu đồ use case khách hàng quản lý thông tin cá nhân - 32 Hình 2.5 Biéu đồ use case khách hàng tìm kiếm sản phẩm 2 52+-:34 Hình 2.6 Biểu đồ use case khách hàng xem sản phẩm .2.: ¿.2.2.+ ++-zx-++-sz34 Hình 2.7 Biểu đồ use case khách hàng quản lý giỏ hàng - 2-5: 35 Hình 2.8 Biểu dé use case khách hang quản lý đơn hàng 2.-.2 -s=-s-z->s-237 Hình 2.9 Biểu đồ use case quản lý sản phẩm ¿.2-.2 2.£+.S£+.E£.+E+.zEe.£Ee.rx.erx-sre-ee 39 Hình 2.10 Biéu đồ use case quản ly thay đổi quyền truy cập của tài khoản 41 Hình 2.11 Biéu đồ use case quản lý đơn hang ccccsccescescssessessessessessesssseseeseeseesessesees 42 Hình 2.12 Biêu đồ lớp pha phân tích .2.-2.-2 +¿2.++2.E++.EE+.+EE.++E.EzE.xer.xez.rxr.rrx-ees 43 Hình 2.13 Lược đồ cơ sở dit liệu của hệ thống 2 5¿2.c+.+2.++.+c.xz-+z-xr-zr-ee-es 41 Hình 2.14 Dữ liệu Authentication trên Firebase - .-