[ĐỒ ÁN TỐT NGHIỆP] Hệ thống quản lý quan hệ khách hàng (CRM)

TỔNG QUAN VỀ ĐỀ TÀI

Lý do chọn đề tài

Với sự phát triển mạnh mẽ và lợi ích mà Công nghệ thông tin (CNTT) mang lại, ngày nay ở hầu hết mọi lĩnh vực được người ta ứng dụng nó như một phần không thể thiếu

Ngoài ra, CNTT giúp chúng ta có thể lưu trữ, quản lý, phân tích và chia sẻ thông tin - dữ liệu một cách hiệu quả, an toàn, nhanh chóng và thuận tiện hơn bao giờ hết

Thêm vào đó, trong các ngành nghề, đơn cử là các nhóm ngành như Công nghiệp hay Dịch vụ thì việc ứng dụng CNTT lại càng thiết yếu và gần như là tiên quyết để gia tăng năng suất lao động một cách tối đa nhất có thể

Hơn nữa, cách vận hành của doanh nghiệp nhỏ phải đơn giản và hiệu quả nhất thì mới có thể giữ chân được khách hàng và nhân viên cũng hứng thú hơn với công việc của mình Những yêu cầu kể trên nếu không có sự tham gia của CNTT thì quả là khá khó khăn và phức tạp

Hiểu được những vấn đề đó, “Hệ thống quản lý quan hệ khách hàng (CRM)” đã được phát triển là một nền tảng quản lý quá trình làm việc với khách hàng áp dụng với doanh nghiệp vừa và nhỏ

Và vì thế hệ thống cần đáp ứng được các chức năng bao gồm quản lý thông tin khách hàng, quản lý dự án, quản lý công việc, quản lý nhiệm vụ, quản lý sản phẩm, tạo và quản lý đơn hàng trên một hệ thống có thể truy cập từ bất kỳ đâu chỉ cần kết nối mạng.

Mục tiêu đề tài

Phát triển một phần mềm Quản lý Quan hệ Khách hàng (CRM) để khách hàng lưu trữ thông tin dữ liệu thông tin liên hệ, sản phẩm và các tiến trình công việc bao gồm dự án, Hơn thế nữa, CRM rất phù hợp cho hầu hết mọi công ty dịch vụ, nhà hàng, quán cà phê, cửa hàng, mỹ phẩm

Phần mềm CRM được xây dựng sẽ hướng đến một phần mềm mã nguồn mở (open- source), nghĩa là có thể tăng khả năng mềm dẻo trong việc tùy chỉnh và phát triển

Trong đó, ngoài các phân hệ hay mô-đun cơ bản của hệ thống như điểm bán hàng (POS), CRM, quản lý kho, quản lý nhân sự, quản lý dự án, quản lý công việc… thì phần mềm cho phép có thể chỉnh sửa thêm hay bớt những tính năng hoặc tạo ra các phân hệ mới theo mong muốn Đề tài đồ án tốt nghiệp 2018 – 2021 Trường Đại học Bà Rịa – Vũng Tàu

SINH VIÊN THỰC HIỆN: BÙI VĂN HUÂN 14

CƠ SỞ LÝ THUYẾT

Cấu trúc hệ thống

1.1 Hệ thống quản lý quan hệ khách hàng (CRM) là gì?

WCRM là hệ thống quản lý dành cho doanh nghiệp vừa và nhỏ, bao gồm các chức năng: Quản lý sản phẩm (Inventory), quản lý khách hàng (Customer), quản lý thông tin liên hệ (Contact), điểm bán hàng (POS), quản lý công việc (Task), quản lý dự án (Project), quản lý danh sách để làm (To-do) được trình bày trong Hình 1

Hình 1: Chức năng hệ thống - WCRM

1.2 Cấu trúc hệ thống Đề tài áp dụng kiến trúc microservices trong việc phát triển phần mềm CRM Bởi vì, microservices là một kiến trúc có khả năng phân chia, tách biệt các đại diện chức năng và các dịch vụ xử lý thành các phần độc lập riêng rẽ và không có bất kỳ mối liên quan nào giữa chúng

Hơn thế nữa, CRM còn cho phép thay đổi, xóa hoặc thêm mã mà không ảnh hưởng đến các chức năng khác của hệ thống

Ngoài ra, khi sản phẩm cần nâng cấp chức năng hay mở rộng sẽ được thực hiện dễ dàng và thuận tiện hơn Kiến trúc microservices được trình bày trong sơ đồ Hình 2 Đề tài đồ án tốt nghiệp 2018 – 2021 Trường Đại học Bà Rịa – Vũng Tàu

Hình 2: Sơ đồ - Cơ cấu tổ chức tệp

STT Tên thư mục Diễn giải

1 db Dữ liệu lưu trữ

2 template Thư mục chứa các thiết kế giao diện(*.html)

3 static Thư mục chứa hình ảnh, file CSS, Bootstrap, Js

4 venv Thư mục chứa môi trường, các thư viện của chương trình

5 migration Thư mục chứa các file chuyển đổi dữ liệu

6 src Thư mục chứa các cấu hình và tính năng của hệ thống

7 modules Thư mục chứa các file code tính năng của hệt thống

8 config Thư mục chứa các file môi trường tùy chỉnh của hệ thống.

Các công nghệ sử dụng

