2. Giao diện chức năng admin
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.
Đề 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 44
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.
Đề 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 45
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.
Đề 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 46
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ệ 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