Hình 55: Quản lý cơng việc – Chỉnh sửa thơng tin cơng việc
2.8.5. Xóa thơng tin cơng việc
Khi người dùng nhấn vào biểu tượng xóa thơng tin, hệ thống sẽ nhận yêu cầu và tiến hành xóa thơng tin đồng thời sẽ tải lại trang.
2.9. Quản lý sản phẩm
2.9.1. Xem danh sách sản phẩm
Tiếp theo là chức năng quản lý sản phẩm. Danh sách sản phẩm sẽ hiển thị mã thiết sản phẩm, tên, loại sản phẩm, số lượng, ngày đăng như Hình 56 & 57. Trong đó (1) Thêm mới: Thêm mới sản phẩm. (2) Xem: Xem chi tiết sản phẩm. (3) Sửa: Chỉnh sửa thơng tin sản phẩm. (4) Xóa: Xóa thơng tin sản phẩm.
Đề 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 53
Hình 57: Quản lý sản phẩm – Danh sách sản phẩm
2.9.2. Xem thông tin sản phẩm
Khi người dùng chọn vào chức năng xem chi tiết sản phẩm, giao diện sẽ hiển thị như Hình 58. Cho phép người dùng xem thêm thơng tin chi tiết của sản phẩm.
Hình 58: Quản lý sản phẩm – Chi tiết thông tin sản phẩm
2.9.2. Tạo thông tin sản phẩm
Khi người dùng chọn vào chức năng Thêm mới, giao diện sẽ hiển thị như Hình 59 & 60. Người dùng phải thêm tên của sản phẩm, chọn loại sản phẩm, số lượng, thông số kỹ thuật, màu sắc, miêu tả, thương hiệu, sanh mục, ảnh sản sản phẩm và nhấn vào submit để lưu thông tin sản phẩm vào hệ thống CSDL.
Đề 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 54
Hình 60: Quản lý sản phẩm – Thêm mới sản phẩm
2.9.3. Chỉnh sửa thông tin sản phẩm
Khi người dùng chọn vào chức năng chỉnh sửa, giao diện chỉnh sửa sẽ hiển thị như Hình 61 & 62. Cho phép người dùng cập nhật lại thơng tin sản phẩm.
Hình 61: Quản lý sản phẩm – Sửa thông tin sản phẩm
Hình 62: Quản lý sản phẩm – Sửa thơng tin sản phẩm
2.9.5. Xóa thơng tin sản phẩm
Khi người dùng chọn vào chức năng Xóa, sản phẩm sẽ bị xóa khỏi CSDL và khơng cịn được hiển thị trong danh sách sản phẩm.
Đề 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 55
2.10. Quản lý danh mục sản phẩm
2.10.1. Xem danh sách danh mục sản phẩm
Khi chọn vào trang menu (bên trái) Products trong đó bao gồm quản lý sản phẩm, thêm mới, danh mục, thương hiệu của sản phẩm và chọn vào category sẽ hiển thị thông tin danh sách các danh mục của sản phẩm, giao diện sẽ hiển thị như Hình 63.
Hình 63: Quản lý sản phẩm – Danh mục sản phẩm
Trong đó: (1) Thêm mới: Thêm mới danh mục. (2) Sửa: Sửa tên danh mục sản phẩm. (3) Xóa: Xóa danh mục sản phẩm.
2.10.2. Tạo danh mục sản phẩm
Khi người dùng chọn vào chức năng Thêm mới và nhấn submit, danh mục sản phẩm sẽ được thêm vào CSDL và sẽ hiển thị trong danh sách sản phẩm, giao diện sẽ hiển thị như Hình 64.
2.10.3. Chỉnh sửa danh mục sản phẩm
Khi người dùng chọn vào chức năng chỉnh sửa thì giao diện chỉnh sửa sẽ hiển thị như Hình 58. Cho phép người dùng cập nhật lại tên của danh mục sản phẩm.
Hình 64: Quản lý sản phẩm – Sửa danh mục sản phẩm
2.10.4. Xóa danh mục sản phẩm
Khi người dùng chọn vào chức năng Xóa, danh mục sản phẩm sẽ bị xóa khỏi CSDL và khơng cịn được hiển thị trong danh sách danh mục sản phẩm.
2.11. Quản lý thương hiệu sản phẩm
2.11.1. Xem danh sách thương hiệu sản phẩm
Khi chọn người dùng vào trang menu left products và chọn vào brand sẽ hiển thị thông tin danh sách các thương hiệu của sản phẩm, giao diện sẽ hiển thị như Hình 65.
Đề 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 56
Hình 65: Quản lý sản phẩm – Thương hiệu sản phẩm
Trong đó: (1) Thêm mới: Thêm mới thương hiệu. (2) Sửa: Sửa tên tên thương hiệu của sản phẩm. (3) Xóa: Xóa thương hiệu sản phẩm.
2.11.2. Thêm mới thương hiệu sản phẩm
Khi người dùng chọn vào chức năng Thêm mới và nhấn submit, tên thương hiệu sản phẩm sẽ được thêm vào CSDL và sẽ hiển thị trong danh sách thương hiệu của sản phẩm, giao diện sẽ hiển thị như Hình 65.
2.11.3. Chỉnh sửa thương hiệu sản phẩm
Khi người dùng chọn vào chức năng chỉnh sửa, giao diện chỉnh sửa sẽ hiển thị như Hình 66. Cho phép người dùng cập nhật lại tên của thương hiệu sản phẩm.
Hình 66: Quản lý sản phẩm – Sửa tên thương hiệu của sản phẩm
2.11.4. Xóa thương hiệu sản phẩm
Khi người dùng chọn vào chức năng Xóa thì tên thương hiệu của sản phẩm sẽ bị xóa khỏi CSDL và khơng cịn được hiển thị trong danh sách thương hiệu của sản phẩm.
2.12. Điểm bán hàng
2.12.1. Giao diện điểm bán hàng
Khi người dùng chọn vào chức năng điểm bán hàng (POS), hệ thống sẽ tự động truy xuất sản phẩm từ dữ liệu để hiển thị trên giao diện tên sản phẩm, đơn giá, màu sắc, thuộc tính, giao diện sẽ hiển thị như Hình 67.
Đề 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 57
Hình 67: Điểm bán hàng – Bảng điều khiển của POS
Trong đó: (1) Thêm vào giỏ hàng: Thêm sản phẩm vào giỏ hàng theo yêu cầu của khách. (2) Xóa: Làm trống giỏ hàng. (3) Khách hàng: Lựa chọn khách hàng là người mua sản phẩm. (4) Thanh toán: Tiến hành thanh tốn đơn hàng mua của khách (nếu có).
2.12.2. Thêm sản phẩm vào giỏ hàng
Khi người dùng chọn vào chức năng Thêm sản phẩm vào giỏ thì sản phẩm sẽ được thêm vào giỏ hàng và sẽ hiển thị trong danh sách mua hàng của sản phẩm, giao diện sẽ hiển thị như Hình 68.
Hình 68: Điểm bán hàng - Thêm sản phẩm vào giỏ hàng
Trong đó: (1) Cập nhật số lượng hoặc màu sắc của sản phẩm trong giỏ hàng. (2) Xóa: Xóa sản phẩm khỏi giỏ hàng. (3) Giảm giá: Số tiền được giảm đối với sản phẩm có chiết khấu. (4) Tổng tiền: Tổng số tiền của tất cả các sản phẩm trong giỏ hàng.
2.12.3. Xóa sản phẩm khỏi giỏ hàng
Khi người dùng chọn vào chức năng Xóa thì sản phẩm sẽ bị xóa khỏi giỏ hàng và khơng còn được hiển thị trong danh sách mua hàng của khách nữa.
Sau đó hệ thống cập nhật thì thơng tin sản phẩm đó trong giỏ hàng sẽ được cập nhập, giao diện sẽ hiển thị như Hình 69.
Đề 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 58
Hình 69: Điểm bán hàng - Xóa sản phẩm khỏi giỏ hàng
2.12.4. Thanh toán đơn hàng sản phẩm
Sau khi khách hàng đã chọn mua được sản phẩm và người dùng đã hỗ trợ khách hàng thêm sản phẩm vào giỏ hàng và tiến hành thanh toán.
Tiếp theo đó, chọn khách hàng mua, có thể là (1) walk-in customer hoặc khách hàng đã có trong danh sách khách hàng của hệ thống. Sau đó là nhấn vào nút (2) Thanh tốn (Pay Now), giao diện sẽ hiển thị như Hình 70.
Đề 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 59
CHƯƠNG V: KẾT LUẬN
1. Kết quả đạt được
Trong quá trình thực hiện đề tài với sự hỗ trợ từ quý Thầy, Cô đã vận dụng kiến thức về ngơn ngữ Python, website, phân tích, thiết kế, CSDL trong chương trình học của Trường Đại học Bà Rịa – Vũng Tàu vào dự án thực tế.
Thêm vào đó đã ứng dụng những kiến thức Python để thực hành, nghiên cứu sâu vào framework Flask nhằm nâng cao hiểu biết của bản thân và kỹ năng làm việc trao đổi, thu thập thơng tin.
Thơng qua đó có thể nắm được quy trình quản lý dự án, chăm sóc, lưu trữ thơng tin khách hàng và phân tích, thiết kế hệ thống “Quản lý quan hệ khách hàng” cho doanh nghiệp nhỏ góp phần hồn thiện chi tiết áp dụng cơng nghệ trong quá trình quản lý doanh nghiệp bán hàng, sản phẩm, xây dựng website giới thiệu về dịch vụ chuyên nghiệp, hiện đại, đầy đủ thông tin, dễ thao tác và khách hàng truy cập một cách dễ dàng.
Đồng thời trong quá trình nghiên cứu thực hiện, xây dựng đề tài có trau dồi thêm kỹ năng, kiến thức góp phần chuẩn hóa dữ liệu đảm bảo tính tồn vẹn dữ liệu, giao diện quản lý dễ nhìn, thuận tiện trong thao tác, rõ ràng dễ sử dụng và cập nhật thông tin dữ liệu và nâng cấp tính năng của hệ thống website.
2. Hướng phát triển
Trước tiên, một số tính năng cơ bản cần phải được lập trình thêm các tính năng và rà sốt lỗi cịn lại chưa phát hiện ra trong các tính năng như:
- Quản lý thông tin khách hàng; - Quản lý sản phẩm;
- Quản lý dự án; - Điểm bán hàng; Tính năng cần phát triển thêm:
- Báo cáo thống kê;
- Mở rộng CSDL, quản lý thông tin chi tiết hơn nhằm đáp ứng nhu cầu kinh doanh của Doanh nghiệp.
- Quản lý hóa đơn da dạng và có thể xuất hoặc import dữ liệu trên hệ thống. - Mở rộng thêm chức năng tìm kiếm.
- Phân quyền truy cập. - ….
Sẽ phát triển ứng dụng website “Quản lý quan hệ khách hàng” thành một hệ thống hoàn thiện các tính năng hơn, với những chức năng ban đầu của ứng dụng web tập trung hỗ trợ các tính năng quản lý dự án, cơng việc, lưu trữ và chăm sóc thơng tin khách hàng, quản lý sản phẩm, tồn kho, điểm bán hàng hồn thiện hơn về tính năng cũng như tính thực tiễn trong thời gian sắp tới.
Đề 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 60
Và đồng thời đầu tư vào các tính năng mới đưa vào danh sách dự định sẽ phát triển, trong tương lai sẽ mở rộng thành hệ thống có thể phục vụ và áp dụng vào hầu hết tất cả các lĩnh vực quản như: quản lý nhà hàng, quản lý bãi đậu xe, quản lý quy trình xử lý rác, quản lý lịch trình và các lịch trình booking khách sạn, quản lý phịng…
Ngồi ra, q trình phát triển và sử dụng phần mềm cần sự linh hoạt và đóng góp từ cộng đồng, thế nên sau đề tài này CRM sẽ được cung cấp như là mã nguồn mở, để tất cả các lập trình viên có thể linh hoạt sử dụng trong nhiều cơng cụ lập trình để phát triển góp phần tăng tỷ lệ chuyển đổi số cho hầu hết các doanh nghiệp vừa và nhỏ tại Việt Nam.
Sau đó kêu gọi ứng vốn đầu tư cho dự án để nhận chuyển nhượng quyền thu phí, Mua/Bán lại cổ phần của các cơng ty dự án có tiềm năng, sử dụng địn bẩy tài chính: bán dịng tiền thu phí tương lai cho ngân hàng hoặc các cơng ty bảo hiểm…, phát hành cổ phiếu thông qua IPO hoặc phát hành thêm cổ phiếu.
Với điều kiện thời gian cũng như kinh nghiệm còn hạn chế, đề tài đồ án này không thể tránh được những thiếu sót. Rất mong nhận được những đóng góp ý kiến q báu của Thầy, Cơ trường Đại học Bà Rịa – Vũng Tàu để có điều kiện bổ sung, nâng cao kỹ năng, trau dồi kiến thức và phục vụ tốt hơn công tác thực tế sau này.
Xin chân thành cảm ơn quý Thầy, Cô trong khoa Công nghệ kỹ thuật - Nông nghiệp công nghệ cao và đặc biệt xin gửi đến thầy TS. Phan Ngọc Hồng, người đã tận tình hướng dẫn, giúp đỡ hoàn thành đề tài đồ án tốt nghiệp lời cảm ơn sâu sắc nhất.
Đề 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 61
TÀI LIỆU THAM KHẢO
[1] Data-models - Lấy từ URL: https://flask-
user.readthedocs.io/en/latest/data_models.html#roleanduserroledatamodels - Tham khảo và áp dụng vào chức năng phân quyền người dùng trong hệ thống.
[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.
[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.
[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.
[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.
[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. [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.
[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.
[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.
[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.
[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.
Đề 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 62
PHỤ LỤC
1. Cấu trúc thư mục dự án
1.1. Chi tiết cấu trúc thư mục dự án
Cấu trúc chi tiết thư mục dự án CRM được trình bày trong Hình 63. Trong đó, vùng màu vàng là cấu trúc tổng quan của hệ thống. Tiếp theo là vùng màu đỏ nơi các mục được bố trí với các tính năng và lưu trữ như: static, modules.
Thêm vào đó, mục màu tím là nơi lưu trữ các mã code xử lý và bố cục của từng tính năng trong hệ thống như: quản lý khách hàng, quản lý dự án, quản lý sản phẩm, quản lý danh mục sản phẩm, quản lý thương hiệu sản phẩm, quản lý nhiệm vụ, quản lý cơng việc.
Hình 71: Phụ lục - Cấu trúc thư mục dự án
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.
1.2. Blueprint
Blueprint trong Flask được áp dụng vào cấu trúc của hệ thống CRM là một cấu trúc luận lý đại diện cho một phần của ứng dụng. Blueprint trong hệ thống CRM bao gồm các thành phần như là định tuyến (route), hàm hiển thị, form, template và các file tĩnh và các yếu tố cần thiết liên quan đến một chức năng nhất định trong hệ thống. Được trình bày trong Hình 63 (mục màu tím).
Sau đây là sơ đồ chi tiết của blueprint xác thực chức năng khách hàng (client) trong Hệ thống quản lý quan hệ khách hàng (CRM):
Modules/
|_______ Client/ thư mục cho blueprint
Đề 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 63
| | |_______________ __init__.py khởi tạo blueprint
| | |_______________ Client_form.py form thông tin khách hàng