Xây dựng website bán quần áo và phụ kiện trực tuyến

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH ĐỒ ÁN TỐT NGHIỆP NGÀNH CÔNG NGHỆ THÔNG TIN XÂY DỰNG WEBSITE BÁN QUẦN ÁO VÀ PHỤ KIỆN TRỰC TUYẾN GVHD: NGUYỄN MINH ĐẠO SVTT1: NGUYỄN THỊ TRÚC MY MSSV: 15110251 SVTT2: DƯƠNG ĐẠI DŨNG MSSV: 15110183 SKL005875 Tp Hồ Chí Minh, tháng 06/2019 TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HỒ CHÍ MINH KHOA CƠNG NGHỆ THƠNG TIN BỘ MƠN CÔNG NGHỆ PHẦN MỀM  - - NGUYỄN THỊ TRÚC MY – 15110251 DƯƠNG ĐẠI DŨNG – 15110183 Đề Tài: XÂY DỰNG HỆ THỐNG WEBSITE BÁN HÀNG TRỰC TUYẾN KHÓA LUẬN TỐT NGHIỆP KỸ SƯ CNTT GIÁO VIÊN HƯỚNG DẪN THS NGUYỄN MINH ĐẠO KHÓA 2015 - 2019 TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HỒ CHÍ MINH KHOA CƠNG NGHỆ THƠNG TIN BỘ MƠN CÔNG NGHỆ PHẦN MỀM  - - NGUYỄN THỊ TRÚC MY – 15110251 DƯƠNG ĐẠI DŨNG – 15110183 Đề Tài: XÂY DỰNG HỆ THỐNG WEBSITE BÁN HÀNG TRỰC TUYẾN KHÓA LUẬN TỐT NGHIỆP KỸ SƯ CNTT GIÁO VIÊN HƯỚNG DẪN THS NGUYỄN MINH ĐẠO KHÓA 2015 - 2019 ĐH SƯ PHẠM KỸ THUẬT TP.HCM XÃ HỘI CHỦ NGHĨA VIỆT NAM KHOA CNTT Độc lập – Tự – Hạnh Phúc ******* ******* PH ẾU NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN I Họ tên Sinh viên 1: Dương Đại Dũng MSSV 1: 15110183 Họ tên Sinh viên 2: Nguyễn Thị Trúc My MSSV 2: 15110251 Ngành: Cơng nghệ Thơng tin Tên đề tài: Tìm hiểu Spring boot, Angular 5, Microservice Xây dựng website bán hàng trực tuyến Họ tên Giáo viên hướng dẫn: Th.S Nguyễn Minh Đạo NHẬN XÉT 1.Về nội dung đề tài khối lượng thực hiện: 2.Ưu điểm: 3.Khuyết điểm: 4.Đề nghị cho bảo vệ hay không? 5.Đánh giá loại: 6.Điểm: Tp Hồ Chí Minh, ngày tháng năm 2019 Giáo viên hướng dẫn (Ký & ghi rõ họ tên) ĐH SƯ PHẠM KỸ THUẬT TP.HCM XÃ HỘI CHỦ NGHĨA VIỆT NAM KHOA CNTT Độc lập – Tự – Hạnh Phúc ******* ******* PHIẾU NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN Họ tên Sinh viên 1: Dương Đại Dũng MSSV 1: 15110183 Họ tên Sinh viên 2: Nguyễn Thị Trúc My MSSV 2: 15110251 Ngành: Công nghệ Thông tin Tên đề tài: Tìm hiểu Spring boot, Angular 5, Microservice Xây dựng website bán hàng trực tuyến Họ tên Giáo viên phản biện: Th.S Lê Vĩnh Thịnh NHẬN XÉT 1.Về nội dung đề tài khối lượng thực hiện: 2.Ưu điểm: 3.Khuyết điểm: 4.Đề nghị cho bảo vệ hay không? 5.Đánh giá loại: 6.Điểm: Tp Hồ Chí Minh, ngày tháng năm 2019 Giáo viên phản biện (Ký & ghi rõ họ tên) Th.S Lê Vĩnh Thịnh LỜI CẢM ƠN Nhóm em xin chân thành cám ơn khoa Công Nghệ Thông Tin, Bộ Môn Công Nghệ Phần Mềm, trường Đại học Sư Phạm Kỹ Thuật Tp.HCM tạo điều kiện thuận lợi cho chúng em thực đề tài Chúng em xin gửi lời cảm ơn chân thành đến cô Đặng Thị Kim Giao, người tận tình bảo hướng dẫn nhóm em thực đề tài Bên cạnh đó, chúng em xin gửi lời cảm ơn đến thầy cô giảng viên trường Đại Học Sư Phạm Kỹ Thuật Tp.HCM nói chung thầy cô giảng viên khoa Công Nghệ Thơng Tin nói riêng, người giảng dạy, tạo điều kiện cho em tích lũy kiến thức quý báu năm học qua Dù cố gắng hồn thành đề tài khóa luận tốt nghiệp yêu cầu, thời gian hạn hẹp khả cịn hạn chế nên chắn khơng tránh khỏi thiếu sót Chúng em mong nhận thơng cảm tận tình bảo thầy bạn Xin chân thành cảm ơn! i ĐỀ CƯƠNG KHÓA LUẬN TỐT NGHIỆP Họ tên sinh viên 1: Nguyễn Thị Trúc My MSSV: 15110251 Họ tên sinh viên 2: Dương Đại Dũng MSSV: 15110183 Thời gian làm luận văn: Bắt đầu từ 18/03/2019 đến 30/06/2019 Chuyên ngành: Công nghệ phần mềm Tên khóa luận: Tìm hiểu Spring boot, Angular 5, Microservice Xây dựng website bán hàng trực tuyến Giáo viên hướng dẫn: ThS Nguyễn Minh Đạo Nội dung thực hiện: Lý thuyết: - Tổng quan Spring Framework: SpringBoot, Spring Security, Spring Data…     Định nghĩa Cấu trúc Nhu cầu, mục đích sử dụng Ứng dụng - Tổng quan Microservices, Angular 5, RESTful APIs - Tìm hiểu Microservices, Angular 5, RESTful APIs - Áp dụng xây dựng hệ thống website bán hàng trực tuyến Kế hoạch thực hiện: STT 10 11 Hình 4.50 Màn hình wishlist Các đối tượng hình: Bảng 4.43 Bảng đối tượng hình wishlist STT Loại simpleText simpleText simpleText simpleText simpleText simpleText simpleText input simpleButton 10 simpleButton 79 Sơ đồ biến cố: Hình 4.51 Sơ đồ biến cố hình wishlist 4.3.2.16 Màn hình xem đơn đặt hàng Admin: Ý nghĩa: xem đơn đặt hàng người mua Chi tiết hình: Hình 4.52 Màn hình xem đơn đặt hàng Admin 80 Các đối tượng hình: Bảng 4.44 Bảng đối tượng hình xem đơn đặt hàng Admin STT Loại simpleText simpleText simpleText simpleText simpleText simpleText simpleText simpleText simpleText 10 simpleText 11 simpleText 12 simpleText 13 select 14 input 15 simpleButton 16 simpleButton 81 Sơ đồ biến cố: Hình 4.53 Sơ đồ biến cố hình xem đơn đặt hàng Admin 4.3.2.17 Màn hình xem chi tiết đơn đặt hàng Admin: Ý nghĩa: Admin xem chi tiết đơn đặt hàng khách hàng Chi tiết hình: Hình 4.54 Màn hình xem chi tiết đơn đặt hàng Admin 82 Các đối tượng hình: Bảng 4.45 Bảng đối tượng hình xem chi tiết đơn đặt hàng Admin STT Loại simpleText simpleText simpleText simpleText simpleText simpleText simpleText simpleText simpleText 10 simpleText 11 simpleText 12 simpleText Sơ đồ biến cố: Hình 4.55 Sơ đồ biến cố hình xem chi tiết đơn đặt hàng Admin 83 CHƯƠNG CÀI ĐẶT VÀ KIỂM THỬ 5.1 CÀI ĐẶT Cài đặt java JDK 1.8 trở lên: Link: https://www.oracle.com/technetwork/java/javase/downloads/jdk8downloads-2133151.html - Cài đặt node.JS: Link: https://nodejs.org/en/ - Thêm thư viện datatable vào front-end hổ trợ giao diện phân trang search table:  npm install bootstrap@4.0.0-beta.2 save save-exact  npm install datatables.net –save  npm install datatables.net-bs4 –save  npm install jquery –save  npm install @types/jquery save-de Thêm thư viện Ckeditor vào front-end hổ trợ viết văn bản: npm i -S ngxckeditor - Thêm thư viên moment vào front-end hổ trợ định dạng ngày tháng: npm install moment save 5.2 KIỂM THỬ -Nhóm lên kế hoạch kiểm thử(lập Test Plan, Test Case chi tiết) Website Vì nhóm có hai thành viên nên nhóm thực kiểm thử chéo Thành viên đảm nhiệm lập trình chức kiểm thử thành viên khác ngược lại Dưới số test case tiêu biểu kiểm thử: Bảng 5.1 Một số Test Case tiêu biểu nhóm kiểm thử Test case ID REG_01 PAY_02 CHANGEAVA 86 KẾT LUẬN NHỮNG KẾT QUẢ ĐẠT ĐƯỢC Sau trình làm việc chăm với hướng dẫn tận tâm thầy, tụi em hoàn thành website demo cơng nghệ nghiên cứu Và chúng em nắm rõ tảng cách vận hành công nghệ Cũng chúng em xây dựng chương trình hồn chỉnh có khả áp dụng vào thực tế NHỮNG KHÓ KHĂN VÀ CÁCH KHẮC PHỤC KHI THỰC HIỆN ĐỀ TÀI 2.1 Khó khăn Khó khăn việc thiết kế sở kiệu phân chia công việc cho hợp lý việc chúng em khơng thể tránh khỏi Ngồi công nghệ mà tụi em vừa tiếp xúc nên nhiều điều bở ngỡ mà cần tốn khoảng thời gian định để làm quen 2.2 Cách khắc phục Bản thân trang bị kiến thức liên quan thiết kế website Đã có kinh nghiệm việc tìm hiểu, phân tích thiết kế hệ thống thơng tin Được giúp đỡ tận tình Giáo viên hướng dẫn: Nguyễn Minh Đạo trợ giúp kiến thức từ Internet Chúng em hiểu áp dụng thành công mản kiến thức spring boot AngularJS cách kết nối chúng lại với để thành website hoàn chỉnh ƯU ĐIỂM - Spring boot hỗ trợ hoàn hảo giúp cho thao tác trở nên minh bạch dễ dàng sử dụng - Hệ thống sở liệu xây dựng linh hoạt, ràng buộc chặt chẽ - Khi gặp lỗi thông báo cách rõ ràng, dễ hiểu - Chức hệ thống đáp ứng gần đầy đủ nhu cầu người dùng - Giao diện thông minh, dễ dàng xây dựng thân thiện với người dùng HẠN CHẾ - Còn thiếu số chức định - HIện chưa áp dụng vào thực tế 87 KINH NGHIỆM ĐẠT ĐƯỢC Sau trình làm việc chăm với hướng dẫn tận tâm thầy, tụi em hồn thành website demo cơng nghệ nghiên cứu Và chúng em nắm rõ tảng cách vận hành công nghệ Cũng chúng em xây dựng chương trình hồn chỉnh có khả áp dụng vào thực tế HƯỚNG PHÁT TRIỂN TRONG TƯƠNG LAI - Thêm chức liên kết với facebook - Cãi thiện giao diện để ngày gần gũi dễ sử dụng cho người dùng người quản trị - Thêm chức để đáp ứng nhu cầu người dùng - Hoàn thiện tốt ràng buộc - Thêm chức cho quản trị viên - Kiểm tra trình giao nhận hàng - Kiểm thử thành cách nghiêm túc chặt chẽ Tình cách để đưa sản phẩm áp dụng vào thực tế 88 TÀI LIỆU THAM KHẢO  Trang web: www.yearofmoo.com  Trang web: www.codecademy.com  Trang web: www.tutorialspoint.com  Trang web: www.coursera.org  Trang web: www.udacity.com  Trang web: www.w3schools.com  Trang web: www.lynda.com  Trang web: https://techmaster.vn/  Trang web: https://zendvn.com/ https://www.youtube.com/watch?v=j1gU2oGFayY https://www.youtube.com/watch?v=1MOFT2_NII&list=PLRhlTlpDUWsw70vZAkJgALJ1yhgYsqDGx https://www.youtube.com/watch?v=rlS9eH5tEnY https://www.youtube.com/watch?v=WmithtRyoIc&list=PLWglOIfkJX0JYcHdoYpZb9wkhCyp-sYni https://www.youtube.com/watch?v=5jQSat1cKMo https://www.youtube.com/watch?v=BZi44GOD8kY https://www.youtube.com/watch?v=xkKcdK1u95s&list=PLqq6Pq4lTTZh5U8RbdXq0WaYvZBz2rbn https://www.youtube.com/watch?v=DCZOchCX10s https://www.youtube.com/watch?v=7NDohpda7YU https://www.youtube.com/watch?v=CrjDoPITesQ https://www.youtube.com/watch?v=MaI0_XdpdP8 https://www.youtube.com/watch?v=sSm2dRarhPo  https://www.youtube.com/watch?v=t6eHXbT6XT8&list=PLWBrqglnjNl1qQw2nH5O1A8W_DVC3x oV&index=1 https://www.youtube.com/watch? v=y7G57qcNJMk&index=5&list=PLWBrqglnjNl1qQw2nH5O1A8 W_DVC3xo-V https://www.youtube.com/watch? v=kuhvtz4b6ZA&list=PLWBrqglnjNl1qQw2nH5O1A8W_DVC3xo -V&index=15 89 Sinh viên thực Dương Đại Dũng (50%) Nguyễn Thị Trúc My (50%) 90 91 ... dạn chọn việc xây dựng website bán hàng trực tuyến MỤC TIÊU CỦA ĐỀ TÀI Tìm hiểu Microservices, Angular, RESTful APIs Phân tích, thiết kế xây dựng hệ thống website tin tức trực tuyến với số chức... THỊ TRÚC MY – 15110251 DƯƠNG ĐẠI DŨNG – 15110183 Đề Tài: XÂY DỰNG HỆ THỐNG WEBSITE BÁN HÀNG TRỰC TUYẾN KHÓA LUẬN TỐT NGHIỆP KỸ SƯ CNTT GIÁO VIÊN HƯỚNG DẪN THS NGUYỄN MINH ĐẠO KHÓA 2015 - 2019 ĐH... nghệ Thơng tin Tên đề tài: Tìm hiểu Spring boot, Angular 5, Microservice Xây dựng website bán hàng trực tuyến Họ tên Giáo viên hướng dẫn: Th.S Nguyễn Minh Đạo NHẬN XÉT 1.Về nội dung đề tài khối