Thiết kế giao diện

Một phần của tài liệu (Luận văn đại học thương mại) phân tích thiết kế hệ thống thông tin chăm sóc khách hàng trên nền web cho công ty TNHH đầu tƣ sản xuất việt trung (Trang 72 - 78)

CHƯƠNG 1 : TỔNG QUAN VẤN ĐỀ NGHIÊN CỨU

3.2. Phân tích thiết kế hệ thống thơng tin chăm sóc khách hàng trên nền web

3.2.9. Thiết kế giao diện

Một số giao diện chính của website

Giao diện đăng nhập hệ thống

Hình 3.2. Giao diện đăng nhập

Tại giao diện đăng nhập.

- Nhập tên đăng nhập.

- Nhập mất khẩu.

- Ấn nút “Đăng nhập” để đăng nhập vào hệ thống.

- Nếu khơng nhớ tài khoản đăng nhập: Kích vào “Làm mới”.

Sau khi đăng nhập thành công, hệ thống chuyển sang giao diện quản lý chăm sóc khách hàng.

Giao diện trang chủ

Hình 3.3. Màn hình trang chủ

Giao diện quản lý thơng tin khách hàng

Hình 3.4. Màn hình danh sách các khách hàng của cơng ty

Giao diện quản lý thơng tin khách hàng gồm có:

- Nút chức năng “Thêm mới”: Cho phép tạo mới hồ sơ khách hàng.

- Chức năng tìm kiếm: Có thể tìm kiếm theo tên khách hàng.

- Phần hiển thị danh sách khách hàng và các chức năng đi kèm cho mỗi bản ghi bao gồm:

+ Thêm chương trình áp dụng: Cho phép xem đầy đủ các thơng tin chương trình mà khách hàng đó được áp dụng.

+ Sửa hồ sơ khách hàng.

+ Xóa hồ sơ khách hàng.

Giao diện thêm khách hàng

Hình 3.5. Màn hình thêm mới một khách hàng

Giao diện thêm mới khách hàng gồm có:

- Các ơ điền thơng tin chi tiết của khách hàng: Mã KH, Tên KH, SĐT, Email, Ngành nghề, Chức vụ, Địa chỉ, Loại KH.

- Nút chức năng “Thêm”: Cho phép cập nhật hồ sơ mới khi đã điền đầy đủ thơng tin khách hàng.

- Nút chức năng “Thốt”: Khi muốn thốt khỏi giao diện.

Giao diện danh sách chương trình

Hình 3.6. Màn hình danh sách các chương trình

Giao diện danh sách các chương trình gồm có:

- Nút chức năng “Danh sách chương trình”: Cho phép lựa chọn danh sách chương trình cần tìm.

- Nút chức năng “Thêm mới”: Cho phép tạo mới chương trình.

- Chức năng tìm kiếm: Có thể tìm kiếm theo tên chương trình.

- Phần hiển thị danh sách chương trình và các chức năng đi kèm cho mỗi bản ghi bao gồm:

+ Xem chi tiết: Cho phép xem đầy đủ các thơng tin chương trình.

+ Sửa thơng tin chương trình.

Giao diện quản lý các yêu cầu hỗ trợ của khách hàng

Hình 3.7. Màn hình danh sách các yêu cầu hỗ trợ

Giao diện danh sách các yêu cầu hỗ trợ gồm có:

- Nút chức năng “Danh sách các yêu cầu hỗ trợ”: Cho phép lựa chọn danh sách yêu cầu cần tìm.

- Nút chức năng “Thêm mới”: Cho phép tạo mới.

- Chức năng tìm kiếm: Có thể tìm kiếm theo tên hỗ trợ.

- Phần hiển thị danh sách yêu cầu hỗ trợ và các chức năng đi kèm cho mỗi bản ghi bao gồm:

+ Phản hồi: Nhằm hỗ trợ những yêu cầu từ phía khách hàng.

+ Xem chi tiết: Cho phép xem đầy đủ các yêu cầu của khách hàng.

+ Sửa thơng tin u cầu.

+ Xóa u cầu.

Giao diện báo cáo bao gồm:

- Báo cáo DSKH mới

- Báo cáo thơng tin CSKH

- Báo cáo DSKH tiềm năng

Hình 3.8. Màn hình báo cáo danh sách khách hàng mới

Một phần của tài liệu (Luận văn đại học thương mại) phân tích thiết kế hệ thống thông tin chăm sóc khách hàng trên nền web cho công ty TNHH đầu tƣ sản xuất việt trung (Trang 72 - 78)