Khóa Luận Tốt Nghiệp: Xây Dựng Website Hỗ Trợ Chăm Sóc Khách Hàng Sử Dụng ASP.NET Core và Angular

Luận văn tốt nghiệp kỹ thuật nghiên cứu 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, điều tra thực trạng, phân tích số liệu, đề xuất biện

• Tác giả: Trần Quang Anh
• Người hướng dẫn: Thầy Nguyễn Thanh Phước
• Trường học: Trường Đại Học Sư Phạm Kỹ Thuật TP.HCM
• Chuyên ngành: Công Nghệ Thông Tin
• Đề tài: Xây Dựng Website Hỗ Trợ Chăm Sóc Khách Hàng Bằng ASP.NET Core và Angular
• Loại tài liệu: Khóa Luận Tốt Nghiệp
• Năm xuất bản: 2020
• Địa điểm: Hồ Chí Minh

Mục lục chi tiết

• LỜI CẢM ƠN
• LỜI MỞ ĐẦU
• LỜI CAM KẾT
• 1. CHƯƠNG 1: TỔNG QUAN
• 1.1. Lý do chọn đề tài
• 1.2. Tại sao lại chọn đối tượng hướng tới là các doanh nghiệp kinh doanh theo mô hình quán cà phê?
• 1.3. Sơ lược về hỗ trợ chăm sóc khách hàng
• 1.4. Mục tiêu đề tài
• 1.5. Bố cục của báo cáo
• 2. CHƯƠNG 2: CƠ SỞ LÝ THUYẾT
• 2.1. Công nghệ sử dụng
• 3. CHƯƠNG 3: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG
• 3.1. Phân tích hệ thống
• 3.2. Yêu cầu đặt ra
• 3.3. Thiết kế hệ thống
• 3.3.1. Danh sách các tác nhân (actor) và chức năng (usecase) của phần mềm
• 3.3.2. Sơ đồ phân rã chức năng
• 3.3.3. Thiết kế cơ sở dữ liệu
• 3.3.3.1. Lược đồ cơ sở dữ liệu
• 4. CHƯƠNG 4: KẾT QUẢ SO SÁNH, THỰC NGHIỆM, PHÂN TÍCH
• 4.1. Hệ thống Back-End
• 4.2. Hệ thống Front-End
• 5. CHƯƠNG 5: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN
• TÀI LIỆU THAM KHẢO
• DANH MỤC CÁC TỪ VIẾT TẮT
• DANH MỤC CÁC BẢNG BIỂU
• DANH MỤC CÁC HÌNH ẢNH, BIỂU ĐỒ

Tóm tắt

I. Tổng quan về Xây Dựng Website Hỗ Trợ Chăm Sóc Khách Hàng

Trong thời đại công nghệ thông tin hiện nay, việc xây dựng website hỗ trợ chăm sóc khách hàng trở nên cần thiết hơn bao giờ hết. Đặc biệt, với sự phát triển của các công nghệ như ASP.NET Core và Angular, việc tạo ra một nền tảng vững chắc cho các doanh nghiệp trở nên dễ dàng hơn. Bài viết này sẽ đi sâu vào các khía cạnh quan trọng của việc xây dựng website chăm sóc khách hàng, từ lý do chọn đề tài đến các công nghệ sử dụng.

1.1. Lý do chọn đề tài xây dựng website chăm sóc khách hàng

Nhu cầu chăm sóc khách hàng ngày càng cao trong các doanh nghiệp, đặc biệt là trong lĩnh vực cà phê. Việc có một website hỗ trợ chăm sóc khách hàng giúp doanh nghiệp quản lý thông tin và giao dịch hiệu quả hơn.

1.2. Tổng quan về công nghệ ASP.NET Core và Angular

ASP.NET Core và Angular là hai công nghệ mạnh mẽ giúp xây dựng ứng dụng web hiện đại. ASP.NET Core cung cấp nền tảng backend mạnh mẽ, trong khi Angular giúp tạo ra giao diện người dùng thân thiện và tương tác.

II. Thách thức trong việc xây dựng website chăm sóc khách hàng

Mặc dù việc xây dựng website chăm sóc khách hàng mang lại nhiều lợi ích, nhưng cũng không thiếu những thách thức. Các doanh nghiệp cần phải đối mặt với việc tích hợp các hệ thống khác nhau, bảo mật thông tin khách hàng và tối ưu hóa trải nghiệm người dùng.

2.1. Vấn đề bảo mật thông tin khách hàng

Bảo mật thông tin khách hàng là một trong những thách thức lớn nhất. Doanh nghiệp cần phải đảm bảo rằng dữ liệu khách hàng được bảo vệ an toàn trước các mối đe dọa từ bên ngoài.

2.2. Tích hợp các hệ thống CRM hiệu quả

Việc tích hợp hệ thống CRM với website là cần thiết để quản lý thông tin khách hàng một cách hiệu quả. Tuy nhiên, điều này đòi hỏi sự hiểu biết sâu sắc về cả hai hệ thống.

III. Phương pháp xây dựng website chăm sóc khách hàng bằng ASP

Để xây dựng một website chăm sóc khách hàng hiệu quả, cần áp dụng các phương pháp và công nghệ hiện đại. Việc sử dụng ASP.NET Core cho backend và Angular cho frontend là một lựa chọn tối ưu.

3.1. Thiết kế kiến trúc hệ thống

Kiến trúc hệ thống cần được thiết kế rõ ràng, bao gồm các thành phần như backend, frontend và cơ sở dữ liệu. Điều này giúp đảm bảo tính khả thi và hiệu quả trong quá trình phát triển.