Sau khi đi vào phân tích và tìm hiểu về cơ cấu tổ chức tệp của dự án cũng như các giải pháp để giải quyết và hướng phát triển đề tài này, các công nghệ được trình bày Hình 3 được áp dụng cụ thể như sau: Đề tài đồ án tốt nghiệp 2018 – 2021 Trường Đại học Bà Rịa – Vũng Tàu

Hình 3: Sơ đồ - Công nghệ áp dụng trong đề tài

2.1 BackEnd Đối với BackEnd, trong đề tài sử dụng ngôn ngữ lập trình Python và các thư viện hỗ trợ xây dựng website trên ngôn ngữ lập trình Python

Python là một ngôn ngữ lập trình cho các mục đích lập trình ứng dụng, phát triển website có thể tùy biến, cấu trúc rõ ràng và là mã nguồn mở

Flask là một ứng dụng web framework được viết bằng Python Flask cung cấp các công cụ, thư viện và công nghệ cho phép xây dựng một ứng dụng web

Trong đó, các thư viện thường được sử dụng nhất của khung ứng dụng web như URL routing, request & response object, template Đề tài đồ án tốt nghiệp 2018 – 2021 Trường Đại học Bà Rịa – Vũng Tàu

2.1.2.1 Thư viện sử dụng trong hệ thống BackEnd

- Werkzeug: Là một bộ công cụ WSGI (Web Server Gateway Interface) đảm nhiệm các yêu cầu, phản hồi đối tượng (objects) và các chức năng tiện ích khác

- Jinja2: Là một công cụ tạo mẫu giao diện phổ biến dành cho Python Một hệ thống tạo mẫu web kết hợp một mẫu với một nguồn dữ liệu nhất định để hiển thị các trang web động

- Flask-WTForms: Là thư viện mở rộng (extension), giao diện cho gói WTForms được tích hợp với Flask

- Flask-SQLALchemy: Là một phần mềm trong nhóm sản phẩm gọi là Object Relational Mapping hay ORM Giúp chúng ta giao tiếp với cơ sử dữ liệu thông qua các thực thể như lớp, đối tượng và phương thức

- SQLite: Là hệ thống cơ sở dữ liệu quan hệ nhỏ gọn, hoàn chỉnh, có thể cài đặt bên trong các trình ứng dụng khác SQLite được Richard Hipp viết dưới dạng thư viện bằng ngôn ngữ lập trình C

2.2 Nền tảng đám mây Heroku

Heroku là nền tảng đám mây cho phép các lập trình viên xây dựng, triển khai, quản lý và mở rộng ứng dụng (PaaS – Platform as a service) tính linh hoạt cao Nó giúp các nhà phát triển tập trung vào phát triển sản phẩm mà không cần quan tâm đến việc vận hành máy chủ hay phần cứng…

2.3 FrontEnd Đối với FrontEnd, trong đề tài sử dụng ngôn ngữ lập HTML

Dùng để thiết kế và sắp đặt nội dung, ảnh, và tất cả những yếu tố trên website Nó chạy trên bất kỳ trình duyệt nào và được quản lý bởi World Wide Web Consortium và kết hợp với CSS (TaiwinCSS) để làm đẹp cho website hơn và kết hợp với JavaScript để tăng chức năng cho website

2.3.1.1 Thư viện sử dụng lập trình giao diện website

- TaiwinCSS: Là một utility-first CSS framework, có nhiều các class bao gồm các thuộc tính CSS khác nhau và quan trọng, dễ dàng mở rộng tạo mới ra những class bằng chính những class của nó

- Javascript: Được nhúng trực tiếp vào hệ thống trang web hoặc được tham chiếu qua file js riêng Nó là ngôn ngữ phía client, tức là script được tải về máy của khách truy cập và được xử lý tại đó thay vì phía server là xử lý trên server rồi mới đưa kết quả tới khách truy cập

- jQuery: Là một thư viện JavaScript được thiết kế đơn giản hóa thao tác HTML DOM, cũng như xử lý sự kiện, hoạt ảnh CSS, và Ajax

- Alpine.js: Là một minimal framework để xây dựng giao diện người dùng Đề tài đồ án tốt nghiệp 2018 – 2021 Trường Đại học Bà Rịa – Vũng Tàu

2.4 IDE (Môi trường phát triển tích hợp) Pycharm

Pycharm là một nền tảng kết kết hợp được JetBrains phát triển như một IDE (Môi trường phát triển tích hợp) để phát triển các ứng dụng cho lập trình trong Python Phần mềm cũng có khả năng tùy chỉnh theo yêu cầu của nhà phát triển

Trong đó, nó cũng chứa các Mô đun và các gói giúp các lập trình viên phát triển phần mềm bằng Python trong thời gian ngắn với ít công sức hơn

Hơn thế nữa, PyCharm có mặt trên cả 3 nền tảng Windows, Linux và Mac OS và IDE này hỗ trợ nhiều extensions, môi trường ảo (Virtual Environment), nhiều tính năng thông minh như bộ code completion, tự động thụt lề, phát hiện văn bản trùng lặp và kiểm tra lỗi Ngoài ra còn có các tính năng tìm kiếm mã nguồn thông minh để tìm kiếm từng từ một trong nháy mắt Đề tài đồ án tốt nghiệp 2018 – 2021 Trường Đại học Bà Rịa – Vũng Tàu

