Bối cảnh và vấn đề nghiên cứu

Trong bối cảnh công nghệ thông tin và mạng Internet phát triển mạnh mẽ, thương mại điện tử (TMĐT) đã trở thành một phương thức kinh doanh phổ biến. Cùng với sự xuất hiện rộng rãi của máy tính cá nhân và điện thoại thông minh (smartphone), thói quen mua sắm của người tiêu dùng dịch chuyển đáng kể từ các cửa hàng truyền thống sang các nền tảng trực tuyến. Tuy nhiên, sự cạnh tranh gay gắt trên môi trường số đòi hỏi các hệ thống thông tin không chỉ đáp ứng chức năng nghiệp vụ mà còn phải tối ưu hóa trải nghiệm người dùng (User Experience - UX) và lấy người dùng làm trung tâm (User-Centered Design).

Theo số liệu thống kê được tác giả trích dẫn trong văn bản:

  • 90% người dùng cho biết họ đã ngừng sử dụng một ứng dụng do hiệu suất kém.
  • 86% người dùng đã xóa hoặc gỡ bỏ ứng dụng khi gặp vấn đề liên quan đến chức năng và thiết kế.
  • 86% người dùng đánh giá cao những trải nghiệm đặc biệt và sự tiện dụng khi tương tác với hệ thống.

Sự thành công của các doanh nghiệp công nghệ hàng đầu như Apple, Google, Adobe, Dropbox hay Amazon là minh chứng cho tầm quan trọng của việc đầu tư vào thiết kế giao diện và trải nghiệm người dùng. Xuất phát từ bối cảnh thực tiễn đó, tác giả Trần Thị Thơm (Khoa Đa phương tiện, Học viện Công nghệ Bưu chính Viễn thông) dưới sự hướng dẫn của TS. Vũ Tú Anh đã thực hiện báo cáo bài tập môn Thực hành chuyên sâu với đề tài: "Xây dựng hệ thống website bán sách" (thương hiệu hệ thống: BookLovers, thời gian hoàn thành: tháng 05/2019).

Mục tiêu và nhiệm vụ nghiên cứu

Văn bản xác định các mục tiêu và nhiệm vụ nghiên cứu cụ thể sau:

  1. Nắm vững kiến thức tổng quan về website và quy trình xây dựng website thương mại điện tử.
  2. Nghiên cứu sâu các nguyên lý, quy tắc thiết kế giao diện người dùng (UI) và trải nghiệm người dùng (UX) ứng dụng trong môi trường web.
  3. Phân tích yêu cầu, đặc tả ca sử dụng (Use Case) và mô hình hóa hành vi hệ thống (Sequence Diagram).
  4. Thiết kế và triển khai hoàn thiện hệ thống giao diện cho website bán sách trực tuyến đơn giản dành cho cả phân hệ khách hàng và quản trị viên.

Đối tượng và phạm vi nghiên cứu

  • Đối tượng nghiên cứu: Hệ thống website thương mại điện tử nói chung và hệ thống website bán sách trực tuyến (BookLovers) nói riêng; các quy chuẩn thiết kế UI/UX theo định hướng lấy con người làm trung tâm.
  • Phạm vi nghiên cứu: Khảo sát và ứng dụng quy trình thiết kế Agile UX; phân tích thiết kế hệ thống phần mềm bán sách với các tính năng cơ bản của khách hàng (xem danh mục, tìm kiếm, đặt hàng, hủy đơn, quản lý tài khoản) và quản trị viên (quản lý sách, quản lý đơn hàng, quản lý tác giả, quản lý thể loại, thống kê doanh thu).

Cơ sở lý thuyết và phương pháp

Đề tài kết hợp giữa lý thuyết thiết kế giao diện tương tác, tâm lý học nhận thức của người dùng và phương pháp phát triển phần mềm linh hoạt (Agile).

Khung lý thuyết và nguyên lý thiết kế UI/UX