3.2. Tối ưu hóa trải nghiệm người dùng

Tối ưu hóa trải nghiệm người dùng là một yếu tố quan trọng. Sử dụng Angular giúp tạo ra giao diện người dùng mượt mà và dễ sử dụng, từ đó nâng cao sự hài lòng của khách hàng.

IV. Ứng dụng thực tiễn của website chăm sóc khách hàng

Việc triển khai website chăm sóc khách hàng không chỉ giúp doanh nghiệp quản lý thông tin mà còn tạo ra nhiều cơ hội kinh doanh mới. Các ứng dụng thực tiễn từ việc sử dụng website này sẽ được phân tích trong phần này.

4.1. Quản lý thông tin khách hàng hiệu quả

Website giúp doanh nghiệp quản lý thông tin khách hàng một cách hiệu quả, từ đó nâng cao khả năng chăm sóc và giữ chân khách hàng.

4.2. Tăng cường tương tác với khách hàng

Thông qua các công cụ trên website, doanh nghiệp có thể tương tác với khách hàng dễ dàng hơn, từ việc gửi thông báo đến việc nhận phản hồi.

V. Kết luận và hướng phát triển trong tương lai

Việc xây dựng website hỗ trợ chăm sóc khách hàng bằng ASP.NET Core và Angular không chỉ là một xu hướng mà còn là một yêu cầu thiết yếu trong thời đại số. Tương lai của các website này sẽ tiếp tục phát triển với nhiều tính năng mới và cải tiến.

5.1. Xu hướng phát triển công nghệ trong chăm sóc khách hàng

Công nghệ sẽ tiếp tục phát triển, mang đến nhiều giải pháp mới cho việc chăm sóc khách hàng. Doanh nghiệp cần nắm bắt xu hướng này để không bị tụt lại phía sau.

5.2. Tầm quan trọng của việc cập nhật công nghệ mới

Việc cập nhật công nghệ mới là rất quan trọng để duy trì tính cạnh tranh. Doanh nghiệp cần thường xuyên xem xét và áp dụng các công nghệ tiên tiến vào hệ thống của mình.

Nội dung chính

Bối cảnh và vấn đề nghiên cứu

Khóa 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" được thực hiện bởi sinh viên Trần Quang Anh và Nguyễn Khôi, dưới sự hướng dẫn của Thầy Nguyễn Thanh Phước, thuộc Khoa Đào tạo Chất lượng cao, Trường Đại học Sư phạm Kỹ thuật Thành phố Hồ Chí Minh (bảo vệ tháng 7 năm 2020).

Lý do chọn đề tài xuất phát từ sự phát triển của công nghệ thông tin và mạng Internet, khi hầu hết các tổ chức và doanh nghiệp đều có nhu cầu sở hữu trang web để quản trị thông tin và quảng bá sản phẩm. Tuy nhiên, chi phí thiết kế và duy trì một hệ thống website chuyên biệt hiện nay tương đối cao. Nhóm tác giả hướng trọng tâm nghiên cứu vào mô hình kinh doanh quán cà phê – một loại hình giải trí, giao lưu, học tập và làm việc phổ biến trong đời sống hiện đại, dẫn đến sự gia tăng nhanh chóng về số lượng cửa hàng. Trong khi các tập đoàn lớn (như chuỗi The Coffee House) có đủ tiềm lực tài chính để duy trì đội ngũ lập trình viên riêng nhằm phát triển và nâng cấp hệ thống tiếp cận khách hàng, thì các cửa hàng cà phê vừa và nhỏ gặp nhiều hạn chế về nguồn vốn và đối mặt với rủi ro vận hành cao (điển hình như biến cố dịch bệnh Covid-19 gây áp lực tài chính nghiêm trọng về tiền thuê mặt bằng). Đối với nhóm kinh doanh nhỏ lẻ này, việc đầu tư một trang web phức tạp là không khả thi; họ chỉ cần một công cụ trực tuyến tinh gọn, chi phí thấp, đáp ứng vừa đủ nhu cầu quản lý bán hàng tại quầy và chăm sóc khách hàng.

Mục tiêu và nhiệm vụ nghiên cứu của đề tài được xác định cụ thể gồm ba nội dung:

1. Tìm hiểu hai nền tảng công nghệ ASP.NET Core và Angular nhằm xây dựng một trang web hiện đại (Modern Web), trong đó Back-End là các dịch vụ chuẩn RESTful API và Front-End được thiết kế theo mô hình ứng dụng đơn trang (Single Page Application - SPA).
2. Xây dựng công cụ phần mềm hỗ trợ các cửa hàng cà phê quản lý hoạt động bán hàng, lưu trữ dữ liệu tập trung và thực hiện các nghiệp vụ chăm sóc khách hàng cơ bản (tạo sự kiện giảm giá, tích lũy điểm thưởng, đổi quà, liên hệ khách hàng qua thư điện tử nhân dịp sinh nhật hoặc lễ tết, cung cấp trang thông tin tiếp cận khách hàng mới).
3. Trình bày nội dung nghiên cứu một cách khoa học, logic trong khuôn khổ một khóa luận tốt nghiệp ngành Công nghệ thông tin.

Đối tượng nghiên cứu của đề tài là quy trình quản lý bán lẻ, tương tác giữ chân khách hàng tại các quán cà phê quy mô vừa và nhỏ, cùng các giải pháp công nghệ lập trình web hiện đại. Phạm vi nghiên cứu về không gian tập trung vào mô hình vận hành của các cửa hàng cà phê tại Việt Nam; phạm vi thời gian nghiên cứu và thực nghiệm hoàn thành vào tháng 7 năm 2020.