PHÂN TÍCH THIẾT KẾ HỆ THỐNG

Khảo sát sơ bộ

Đề tài đồ án tốt nghiệp “Hệ thống quản lý quan hệ khách hàng (CRM)” với mục đích phát triển và thực tiễn hoá quá trình quản lý sản phẩm (Inventory), quản lý khách hàng (Customer), quản lý thông tin liên hệ (Contact), điểm bán hàng (POS), quản lý công việc (Task), quản lý dự án (Project), quản lý nhiệm vụ (To-do)

Mục tiêu của đối tượng nghiên cứu là tìm hiểu, phân tích, chỉ ra sự thiếu đồng bộ và chưa hiệu quả của quá trình quản lý hiện đang triển khai, nêu ra những yêu cầu mới đang đặt ra đối với công tác quản lý khách hàng, dự án, công việc, nhiệm vụ và điểm bán hàng

Vì lý do này, những phương án để khắc phục những khó khăn đang gặp phải nhằm nâng cao tính hiệu quả trong công tác quản lý khách hàng tại các doanh nghiệp nhỏ và đẩy nhanh tiến trình trong công tác quản lý khách hàng, dự án, công việc, nhiệm vụ và sản phẩm trên trên cùng một nền tảng duy nhất

Vì vậy, đề tài đồ án tiến tới xây dựng một hệ thống quản lý khách hàng trong thực tế, dần hoàn thiện phần mềm này để đáp ứng nhu cầu ngày càng cao của Doanh nghiệp.

Mô tả yêu cầu

Yêu cầu xây dựng một phần mềm web quản lý CRM bao gồm các chức năng quản lý thông tin khách hàng, báo giá dịch vụ, lưu trữ thông tin liên hệ, quản lý thông tin dịch vụ, quản lý dự án, quản lý công việc và quản lý thông tin sản phẩm

Thêm vào đó, hệ thống sẽ bao gồm các tài khoản sử dụng và truy cập vào hệ thống là quản trị viên, quản lý, kinh doanh để duy trì các vai trò phù hợp theo lập trình

Như vậy, sự cố mã người dùng hệ thống bị xâm phạm (nếu xảy ra) sẽ chỉ ảnh hưởng trong phạm vi giới hạn, chứ không thể xâm phạm các quyền khác

Chỉ sử dụng người dùng hệ thống là quản trị viên để thực hiện hành động quản trị, chẳng hạn như chỉ định quyền Vì người dùng hệ thống này có hầu hết các quyền nên cần bảo vệ mã người dùng hệ thống là quản trị viên một cách cẩn thận

● Admin (Quản trị viên): Có toàn quyền truy cập vào hệ thống, thêm người dùng cấp quyền truy cập, thêm xóa, sửa dữ liệu và các tính năng liên quan

● Manager (Quản lý): Có quyền truy cập vào hệ thống, được quyền thêm dịch vụ Thêm, xóa, chỉnh sửa thông tin (nhân viên, danh mục, dịch vụ, hoá đơn, báo cáo thống kê, quản lý phiếu hàng, dự án, công việc, khách hàng)

● Saler (Nhân viên kinh doanh): Có quyền truy cập vào hệ thống, xem dự án, công việc, thông tin khách hàng, thanh toán Đề tài đồ án tốt nghiệp 2018 – 2021 Trường Đại học Bà Rịa – Vũng Tàu

Phân tích hệ thống quản lý quan hệ khách hàng

Với những phân tích về yêu cầu các chức năng của hệ thống quản lý quan hệ khách hàng (CRM) cần đáp ứng được trình bày bởi sơ đồ Hình 4

Trong mô hình Use Case có 3 Actor chính sẽ tương tác với hệ thống, gồm: Admin (Quản trị viên); Manager (Quản lý); Saler (Nhân viên kinh doanh)

Hình 4: Sơ đồ tổng quát - Các Usecase tác động trực tiếp vào hệ thống

Xác định các Actor

● Admin (Quản trị viên): Có toàn quyền trên hệ thống

● Manager (Quản lý): Là người nắm được tình hình báo giá dịch vụ, doanh thu của Công ty, quản lý nhân viên, dự án, công việc, nhiệm vụ và khách hàng

● Saler (Nhân viên kinh doanh): Là nhân viên với vai trò là Kinh doanh, tư vấn viên, tiếp nhận khách hàng, có trách nhiệm tiếp nhận yêu cầu báo giá dịch vụ của khách hàng, thanh toán, theo dõi tiến trình dự án, công việc, gửi báo giá, thu tiền.

Xác định các Use Case

To-do (Chi tiết công việc)

Tác nhân có thể: Xem – Thêm – Xóa – Sửa thông tin dữ liệu trong chức năng Được trình bày bởi sơ đồ: Hình 5 Đề tài đồ án tốt nghiệp 2018 – 2021 Trường Đại học Bà Rịa – Vũng Tàu

Hình 5: Xác định các Use Case – Quản lý dự án

(Quản lý khách hàng) - Contact

(Quản lý thông tin liên hệ)

Hình 6: Xác định các Use Case – Quản lý khách hàng

Hình 7: Xác định các Use Case – Quản lý báo giá

Account (Quản lý tài khoản)

Currency (Quản lý đơn vị tiền tệ)

