Tìm hiểu ASP net, core, angular xây dựng website hỗ trợ chăm sóc khách hàng

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 qn 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 hố 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 Hình 34 Trang thiết lập thơng tin cửa hàng 83 Hình 35 Trang quản lý nhân viên 84 Hình 36 Form thêm nhân viên 84 Hình 37 Form sửa nhân viên 85 Hình 38 Pop up xác nhận xoá nhân viên 85 Hình 39 Trang quản lý danh mục sản phẩm 86 Hình 40 Pop up thêm danh mục sản phẩm 86 Hình 41 Pop up sửa danh mục sản phẩm 87 Hình 42 Trang quản lý sản phẩm 88 Hình 43 Trang thêm sản phẩm 88 Hình 44 Trang sửa sản phẩm 89 Hình 45 Trang báo cáo doanh thu ngày 90 Hình 46 Trang báo cáo doanh thu tất hoá đơn 90 Hình 47 Trang báo cáo doanh thu khoảng thời gian xác định 91 Hình 48 Pop up hiển thị chi tiết hoá đơn 91 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 Hình 50 Trang quản lý biểu mẫu Gmail 93 Hình 51 Trang quản lý kiện 94 Hình 52 Trang Xem thông tin chi tiết kiện 94 Hình 53 Trang tạo kiện 95 Hình 54 Trang bán hàng 96 Hình 55 Pop up xác nhận toán tiền mặt 96 Hình 56 Cam quét mã giảm giá 97 Hình 57 Trang quản lý tài khoản cửa hàng 98 Hình 58 Pop up xác nhận vơ hiệu hoá tài khoản 98 Hình 59 Trang thơng tin chi tiết cửa hàng thành viên 99 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 100 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 101 Hình 64 Trang thơng tin kiện cửa hàng tìm kiếm 101 xvi xvii 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 qn cà phê? - Hiện nay, doanh nghiệp dù lớn hay nhỏ có nhu cầu thiết kế trang web phần mềm để lưu trữ quản lý sản phẩm họ Trong đó, giá thành thiết kế trang web khơng rẻ Nhóm chúng em chọn hướng tới đối tượng khách hàng cửa hàng cà phê, với nhu cầu giải trí người đại, quán cà phê nơi thông dụng mà đến, để giao lưu bạn bè, thử giản, học tập, chí để làm việc gặp đối tác làm ăn, v.v Do mơ hình cà phê mọc lên ngày nhiều, nhu cầu quản lý loại hình doanh nghiệp tăng mạnh Những doanh nghiệp lớn lĩnh vực cà phê muốn quảng bá thương hiệu mạng internet phát triển cơng cụ họ cách chuyên nghiệp tiện lợi, ví tập đồn The Coffee House có hẳn đội ngũ developer riêng để thiết kế nâng cấp ứng dụng để tiếp cận khách hàng cách tinh tế thuận tiện việc quản lý, giao dịch, v.v Tuy nhiên doanh nghiệp lớn, họ có đủ tiềm lực tài để hoạt động lâu dài chi trả cho điều vậy, điều mà doanh nghiệp nhỏ khơng khơng có, họ khơng biết có phần trăm hội thành công chưa thấy giá trị kinh tế mà cửa hàng mang lại, tất tính tốn mang tính tương đối khả rủi ro có, ví dụ đợt dịch virus Covid vừa qua làm cho hàng quán dẫn tới phá sản không đủ khả chi trả tiền mặt hi đó, để tiết kiệm chi phí chủ doanh nghiệp cửa hàng bán cà phê nhỏ lẻ cần hệ thống vừa đủ để quản lý lưu trữ bán hàng cách đơn giàn không cần thuê làm trang web riêng q cầu kì phức tạp Do nhóm em cung cấp ứng dụng web giúp hỗ trợ doanh nghiệp việc quản lý thông 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 việc cung cấp cho khách hàng dịch vụ trước sau mua hàng cho thỏa mãn, đáp ứng nhu cầu mong đợi khách hàng Muốn giữ chân khách hàng, phát triển doanh nghiệp cần đưa cho khách hàng dịch vụ chăm sóc tuyệt vời - Đối với cửa hàng nhỏ mới, để tăng doanh thu lợi nhuận, cách tốt vừa giữ chân khách hàng, vừa tìm kiếm khách hàng - Một số phương thức thường áp dụng cho việc chăm sóc khách hàng ngày tiếp nhận ý kiến phản hồi ý kiến khách hàng dịch vụ hay gọi feedback, liên lạc với khách hàng qua email, sms, gửi thư tay,điện thoại,…, mạng xã hội để thông báo kiện hấp dẫn, thông tin mà doanh nghiệp cho khách hàng họ quan tâm - Hỗ trợ tức website em cung cấp cho doanh nghiệp cà phê khả chăm sóc khách hàng họ mức độ vừa đủ Thơng qua số hình thức cụ thể cung cấp công cụ liên hệ với khách hàng qua email, cung cấp khả tạo ưu đãi, khuyến dành cho khách hàng họ, cung cấp khả thiết lập trang thông tin với địa để khách hàng tiếp cận cách dễ dàng Hình 47 Trang báo cáo doanh thu khoảng thời gian xác định Hình 48 Pop up hiển thị chi tiết hoá đơn 91 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 qt 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... cấp cho khách hàng dịch vụ trước sau mua hàng cho thỏa mãn, đáp ứng nhu cầu mong đợi khách hàng Muốn giữ chân khách hàng, phát triển doanh nghiệp cần đưa cho khách hàng dịch vụ chăm sóc tuyệt... khuyến dành cho khách hàng họ, cung cấp khả thiết lập trang thông tin với địa để khách hàng tiếp cận cách dễ dàng 1.2 - Mục tiêu đề tài Tìm hiểu cơng nghệ ASP Net Core Angular Xây dựng website dạng