Cơ sở lý thuyết và phương pháp

Khóa luận áp dụng các nền tảng kỹ thuật và công nghệ chính sau:

• ASP.NET Core: Nền tảng mã nguồn mở, đa nền tảng (chạy trên Windows, Linux, macOS) do Microsoft phát triển để xây dựng ứng dụng kết nối đám mây, dịch vụ web và Back-End di động. Ngôn ngữ lập trình chính được sử dụng là C#. Ứng dụng ASP.NET Core có thể vận hành trên nền tảng đám mây hoặc máy chủ nội bộ (on-premises).
• Angular CLI và Angular: Framework hỗ trợ xây dựng giao diện người dùng theo mô hình MVC phía máy khách. Framework này sử dụng TypeScript (ngôn ngữ mở rộng từ JavaScript), hỗ trợ kiểm tra kiểu dữ liệu tĩnh và tái cấu trúc mã nguồn an toàn, phục vụ phát triển ứng dụng đơn trang (Single Page Application - SPA).
• SQL Server: Hệ quản trị cơ sở dữ liệu quan hệ (RDBMS) của Microsoft sử dụng ngôn ngữ truy vấn Transact-SQL (T-SQL), hỗ trợ lưu trữ dung lượng lớn và tích hợp đồng bộ với các dịch vụ máy chủ như IIS, Proxy Server.
• Các module và thư viện mở rộng: Thư viện ZXing Scanner (hỗ trợ quét mã giảm giá qua webcam), CKEditor (công cụ soạn thảo văn bản phục vụ chỉnh sửa nội dung trang thông tin cửa hàng) và DataTables (hỗ trợ hiển thị, lọc và phân trang dữ liệu).

Phương pháp nghiên cứu thực tế gồm:

• Phương pháp phân tích và thiết kế hệ thống hướng đối tượng: Nhận diện tác nhân, xây dựng biểu đồ phân rã chức năng, lập biểu đồ ca sử dụng (Use Case Diagram) và thiết kế cơ sở dữ liệu quan hệ.
• Phương pháp kiến trúc phần mềm: Thiết kế hệ thống tách rời hai phần Back-End (cung cấp RESTful API) và Front-End (SPA tiếp nhận dữ liệu JSON).
• Phương pháp kiểm thử thực nghiệm: Sử dụng công cụ Postman để gửi các phương thức yêu cầu HTTP (GET, POST, PUT, DELETE) nhằm kiểm tra tính chính xác của các đường dẫn API trước khi ghép nối giao diện.

Nguồn dữ liệu của nghiên cứu là dữ liệu giả lập được xây dựng trong môi trường kiểm thử SQL Server, phục vụ việc minh họa hoạt động của các cửa hàng, tài khoản người dùng, sản phẩm đồ uống, voucher và hóa đơn bán hàng.

Thiết kế và triển khai

Hệ thống được thiết kế theo mô hình kiến trúc Modern Web phân tách rõ rệt giữa máy chủ dịch vụ và giao diện người dùng. Phía Back-End được cấu trúc thành các bộ điều khiển (Controllers) xử lý logic nghiệp vụ và trả dữ liệu định dạng JSON. Phía Front-End sử dụng Angular tổ chức theo các phân hệ: Thư mục Auth (xác thực), App (cấu hình gốc), Models (định nghĩa thực thể dữ liệu), Services (giao tiếp HTTP với API), Utils (tiện ích dùng chung) và Views (giao diện hiển thị).

Hệ thống phân định 4 nhóm tác nhân (actors) với các chức năng cụ thể:

Tác nhân	Nhóm chức năng chính
Người quản trị (Admin)	Đăng nhập hệ thống quản trị; xem thông tin tài khoản các cửa hàng; phê duyệt/kích hoạt tài khoản mới; vô hiệu hóa tài khoản vi phạm hoặc hết hạn; gia hạn và nâng cấp gói tài khoản cửa hàng.
Chủ cửa hàng (Store Owner)	Đăng ký tài khoản (gói dùng thử hoặc gói trả phí); đăng nhập quản trị cửa hàng; quản lý thông tin nhân viên (thêm, sửa, xóa); quản lý danh mục và sản phẩm; cấu hình quy đổi điểm tích lũy; quản lý sự kiện khuyến mãi; quản lý biểu mẫu và gửi thư Gmail cho khách hàng; theo dõi báo cáo doanh thu và chi tiết hóa đơn.
Nhân viên bán hàng (Employee)	Đăng nhập giao diện bán hàng (POS); lọc sản phẩm theo danh mục và tìm kiếm nhanh theo tên; tạo thẻ thành viên mới cho khách; lập và xử lý hóa đơn bán hàng; áp dụng mã sự kiện, mã giảm giá (nhập tay hoặc quét qua webcam); thanh toán bằng tiền mặt hoặc điểm tích lũy.
Người dùng trang web (Customer)	Tìm kiếm cửa hàng cà phê theo tên; xem trang thông tin giới thiệu của từng cửa hàng; theo dõi các sự kiện khuyến mãi đang áp dụng tại cửa hàng tìm kiếm được.

Cơ sở dữ liệu quan hệ của hệ thống gồm 13 bảng thực thể được chuẩn hóa:

1. Admin: Lưu tài khoản người quản trị (Username, Password, Fullname, Saltvalue).
2. Stores: Lưu hồ sơ các cửa hàng (id, Ten, Diachi, Matkhau, Image, ImgCMNDF, ImgCMNDB, Status, Hinhthucsudung, Ngaytao, Hansudung, Yeucau, Hoten, Sdt, Thongtin, Hienthi).
3. Employees: Lưu danh sách nhân viên trực thuộc cửa hàng (id, Taikhoan, Matkhau, Ten, Storeid, Email, SDT, Diachi, Vitri).
4. Categories: Phân loại nhóm mặt hàng (id, Ten, Storeid).
5. Products: Danh mục đồ uống/sản phẩm (id, Ten, Dongia, Storeid, Cateid, Giagoc).
6. Members: Quản lý thông tin khách hàng thành viên (id, Ma, Hovaten, SDT, Diemtichluy, Storeid, Email, Ngaysinh).
7. Bills: Quản lý thông tin chung của hóa đơn (id, Ngaytao, Giotao, Tongtien, Giamgia, Giasaugiam, Magiamgia, Storeid, Nhanvien, Member, Ghichu).
8. Bills_Details: Chi tiết từng dòng sản phẩm trong đơn hàng (id, billid, productid, soluong, contents, dongia).
9. Settings: Thiết lập cơ chế tích điểm và giao tiếp của quán (id, Tichdiem, Vnd, Repoint, Revnd, Salebill, Paybypoint, Voucherbill, Storeid, Lienhe, Email, Matkhauemail).
10. Emails: Quản lý biểu mẫu thư điện tử lưu sẵn (id, Subject, Contents, Storeid, Email, Password).
11. EventTypes: Phân loại chương trình sự kiện (id, Noidung).
12. Events: Quản lý sự kiện giảm giá (id, Noidung, Loai, PhantramgiamgiaTHD, THD, Thongtin, Storeid, Ngaybatdau, Ngayketthuc, Trangthai).
13. Vouchers: Quản lý mã giảm giá (id, Ma, Hsd, Owner, Status, Storeid, Type, Value).

Nội dung chính theo từng chương

Chương 1: Tổng quan

Chương 1 trình bày lý do chọn đề tài dựa trên việc phân tích bài toán thực tế của các doanh nghiệp kinh doanh cà phê quy mô vừa và nhỏ. Nội dung chương phân tích các hình thức chăm sóc khách hàng phổ biến hiện nay (tiếp nhận phản hồi, gửi thư điện tử, tin nhắn, mạng xã hội) và xác định phạm vi hệ thống chỉ cung cấp giải pháp hỗ trợ ở mức độ vừa đủ nhằm tối ưu chi phí. Chương này cũng công bố mục tiêu xây dựng website trên nền tảng ASP.NET Core và Angular, đồng thời khái quát cấu trúc 5 chương của khóa luận.

Chương 2: Cơ sở lý thuyết

Chương 2 tập trung trình bày các công nghệ nền tảng được lựa chọn. Tác giả phân tích các đặc tính kỹ thuật của ASP.NET Core như khả năng chạy đa nền tảng, tính mềm dẻo và cơ chế tối ưu hóa cho ứng dụng đám mây. Đối với Angular CLI và Angular, tác giả nêu bật lợi thế của mô hình MVC, sự hỗ trợ của ngôn ngữ TypeScript trong việc hạn chế lỗi kiểu dữ liệu và hỗ trợ gỡ lỗi. Về hệ cơ sở dữ liệu, SQL Server được làm rõ ở khả năng đáp ứng môi trường dữ liệu quy mô lớn và khả năng phối hợp với các dịch vụ máy chủ. Đồng thời, chương giới thiệu các thư viện tích hợp bao gồm ZXing Scanner để nhận dạng mã giảm giá qua webcam, CKEditor phục vụ nhập liệu nội dung và DataTables để quản lý hiển thị dữ liệu bảng biểu.

Chương 3: Phân tích và thiết kế hệ thống

Chương 3 là phần trọng tâm về kỹ thuật, bao gồm việc phân tích yêu cầu nghiệp vụ cho 4 nhóm tác nhân (Admin, Chủ cửa hàng, Nhân viên, Người dùng trang web) và thiết lập sơ đồ phân rã chức năng. Lược đồ cơ sở dữ liệu được chi tiết hóa qua 13 bảng thực thể với đầy đủ tên thuộc tính, kiểu dữ liệu và độ dài trường dữ liệu. Tác giả xây dựng các kịch bản ca sử dụng chi tiết (từ UC_1 đến UC_12), quy định cụ thể điều kiện tiên quyết, luồng sự kiện chính và các ngoại lệ xử lý cho từng nghiệp vụ:

• Quy trình quản trị của Admin: Đăng nhập (UC_1), xem chi tiết tài khoản cửa hàng (UC_2), gia hạn tài khoản (UC_3), kích hoạt tài khoản mới đăng ký (UC_4), vô hiệu hóa tài khoản vi phạm (UC_5), nâng cấp tài khoản (UC_6).
• Quy trình của Chủ cửa hàng: Đăng ký dịch vụ với 2 tùy chọn dùng thử hoặc trả phí (UC_7), đăng nhập trang quản lý qua mã cửa hàng (UC_8), thêm nhân viên (UC_9), sửa thông tin nhân viên (UC_10), xóa nhân viên (UC_11), chỉnh sửa trang thông tin hiển thị của cửa hàng (UC_12), cùng các giao thức thiết lập sự kiện, tích điểm và quản lý thư mẫu Gmail.

Chương 4: Kết quả so sánh, thực nghiệm, phân tích