Project Tag (Quản lý thẻ dự án)

Task Tag (Quản lý thẻ công việc)

Tác nhân có thể: Xem – Thêm – Xóa – Sửa thông tin dữ liệu trong chức năng Được trình bày bởi sơ đồ: Hình 8 & 9 Đề tài đồ án tốt nghiệp 2018 – 2021 Trường Đại học Bà Rịa – Vũng Tàu

Hình 8: Xác định các Use Case – Quản lý thiết lập

Hình 9: Xác định các Use Case – Quản lý thiết lập

5.5 Sign-In (Đăng nhập vào hệ thống)

Admin Manager Saler Đề tài đồ án tốt nghiệp 2018 – 2021 Trường Đại học Bà Rịa – Vũng Tàu

(Quản trị viên) (Quản lý) (Kinh doanh)

Tác nhân có thể: Đăng nhập vào hệ thống website Được trình bày bởi sơ đồ: Hình 10

Hình 10: Xác định các Use Case – Quản lý đăng nhập

Đặc tả các Use Case

6.1 Mô tả quá trình đăng nhập Đặc tả: Use case mô tả quá trình đăng nhập vào hệ thống được trình bày bởi Hình 11

Người dùng nhập thông tin Tài khoản và Mật khẩu Đề tài đồ án tốt nghiệp 2018 – 2021 Trường Đại học Bà Rịa – Vũng Tàu

Hình 11: Sơ đồ tuần tự - Quá trình đăng nhập thành công

Nếu tài khoản được xác minh tồn tại và đúng mật khẩu, hiển thị giao diện trang màn hình chính Nếu tài khoản không chính xác yêu cầu đăng nhập lại được trình bày bởi Hình 12

Hình 12: Quá trình đăng nhập tài khoản hoặc mật khẩu sai

6.2 Mô tả quá trình quản lý Đặc tả: Khi người dùng đăng nhập, tài khoản và mật khẩu đã được xác minh là đúng, hệ thống hiển thị trang màn hình chính được trình bày bởi Hình 13

Sau đó người dùng lựa chọn danh mục cần thao tác, chọn chức năng cần thực hiện Giao diện hiển thị chức năng đồng thời yêu cầu hệ thống truy xuất dữ liệu trả về dữ liệu (nếu đúng)

Tiếp theo, giao diện nhận được thông báo hiển thị dữ liệu trên giao diện người dùng Trường hợp người dùng chỉnh sửa thông tin từ giao diện sẽ gửi yêu cầu cập nhật dữ liệu tới hệ thống, khi đó hệ thống lưu và cập nhật dữ liệu (thành công) và trả lại thông báo cập nhật thành công tới giao diện

Sau khi giao diện nhận được thông báo từ hệ thống sẽ hiển thị thông báo cập nhật thành công cho người dùng trên giao diện của ứng dụng web Đề tài đồ án tốt nghiệp 2018 – 2021 Trường Đại học Bà Rịa – Vũng Tàu

Hình 13: Sơ đồ tuần tự - Quá trình quản lý

6.3 Mô tả quá trình dự án Đặc tả: Khi người dùng đăng nhập tài khoản và mật khẩu đã được xác minh là đúng, hệ thống hiển thị trang màn hình chính, người dùng lựa chọn chức năng Dự án:

- Xem danh sách dự án: Người dùng chọn chức năng Tất cả dự án, giao diện gửi yêu cầu lấy thông tin dự án tới hệ thống Sau đó hệ thống truy xuất dữ liệu và trả về thông tin dữ liệu của dự án Tiếp theo đó giao diện hiển thị dữ liệu lên giao diện của người dùng được trình bày bởi Hình 14

Hình 14: Sơ đồ tuần tự - Xem danh sách dự án Đề tài đồ án tốt nghiệp 2018 – 2021 Trường Đại học Bà Rịa – Vũng Tàu

- Thêm dự án: Người dùng chọn chức năng Thêm dự án, giao diện hiển thị biểu mẫu thêm thông tin dự án Sau đó người dùng điền vào thông tin dự án và nhấn vào gửi, khi đó giao diện gửi yêu cầu về hệ thống và yêu cầu hệ thống lưu dữ liệu (nếu dữ liệu là đúng) hệ thống lưu dữ liệu vào Cơ sở dữ liệu (CSDL)

Tiếp theo, hệ thống trả về thông báo thêm dữ liệu dự án thành công, đồng thời giao diện sẽ gửi thông báo tới người dùng “Thêm thông tin dự án thành công” và trả về trang thông tin dự án được trình bày bởi Hình 15

Hình 15: Sơ đồ tuần tự - Thêm dự án

- Chỉnh sửa dự án: Sau khi người dùng xem danh sách dự án thành công, nhấn vào biểu tượng chỉnh sửa trên giao diện, khi đó giao diện gửi yêu cầu lấy thông tin chi tiết dự án tới hệ thống

Sau đó, hệ thống truy xuất dữ liệu và trả về thông tin chi tiết dữ liệu của dự án Đồng thời giao diện hiển thị dữ liệu lên giao diện chỉnh sửa thông tin của người dùng

Tiếp theo người dùng điền vào thông tin cần cập nhật và nhấn vào gửi, giao diện yêu cầu về hệ thống lưu dữ liệu (nếu dữ liệu là đúng), hệ thống lưu dữ liệu vào CSDL Đồng thời hệ thống trả về thông báo cập nhật dữ liệu dự án thành công, đồng thời giao diện sẽ gửi thông báo tới người dùng cập nhật thông tin dự án thành công và trả về trang thông tin dự án được trình bày bởi Hình 16 Đề tài đồ án tốt nghiệp 2018 – 2021 Trường Đại học Bà Rịa – Vũng Tàu

Hình 16: Sơ đồ tuần tự - Cập nhật thông tin dự án

- Xóa dự án: Sau khi người dùng xem danh sách dự án thành công, nhấn vào biểu tượng xóa trên giao diện Tiếp theo là giao diện gửi yêu cầu xóa dữ liệu trong CSDL tới hệ thống, hệ thống truy xuất dữ liệu và tiến hành xóa dữ liệu theo yêu cầu (thành công) Đồng thời hệ thống thông báo đã xóa dữ liệu trong CSDL, khi đó giao diện hiển thị thông báo xóa thông tin dự án thành công và trả về giao diện danh sách dự án sau khi yêu cầu hệ thống truy xuất thông tin dữ liệu của dự án còn lại trong hệ thống lên giao diện người dùng được trình bày bởi Hình 17 Đề tài đồ án tốt nghiệp 2018 – 2021 Trường Đại học Bà Rịa – Vũng Tàu

Hình 17: Sơ đồ tuần tự - Xóa thông tin dự án

Thiết kế hệ thống

7.1 Sơ đồ cơ sở dữ liệu

Sơ đồ cơ sở dữ liệu (CSDL) phân tích nhằm lưu trữ thông tin dự án, công việc, danh sách nhiệm vụ, thông tin khách hàng, thông tin liên hệ, thông tin tài khoản, thông tin sản phẩm, đơn hàng, đơn vị tiền tệ của sản phẩm và phương thức thanh toán

Ngoài ra, CSDL trong hệ thống được lưu trữ theo một quy trình tương tác và kết nối lẫn nhau từ khi tư vấn khách hàng cho đến quá trình công việc, các đơn hàng khách đặt được lưu trữ trên hệ thống để quản lý và chăm sóc khách hàng một cách thuận tiện được trình bày bởi Hình 18 & 19 Đề tài đồ án tốt nghiệp 2018 – 2021 Trường Đại học Bà Rịa – Vũng Tàu

Hình 18: Sơ đồ cơ sở dữ liệu Đề tài đồ án tốt nghiệp 2018 – 2021 Trường Đại học Bà Rịa – Vũng Tàu

Hình 19: Sơ đồ cơ sở dữ liệu

7.2 Chi tiết cơ sở dữ liệu

Lưu ý: Các trường In đậm gạch dưới là khóa chính của bảng In đậm nghiêng gạch dưới là khóa ngoại liên kết tới các bảng dữ liệu khác Viết thường là các trường dữ liệu cần lưu trong các bảng Đề tài đồ án tốt nghiệp 2018 – 2021 Trường Đại học Bà Rịa – Vũng Tàu

STT Tên bảng Tên cột Kiểu Mục đích

Email String(100) Mã người dùng

4 Password_hash String(255) Mã hóa mật khẩu

1 Role Id Integer Mã vai trò

2 Name String(30) Tên vai trò

Bảng 3: Quản lý User Role

1 UserRole User_email String(100) Mã vai trò

2 Role_id Integer Tên vai trò

1 Tag Id Integer Mã thẻ

2 User_id Mã người dùng

3 Project_status_id Mã trạng thái

4 Client_id Mã khách hàng

5 Name String(50) Tên dự án

7 Dead_line Ngày kết thúc Đề tài đồ án tốt nghiệp 2018 – 2021 Trường Đại học Bà Rịa – Vũng Tàu

Bảng 6: Quản lý Project Status

1 ProjectStatus Id Integer Mã trạng thái

2 Text String(50) Tên trạng thái

Bảng 7: Quản lý Project Tag

3 Task_status_id Mã trạng thái

Task_priority_id Mã ưu tiên

4 Project_id Mã dự án

5 Name String(50) Tên dự án

7 Dead_line Ngày kết thúc

Bảng 9: Quản lý Task Status

1 TaskStatus Id Integer Mã trạng thái

2 Name String(50) Tên trạng thái

Bảng 10: Quản lý Task Tag

1 TaskPriority Id Integer Mã ưu tiên

2 Name String(50) Tên ưu tiên Đề tài đồ án tốt nghiệp 2018 – 2021 Trường Đại học Bà Rịa – Vũng Tàu

Bảng 11: Quản lý Task Tag

Bảng 12: Quản lý Task checklist-items

Quản lý Task Checklist-items

3 Task_checklist_status_id Mã trạng thái

4 Task_id Mã khách hàng

5 Name String(50) Tên to-do

Bảng 13: Quản lý Task Checklist Status

Quản lý Task Checklist Status

1 TaskCheckListStatus Id Integer Mã trạng thái

3 Client_status_id Mã trạng thái

4 Country_id Mã quốc gia

5 Currency_id Mã đơn vị tiền

8 Zip_code Địa chỉ email

10 Vat_number Mã số thuế

12 Email Mã vùng Đề tài đồ án tốt nghiệp 2018 – 2021 Trường Đại học Bà Rịa – Vũng Tàu

