(Đồ án tốt nghiệp) tìm hiểu ASP net, core, angular xây dựng website hỗ trợ chăm sóc khách hàng

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 TÌM HIỂU ASP.NET CORE, ANGULAR XÂY DỰNG WEBSITE HỖ TRỢ CHĂM SÓC KHÁCH HÀNG GVHD:NGUYỄN THANH PHƯỚC SVTH:TRẦN QUANG ANH MSSV:16110009 SVTH:NGUYỄN KHÔI MSSV:16110125 SKL007061 Tp Hồ Chí Minh, tháng 07/2020 TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ TH T TH NH PHỐ HỒ CH NH H Đ TẠO CHẤT Ư NGC KHOÁ LUẬN TỐT NGHIỆP TÌM HIỂU ASP.NET CORE, ANGULAR XÂY DỰNG WEBSITE HỖ TRỢ CHĂM SÓC KHÁCH HÀNG SVTH: Trần Quang Anh - 16110009 Nguyễn Khơi – 16110125 Khố: K16 Ngành: Cơng nghệ thơng tin GVHD: Thầy Nguyễn Thanh Phước Tp.Hồ Chí inh, tháng năm 2020 i CỘNG HOÀ XÃ HỘI CHỦ NGHĨ V ỆT NAM Độc lập – Tự – Hạnh phúc *** -Tp Hồ Chí inh, ngày … tháng năm 2020 NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP Họ tên sinh viên: Trần Quang Anh MSSV: 16110009 Họ tên sinh viên: Nguyễn Khôi MSSV: 16110125 Giảng viên hướng dẫn: Thầy Nguyễn Thanh Phước ĐT: 0907868240 Ngày nhận đề tài: 25/02/2020 Ngày nộp đề tài: 01/07/2020 Tên đề tài: Tìm hiểu ASP.NET Core, Angular xây dựng website hỗ trợ chăm sóc khách hàng Các số liệu, đề tài ban đầu: Nội dung thực đề tài: Sản phẩm: TRƯỞNG NGÀNH GIẢNG V ÊN HƯỚNG DẪN ii CỘNG HÒA XÃ HỘI CHỦ NGHĨ V ỆT NAM Độc lập – Tự – Hạnh phúc *** -Tp Hồ Chí inh, ngày … tháng năm 2020 PHIẾU NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪ N Họ tên Sinh viên: Trần Quang Anh MSSV: 16110009 Họ tên Sinh viên: Nguyễn Khôi MSSV: 16110125 Ngành: Công nghệ thông tin Tên đề tài: Tìm hiểu ASP.NET Core, Angular xây dựng website hỗ trợ chăm sóc khách hàng Họ tên Giáo viên hướng dẫn: Thầy Nguyễn Thanh Phước NHẬN XÉT Về nội dung đề tài & khối lượng thực hiện: Ưu điểm: iii Khuyết điểm: Đề nghị cho bảo vệ hay không? Đánh giá loại: Điểm: (Bằng chữ: ) Tp Hồ Chí Minh, ngày tháng năm 2020 Giáo viên hướng dẫn (Ký & ghi rõ họ tên) iv CỘNG HÒA XÃ HỘI CHỦ NGHĨ V ỆT NAM Độ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: Trần Quang Anh MSSV: 16110009 Họ tên Sinh viên: Nguyễn Khôi MSSV: 16110125 Ngành: Công nghệ thông tin Tên đề tài: Tìm hiểu ASP.NET Core, Angular xây dựng website hỗ trợ chăm sóc khách hàng Họ tên Giáo viên phản biện: Thầy ê Vĩnh Thịnh NHẬN XÉT Về nội dung đề tài & khối lượng thực hiện: Ưu điểm: v Khuyết điểm: Đề nghị cho bảo vệ hay không? Đánh giá loại: Điểm: (Bằng chữ: ) Tp Hồ Chí Minh, ngày tháng năm 2020 Giáo viên phản biện (Ký & ghi rõ họ tên) vi LỜI CẢM ƠN Em xin chân thành cảm ơn khoa Chất ượng Cao trường Đại Học Sư Phạm Kỹ Thuật TP.HCM tất thầy giáo, giáo tận tình giảng dạy giúp đỡ em suốt trình học tập, nghiên cứu Đặc biệt em xin bày tỏ lòng biết ơn sâu sắc đến thầy Nguyễn Thanh Phước – Người trực tiếp giảng dạy hướng dẫn tạo điều kiện thuận lợi giúp đỡ em trình thực đề tài Thầy giúp tụi em nhiều việc chọn đề tài công cụ thực Những vốn kiến thức tiếp thu trình hướng dẫn giúp đỡ thầy khơng tảng cho q trình nghiên cứu khóa luận mà cịn hành trang q báu để em bước vào đời cách vững vàng tự tin Tuy nhiên kiến thức chun mơn hạn chế thân thiếu nhiều kinh nghiệm thực tiễn nên nội dung báo cáo không tránh khỏi thiếu sót, nhóm em mong nhận góp ý, bảo thêm q thầy hướng dẫn thầy cô phản biện để báo cáo hồn thiện Tp Hồ Chí Minh, ngày 20 tháng năm 2020 Sinh viên thực Trần Quang Anh vii Nguyễn Khôi LỜI MỞ ĐẦU Trong thời đại công nghệ thông tin nay, internet trở nên phổ biến lĩnh vực từ kinh tế, trị, xã hội, du lịch, giải trí Ứng dụng công nghệ thông tin rộng lớn: truyền thông, điều khiển tự động, quản lý hoạt động người hoạt động xã hội,… Công nghệ thông tin thâm nhập vào lĩnh vực xã hội với phương thức hoạt động hoàn tồn mẻ, sáng tạo mà khơng tính xác Trong số phải kể đến đời không ngừng website hướng tới đối tượng khách hàng với nhiều nhu cầu mục đích khác Hầu hết công ty, doanh nghiệp hay cửa hàng có website riêng Nhận thấy tiềm phát triển áp dụng thực tế cao nên em định chọn đề tài xây dựng website hỗ trợ chăm sóc khách hàng, hướng tới nhóm khách hàng người chủ cửa hàng coffe có nhu cầu muốn có website quản lí thơng tin cửa hàng có hình xử lí giao dịch cho nhân viên thực quán Và để thực đề tài nhóm em sử dụng cơng nghệ ASP.NET Core cho phần BackEnd Angular cho phần Front-End đôi mạnh việc xây dựng website Trong đề tài này, em bước tìm hiểu nghiệp vụ, quy trình hoạt động việc quản lí cửa hàng Tiến hành xây dựng ứng dụng giúp chủ cửa hàng quản lí thông tin cửa hàng mình, hình xử lí giao dịch cho nhân viên tương tác với khách hàng cửa hàng Bên cạnh đó, em nghiên cứu tìm hiểu cố gắng hồn thiện khó khăn, yếu điểm dịch vụ website viii LỜI CAM KẾT Nhóm em xin cam đoan toàn phần mềm nhóm em hướng dẫn thầy Nguyễn Thanh Phước tự nghiên cứu tham khảo mạng để phát triển ứng dụng ix Giao diện thiết lập hệ thống quy đổi điểm tích luỹ cho khách hàng thành viên (của chủ cửa hàng) Hình 49 Trang thiết lập hệ thống quy đổi điểm tích luỹ cho khách hàng thành viên 92 Giao diện quản lý biểu mẫu Gmail (của chủ cửa hàng) Hình 50 Trang quản lý biểu mẫu Gmail * Trường trộn dùng để tự động thay đổi nội dung gmail phù hợp gửi cho khách hàng 93 Giao diện quản lý kiện (của chủ cửa hàng) Hình 51 Trang quản lý kiện Hình 52 Trang Xem thơng tin chi tiết kiện 94 Hình 53 Trang tạo kiện 95 Giao diện bán hàng Hình 54 Trang bán hàng Hình 55 Pop up xác nhận tốn tiền mặt 96 Hình 56 Cam quét mã giảm giá 97 Giao diện dành cho người quản trị Hình 57 Trang quản lý tài khoản cửa hàng Hình 58 Pop up xác nhận vơ hiệu hố tài khoản 98 Hình 59 Trang thông tin chi tiết cửa hàng thành viên Giao diện người dùng web Hình 60 Trang kết tìm kiếm cửa hàng theo tên 99 Hình 61 Trang kết tìm kiếm cửa hàng theo tên Hình 62 Trang giới thiệu cửa hàng hệ thống 100 Hình 63 Trang danh sách kiện cửa hàng tìm kiếm Hình 64 Trang thông tin kiện cửa hàng tìm kiếm 101 CHƯƠNG 4: KẾT QUẢ SO SÁNH, THỰC NGHIỆM, PHÂN TÍCH 4.1 Hệ thống Back-End - Hệ thống Back-End xây dựng ngôn ngữ C#, ASP.NET Core FrameWork áp dụng RESTful-API giúp cho code đơn giản ngắn gọn thuận tiện việc lập trình 4.2 Hệ thống Front-End - Phần Front-End xây dựng ngôn ngữ TypeScript, Angular CLI FrameWork áp dụng Single Page Application giúp ứng dụng thao tác liệu nhanh mà không cần yêu cầu tải lại trang 102 CHƯƠNG 5: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 5.1 Kết đạt - Về nhóm tìm hiểu đạt được:  Tìm hiểu xây dựng RESTFul API ngôn ngữ C# sử dụng ASP.NET Core FrameWork  Tìm hiểu áp dụng ngular FrameWork để xây dựng giao diện trang web 5.2 Ưu điểm  Giao diện thân thiện với người dùng, dễ sử dụng  Áp dụng công nghệ  Hệ thống hỗ trợ chủ cửa hàng đầy đủ việc quản lí qn coffee  Khả bảo trị, mở rộng dễ dàng nhanh chóng 5.3 Hạn chế  Ứng dụng quản lý bán hàng chưa tối ưu mặt chức  Giao diện cịn sơ sài, khơng bắt mắt  Vẫn có khả tồn lỗi 5.4 Hướng phát triển - Sau xây dựng phát triển tính khoảng thời gian qua nhóm em lên số ý tưởng để phát triển hệ thống khắc phục số hạn chế nhìn nhận lại Scope đề tài Tuy nhiên, thời gian có hạn việc phải tìm hiểu áp dụng cơng nghệ vào đề tài nên nhóm em đưa vấn đề chưa giải vào phần mở rộng sau:  Nâng cấp giao diện 103  Hướng giao diện trang bán hàng dạng “Touch Screen” nhiều  Làm thêm nhiều tính hỗ trợ chăm sóc khách hàng cho cửa hàng coffee liên hệ với khách hàng qua SMS, tạo hỗ trợ thực kiện giảm giá, trang đổi điểm tích lũy, v.v 104 TÀI LIỆU THAM KHẢO [1] https://tedu.com.vn/khoa-hoc/xay-dung-ung-dung-web-voi-aspnet-core-17.html [2] https://topdev.vn/blog/asp-net-core-la-gi/ [3] https://hoclaptrinh.vn/posts/angular-cli-la-gi [4] https://timoday.edu.vn/bai-1-tong-quan-ve-sql-server/ https://stackoverflow.com/ https://angular.io/ https://getbootstrap.com/ https://docs.microsoft.com/en-us/aspnet/core/?view=aspnetcore- 2.2 https://www.kiotviet.vn/ 105 ... tin, giao dịch chăm sóc khách hàng số cơng cụ phương thức tương tác khác 1.1.2 Sơ lược hỗ trợ chăm sóc khách hàng - Chăm sóc khách hàng hiểu đơn giản hành động giữ chân khách hàng doanh nghiệp...H Đ TẠO CHẤT Ư NGC KHOÁ LUẬN TỐT NGHIỆP TÌM HIỂU ASP. NET CORE, ANGULAR XÂY DỰNG WEBSITE HỖ TRỢ CHĂM SÓC KHÁCH HÀNG SVTH: Trần Quang Anh - 16110009 Nguyễn Khơi – 16110125... 16110125 Ngành: Công nghệ thông tin Tên đề tài: Tìm hiểu ASP. NET Core, Angular xây dựng website hỗ trợ chăm sóc khách hàng Họ tên Giáo viên hướng dẫn: