Đang tải... (xem toàn văn)
Untitled i TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ TH T TH NH PHỐ HỒ CH NH H Đ TẠO CHẤT Ư NG C KHOÁ LUẬN TỐT NGHIỆP SVTH Khoá K16 Tp Hồ Chí inh, tháng 7 năm 2020 Ngành Công nghệ thông tin TÌM HIỂU ASP NET CORE, ANG[.]
TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ TH H Đ T TH NH PHỐ HỒ CH NH TẠO CHẤT Ư NG C KHỐ 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 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, cô 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 chuyên mơn cịn hạn chế thân cị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 quý thầy cô 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 hồ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 Back-End 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 tồ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 MỤC LỤC CHƯƠNG 1: TỔNG QUAN 1.1 Lý chọn đề tài 1.1.1 Tại lại chọn đối tượng hướng tới doanh nghiệp kinh doanh theo mô hình quán cà phê? 1.1.2 Sơ lược hỗ trợ chăm sóc khách hàng 1.2 Mục tiêu đề tài 1.3 Bố cục báo cáo CHƯƠNG 2: CƠ SỞ LÝ THUYẾT 2.1 Công nghệ sử dụng 2.1.1 ASP.NET Core 2.1.2 Angular CLI 2.1.3 SQL Server 2.1.4 Khác CHƯƠNG 3: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 3.1 Phân tích hệ thống 3.1.1 Chức 3.1.2 Yêu cầu đặt 3.2 Thiết kế hệ thống 3.2.1 Danh sách tác nhân (actor) chức (usecase) phần mềm 3.2.2 Sơ đồ phân rã chức 10 3.2.3 Thiết kế sở liệu 11 3.2.4 Sơ đồ chức (Use cases diagram) 25 3.2.5 Thiết kế giao diện 76 CHƯƠNG 4: KẾT QUẢ SO SÁNH, THỰC NGHIỆM, PHÂN TÍCH 102 4.1 Hệ thống Back-End 102 4.2 Hệ thống Front-End 102 x CHƯƠNG 5: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 103 TÀI LIỆU THAM KHẢO 105 xi DANH MỤC CÁC TỪ VIẾT TẮT - CSD : Cơ sở liệu - CMND: Chứng minh nhân dân xii DANH MỤC CÁC BẢNG BIỂU Bảng 3.1 Bảng danh sách tác nhân chức phần mềm Bảng 3.2 Chi tiết bảng Admin 12 Bảng 3.3 Chi tiết bảng Categories 12 Bảng 3.4 Chi tiết bảng Products 13 Bảng 3.5 Chi tiết bảng Settings 15 Bảng 3.6 Chi tiết bảng Emails 16 Bảng 3.7 Chi tiết bảng EventTypes 17 Bảng 3.8 Chi tiết bảng Events 17 Bảng 3.9 Chi tiết bảng Members 18 Bảng 3.10 Chi tiết bảng Employees 19 Bảng 3.11 Chi tiết bảng Bills_Details 20 Bảng 3.12 Chi tiết bảng Stores 22 Bảng 3.13 Chi tiết bảng Vouchers 23 Bảng 3.14 Chi tiết bảng Bills 24 Bảng 15 Chức đăng nhập 26 Bảng 16 Chức xem thông tin tài khoản 27 Bảng 17 Chức gia hạn tài khoản 28 Bảng 18 Chức kích hoạt tài khoản 29 Bảng 19 Chức vô hiệu hoá tài khoản 30 Bảng 20 Chức nâng cấp tài khoản 31 Bảng 21 Chức đăng ký 33 Bảng 22 Chức đăng nhập 34 Bảng 23 Chức thêm nhân viên 35 Bảng 24 Chức chỉnh sửa nhân viên 36 Bảng 25 Chức xoá nhân viên 37 Bảng 26 Chức chỉnh sửa trang thông tin cửa hàng 38 Bảng 27 Chức xem thông tin khách hàng thành viên 39 Bảng 28 Chức xem hoá đơn theo ngày 40 Bảng 29 Chức thiết kế hệ thống quy đổi điểm tích luỹ cho khách hàng 41 Bảng 30 Chức quản lý biểu mẫu Gmail, liên hệ với khách hàng qua Gmail 42 Bảng 31 Chức thêm danh mục sản phẩm 43 Bảng 32 Chức sửa danh mục sản phẩm 44 Bảng 33 Chức xoá danh mục sản phẩm 45 xiii Bảng 34 Chức thêm sản phẩm 46 Bảng 35 Chức sửa sản phẩm 47 Bảng 36 Chức xoá sản phẩm 48 Bảng 37 Chức thêm kiện 49 Bảng 38 Chức sửa kiện 50 Bảng 40 Chức kích hoạt/ngưng kiện 51 Bảng 41 Chức đăng nhập 53 Bảng 42 Chức tạo thẻ thành viên 54 Bảng 43 Chức tìm kiếm sản phẩm 55 Bảng 44 Chức xử lý hoá đơn 57 Bảng 45 Chức tìm kiếm cửa hàng 59 xiv DANH MỤC CÁC HÌNH ẢNH, BIỂU ĐỒ Hình 3.1 Sơ đồ phân rã chức 10 Hình 3.2 ược đồ CSDL 11 Hình 3.3 Sơ đồ chức người quản trị 25 Hình 3.4 Sơ đồ chức chủ cửa hàng 32 Hình 3.5 Sơ đồ chức nhân viên bán hàng 52 Hình 3.6 Sơ đồ chức người dùng trang web 58 Hình Thư mục Back-End 60 Hình Thư mục Controllers phần Back-End 61 Hình Truy cập URL API Postman 66 Hình 10 Những Package sử dụng Back-End 67 Hình 11 Các thư mục phần Front-End 67 Hình 12 Thư mục Models phần Front-End 68 Hình 13 Thư mục Services phần Front-End 69 Hình 14 Các phương thức 70 Hình 15 Các Service Model khác sử dụng phương thức đường dẫn 70 Hình 16 Thư mục Auth.Service.Ts 71 Hình 17 Thư mục App.Guard.Service.Ts 72 Hình 18 Thư mục Utils 73 Hình 19 Thư mục Utils 74 Hình 20 Thư mục Views 75 Hình 21 Thơng báo thực thao tác thành cơng 76 Hình 22 Thông báo lỗi 76 Hình 23 Thông báo cảnh báo 76 Hình 24 Trang chủ website 77 Hình 25 Trang chủ Website 77 Hình 26 Pop up chọn gói đăng ký 78 Hình 27 Form đăng ký gói dùng thử 79 Hình 28 Trang đăng ký gói trả phí 79 Hình 29 Trang thơng báo đăng ký thành công 80 Hình 30 Trang đăng nhập dành cho admin 81 Hình 31 Pop up nhập mã cửa hàng 81 Hình 32 Trang đăng nhập dành cho chủ cửa hàng nhân viên 82 Hình 33 Trang quản lý cửa hàng 83 xv 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 đề cị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