Bảng 15: Quản lý Client Status

1 ClientStatus Id Integer Mã trạng thái

Bảng 16: Quản lý chuỗi đơn hàng bằng Json

Lưu thông tin đơn hàng thành chuỗi Json vào Orders trong bảng Client Order class JsonEcodedDict(db.TypeDecorator): impl = db.Text def process_bind_param(self, value, dialect): if value is None: return '{}' else: return json.dumps(value) def process_result_value(self, value, dialect): if value is None: return {} else: return json.loads(value)

Bảng 17: Quản lý Client Order

Id Integer Mã đơn hàng

5 Date_created DateTime Ngày tạo đơn

Bảng 18: Quản lý Client Order History

Quản lý Client Order History

2 Customer_id Mã khách hàng

3 Product_id Mã sản phẩm

4 Product_quantity Số lượng sản phẩm

7 Product_delivered Trạng thái giao hàng

9 Country Quốc gia Đề tài đồ án tốt nghiệp 2018 – 2021 Trường Đại học Bà Rịa – Vũng Tàu

13 Product_brand Thương hiệu sản phẩm

14 Product_category Danh mục sản phẩm

15 Payment_method Phương thức thanh toán

17 Product_detail Chi tiết sản phẩm

18 Product_price Numeric(10,2) Giá sản phẩm khi đặt hàng

DateTime Thời gian giao hàng

20 Order_time Ngày tạo đơn

21 Product_cancel Boolean Hủy đơn hàng

4 Gender_id Mã giới tính

7 Midle_name Tên lót người liên hệ

8 Last_name Họ người liên hệ

11 Alter_contac_number Số điện thoại cố định

12 Email String(100) Địa chỉ email

13 Dob DateTime Ngày tháng năm sinh

1 Gender Id Integer Mã giới tính

2 Name String(50) Tên giới tính

2 Product_brand_id Mã thương hiệu

3 Product_cat_id Mã danh mục

4 Discount Phần trăm giảm giá Đề tài đồ án tốt nghiệp 2018 – 2021 Trường Đại học Bà Rịa – Vũng Tàu

5 Stock Số lượng tồn kho

6 Name String(80) Tên sản phẩm

7 Price Numeric (10,2) Giá sản phẩm

8 Pub_date DateTime Ngày tạo sản phẩm

Text Danh sách màu sản phẩm

10 Description Mô tả sản phẩm

11 Thumbnail String(150) Ảnh sản phẩm

Bảng 22: Quản lý Product Brand

1 ProductBrand Id Integer Mã thương hiệu

2 Text String(50) Tên thương hiệu

Bảng 23: Quản lý Product Category

1 ProductCategory Id Integer Mã danh mục

2 Text String(50) Tên danh mục Đề tài đồ án tốt nghiệp 2018 – 2021 Trường Đại học Bà Rịa – Vũng Tàu

XÂY DỰNG HỆ THỐNG WEBSITE

Giao diện chức năng trang chủ

Khi khách hàng truy cập website, hiển thị đầu tiên là Trang chủ Giao diện trang chủ chia làm các khối riêng biệt được thiết kế theo Landingpage bao gồm biểu tượng (logo) công ty, và các bao gồm trang chủ (home), tính năng (app), giá cả (price), đăng nhập (sign in), giao diện chức năng như Hình 20

Hình 20: Phần menu, giới thiệu của trang chủ

1.2 Phần giới thiệu các icon chức năng

Tiếp theo là mục thông tin về tính năng của hệ thống với các biểu tượng liên quan để khách hàng có thể hiểu và hình dung được tính năng có thể sử dụng của hệ thống, giao diện chức năng như Hình 21

Hình 21: Phần hiển thị các tính năng của hệ thống website

1.3 Phần thông tin bảng giá

Tiếp theo là mục thông tin về giá của tính năng hệ thống với thông tin liên quan để khách hàng có thể nắm rõ được tính năng hệ thống, dung lượng lưu trữ, số dự án tối trong gói, số lượng cộng tác viên tham gia và hỗ trợ dịch vụ cũng như đơn giá của từng gói tính năng mỗi tháng, giao diện chức năng như Hình 22 Đề tài đồ án tốt nghiệp 2018 – 2021 Trường Đại học Bà Rịa – Vũng Tàu

Hình 22: Bảng giá từng gói tính năng trong hệ thống website

1.4 Phần thông tin liên hệ

Tiếp theo là mục thông tin liên hệ bao gồm địa chỉ, số điện thoại, email, biểu mẫu liên hệ về giá của tính năng hệ thống với thông tin liên quan Khách hàng có thể liên hệ để được tư vấn thêm và chọn tính năng hệ thống, dung lượng lưu trữ, số dự án tối trong gói, số lượng cộng tác viên tham gia và hỗ trợ dịch vụ cũng như đơn giá của từng gói tính năng mỗi tháng, giao diện chức năng như Hình 23.

Hình 23: Phần thông tin liên hệ tư vấn

Tiếp theo là mục chân trang cung cấp thông tin, chính sách, liên kết hỗ trợ, tuyển dụng, email Đồng thời, các icon mạng xã hội được gắn liên kết để khách hàng có thể liên hệ để được tư vấn thêm hoặc tìm hiểu trước thông tin trước khi ra quyết định sử dụng tính năng theo gói dịch vụ phù hợp, giao diện chức năng như Hình 24

