2. Giao diện chức năng admin
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ệ
Khi người dùng nhấn vào biểu tượng xem thông tin liên hệ, hệ thống sẽ gửi thông tin đã truy xuất từ CSDL về giao diện người dùng và hiển thị model pop-up thông tin như Hình 39.
Đề 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 47
2.5.3. Tạo thông tin liên hệ
Khi người dùng nhấn vào thêm mới thông tin liên hệ, hệ thống sẽ chuyển hướng sang biểu mẫu thêm thông tin liên hệ, giao diện sẽ hiển thị như Hình 40.
Hình 40: Quản lý thông tin khách hàng – Thêm thông tin liên hệ
2.5.4. Chỉnh sửa thông tin liên hệ
Khi người dùng nhấn vào biểu tượng chỉnh sửa thông tin liên hệ, hệ thống sẽ gửi thông tin về giao diện người dùng và hiển thị trang chỉnh sửa thông tin như Hình 41 & 42.
Đề 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 48
Hình 42: Quản lý thông tin khách hàng - Sửa thông tin liên hệ
2.5.5. Xóa thông tin liên hệ
Khi người dùng nhấn vào biểu tượng xóa thông tin liên hệ, hệ thống sẽ nhận yêu cầu và tiến hành xóa thông tin liên hệ trong CSDL và sẽ tải lại trang.
2.6. Quản lý dự án
2.6.1. Xem danh sách dự án
Khi người dùng nhấn vào Projects sẽ hiển thị tất cả những dự án hiện có của khách hàng công ty bao gồm tên dự án, ngày bắt đầu, ngày kết thúc, trạng thái dự án, thẻ dự án.
Thêm vào đó, người dùng có thể xem, xóa, chỉnh sửa thông tin dự án, giao diện thông tin dự án sẽ hiển thị như Hình 43.
Hình 43: Quản lý thông tin dự án - Thông tin dự án
2.6.2. Xem thông tin chi tiết dự án
Khi người dùng nhấn vào biểu tượng xem thông tin chi tiết dự án, hệ thống sẽ gửi thông tin đã truy xuất từ CSDL về giao diện người dùng và hiển thị thông tin như Hình 44.
Đề 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 49
Hình 44: Quản lý thông tin dự án - Xem thông tin chi tiết dự án
2.6.3. Tạo thông tin dự án
Khi người dùng nhấn vào thêm mới (New Project), hệ thống sẽ chuyển hướng sang biểu mẫu thêm thông tin dự án, giao diện sẽ hiển thị như Hình 45.
Hình 45: Quản lý thông tin dự án - Thêm thông tin dự án
2.6.4. Chỉnh sửa thông tin dự án
Khi người dùng nhấn vào biểu tượng chỉnh sửa thông tin dự án, hệ thống sẽ gửi thông tin về giao diện người dùng và hiển thị trang chỉnh sửa thông tin như Hình 46 & 47.
Đề 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 50
Hình 47: Quản lý thông tin dự án - Sửa thông tin dự án
2.6.5. Xóa thông tin dự án
Khi người dùng nhấn vào biểu tượng xóa dự án 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.7. Quản lý nhiệm vụ
2.7.1. Xem danh sách nhiệm vụ
Khi người dùng nhấn vào biểu tượng xem nhiệm vụ, hệ thống sẽ gửi thông tin đã truy xuất từ CSDL về giao diện người dùng và hiển thị giao diện thông tin nhiệm vụ cần làm chi tiết trong tasks đó như Hình 48.
Hình 48: Quản lý thông tin khách hàng – Chi tiết thông tin việc cần làm trong task của dự án
2.7.2. Chỉnh sửa nhiệm vụ
Khi người dùng nhấn vào biểu tượng chỉnh sửa thông tin nhiệm vụ, hệ thống sẽ gửi thông tin về giao diện người dùng và hiển thị trang chỉnh sửa thông tin như Hình 49.
Hình 49: Quản lý thông tin khách hàng – Sửa chi tiết thông tin việc cần làm trong task của dự án
2.7.3. Xóa nhiệm vụ
Khi người dùng nhấn vào biểu tượng xóa thông tin nhiệm vụ của dự án 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.8. Quản lý công việc
2.8.1. Xem danh sách công việc
Khi người dùng nhấn vào công việc trong menu chức năng (bên trái) và chọn All task hệ thống sẽ gửi thông tin tất cả công việc có trong hệ thống về giao diện người dùng trong đó sẽ hiển thị tên của task, ngày bắt đầu, ngày kết thúc, trạng thái, mức độ ưu tiên và thẻ dự á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 51
Thêm vào đó người dùng có thể lựa chọn các tính năng xem, thêm, xóa, sửa thông tin của công việc trong dự án hiển thị trang thông tin như Hình 50.
Hình 50: Quản lý công việc – Danh sách công việc
2.8.2. Xem thông tin chi tiết công việc
Khi người dùng nhấn vào biểu tượng xem thông tin chi tiết công việc, hệ thống sẽ gửi thông tin đã truy xuất từ CSDL về giao diện người dùng và hiển thị thông tin như Hình 51.
Hình 51: Quản lý công việc – Xem thông tin chi tiết công việc
2.8.3. Tạo thông tin công việc
Khi người dùng nhấn vào thêm mới (new task), hệ thống sẽ chuyển hướng sang biểu mẫu thêm thông tin công việc, giao diện sẽ hiển thị như Hình 52 & 53.
Hình 52: Quản lý công việc – Thêm công việc
Đề 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 52
2.8.4. Chỉnh sửa thông tin công việc
Khi người dùng nhấn vào biểu tượng chỉnh sửa thông tin, hệ thống sẽ gửi thông tin về giao diện người dùng và hiển thị trang chỉnh sửa thông tin như Hình 54 & 55.
Hình 54: Quản lý công việc – Chỉnh sửa thông tin công việc
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 toá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 toá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 hoà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 toà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à soá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,