Chương 4 ghi nhận kết quả triển khai mã nguồn thực tế của hệ thống. Ở phần Back-End, chương trình bày cấu trúc thư mục chứa các Controller xử lý API và minh họa quá trình gửi nhận yêu cầu thông qua công cụ Postman. Ở phần Front-End, tác giả trình bày việc tổ chức mã nguồn trong các thư mục Angular (Models, Services, Views, Auth, Utils) và cách các Service gọi đường dẫn API Back-End. Chương trình bày tập hợp các màn hình giao diện đã hoàn thiện: màn hình trang chủ tiếp cận khách hàng; form đăng ký gói dùng thử/trả phí; giao diện đăng nhập phân quyền; màn hình quản lý nhân sự, danh mục và sản phẩm; giao diện cấu hình quy đổi điểm; trang quản lý biểu mẫu Gmail; màn hình bán hàng hỗ trợ quét camera nhận diện mã giảm giá; và bảng báo cáo doanh thu theo ngày, theo khoảng thời gian xác định.

Chương 5: Kết luận và hướng phát triển

Chương 5 đánh giá mức độ hoàn thành nhiệm vụ nghiên cứu so với mục tiêu đề ra ban đầu, tổng kết những kinh nghiệm thu nhận được trong quá trình tìm hiểu ASP.NET Core và Angular. Tác giả thẳng thắn nhìn nhận những mặt hạn chế của hệ thống do thiếu kinh nghiệm thực tiễn và đề xuất các định hướng nâng cấp trong tương lai.

Kết quả và đóng góp

Khóa luận đã đạt được các kết quả cụ thể:

• Hoàn thiện website dạng Modern Web với Back-End cung cấp đầy đủ các RESTful API xây dựng bằng ASP.NET Core và Front-End Single Page Application phát triển bằng Angular.
• Thiết kế và cài đặt hoàn chỉnh cơ sở dữ liệu gồm 13 bảng quan hệ trên SQL Server, giải quyết bài toán phân vùng dữ liệu cho nhiều cửa hàng thông qua trường khóa ngoại Storeid.
• Tích hợp thành công các module bổ trợ: công cụ quét mã vạch/QR qua webcam bằng thư viện ZXing Scanner, trình biên tập CKEditor cho trang thông tin cửa hàng, và phân trang tìm kiếm qua DataTables.
• Xây dựng đầy đủ các luồng nghiệp vụ thực tế: đăng ký tài khoản có xác thực ảnh chụp CMND (mặt trước và mặt sau); phân quyền gói dịch vụ (dùng thử và trả phí); màn hình bán hàng POS hỗ trợ thanh toán linh hoạt bằng tiền mặt hoặc điểm thành viên; hệ thống quản lý biểu mẫu và tự động gửi thư qua Gmail.

Về mặt giải pháp, tác giả đề xuất việc chuẩn hóa quy trình chăm sóc khách hàng ở mức độ vừa đủ, giúp các cửa hàng cà phê nhỏ lẻ có thể ứng dụng công nghệ thông tin vào hoạt động kinh doanh mà không phải chịu gánh nặng chi phí đầu tư phần mềm quá lớn. Đóng góp của đề tài là việc tự nghiên cứu, làm chủ và kết hợp hai công nghệ phổ biến (ASP.NET Core và Angular) để tạo ra một sản phẩm ứng dụng có khả năng áp dụng vào thực tiễn quản lý bán lẻ.

Hạn chế và hướng nghiên cứu tiếp

Khóa luận tự chỉ ra một số hạn chế do kiến thức chuyên môn và kinh nghiệm thực tiễn của nhóm sinh viên còn giới hạn, khiến hệ thống chưa thể bao quát toàn bộ các nghiệp vụ phức tạp của ngành dịch vụ ăn uống. Về mặt vận hành, việc kích hoạt tài khoản cửa hàng mới vẫn phụ thuộc vào quy trình duyệt thủ công của Admin thông qua việc kiểm tra ảnh CMND. Các kênh tương tác với khách hàng mới chỉ dừng lại ở gửi thư điện tử qua Gmail và áp dụng mã giảm giá, chưa tích hợp tin nhắn SMS hay các nền tảng mạng xã hội.

Hướng phát triển tiếp theo được tác giả xác định là tiếp tục tìm hiểu và khắc phục các điểm yếu của hệ thống website, hoàn thiện trải nghiệm giao diện người dùng, nâng cao tính bảo mật và mở rộng thêm các kênh giao tiếp đa dạng nhằm tăng hiệu quả chăm sóc khách hàng.

Giá trị tham khảo

Khóa luận là tài liệu tham khảo phù hợp cho:

• Sinh viên chuyên ngành Công nghệ thông tin, Kỹ thuật phần mềm chuẩn bị thực hiện đồ án tốt nghiệp liên quan đến kiến trúc Modern Web (kết hợp ASP.NET Core Web API và Angular SPA).
• Lập trình viên đang tìm hiểu cách tổ chức cấu trúc thư mục dự án Front-End (tách biệt Services, Models, Views, Utils) và tích hợp các module ngoại vi như ZXing Scanner hay CKEditor vào Angular.
• Những người phát triển ứng dụng quản lý bán hàng (POS) quy mô nhỏ muốn tham khảo thiết kế lược đồ cơ sở dữ liệu về cơ chế tích lũy/sử dụng điểm thưởng, quản lý danh mục đồ uống và mô hình phân tách dữ liệu đa cửa hàng (multi-tenant) đơn giản qua mã Storeid.

Nội dung có giá trị tham khảo cao nhất nằm ở Chương 3 (thiết kế chi tiết 13 bảng dữ liệu quan hệ và đặc tả ca sử dụng) cùng Chương 4 (cấu trúc tổ chức dịch vụ kết nối API giữa Angular và ASP.NET Core).