Hình 24: Chân trang cung cấp thông tin liên quan Đề tài đồ án tốt nghiệp 2018 – 2021 Trường Đại học Bà Rịa – Vũng Tàu

Giao diện chức năng admin

2.1.1 Giao diện đăng nhập vào hệ thống

Khi người dùng muốn truy cập vào trang dành cho quản trị viên thì phải thông qua bước đăng nhập vào website, giao diện chức năng như Hình 25

Hình 25: Trang đăng nhập vào hệ thống website

2.1.2 Đăng nhập sai tài khoản hoặc mật khẩu

Tại trang đăng nhập vào hệ thống website, người dùng phải điền đầy đủ thông tin tài khoản và mật khẩu, nếu sai tài khoản hoặc mật khẩu hoặc thông tin tài khoản không tồn tại trong CSDL của hệ thống, giao diện sẽ hiển thị thông tin báo lỗi như Hình 26

Hình 26: Thông báo đăng nhập sai tài khoản hoặc mật khẩu

Sau khi đăng nhập thành công sẽ hiển thị giao diện trang quản lý chính Bảng điều khiển của quản trị viên Trong giao diện trang bảng điều khiển hiển thị các tính năng liên quan, các thanh menu điều hướng (bên trái) rất thuận tiện khi khách hàng cần sử dụng thử bất kỳ tính năng nào đã được tích hợp vào trong hệ thống website, giao diện sẽ hiển thị như Hình 27 Đề tài đồ án tốt nghiệp 2018 – 2021 Trường Đại học Bà Rịa – Vũng Tàu

Hình 27: Trang quản trị sau khi đăng nhập thành công

2.2 Tạo tài khoản Đối với khách hàng có nhu cầu sử dụng thử các tính năng của hệ thống trước khi sử dụng sẽ cần phải nhấn Tạo mới (Create New), điền vào thông tin truy cập và nhấn đăng ký để sử dụng, giao diện đăng ký sẽ hiển thị như Hình 28

Hình 28: Trang đăng ký tài khoản dùng thử tính năng trên hệ thống website

Tại trang đăng ký tài khoản để sử dụng tính năng trên hệ thống website, người dùng phải điền đầy đủ thông tin tài khoản và mật khẩu, nếu không thành công giao diện sẽ hiển thị như Hình 29

Hình 29: Thông báo nếu một trong những thông tin đăng ký chưa đúng

Khi đăng ký tài khoản thành công, hệ thống sẽ lưu thông tin tài khoản vào CSDL Đồng thời chuyển hướng người dùng quay trở lại trang đăng nhập để khách truy cập web từ tài khoản đã đăng ký thành công Đề tài đồ án tốt nghiệp 2018 – 2021 Trường Đại học Bà Rịa – Vũng Tàu

Thanh menu trên cùng (bên phải) bao gồm cách chức năng xem hồ sơ, đăng xuất, tìm kiếm thông tin, giao diện sẽ hiển thị như Hình 30

Hình 30: Thanh menu top & chức năng

Thanh menu (bên trái) bao gồm các chức năng bảng điều khiển (dashboard), khách hàng (customer), điểm bán hàng (point of sale), sản phẩm (product), dự án (project), công việc (task), nhiệm vụ (checklist to-to), giao diện sẽ hiển thị như Hình 31

Hình 31: Thanh menu left & Chức năng

2.4 Quản lý thông tin khách hàng

2.4.1 Xem danh sách khách hàng

Chức năng quản lý thông tin khách hàng, lưu trữ thông tin của khách hàng bao gồm tên công ty, email liên hệ, số điện thoại công ty,… giao diện sẽ hiển thị như Hình 32

Hình 32: Quản lý thông tin khách hàng Đề tài đồ án tốt nghiệp 2018 – 2021 Trường Đại học Bà Rịa – Vũng Tàu

Trong đó: (1) Menu xem tất cả danh sách khách hàng (2) Thêm mới thông tin khách hàng vào hệ thống (3) Trạng thái hoạt động của khách hàng (hoạt động hoặc không hoạt động) (4) Các chức năng xem, xóa, sửa thông tin khách hàng trên hệ thống

2.4.2 Xem thông tin chi tiết khách hàng

Khi người dùng nhấn vào xem thông tin chi tiết hệ thống sẽ điều hướng sang trang chi tiết thông tin khách hàng, giao diện chi tiết thông tin khách hàng sẽ hiển thị như Hình 33.

Hình 33: Quản lý thông tin khách hàng - Thông tin chi tiết

Trong đó, tại trang chi tiết thông tin khách hàng bao gồm (1) thông tin công ty (customer details), (2) liên hệ (contacts), (3) dự án (projects), (4) nhiệm vụ (tasks) của khách hàng đó

2.4.3 Tạo thông tin khách hàng

Khi người dùng chọn vào chức năng New Client hoặc Add Customer, sẽ được chuyển hướng sang trang biểu mẫu thêm thông tin khách hàng bao gồm: tên công ty, số điện thoại, địa chỉ email, liên kết website, mã số thuế, địa chỉ, mã vùng, trạng thái, quốc gia, đơn vị tiền sử dụng của khách, giao diện sẽ hiển thị như Hình 34 & 35