Tác giả hệ thống hóa các nguyên tắc cốt lõi về thiết kế web và khả năng sử dụng (Usability):

  • 5 khía cạnh cốt lõi của website: Nội dung (tổ chức văn bản), Hình ảnh (bố trí màn hình), Công nghệ (HTML, CSS, JavaScript, XML, Java, Flash), Lưu lượng (tốc độ, dung lượng máy chủ) và Mục đích tồn tại của website.
  • Hai nguyên lý nền tảng:
    1. "Bạn không phải là người dùng" (YOU are NOT the USER) – Tránh việc nhà thiết kế áp đặt tư duy kỹ thuật hoặc sở thích cá nhân lên sản phẩm.
    2. "Người sử dụng không phải là nhà thiết kế" (USERS are NOT DESIGNERS) – Người dùng không có kỹ năng cấu trúc hóa hệ thống, do đó giao diện cần được thiết kế cho người dùng phổ thông (Design for the common user).
  • Quy luật Miller (7 ± 2): Trí nhớ ngắn hạn của con người chỉ lưu giữ được từ 5 đến 9 đơn vị thông tin cùng lúc. Do đó, các danh mục và cụm liên kết trên web cần được nhóm gọn trong giới hạn này.
  • Quy tắc 3-Click: Người dùng có xu hướng ghi nhớ tối đa 3 bước chuyển tiếp tuần tự; hệ thống cần tổ chức cấu trúc phân cấp sao cho người dùng tiếp cận được thông tin hoặc hoàn tất giao dịch trong vòng 3 lần click chuột.
  • Thời gian đáp ứng và hiệu năng tải trang:
    • 0,1 giây: Mang lại cảm giác phản ứng tức thì.
    • Tối đa 3 giây: Không làm gián đoạn dòng suy nghĩ của người dùng.
    • 8 – 10 giây: Ngưỡng tối đa để người dùng nắm bắt thông điệp chính của trang trước khi mất kiên nhẫn.
    • Dung lượng toàn bộ một trang không được vượt quá 56 KB nhằm tối ưu hóa tốc độ tải trên trình duyệt; hiển thị thanh tiến trình nếu tác vụ kéo dài trên 30 giây.
  • Luật Fitts (Fitts's Law) trong tương tác: Tối ưu hóa thời gian di chuyển chuột bằng cách tạo mục tiêu kích thước đủ lớn, đặt các nút thao tác liên quan cạnh nhau để giảm quãng đường di chuột và tận dụng "siêu điểm ảnh" (magic pixel) tại vị trí trỏ chuột.
  • Quy chuẩn thị giác và văn bản: Giới hạn tối đa 5 màu trên giao diện; sử dụng độ tương phản cao (đen/trắng, vàng/đen); chú ý đến đối tượng người dùng mù màu (chiếm khoảng 8% nam giới và 1% nữ giới); sử dụng tối đa 3 phông chữ không chân (sans-serif); hạn chế dùng dưới 4 màu chữ và không dùng màu xanh dương cho văn bản tĩnh để tránh nhầm lẫn với siêu liên kết.
  • Hành vi người dùng trên web:
    • Kích thước ô tìm kiếm: Dẫn xuất từ nghiên cứu của Jakob Nielsen, mở rộng ô tìm kiếm từ 18 ký tự (chỉ đáp ứng 27% độ dài truy vấn) lên 27 ký tự để bao quát 90% nhu cầu tìm kiếm.
    • Vị trí nhãn (label): Đặt nhãn phía trên trường nhập liệu giúp người dùng quét thông tin nhanh hơn bố cục hai cột.
    • Thói quen cuộn trang: Trích dẫn nghiên cứu của Jakob Nielsen cho thấy 77% người dùng không cuộn trang trong lần truy cập đầu tiên (chỉ 23% cuộn) và tỷ lệ này giảm xuống 16% ở lần thứ hai; do đó các thông tin trọng tâm cần đặt ở nửa trên trang (above the fold).
    • Khoảng trắng (White space): Trích dẫn nghiên cứu của Lin (2004) cho thấy việc phân bố khoảng trắng hợp lý giữa các đoạn và lề giúp tăng hiệu quả tiếp nhận nội dung lên gần 20%.

Phương pháp tiếp cận Agile trong thiết kế UX

Tác giả áp dụng mô hình Agile UX Sprint theo chu kỳ 1 tuần (5 ngày làm việc) để xây dựng sản phẩm mẫu và đánh giá lặp:

Ngày Tên giai đoạn Nhiệm vụ chính
Ngày 1 Unpack Họp, thảo luận mục tiêu kinh doanh, phân tích đối thủ, xác định kỳ vọng và kịch bản người dùng, thu thập dữ liệu nghiên cứu.
Ngày 2 Sketch Làm việc độc lập hoặc chia nhóm để phác thảo các ý tưởng giải pháp giao diện trên giấy bằng bút chì.
Ngày 3 Decide Đưa ra các giả định về ngân sách, công nghệ, người dùng; xây dựng kịch bản sử dụng (storyboard); lựa chọn phương án khả thi.
Ngày 4 Prototype Hiện thực hóa ý tưởng thành một bản dùng thử (prototype) tương tác hoàn chỉnh để chuẩn bị kiểm thử.
Ngày 5 Test Thử nghiệm bản prototype trực tiếp với khoảng 20 người dùng cuối; ghi nhận phản hồi, phân tích khó khăn để cải tiến chu kỳ tiếp theo.

Nội dung chính theo từng chương

CHƯƠNG I: GIỚI THIỆU CHUNG VỀ ĐỀ TÀI

Chương này tập trung trình bày tính cấp thiết của đề tài, đặt trong bối cảnh bùng nổ của CNTT và TMĐT. Tác giả chỉ rõ tầm quan trọng của việc xây dựng hệ thống website bán sách trực tuyến dựa trên trải nghiệm người dùng, xác định mục tiêu trang bị kiến thức phân tích thiết kế hệ thống, hiểu rõ quy trình phát triển website TMĐT và xây dựng hoàn chỉnh website bán sách BookLovers. Chương I cũng liệt kê các phân hệ tính năng cơ bản của website bao gồm: Trang chủ (hiển thị sách theo nhóm mới/bán chạy, tìm kiếm, bình luận), Trang hướng dẫn mua hàng, Trang theo dõi đơn hàng, Trang tài khoản cá nhân, và Trang liên hệ.

CHƯƠNG II: PHƯƠNG PHÁP TIẾP CẬN VÀ GIẢI QUYẾT VẤN ĐỀ XÂY DỰNG WEBSITE BÁN SÁCH ONLINE

Chương II thiết lập cơ sở phương pháp luận của đồ án. Tác giả mô hình hóa cấu trúc tổng quát của hệ thống qua 3 sơ đồ giao diện chính (khách hàng có tài khoản, khách hàng vãng lai, và quản trị viên). Tiếp đó, chương trình bày chi tiết quy trình 5 bước áp dụng mô hình Agile UX Design Sprint. Phần trọng tâm của chương đi sâu phân tích các nguyên lý Usability và UX học thuật: từ định luật Fitts, quy tắc Miller 7±2, ngưỡng thời gian phản hồi (0.1s - 3s - 10s), quy chuẩn thị giác màu sắc, kiểm soát phông chữ, tối ưu hóa hộp tìm kiếm theo Jakob Nielsen, cho đến việc bố trí nhãn nhập liệu và tận dụng khoảng trắng theo nghiên cứu của Lin (2004).

CHƯƠNG III: PHÁT TRIỂN HỆ THỐNG WEBSITE BÁN SÁCH ONLINE

Chương III là phần thực nghiệm và triển khai kỹ thuật của đồ án, bao gồm:

  • Xác định yêu cầu và mô hình hóa Use Case: Xây dựng sơ đồ Use Case tổng thể và lập bảng đặc tả chi tiết cho 10 ca sử dụng chính.
  • Mô hình hóa tương tác (Sequence Diagrams): Xây dựng sơ đồ tuần tự chi tiết kèm thuật toán mã giả (pseudo-code) cho các luồng nghiệp vụ quan trọng: Đăng ký, Đăng nhập, Nhập sách mới về, Quản lý sách, Quản lý tác giả, Quản lý thể loại sách, Xem chi tiết sách.
  • Triển khai giao diện hệ thống BookLovers: Thiết kế và hiện thực hóa các màn hình chức năng cụ thể cho cả hai phân hệ Khách hàng (Trang chủ, Đăng ký, Đăng nhập, Giỏ hàng, Thanh toán 3 bước, Theo dõi đơn, Hủy đơn, Tài khoản cá nhân, Liên hệ) và Quản lý (Quản lý sách, Nhập sách mới về, Quản lý đơn hàng, Quản lý tác giả, Quản lý thể loại, Quản lý người dùng, Thống kê doanh thu theo ngày/tuần/tháng/thể loại).

Thiết kế và triển khai

Phân tích ca sử dụng (Use Cases)

Hệ thống BookLovers xác định 4 nhóm tác nhân (Actors) chính: Visitor (Khách vãng lai), Customer (Khách hàng thành viên), Quản lý kho và Manager (Quản trị viên). Dưới đây là bảng tổng hợp các Use Case cốt lõi được đặc tả trong văn bản:

Mã Tên Use Case Tác nhân chính Mục tiêu / Đảm bảo thành công
UC 3.1 Đăng ký (Register) Visitor Tạo tài khoản thành viên mới vào hệ thống với thông tin hợp lệ.
UC 3.2 Đăng nhập (Login) Customer, Manager, Quản lý kho Xác thực thông tin (SĐT, mật khẩu, quyền truy cập) và chuyển đến giao diện tương ứng.
UC 3.3 Xem danh sách theo thể loại Customer, Visitor Hiển thị danh sách sách tương ứng với thể loại được lọc (Kinh tế, Lãng mạn, Kĩ năng, Sách nấu ăn).
UC 3.4 Nhập sách mới về Quản lý kho Thêm mới bản ghi vào bảng Sách mới về; tự động lấy thông tin cũ nếu sách đã tồn tại trong CSDL.
UC 3.5 Quản lý sách Manager, Quản lý kho Hiển thị danh sách theo tháng; thực hiện thêm, sửa, xóa các bản ghi sách mới về, sách tồn kho, sách đã bán.
UC 3.6 Quản lý đơn hàng Manager Xem danh sách đơn theo tháng; cập nhật trạng thái đơn; thực hiện thêm, sửa, xóa đơn hàng.
UC 3.7 Xem thống kê doanh thu Manager Tổng hợp doanh thu theo ngày, tuần, năm và theo từng thể loại sách trong tháng được chọn.
UC 3.8 Quản lý tác giả Manager, Quản lý kho Thêm dòng nhập trực tiếp trên bảng danh sách, sửa trực tiếp tại ô và xóa tác giả khỏi CSDL.
UC 3.9 Quản lý thể loại sách Manager, Quản lý kho Thêm mới, chỉnh sửa và xóa các danh mục thể loại sách trên giao diện quản trị.
UC 3.10 Xem chi tiết sách Customer, Visitor Hiển thị thông tin mô tả chi tiết, ảnh bìa, giá bán, tác giả, thể loại và nút thêm vào giỏ hàng.

Đặc tả luồng xử lý và mô hình tuần tự (Sequence Logic)

Tác giả xây dựng các sơ đồ tuần tự và mã giả mô tả sự tương tác giữa các lớp Giao diện (GD), Điều khiển (Ctrl) và Cơ sở dữ liệu (CSDL/Entity). Cụ thể:

  1. Nghiệp vụ Đăng ký & Đăng nhập:

    • Khi người dùng gửi form đăng ký, hệ thống kiểm tra định dạng dữ liệu đầu vào và kiểm tra trùng lặp Số điện thoại trong CSDL. Nếu hợp lệ, hệ thống tạo bản ghi tài khoản mới.
    • Khi đăng nhập, hệ thống kiểm tra sự tồn tại của Số điện thoại, đối soát mật khẩu đã mã hóa và quyền truy cập (Khách hàng hoặc Quản lý), sau đó điều hướng về trang chủ tương ứng.

  2. Nghiệp vụ Nhập sách mới về:

    • Quản lý kho nhập Mã sách và nhấn nút "Tìm kiếm". Hệ thống truy vấn CSDL: nếu mã sách đã tồn tại, hệ thống tự động điền các trường tĩnh (Tên sách, Tác giả, Thể loại, Đơn giá nhập, Đơn giá bán, Bìa sách, Giới thiệu) và người dùng chỉ cần nhập thêm Số lượng, Ngày nhập rồi nhấn "Lưu".
    • Nếu mã sách chưa tồn tại, người dùng nhập mới toàn bộ thông tin. Hệ thống thực hiện ghi đồng thời vào bảng Sách và bảng Sách mới về.

  3. Nghiệp vụ Quản lý sách theo tháng:

    • Cho phép lọc sách theo tháng quản lý, tách thành các bảng hiển thị: Sách mới về, Sách đã bán, Sách tồn kho.
    • Cho phép chỉnh sửa thông tin hoặc xóa bản ghi với cơ chế đồng bộ cập nhật trên CSDL.

Hiện thực hóa giao diện hệ thống BookLovers

[Phân hệ Khách hàng]

[Phân hệ Quản lý]

Kết quả và đóng góp

Kết quả đạt được

  • Hệ thống hóa cơ sở lý thuyết UI/UX: Tổng hợp đầy đủ các nguyên lý thiết kế tương tác chuẩn mực từ các nghiên cứu kinh điển (Luật Fitts, Định luật Miller, nghiên cứu của Jakob Nielsen, Lin, Schail & Ling).
  • Ứng dụng quy trình thiết kế Agile UX: Xây dựng thành công chu trình làm việc 5 ngày/sprint từ khâu phân tích bài toán đến kiểm thử mẫu prototype với 20 người dùng.
  • Thiết kế hoàn chỉnh hệ thống bán sách BookLovers:
    • Xây dựng 10 ca sử dụng trọng tâm với đầy đủ kịch bản chính, kịch bản thay thế và ngoại lệ.
    • Xây dựng 7 sơ đồ tuần tự mô hình hóa chi tiết dòng dữ liệu và thuật toán xử lý giữa giao diện, bộ điều khiển và cơ sở dữ liệu.
    • Thiết kế hoàn chỉnh hơn 20 màn hình giao diện trực quan cho cả khách hàng và ban quản lý, tích hợp các tính năng thương mại điện tử thực tế như quy trình thanh toán 3 bước đa cổng (MoMo, ZaloPay, Thẻ quốc tế, ATM), hủy đơn có đếm ngược thời gian và theo dõi đơn hàng theo thời gian thực.

Đóng góp của đề tài

  • Đưa ra một mô hình mẫu về việc ứng dụng thiết kế lấy người dùng làm trung tâm (UCD) vào một bài toán thương mại điện tử cụ thể (website bán sách).
  • Kết hợp chặt chẽ giữa đặc tả phân tích phần mềm truyền thống (UML: Use Case, Sequence Diagram) với quy tắc thiết kế trải nghiệm người dùng hiện đại (Agile UX Sprint).

Hạn chế và hướng nghiên cứu tiếp

Văn bản ghi nhận một số hạn chế do điều kiện thời gian và kiến thức của sinh viên trong khuôn khổ môn thực hành chuyên sâu:

  • Hệ thống tập trung chủ yếu vào việc phân tích, thiết kế giao diện UI/UX và mô hình hóa luồng xử lý dữ liệu logic của website BookLovers.
  • Các tính năng backend và cơ sở dữ liệu được thể hiện ở dạng mã giả (pseudo-code) và giao diện mẫu (prototype), cần tiếp tục hoàn thiện mã nguồn thực tế và kiểm thử hiệu năng tải trang trên môi trường mạng diện rộng.

Giá trị tham khảo

Báo cáo là tài liệu tham khảo thiết thực cho:

  • Sinh viên ngành Công nghệ Đa phương tiện, Công nghệ Thông tin, Kỹ thuật Phần mềm: Tham khảo cách trình bày một báo cáo chuyên đề/đồ án môn học về phân tích thiết kế hệ thống thông tin.
  • Người học và chuyên viên thiết kế UI/UX: Nắm bắt khung lý thuyết tổng hợp về khả năng sử dụng (Usability), các quy luật thị giác, luật Fitts, ngưỡng thời gian phản hồi và quy trình triển khai Agile UX Sprint 5 ngày.
  • Lập trình viên phát triển web TMĐT: Tham khảo cấu trúc phân hệ chức năng, quy trình đặc tả Use Case, thiết kế luồng thanh toán và quản trị bán sách trực tuyến.

Câu hỏi thường gặp

1. Đồ án áp dụng quy trình Agile trong thiết kế UX như thế nào?

Đồ án áp dụng chu kỳ Agile UX Sprint kéo dài 1 tuần gồm 5 bước (mỗi bước 1 ngày):

  • Ngày 1 (Unpack): Họp thảo luận mục tiêu, kịch bản người dùng và phân tích đối thủ.
  • Ngày 2 (Sketch): Phác thảo giao diện trên giấy bằng bút chì.
  • Ngày 3 (Decide): Quyết định các kịch bản sử dụng (storyboard) và loại bỏ các giả định không khả thi.
  • Ngày 4 (Prototype): Xây dựng bản mẫu dùng thử tương tác.
  • Ngày 5 (Test): Kiểm thử trực tiếp bản prototype với 20 người dùng cuối để thu thập phản hồi.

2. Định luật Miller (7 ± 2) và Quy tắc 3-Click được vận dụng ra sao trong thiết kế web?

  • Định luật Miller (7 ± 2): Trí nhớ ngắn hạn của con người chỉ duy trì từ 5 đến 9 mục thông tin cùng lúc. Website ứng dụng quy luật này để giới hạn số lượng liên kết trong từng cụm menu/danh mục không vượt quá 5 - 9 mục nhằm tránh gây quá tải nhận thức.
  • Quy tắc 3-Click: Nhấn mạnh cấu trúc phân cấp website phải rõ ràng, cho phép người dùng tìm thấy nội dung cần thiết hoặc hoàn tất giao dịch trong vòng tối đa 3 lần nhấp chuột liên tiếp.

3. Quy trình thanh toán của hệ thống BookLovers gồm những bước nào và hỗ trợ các hình thức thanh toán nào?

Quy trình thanh toán gồm 3 bước:

  • Bước 1 (Giỏ hàng): Kiểm tra danh sách sách đã chọn, số lượng, tùy chọn bọc sách và tổng tiền tạm tính.
  • Bước 2 (Địa chỉ giao hàng): Xác nhận hoặc chỉnh sửa họ tên, số điện thoại và địa chỉ nhận hàng.
  • Bước 3 (Thanh toán và Đặt mua): Lựa chọn phương thức thanh toán và xác nhận đặt đơn. Hệ thống hỗ trợ 5 hình thức: Tiền mặt khi nhận hàng (COD), Thẻ quốc tế (Visa, Master, JCB), Thẻ ATM nội địa/Internet Banking, Ví MoMo và Ví ZaloPay.

4. Luồng xử lý của ca sử dụng "Nhập sách mới về" có điểm gì đặc biệt?

Khi người quản lý kho nhập một Mã sách và nhấn "Tìm kiếm", hệ thống sẽ kiểm tra trong CSDL:

  • Nếu sách đã tồn tại: Hệ thống tự động nạp toàn bộ thông tin cũ (Tên sách, Tác giả, Thể loại, Đơn giá nhập, Đơn giá bán, Bìa, Giới thiệu) lên form, người dùng chỉ cần nhập Số lượng và Ngày nhập mới.
  • Nếu sách chưa tồn tại: Người dùng nhập toàn bộ thông tin mới. Hệ thống sẽ tạo đồng thời bản ghi trong bảng Sách và bảng Sách mới về.

5. Văn bản đưa ra khuyến nghị gì về việc sử dụng màu sắc và kiểu chữ trên giao diện web?

  • Về màu sắc: Giới hạn tối đa 5 màu trên toàn trang; giữ độ tương phản cao (khuyến khích đen/trắng hoặc vàng/đen); tránh dùng chữ sáng trên nền sáng hoặc chữ tối trên nền tối; lưu ý yếu tố thị giác của người mù màu (8% nam, 1% nữ) bằng cách phân biệt các thành phần qua ít nhất 2 thuộc tính (ví dụ Hue và Lightness); không dùng màu xanh dương cho chữ thông thường để tránh nhầm với liên kết.
  • Về phông chữ: Sử dụng tối đa 3 phông chữ; bắt buộc dùng phông không chân (sans-serif) cho phần nội dung để giảm mỏi mắt; dùng ít hơn 4 màu chữ và căn chỉnh khoảng cách giãn dòng hợp lý.

Kết luận

Báo cáo bài tập môn Thực hành chuyên sâu "Xây dựng hệ thống website bán sách" của sinh viên Trần Thị Thơm (PTIT) đã hoàn thành toàn diện các mục tiêu đề ra về mặt lý thuyết và thiết kế hệ thống. Đề tài đã hệ thống hóa sâu sắc các nguyên lý Usability, quy chuẩn thị giác và quy trình Agile UX Sprint 5 ngày để ứng dụng vào hệ thống thực tế BookLovers. Thông qua 10 đặc tả Use Case, 7 sơ đồ tuần tự và hệ thống giao diện mẫu cho cả hai phân hệ khách hàng - quản trị viên, công trình mang lại giá trị tham khảo rõ ràng cho sinh viên và người làm chuyên môn trong lĩnh vực phân tích thiết kế giao diện website thương mại điện tử.