6. Điểm: (Bằng chữ: )
3.1. Yêu cầu người dùng
# Tiêu đề Tóm tắt yêu cầu (user story)
1 Giao diện Dễ nhìn, bắt mắt, đơn giản hóa và thân thiện với người dùng. Không phức tạp, chằng chịt gây nên sự rối rắm.
2 Các chức năng cơ bản phía khách hành
Có các chức năng cơ bản của một website thương mại như đăng ký, đăng nhập, thêm vào giỏ hàng, quản lý giỏ hàng, thanh toán, đặt lại mật khẩu, thay đổi mật khẩu, quản lý thông tin tài khoản, lịch sử đơn hàng, thêm sản phẩm yêu thích, danh sách sản phẩm đã xem.
3 Đăng nhập với các tài khoản mạng xã hội
Ngoài việc đăng nhập với tài khoản đã đăng ký với hệ thống, cho phép người dùng sử dụng các tài khoản facebook, google để đăng nhập vào hệ thống, tạo sự tiện lợi nhanh chóng.
4 Trò chuyện trực tuyến Chức năng quan trọng. Dễ sử dụng, không quá nhiều thao tác để bắt đầu cuộc trò chuyện trực tuyến với nhân viên. Tương tự giống chức năng messenger của Facebook. Bắt buộc phải real-time, phản hồi ngay lập tức.
5 Tích hợp thanh toán trực tuyến Ngoài chức năng thanh toán của hệ thống. Tích hợp chức năng thanh toán trực tuyến PayPal giúp người dùng thanh toán tiện lợi và nhanh chóng.
6 Hệ thống gợi ý
(Recommendation Systems)
Gợi ý các sản phẩm được nhiều người xem nhiều, mua nhiều, có mức rating cao cho người dùng.
7 Thông kê số liệu (dashboard) Tính toán thực hiện các phép tính các số liệu nghiệp vụ kế toán. Tổng doanh thu, tổng lợi nhuân, tổng chi phí, tổng chi tiêu, số lượng người dùng, số lượng sản phẩm đã bán, số lượng review của tất cả sản phẩm,
Chương 3: Xác định yêu cầu 17 số lượng người dùng ghé thăm website là các phần bắt buộc phải có.
8 Các module quản lý Các module quản lý bắt buộc phải có như quản lý sản phẩm, loại sản phẩm, đơn hàng, tài khoản các người dùng, Role, tiếp nhận các đóng góp về website. Yêu cầu các thao tác CRUD dễ sử dụng, các thao tác trong module chi tiết rõ ràng.
9 Trình quản lý các cuộc hội thoại Trình quản lý hội thoại sẽ như một khung cửa sổ bên trái là danh sách các cuộc hội thoại, bên phải là nội dung của cuộc hội thoại. Thông tin về các cuộc hội thoại đầy đủ thông tin khách hàng tên, ngày hội thoại. Bắt buộc real-time, phản hồi ngay lập tức. Tham khảo trình quản lý hội thoại messenger của Facebook.
3.2. Yêu cầu hệ thống 3.2.1. Các tác nhân
Bảng 3. 2: Mô tả các tác nhân
# Tên Mô tả
1 Khách (chưa đăng nhập) Được thao tác toàn bộ các chức năng cần thiết nhất của việc mua hàng. Không có chức năng quản lý thông tin tài khoản, quản lý đơn hàng, thêm sản phẩm yêu thích, xem danh sách sản phẩm yêu thích, xem danh sách sản phẩm đã xem.
2 Người dùng (đã đăng nhập) Được thao tác toàn bộ chức năng trang khách hàng (giao diện mua sắm). Không được quyền truy cập vào trang quản trị.
3 Nhân viên Nhân viên sẽ có các quyền nhất định để thao tác vào các module quản lý, hội thoại trực tiếp với khách hàng. Module quản lý tài khoản người dùng và Roles thì không được phép truy cập.
4 Quản trị viên (Admin) Được thao tác toàn bộ chức năng của hệ thống.
Chương 3: Xác định yêu cầu 18
3.2.1.1. Chức năng của các tác nhân Bảng 3. 3: Chức năng của từng tác nhân
# Các chức năng chính Khách Người dùng Nhân viên Quản trị viên 1 Đăng ký x 2 Đăng nhập (trang khách hàng) x 3 Đặt lại mật khẩu x 4 Xem trang chủ x x
5 Xem sản phẩm theo danh
mục (catalog) x x
6 Xem chi tiết sản phẩm x x
7 Tìm kiếm sản phẩm x x
8 Thêm sản phẩm vào giỏ
hàng x x
9 Quản lý giỏ hàng x x
10 Thanh toán x x
11 Đánh giá giá website, cửa
hàng x x
12 Quản lý thông tin tài khoản
cá nhân x 13 Xem lịch sử đơn hàng x 14 Thêm sản phẩm yêu thích x 15 Quản lý sản phẩm yêu thích x 16 Xem danh sách sản phẩm đã xem x
17 Trò chuyện trực tuyến x
18 Đăng xuất (trang khách
hàng) x
19 Đăng nhập (trang quản trị) x x
20 Quản lý sản phẩm x x
21 Quản lý danh mục sản phẩm x x
22 Quản lý đơn hàng x x
23 Quản lý tài khoản các người
dùng x
24 Quản lý Role x
25 Xem các đánh giá website,
Chương 3: Xác định yêu cầu 19
26 Trình quản lý các cuộc hội
thoại x x
27 Xem trang dashboard x x
28 Chỉnh sửa thông tin tài
khoản x x
29 Đăng xuất (trang quản trị) x x
3.2.2. Lược đồ chức năng
Chương 3: Xác định yêu cầu 20
Chú thích:
- Các chức năng được làm mờ đi là các chức năng đã thực hiện ở kỳ tiểu luận chuyên ngành, tuy nhiên có một tính năng được cải thiện như thêm sản phẩm vào giỏ hàng (điểu chỉnh số lượng, kích thước và màu), quản lý giỏ hàng (điều chỉnh số lượng), sửa lỗi khi tải, xóa hình ở quản lý hình ảnh sản phẩm (phần quản trị), điều chỉnh tăng giảm số lượng khi sản phẩm được bán ở quản lý số lượng sản phẩm (phần quản trị), sửa lỗi cấp quyền cho vai trò người dùng trong hệ thống.
- Các chức năng được làm rõ là các chức năng được xây dựng trong kỳ khóa luận lần này.
Bảng 3. 4: Chi tiết lược đồ chức năng
# Chức năng chính Chức năng chi tiết Mã
1 Đăng nhập (trang khách hàng)
Tài khoản đã đăng ký UC1.1 Tài khoản Facebook UC1.2
Tài khoản Google UC1.3
2 Đăng ký UC2.1
3 Đặt lại mật khẩu UC3.1
4 Xem trang chủ UC4.1
5 Xem sản phẩm theo danh mục
(catalog)
Lọc sản phẩm theo danh
mục UC5.1
Lọc sản phẩm theo giá UC5.2 Chọn mốc số lượng hiển thị UC5.3
6 Xem chi tiết sản phẩm Xem đánh giá về sản phẩm UC6.1 Đánh giá về sản phẩm UC6.2
7 Tìm kiếm sản phẩm UC7.1
8 Thêm sản phẩm vào giỏ hàng UC8.2
9 Quản lý giỏ hàng
Xóa sản phẩm khỏi giỏ hàng UC9.1 Thay đổi size và màu sản
phẩm UC9.2
10 Thanh toán Thanh toán COD UC10.1
Thanh toán PayPal UC10.2
11 Đánh giá giá website, cửa
Chương 3: Xác định yêu cầu 21
12 Quản lý thông tin tài khoản cá
nhân
Thay đổi thông tin tài khoản UC12.1 Thay đổi mật khẩu UC12.2
13 Xem lịch sử đơn hàng Hủy đơn hàng UC13.1 Xem chi tiết đơn hàng UC13.2
14 Thêm sản phẩm yêu thích UC14.1
15 Quản lý sản phẩm yêu thích Xóa sản phẩm yêu thích UC15.1
16 Xem danh sách sản phẩm đã
xem UC16.1
17 Trò chuyện trực tuyến UC17.1
18 Đăng xuất (trang khách hàng) UC18.1
19 Đăng nhập (trang quản trị) UC19.1
20 Quản lý sản phẩm
Thêm sản phẩm mới UC20.1 Sửa thông tin sản phẩm UC20.2
Xóa sản phẩm UC20.3
Quản lý hình ảnh UC20.4 Quản lý số lượng UC20.5 Xuất sản phẩm ra excel UC20.6 Nhập sản phẩm ra excel UC20.7 Tải template mẫu excel UC20.8 Tìm kiếm sản phẩm theo từ
khóa UC20.9
Chọn mốc số lượng hiển thị
sản phẩm UC20.10
21 Quản lý danh mục sản phẩm
Thêm danh mục mới UC21.1 Sửa thông tin danh mục UC21.2
Xóa danh mục UC21.3
Kéo thả (treeview) UC21.4
22 Quản lý đơn hàng
Thêm đơn hàng mới UC22.1 Thay đổi trạng thái đơn hàng UC22.2 Tìm kiếm đơn hàng theo từ
Chương 3: Xác định yêu cầu 22 Tìm kiếm đơn hàng theo
ngày UC22.4
Chọn mốc số lượng hiển thị
đơn hàng UC22.5
23 Quản lý tài khoản các người
dùng
Thêm tài khoản mới UC23.1
Xóa tài khoản UC23.2
Tìm kiếm tài khoản theo từ
khóa UC23.3
Chọn mốc số lượng hiển thị
tài khoản UC23.4
24 Quản lý Role
Thêm Role mới UC24.1
Sửa thông tin Role UC24.2
Xóa Role UC24.3
Cấp quyền cho Role UC24.4 Tìm kiếm Role theo từ khóa UC24.5 Chọn mốc số lượng hiển thị
Role UC24.6
25 Xem các đánh giá website, cửa hàng
Kiểm tra trạng thái các đánh
giá UC25.1
26 Trình quản lý các cuộc hội
thoại
Hội thoại trực tuyến với
khách hàng UC26.1
27 Xem trang dashboard UC27.1
28 Chỉnh sửa thông tin tài khoản UC28.1
29 Đăng xuất (trang quản trị) UC29.1
3.2.2.1. Mô tả các chức năng chính 3.2.2.1.1. Thanh toán 3.2.2.1.1. Thanh toán
Bảng 3. 5: Mô tả chức năng thanh toán
Tên Thanh toán
Mã UC10
Mục tiêu Thanh toán các sản phẩm Tác nhân Người dùng, khách
Chương 3: Xác định yêu cầu 23 Dòng xử lý 1. Khi đã chọn được các sản
phẩm cần mua, ở trang chi tiết giỏ hàng sẽ có phần thanh toán
3. Trang thanh toán sẽ hiển thị các trường thông tin cá nhân để khách điền đầy đủ thông tin (riêng người dùng, dữ liệu các trường thông tin sẽ được tải lên sẵn do đã nhập thông tin lúc đăng ký tài khoản), chọn phương thức thanh toán. Có 2 phương thức thanh toán COD (UC10.1) và PayPal (UC10.2) để khách/người dùng chọn lựa.
5. Chuyển sang trang thanh toán thành công và có hóa đơn điện tử của hệ thống gửi về địa chỉ email cá nhân.
2. Người dùng nhấn vào nút “PROCCED TO CHECKOUT” để qua bước thanh toán.
4. Nếu thanh toán bằng phương thức PayPal, nhập tài khoản PayPal để thanh toán.
Nếu thanh toán bình thường thì nhấn nút “Place order” để thanh toán.
Ngoại lệ Nếu thanh toán không thành công sẽ có alert báo lỗi. Vấn đề
3.2.2.1.2. Trò chuyện trực tuyến
Bảng 3. 6: Mô tả chức năng trò chuyện trực tuyến Tên Trò chuyện trực tuyến
Mã UC17
Mục tiêu Trò chuyện trực tuyến với nhân viên cửa hàng về các thắc mắc Tác nhân Người dùng
Chương 3: Xác định yêu cầu 24 Dòng xử lý 1. Ở phía dưới góc phải màn
hình có một nút chứa icon “Messages”.
3. Dưới phần nội dung cuộc hội thoại là phần để để nhập tin nhắn.
5. Tin nhắn của người dùng được gửi đến nhân viên và sẽ được phản hồi.
2. Người dùng nhấn vào nút chứa icon “Messages” thì khung chat hiện lên.
4. Người dùng nhập tin nhắn và nhấn nút gửi bên phải hoặc nhấn Enter trên bàn phím.
6. Nội dụng cuộc hội thoại giữa người dùng và nhân viên sẽ được hiển thị phần chính giữa khung chat.
Ngoại lệ Nếu là khách nhấn vào nút chứa icon “Messages” thì khung chat hiện lên và yêu cầu phải đăng nhập để được trò chuyện với nhân viên tư vấn.
Vấn đề
3.2.2.1.3. Quản lý đơn hàng
Bảng 3. 7: Mô tả chức năng quản lý đơn hàng Tên Quản lý đơn hàng
Mã UC22
Mục tiêu Quản lý thông tin đơn hàng và một số chức năng khác Tác nhân Quản trị viên, nhân viên
Tiền điều kiện Đã đăng nhập vào trang quản trị Dòng xử lý 1. Ở thanh navigation, quản trị viên/nhân viên nhấn vào “Product Management”, sau đó
chọn “Order” 2. Trang quản lý đơn hàng sẽ hiện ra, quản trị viên/nhân viên có thể thực hiện các chức năng UC22.1, UC22.2, UC22.3, UC22.4, UC22.5.
Chương 3: Xác định yêu cầu 25 Vấn đề
3.2.2.1.4. Trình quản lý hội thoại
Bảng 3. 8: Mô tả chức năng trình quản lý hội thoại Tên Trình quản lý cuộc hội thoại
Mã UC26
Mục tiêu Quản lý cuộc hôi thoại và trả lời tin nhắn trực tuyến với các khách hàng
Tác nhân Quản trị viên và nhân viên Tiền điều kiện Đã đăng nhập vào trang quản trị Dòng xử lý 1. Ở thanh navigation, quản trị viên/nhân viên nhấn vào “Utilities”, sau đó chọn “Messages”.
3. Quản trị viên/nhân viên nhấn vào các phần tin nhắn tương ứng với email khách hàng để trả lời tin nhắn
5. Dưới phần nội dung cuộc hội thoại là phần để nhập tin nhắn.
7. Phản hồi của quản trị viên/nhân viên sẽ được gửi đến khách hàng.
2. Nội dung trình quản lý cuộc hội thoại hiện ra. Bên trái là danh sách các khách hàng đã có nhắn tin với nhân viên. Bên phải là nội dung cuộc hội thoại tương ứng.
4. Nội dung cuộc hội thoại hiện lên và bắt đầu phản hồi tin nhắn của khách hàng.
6. Quản trị viên/nhân viên nhập tin nhắn và nhấn nút gửi bên phải hoặc nhấn Enter trên bàn phím.
8. Nội dụng cuộc hội thoại giữa quản trị viên/nhân viên và khách hàng sẽ được hiển thị phần chính giữa khung chat.
Ngoại lệ Vấn đề
Chương 4: Kiến trúc hệ thống 26 Chương 4: THIẾT KẾ HỆ THỐNG 4.1. Kiến trúc hệ thống Hình 4. 1: Kiến trúc hệ thống 4.2. Lược đồ lớp 4.2.1. Database Hình 4. 2: Database
Chương 4: Kiến trúc hệ thống 27
4.2.1.1. Enum
Hình 4. 3: Enum
4.2.1.2. Interface
Chương 4: Kiến trúc hệ thống 28
4.2.1.3. Entity
Chương 4: Kiến trúc hệ thống 29
4.2.2. DB Context
Chương 4: Kiến trúc hệ thống 30
4.2.3. Repository
Chương 4: Kiến trúc hệ thống 31
4.2.4. Services
Hình 4. 8: Services
4.2.4.1. ViewModel
Chương 4: Kiến trúc hệ thống 32
4.2.4.2. Interface
Chương 4: Kiến trúc hệ thống 33
4.2.4.3. Service
Chương 4: Kiến trúc hệ thống 34
4.2.4.4. Cấu hình cho AutoMapper
Hình 4. 12: Cấu hình AutoMapper
4.2.5. Presentation 4.2.5.1. ViewModel 4.2.5.1. ViewModel
Chương 4: Kiến trúc hệ thống 35
4.2.5.2. Web application
Chương 4: Kiến trúc hệ thống 36
4.2.5.3. Web API
Chương 4: Kiến trúc hệ thống 37
4.3. Lược đồ tuần tự
4.3.1. Lược đồ tuần tự chức năng đánh giá sản phẩm
Chương 4: Kiến trúc hệ thống 38
4.3.2. Lược đồ tuần tự chức năng thêm sản phẩm yêu thích
Chương 4: Kiến trúc hệ thống 39
4.3.3. Lược đồ tuần tự chức năng huấn luyện hệ thống gợi ý sản phẩm
Hình 4. 18: Lược đồ tuần tự chức năng huấn luyện hệ thống gợi ý sản phẩm
4.3.4. Lược đồ tuần tự chức năng lấy sản phẩm từ hệ thống gợi ý sản phẩm
Chương 4: Kiến trúc hệ thống 40
4.4. Thiết kế cơ sở dữ liệu
4.4.1. Mô hình quan hệ thực thể (ERD)
Hình 4. 20: Mô hình quan hệ (ERD)
Chú thích:
Các bảng dữ liệu có màu nổi là được tạo ra để xây dựng các tính năng trong kỳ khóa luận lần này.
- Bảng Feedback: lưu dữ liệu các đánh giá về trang web của người dùng. - Bảng Visitor: lưu số lượng người ghé thăm trang web.
- Bảng Wishlist: lưu dữ liệu các sản phẩm yêu thích.
- Bảng Message: lưu dữ liệu cuộc hội thoại giữa khách hàng và quản trị viên. - Bảng ViewList: lưu dữ liệu các sản phẩm đã xem.
- Bảng ProductFeedback: lưu dữ liệu nội dun các bài đánh giá về sản phẩm. - Bảng ProductFeedbackImage: lưu dữ liệu các hình ảnh sản phẩm thực tế từ các
Chương 4: Kiến trúc hệ thống 41
4.4.2. Mô hình vật lý
Chương 4: Kiến trúc hệ thống 42
4.5. Thiết kế giao diện
4.5.1. Kiến trúc tổng quan của giao diện
4.5.1.1. Luồng đường đi các màn hình phía khách (chưa đăng nhập)
Chương 4: Kiến trúc hệ thống 43
Bảng 4. 1: Mô tả các màn hình phía Khách
Mã Tên màn hình Mô tả
SCC01 Trang chủ
Màn hình trang chủ của website, hiển thị các hình ảnh, slide, banner quảng cáo về các sản phẩm, giới thiệu các sản phẩm mới nhất, các sản phẩm bán chạy và các thông tin về cửa hàng.
SCC02 Kết quả tìm kiếm
Màn hình tìm kiếm sản phẩm, hiển thị các sản phẩm có chứa các ký tự từ khóa mà người dùng đã nhập vào để tìm kiếm.
SCC03 Sản phẩm theo danh mục Màn hình danh sách các sản phẩm, hiển thị các sản phẩm theo từng danh mục loại sản phầm.
SCC04 Chi tiết sản phẩm
Màn hình chi tiết sản phẩm, hiển thị đầy đủ các thông tin chi tiết của sản phẩm bao gồm cả mô tả chi tiết và đánh giá về sản phẩm của khách hàng.
SCC05 Giỏ hàng Màn hình giỏ hàng, hiển thị các sản phẩm đã được người dùng thêm vào giỏ hàng.
SCC06 Thanh toán
Màn hình thanh toán, hiển thị danh sách các sản phẩm cần thanh toán, khu vực nhập thông tin cá nhân của người dùng và các phương thức thanh toán.
SCC07 Thanh toán thành công
Màn hình thanh toán thành công, hiển thị cho