Hình 34: Quản lý thông tin khách hàng - Thêm thông tin Đề tài đồ án tốt nghiệp 2018 – 2021 Trường Đại học Bà Rịa – Vũng Tàu

Hình 35: Quản lý thông tin khách hàng - Thêm thông tin

Khi điền đầy đủ thông tin, khách hàng nhấn vào nút Submit hệ thống sẽ lưu trữ lại thông tin khách hàng

Nếu khách hàng nhấn vào nút Cancel trên giao diện thêm thông tin khách hàng, hệ thống đồng thời chuyển hướng về trang danh sách khách hàng

2.4.4 Chỉnh sửa thông tin khách hàng

Khi người dùng nhấn vào tính năng chỉnh sửa, hệ thống sẽ điều hướng sang trang biểu mẫu cập nhật thông tin khách hàng đã được lưu trữ trên hệ thống Sau đó điền thông tin mới và nhấn vào submit để hệ thống cập nhật lại thông tin của khách hàng

Khi thông tin khách hàng cập nhật thành công, hệ thống sẽ chuyển hướng trở lại trang danh sách khách hàng, giao diện chỉnh sửa thông tin khách hàng sẽ hiển thị như Hình 36 & 37 Cho phép người dùng cập nhật lại thông tin của khách hàng

Hình 36: Quản lý thông tin khách hàng - Sửa thông tin Đề tài đồ án tốt nghiệp 2018 – 2021 Trường Đại học Bà Rịa – Vũng Tàu

Hình 37: Quản lý thông tin khách hàng - Sửa thông tin

2.4.5 Xóa thông tin khách hàng

Khi người dùng chọn vào chức năng Xóa (4) thì thông tin khách hàng sẽ được xóa khỏi CSDL và không còn được hiển thị trong danh sách khách hàng, giao diện thông tin chức năng sẽ hiển thị như Hình 38

2.5 Quản lý thông tin liên hệ

2.5.1 Xem danh sách liên hệ

Khi người dùng nhấn vào contacts sẽ hiển thị tất cả những liên hệ của khách hàng bao gồm thông tin công ty, họ tên, số điện thoại, email, chức vụ, cũng như các hành động xem, xóa, chỉnh sửa thông tin liên hệ, giao diện thông tin liên hệ sẽ hiển thị như Hình 38

Hình 38: Quản lý thông tin khách hàng - Thông tin liên hệ

2.5.2 Xem thông tin chi tiết liên hệ

Tiêu đề	Hệ thống quản lý quan hệ khách hàng (CRM)
Tác giả	Bùi Văn Huân
Người hướng dẫn	TS. Phan Ngọc Hoàng
Trường học	Trường Đại học Bà Rịa – Vũng Tàu
Chuyên ngành	Công nghệ thông tin
Thể loại	Đồ án tốt nghiệp
Năm xuất bản	2021
Thành phố	Bà Rịa – Vũng Tàu

Định dạng
Số trang	73
Dung lượng	4,11 MB

Tài liệu tham khảo	Loại	Chi tiết
[2] Role-based Authorization – Tham khảo từ URL: https://flask- user.readthedocs.io/en/latest/authorization.html - Tham khảo và áp dụng vào chức năng đăng nhập và đăng xuất của hệ thống	Link
[3] Flask’s documentation – Tham khảo từ URL: https://flask-doc.readthedocs.io/en/latest/ - Tham khảo các hướng dẫn sử dụng và các thư viện áp dụng trong đồ án	Link
[4] Flask-modular – Tham khảo từ URL: https://github.com/huanbv/flask-modular - Là mẫu mô-đun cơ bản của một hệ thống và được áp dụng vào làm cơ sở của hệ thống CRM	Link
[5] Web flask mid term – Tham khảo từ URL: https://github.com/iceStorm/web-flask-mid-term - Tham khảo và áp dụng chức năng quản lý đăng nhập trên hệ thống website	Link
[6] Flask Ecommerce – Tham khảo từ URL: https://github.com/bugtijamal/flaskecommerce - Tham khảo và áp dung vào chức năng quản lý đơn hàng và thêm đơn hàng vào giỏ hàng	Link
[7] Tailwind CSS – Tham khảo từ URL: https://tailwindcss.com/ - Được sử dụng trong thiết kế và tùy chỉnh giao diện của hệ thống website	Link
[8] Tailwind CSS Components. Examples and templates – Tham khảo từ URL: https://tailwindcomponents.com/ - Sử dụng tham khảo giao diện dành cho quản trị viên trong quá trình quản trị hệ thống website	Link
[9] The Python IDE for Professional Developers - Tham khảo từ URL: https://www.jetbrains.com/pycharm/ - Sử dụng để lập trình ứng dụng website	Link
[11] Hướng dẫn lập trình Flask – Phần 15: Tinh chỉnh cấu trúc ứng dụng – Tham khảo từ: https://thaitpham.com/huong-dan-lap-trinh-flask-phan-15-tinh-chinh-cau-truc-ung-dung/ - Tham khảo về cách hoạt động của Blueprint trong Mục lục 1.2. Blueprint	Link
[10] DATN – Tham khảo từ Báo cáo: DATN Nguyen Thi Minh Tham – Tham khảo cách bày trí bố cục của báo cáo và phong cách trình bày nội dung	Khác