Câu hỏi thường gặp

1. Hệ thống phân định quyền hạn giữa các nhóm người dùng như thế nào?
Hệ thống phân chia thành 4 tác nhân độc lập: Admin có quyền quản trị tài khoản các cửa hàng (duyệt thông tin, kích hoạt, gia hạn, nâng cấp, vô hiệu hóa); Chủ cửa hàng có quyền thiết lập thông tin quán, quản lý nhân viên, sản phẩm, cài đặt sự kiện khuyến mãi, quy đổi điểm và xem báo cáo doanh thu; Nhân viên bán hàng chỉ truy cập màn hình POS để lập hóa đơn, tìm món, tích điểm và quét mã giảm giá; Người dùng phổ thông truy cập trang chủ để tìm kiếm quán và xem sự kiện ưu đãi.

2. Cơ chế tích điểm và đổi điểm cho khách hàng được thiết kế ra sao trong cơ sở dữ liệu?
Cơ chế này được quản lý thông qua bảng Settings và bảng Members. Bảng Settings lưu các thông số: Tichdiem (trạng thái bật/tắt), Vnd (số tiền tương ứng để được 1 điểm), Repoint (số điểm quy đổi), Revnd (số tiền được giảm tương ứng với số điểm quy đổi), cùng các tùy chọn cho phép tích điểm khi áp dụng giảm giá (Salebill) hay voucher (Voucherbill). Số điểm tích lũy của từng khách hàng được cập nhật trực tiếp tại cột Diemtichluy trong bảng Members.

3. Màn hình bán hàng dành cho nhân viên hỗ trợ những phương thức chăm sóc khách hàng nào?
Tại màn hình POS, nhân viên có thể tra cứu thông tin khách hàng bằng mã thành viên để thực hiện tích điểm, tạo mới tài khoản thành viên cho khách hàng mới, áp dụng mã sự kiện giảm giá trên tổng hóa đơn, hoặc sử dụng webcam quét mã voucher giảm giá thông qua module ZXing Scanner. Hóa đơn có thể được thanh toán bằng tiền mặt hoặc trừ trực tiếp bằng điểm thưởng tích lũy.

4. Quy trình đăng ký tài khoản cửa hàng mới yêu cầu những thông tin gì để xác thực?
Chủ cửa hàng khi đăng ký tài khoản (dùng thử hoặc trả phí) phải cung cấp các thông tin cơ bản của quán, họ tên, số điện thoại, cùng hai ảnh chụp giấy tờ pháp lý gồm mặt trước (ImgCMNDF) và mặt sau (ImgCMNDB) của Chứng minh nhân dân. Tài khoản sau khi đăng ký sẽ ở trạng thái chờ người quản trị (Admin) kiểm tra thông tin và phê duyệt kích hoạt trên giao diện quản trị.

5. Back-End và Front-End trao đổi dữ liệu với nhau bằng cách nào và được kiểm thử bằng công cụ gì?
Back-End ASP.NET Core đóng vai trò là RESTful API cung cấp các dịch vụ dữ liệu chuẩn JSON thông qua các phương thức HTTP. Phía Front-End Angular sử dụng các tệp tin trong thư mục Services để gọi API qua các đường dẫn tương ứng. Nhóm tác giả sử dụng công cụ Postman để trực tiếp gửi các truy vấn và kiểm thử tính chính xác của các đường dẫn API trước khi tích hợp vào giao diện.

Kết luận

Khóa luận tốt nghiệp của sinh viên Trần Quang Anh và Nguyễn Khôi đã hoàn thành mục tiêu nghiên cứu và ứng dụng bộ đôi công nghệ ASP.NET Core và Angular để xây dựng một website hỗ trợ bán hàng và chăm sóc khách hàng dành cho các quán cà phê vừa và nhỏ. Hệ thống giải quyết được bài toán chi phí phần mềm cho các hộ kinh doanh cá thể thông qua việc cung cấp các công cụ quản lý thiết yếu như tích lũy điểm thưởng, quản lý voucher và thông báo qua thư điện tử. Đề tài cung cấp tài liệu tham khảo thực tế về thiết kế cơ sở dữ liệu phân tách đa cửa hàng và mô hình kiến trúc Modern Web phục vụ cho học tập và phát triển ứng dụng quản lý bán lẻ.

Trích đoạn nội dung tài liệu

Chương 1: Tổng quan - Chương 2: Cơ sở lý thuyết - Chương 3: Phân tích và thiết kế hệ thống - Chương 4: Kết quả so sánh, thực nghiệm, phân tích - Chương 5: ết luận và hướng phát triển 3 CHƯƠNG 2: CƠ SỞ LÝ THUYẾT 2. Công nghệ sử dụng 2.NET Core - ASP.NET Core là một nền tảng mã nguồn mở phát triển ứng dụng Web mới nhất của icrosoft đang được cộng đồng .NET Developer chào đón. Đây là một nền tảng hứa hẹn sự phát triển của thế hệ website kế tiếp cũng như để đưa .NET đến với thế giới mã nguồn mở. Nền tảng này được rất nhiều người khen ngợi cả ở độ mềm dẻo, tính đa nền tảng và có những tính năng mạnh mẽ mà .NET Developer nào cũng mong được sử dụng.NET Core là một open-source mới và framework đa nền tảng (cross- platform) cho việc xây dựng những ứng dụng hiện tại dựa trên kết nối đám mây, giống như web apps, oT và backend cho mobile.

Do là một framework đa nền tảng nên .NET hỗ trợ hầu hết các hệ điều hành như Windows, inux, mac S. - Ứng dụng ASP.NET Core có thể chạy trên phiên bản đầy đủ của. Nó được thiết kế để cung cấp và tối ưu development framework cho những ứng dụng mà được triển khai trên đám mây (clound) hoặc chạy on- promise. Ngôn ngữ chính trong ASP.Net Core là C#.

Angular CLI - Angular CLI là một công cụ được phát triển đề chạy trên giao diện cửa sổ ứng dụng (command line interface hay CLI) nhằm giúp đỡ việc tạo dự án, quản lý tập tin trong dự án và thực hiện nhiều tác vụ khác nhau như test (kiểm thử), bundle và deploy dự án một cách nhanh chóng và hiệu quả.[3] - Việc quan trọng khi phát triển ứng dụng web với Angular là vì nó cung cấp một kiến trúc rất rõ ràng về mô hình VC. Thêm vào đó, với việc ứng dụng Typescript - một ngôn ngữ lập trình - hay là một bản nâng cấp đáng giá của 4 Javascript, Angular kết hợp với Typescript, Angular là một công cụ tuyệt vời giúp xử lý các vấn đề hạn chế của JS như kiểm tra kiểu dữ liệu, refactor code an toàn hơn,. từ đó cũng hỗ trợ tốt hơn cho việc Debug cũng như giúp các Dev thực sự hiểu rõ mã nguồn của họ hơn. SQL Server - SQL Server là một hệ quản trị cơ sở dữ liệu quan hệ (Relational Database Management System (RDBMS) sử dụng câu lệnh SQL (Transact-SQ ) để trao đổi dữ liệu giữa máy Client và máy cài SQL Server.

Một RDBMS bao gồm databases, database engine và các ứng dụng dùng để quản lý dữ liệu và các bộ phận khác nhau trong RDBMS. - SQ Server được tối ưu để có thể chạy trên môi trường cơ sở dữ liệu rất lớn (Very arge Database Environment) lên đến Tera-Byte và có thể phục vụ cùng lúc cho hàng ngàn user. SQL Server có thể kết hợp “ ăn ý” với các server khác như icrosoft nternet nformation Server ( S), E-Commerce Server, Proxy Server…. Khác - Ngoài việc phải biết sử dụng 3 công nghệ trên, em còn phải đọc rất nhiều các tài liệu về những module khác nhau được cung cấp cho angular để tích hợp vào ứng dụng web của mình.

Ví dụ như chức năng scan mã giảm giá sử dụng zxing scanner module, viết trang thông tin sử dụng ckeditor, hiển thị dữ liệu bằng datatable, … Và đây cũng là một ưu điểm của Angular khi mà nó cung cấp rất nhiều thư viện có sẵn để sử dụng. 5 CHƯƠNG 3: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 3. Phân tích hệ thống 3. Chức năng Đây là một website cung cấp dịch vụ giúp người sử dụng quản lí hầu hết tất cả thông tin cơ bản về cửa hàng bán coffee của mình, hỗ trợ cho nhân viên trong việc thực hiện order nước tại quầy và hỗ trợ những phương thức khác nhau giúp cho các chủ cửa hàng co thể giao tiép với khách hàng của họ.

Bao gồm các chức năng cụ thể sau: - Chức năng của người quản trị: o Chức năng đăng nhập vào trang quản lý hệ thống. o Xem thông tin của các cửa hàng và có quyền kích hoạt/vô hiệu hoá hoặc gia hạn/nâng cấp tài khoản cửa hàng. - Chức năng của chủ cửa hàng: o Đăng kí tài khoản cửa hàng theo gói. o Yêu cầu hỗ trợ nâng cấp hoặc gia hạn cho tài khoản cửa hàng.

o Chức năng đăng nhập vào trang quản lí cửa hàng, cũng như đăng xuất. o Quản lý thêm, xoá, sửa các thông tin về cửa hàng của mình như: Nhân viên, danh mục sản phẩm và sản phẩm, khách hàng thành viên, sự kiện đang và đã diễn ra. o Thiết lập hệ thống tích lũy và sử dụng điểm cho khách hàng. o Thiết lập sự kiện của cửa hàng.

o Chỉnh sửa trang thông tin hiển thị tại trang chủ của cửa hàng. o Liên hệ với khách hàng qua Gmail và tự quản lý biểu mẫu Gmail để sử dụng sẵn cho các dịp đặc biệt. o Quản lý doanh thu và hoá đơn của cửa hàng. - Chức năng của nhân viên bán hàng: 6 o Chức năng đăng nhập vào trang bán hàng, cũng như đăng xuất.

o Hiển thị danh sách sản phẩm theo danh mục. o Tạo tài khoản thành viên cho khách hàng. o Lọc sản phẩm theo tên. - Chức năng của người dùng trang web: o Tìm kiếm cửa hàng theo tên.

o Xem thông tin của cửa hàng như: Các sự kiện hiện có và trang thông tin của cửa hàng. Yêu cầu đặt ra - Dịch vụ trang web dành cho các chủ cửa hàng bao gồm 2 trang chính là trang quản lý của chủ cửa hàng và trang bán hàng dành cho nhân viên. - Để sử dụng được trang quản lý, các chủ cửa hàng cần phải tiến hành đăng ký các thông tin về cửa hàng của mình, sau đó sẽ có thể đăng nhập vào trang quản lý cửa hàng bằng mail và mật khẩu đã đăng ký. - Ở trang quản lý, người chủ cửa hàng có trách nhiệm đăng ký các thông tin cho nhân viên, bao gồm cả tài khoản và mật khẩu để nhân viên có thể đăng nhập vào trang bán hàng để sử dụng dịch vụ.

Hỗ trợ chăm sóc khách hàng bằng cách cung cấp cho người dùng các thiết lập tích điểm, những phương thức liên hệ với khách hàng và cách thức tạo sự kiện và hiển thị trang thông tin-sự kiện với khách hàng nhằm tiếp cận khách hàng mới và quảng bá thương hiệu. - Ở trang bán hàng phải cung cấp cho nhân viên chức năng tìm kiếm nhanh, lọc trực tiếp các mặt hàng khi gõ tìm kiếm vào thanh tìm kiếm, giúp nhân viên có thể làm nhanh công việc của mình, và dễ dàng tìm kiếm bất kì mặt hàng nào bất kể số lượng mặt hàng của cửa hàng có nhiều đến thế nào đi nữa. Cung cấp các 7 phương thức chăm sóc khách hàng như là áp dụng mã giảm giá hay tích điểm cho khách hàng. Thiết kế hệ thống 3.

Danh sách các tác nhân (actor) và chức năng (usecase) của phần mềm ACTOR USECASE Người quản lí (admin) - Chức năng đăng nhập vào trang quản lý hệ thống - Quản tài khoản của các chủ cửa hàng (Xem thông tin/Kích hoạt/ Vô hiệu hoá/ Gia hạn/Nâng cấp) Chủ cửa hàng - Chức năng đăng ký tài khoản cửa hàng. - Chức năng đăng nhập vào trang quản lý cửa hàng - Quản lý nhân viên (Thêm/ Xóa/ Sửa) - Quản lý danh mục sản phẩm và sản phẩm (Thêm/ Xóa/ Sửa) - Xem hoá đơn , doanh thu - Xem thông tin về khách hàng thành viên - Quản lý sự kiện đang diễn ra (Xem/Ngưng sự kiện) - Xem sự kiện đã diễn ra - Thiết lập hệ thống quy đổi và sử dụng điểm tích luỹ cho khách hàng - Thiết lập sự kiện của cửa hàng. - Chỉnh sửa trang thông tin hiển thị tại 8 trang chủ của cửa hàng - Liên hệ với khách hàng qua Gmail và tự quản lý biểu mẫu Gmail để sử dụng cho các dịp đặc biệt Nhân viên - Chức năng đăng nhập vào trang bán hàng - Lọc sản phẩm - Tạo tài khoản thành viên cho khách hàng - Xử lí hoá đơn (Chọn món, chọn số lượng, áp dụng sự kiện, mã khuyến mãi và mã khách hàng vào hoá đơn nếu có, ghi chú, thánh toán hóa đơn bằng điểm hoặc tiền mặt) Bảng 3. Bảng danh sách các tác nhân và chức năng của phần mềm 9 3.

Sơ đồ phân rã chức năng Hình 3. Sơ đồ phân rã chức năng 10 3. Thiết kế cơ sở dữ liệu 3. Lược đồ cơ sở dữ liệu Hình 3.

Chi tiết các thực thể Admin: Bảng lưu trữ thông tin của người quản trị trang web Thuộc tính Giải thích Thuộc tính Độ dài Username Tài khoản Varchar 10 Password Mật khẩu Varchar 50 Fullname Họ tên đầy đủ của Nvarchar 100 người quản trị Saltvalue à key để mã hoá Varchar 50 mật khẩu Bảng 3. Chi tiết bảng Admin Categories: Bảng lưu trữ thông tin danh mục sản phẩm trong cửa hàng Thuộc tính Giải thích Thuộc tính Độ dài id Mã danh mục Int Ten Tên danh mục Nvarchar 100 Storeid Mã cửa hàng trực Varchar 10 thuộc Bảng 3. Chi tiết bảng Categories 12 Products: Bảng lưu trữ thông tin các sản phẩm trong cửa hàng Thuộc tính Giải thích Thuộc tính Độ dài id Mã sản phẩm Int Ten Tên sản phẩm Nvarchar 50 Dongia Gía hiện đang bán ra Int của sản phẩm Storeid Mã cửa hàng trực Varchar 10 thuộc Cateid Mã danh mục trực Int thuộc Giagoc Giá gốc của sản Int phẩm Bảng 3. Chi tiết bảng Products 13 Settings: Bảng lưu trữ thông tin các thuộc tính được thiết lập ở hệ thống cài đặt của cửa hàng.

Thuộc tính Giải thích Thuộc tính Độ dài id Mã của thiết lập Int tương ứng Tichdiem Thuộc tính xem việc Varchar 10 tích điểm có được cài đặt hay chưa Vnd ưu giá trị tiền tệ sử Int dụng để được quy đổi thành 1 điểm Repoint Số điểm được quy Int đổi lại thành giá trị tiền tệ Revnd Số tiền được quy đổi Int ra ứng với số điểm của thuộc tính Repoint Salebill Thuộc tính quyết Varchar 10 định xem hoá đơn giảm giá có được tích điểm hay không Paybypoint Xác định hoá đơn trả Varchar 10 bằng điểm có được giảm giá hay không Voucherbill Xác định hoá đơn sử Varchar 10 14 dụng voucher có được tích điểm hay không Storeid Mã cửa hàng trực Varchar 10 thuộc Lienhe Quyết định xem cửa Varchar 10 hàng có gửi mail cho khách hàng hay không Email ưu tên email của Varchar 50 quán dùng để gửi mail cho khách hàng Matkhauemail ưu mật khẩu của Varchar 30 email dùng để gửi mail cho khách hàng Bảng 3.