1. Trang chủ
  2. » Luận Văn - Báo Cáo

se397f nhom7 se397f nhom7đồ án cdio se 397 f xây dựng website bán hàng thời trang

74 4 0
Tài liệu đã được kiểm tra trùng lặp

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Tiêu đề Xây dựng website bán hàng thời trang
Tác giả Trần Văn Lịch, Trần Văn Sử, Nguyễn Hoàng Lâm Tấn, Phan Hữu Minh Thiện, Đinh Quang Tín, Võ Thị Như Ý
Người hướng dẫn Ths. Phan Long
Trường học Đại học Duy Tân
Chuyên ngành Công Nghệ Thông Tin
Thể loại Đồ án CDIO
Năm xuất bản 2024
Thành phố Đà Nẵng
Định dạng
Số trang 74
Dung lượng 2,58 MB

Cấu trúc

  • PHẦN I: Ý TƯỞNG SẢN PHẨM (CONCEIVE) (5)
    • 1.1. ĐỀ XƯỚNG Ý TƯỞNG SẢN PHẨM (CÁ NHÂN) (5)
      • 1.1.1. Thành viên 1 (5)
      • 1.1.2. Thành viên 2 (6)
      • 1.1.3. Thành viên 3 (8)
      • 1.1.4. Thành viên 4 (9)
      • 1.1.5. Thành viên 5 (11)
      • 1.1.6. Thành viên 6 (13)
    • 1.2. ĐÁNH GIÁ Ý TƯỞNG SẢN PHẨM TRONG NHÓM (0)
  • PHẦN II: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG (DESIGN) (0)
    • 2.1. ĐẶC TẢ YÊU CẦU CHỨC NĂNG (0)
      • 2.1.1 Mô tả hệ thống (0)
      • 2.1.2 Môi trường phát triển (0)
      • 2.1.3 Các yêu cầu b[ trợ khác (0)
    • 2.2. PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG (0)
      • 2.2.1 Tác nhân của hệ thống (0)
      • 2.2.2 Biểu đồ Use Case sử dụng t[ng quát (Use Case Diagram) (0)
      • 2.2.3 Đặc tả các Use Case (22)
      • 2.2.4 Biểu đồ tuần tự và biểu đồ hoạt động (37)
    • 2.3. CƠ SỞ DỮ LIỆU (59)
      • 2.3.1 Giới thiệu về MongoDB (59)
      • 2.3.1. Dữ liệu người dùng (59)
      • 2.3.2. Dữ liệu sản phẩm (60)
  • PHẦN III: THIẾT KẾ GIAO DIỆN (DESIGN INTERFACE) (61)
    • 3.1. Giao diện đăng nhập (61)
    • 3.2. Giao diện đăng ký (63)
    • 3.3. Giao diện trang chủ (65)
    • 3.4. Giao diện trang mua sắm (67)
    • 3.5. Giao diện trang chi tiết sản phẩm (70)
    • 3.6. Giao diện giỏ hàng (71)
  • KẾT LUẬN (74)

Nội dung

SE 397 FUC5 Quản lý thông tin cá nhân Người dùngBảng 2.2 Đặc tả Use case tổng quátTác nhân Quản trị hệ thống, Người dùng, Khách vãng laiMục đích Mô tả toàn bộ chức năng của từng đối tượn

Ý TƯỞNG SẢN PHẨM (CONCEIVE)

ĐỀ XƯỚNG Ý TƯỞNG SẢN PHẨM (CÁ NHÂN)

- Họ & Tên (sinh viên): Nguyễn Hoàng Lâm Tấn

- Chuyên ngành: Công nghệ phần mềm.

- Tên ý tưởng (sản phẩm): Website Quản lý khách sạn

- Ngày/tháng/năm: 09/01/2024. a Mô tả ý tưởng sản phẩm.

Trong thời đại công nghệ thông tin đang phát triển như hiện nay thì hình thức đặt phòng khách sạn online(trực tuyến) qua website đang diễn ra khá phổ biến và được nhiều người đón nhận Cung cấp thông tin chi tiết về các loại phòng, hình ảnh, tiện nghi, và các điều kiện đặt phòng.,

Tích hợp hệ thống thanh toán an toàn và thuận tiện để khách hàng có thể thanh toán trực tuyến một cách dễ dàng Cho phép khách hàng đánh giá và viết nhận xét về trải nghiệm của họ, giúp người khác đưa ra quyết định thông tin hơn khi chọn lựa khách sạn Cung cấp dịch vụ hỗ trợ khách hàng liên tục để giải quyết mọi vấn đề hoặc yêu cầu từ phía khách hàng

Có thể kể ra một số lợi ích của quản lý khách sạn trực tuyến qua website mang lại cho người dùng như:

- Đặc phòng trực tuyến, hiển thị thông tin chi tiết khách sạn.

- Hỗ trợ thanh toán trực tuyến, thêm phòng khách sạn.

- Hỗ trợ khách hàng 24/7. b Đánh giá cơ sở kiến thức của sinh viên.

Mảng kiến thức chuyên ngành cần thiết cho việc phát triển sản phẩm hoặc ý tưởng sản phẩm đã nêu:

- Phân tích thiết kế hệ thống

- Phân tích thiết kế hướng đối tượng

- Hệ quản trị cơ sở dữ liệu

Mảng kỹ năng cần thiết cho việc phát triển sản phẩm hoặc ý tưởng sản phẩm đã nêu:

- Kỹ năng lam việc nhóm c Đánh giá khả năng phát triển của sản phẩm.

Liệt kê các loại đối tượng sẽ được hưởng lợi từ ý tưởng sản phẩm của bạn

(ít nhất là 1,nhiều nhất là 5):

Hầu hết mọi người những ai có nhu cầu đặt phòng.

Quản lý khách sạn quản lý số lượng khách sạn Ước tính số lượng người 15000

SE 397 F sẽ hưởng lợi từ sản phẩm của bạn Ước tính số lượng người sẽ bỏ tiền ra mua sản phẩm của bạn

9900 Ước lượng số năm sản phẩm của bạn sẽ ở trên thị trường cho đến khi bị thay thế:

1 năm Ước lượng số năm cần thiết để phát triển sản phẩm của bạn:

- Họ & Tên (sinh viên): Trần Văn Lịch

- Chuyên ngành: Công nghệ phần mềm.

- Tên ý tưởng (sản phẩm): Website quản lý nhân sự

- Ngày/tháng/năm: 09/01/2024. a Mô tả ý tưởng sản phẩm.

Trong thời đại công nghệ thông tin đang phát triển như hiện nay thì hình thức quản

Trung bình Khá Cao Rất Cao Đánh giá khả năng các nha đầu tư sẽ bỏ tiền ra cho ý tưởng sản phẩm của bạn:

Trung bình Khá Cao Rất Cao Ước tính độ khó để phát triển thành công sản phẩm của bạn

SE 397 F lý online(trực tuyến) qua website đang diễn ra khá phổ biến và được nhiều người đón nhận Đây là phương thức quản lý sử dụng kết nối mạng internet để phục vụ cho việc quản lý số lượng nhân viên, tiền lương,

Hệ thống quản lý nhân sự này được xây dựng với mục tiêu tối ưu hóa quá trình quản lý nhân sự trong tổ chức, từ việc tuyển dụng đến quản lý hiệu suất và phát triển cá nhân.

Có thể kể ra một số lợi ích của hình thức quản lý trực tuyến qua website mang lại như:

- An toàn bảo mật. b Đánh giá cơ sở kiến thức của sinh viên.

Mảng kiến thức chuyên ngành cần thiết cho việc phát triển sản phẩm hoặc ý tưởng sản phẩm đã nêu:

- Phân tích thiết kế hệ thống

- Phân tích thiết kế hướng đối tượng

- Hệ quản trị cơ sở dữ liệu

Mảng kỹ năng cần thiết cho việc phát triển sản phẩm hoặc ý tưởng sản phẩm đã nêu:

- Kỹ năng lam việc nhóm c Đánh giá khả năng phát triển của sản phẩm.

Liệt kê các loại đối tượng sẽ được hưởng lợi từ ý tưởng sản phẩm của bạn

(ít nhất là 1,nhiều nhất là 5):

Hầu hết mọi lứa tuổi (có khả năng chi trả ) Ước tính số lượng người sẽ hưởng lợi từ sản phẩm của bạn

1100 Ước tính số lượng người sẽ bỏ tiền ra mua sản phẩm của bạn

Trung bình Khá Cao Rất Cao Đánh giá khả năng các nha đầu tư sẽ bỏ tiền ra cho ý tưởng sản phẩm của bạn:

SE 397 F Ước lượng số năm sản phẩm của bạn sẽ ở trên thị trường cho đến khi bị thay thế:

Trung bình Khá Cao Rất Cao Ước tính độ khó để phát triển thành công sản phẩm của bạn

X Ước lượng số năm cần thiết để phát triển sản phẩm của bạn: 1

- Họ & Tên (sinh viên): Võ Thị Như Ý

- Chuyên ngành: Công nghệ phần mềm.

- Tên ý tưởng (sản phẩm): Website quản lý thư viện,

- Ngày/tháng/năm: 09/01/2024. a Mô tả ý tưởng sản phẩm.

Trong thời đại công nghệ thông tin đang phát triển như hiện nay thì hình thức mua bán online(trực tuyến) qua website đang diễn ra khá phổ biến và được nhiều người đón nhận Đây là phương thức mua sắm sử dụng kết nối mạng internet để phục vụ buôn bán, nghiên cứu thị trường,

Mua sắm tuyến đang là xu hướng của thời đại Bắt đầu từ khi có internet, việc buôn bán trên các website đang rất thịnh hành tại Việt Nam nhờ phù hợp với nhu cầu của mọi người.

Có thể kể ra một số lợi ích của quản lý thư viện trực tuyến qua website mang lại cho người dùng như:

- Quản lý ở mọi lúc, mọi nơi, mọi thời điểm.

- Giúp tiết kiệm thời gian, chi phí đi lại.

- Linh hoạt chủ động trong việc lựa chọn. b Đánh giá cơ sở kiến thức của sinh viên.

Mảng kiến thức chuyên ngành cần thiết cho việc phát triển sản phẩm hoặc ý tưởng sản phẩm đã nêu:

- Phân tích thiết kế hệ thống

- Phân tích thiết kế hướng đối tượng

- Hệ quản trị cơ sở dữ liệu Mảng kỹ năng cần thiết - Kỹ năng tư duy

SE 397 F cho việc phát triển sản phẩm hoặc ý tưởng sản phẩm đã nêu:

- Kỹ năng lam việc nhóm c Đánh giá khả năng phát triển của sản phẩm.

Liệt kê các loại đối tượng sẽ được hưởng lợi từ ý tưởng sản phẩm của bạn

(ít nhất là 1,nhiều nhất là 5):

Hầu hết mọi lứa tuổi (có khả năng chi trả ) Ước tính số lượng người sẽ hưởng lợi từ sản phẩm của bạn 15000 Ước tính số lượng người sẽ bỏ tiền ra mua sản phẩm của bạn 9900

Trung bình Khá Cao Rất Cao Đánh giá khả năng các nha đầu tư sẽ bỏ tiền ra cho ý tưởng sản phẩm của bạn:

X Ước lượng số năm sản phẩm của bạn sẽ ở trên thị trường cho đến khi bị thay thế:

Trung bình Khá Cao Rất Cao Ước tính độ khó để phát triển thành công sản phẩm của bạn

X Ước lượng số năm cần thiết để phát triển sản phẩm của bạn: 1

- Họ & Tên (sinh viên): Phan Hữu Minh Thiện

- Chuyên ngành: Công nghệ phần mềm.

- Tên ý tưởng (sản phẩm): Website cung cấp dịch vụ đăng ký cấp thẻ ( visa, thẻ ngân hàng,) trực tuyến.

- Ngày/tháng/năm: 09/01/2024. a Mô tả ý tưởng sản phẩm.

Trong thời đại công nghệ thông tin đang phát triển như hiện nay thì hình thức đăng ký các loại giấy tờ hay cấp thẻ online (trực tuyến) qua website đang diễn ra khá phổ biến va được nhiều người đón nhận Đây là phương thức đăng ký sử dụng kết nối mạng internet để phục vụ cho việc ở đâu cũng có thể đăng ký cấp thẻ visa nhanh chóng và tiện lợi

Việc đăng ký trực tuyến này đang la xu hướng của thời đại Bắt đầu từ lúc covid diễn ra thì việc làm các giấy tờ trực tuyến thông qua mạng internet thì rất là bùng nổ Nhờ tính khả dụng, nhanh chóng và tiện lợi với tất cả mọi người Chỉ cần có mạng internet thì ở đâu ta cũng có thể hoàn thành một cách nhanh chóng. Đồng thời việc làm online này có thể giúp các cơ quan có thể giải quyết nhanh chóng và tiện lợi

Có thể kể ra một số lợi ích của hình thức đăng ký online trực tuyến qua website mang lại cho người dùng như:

- Đăng ký ở mọi lúc, mọi nơi, mọi thời điểm.

- Giúp tiết kiệm thời gian, chi phí đi lại.

- Linh hoạt chủ động trong việc lựa chọn các dịch vụ đăng ký tùy nhu cầu của người dùng. b Đánh giá cơ sở kiến thức của sinh viên.

Mảng kiến thức chuyên ngành cần thiết cho việc phát triển sản phẩm hoặc ý tưởng sản phẩm đã nêu:

- Phân tích thiết kế hệ thống

- Phân tích thiết kế hướng đối tượng

- Hệ quản trị cơ sở dữ liệu

Mảng kỹ năng cần thiết cho việc phát triển sản phẩm hoặc ý tưởng sản phẩm đã nêu:

- Kỹ năng lam việc nhóm c Đánh giá khả năng phát triển của sản phẩm.

Liệt kê các loại đối tượng sẽ được hưởng lợi từ ý tưởng sản phẩm của bạn

(ít nhất là 1,nhiều nhất là 5):

Tấ cả mọi người. Ước tính số lượng người sẽ hưởng lợi từ sản phẩm của bạn 5000

SE 397 F Ước tính số lượng người sẽ bỏ tiền ra mua sản phẩm của bạn 1000

Trung bình Khá Cao Rất Cao Đánh giá khả năng các nha đầu tư sẽ bỏ tiền ra cho ý tưởng sản phẩm của bạn:

X Ước lượng số năm sản phẩm của bạn sẽ ở trên thị trường cho đến khi bị thay thế:

Trung bình Khá Cao Rất Cao Ước tính độ khó để phát triển thành công sản phẩm của bạn

X Ước lượng số năm cần thiết để phát triển sản phẩm của bạn: 1

- Họ & Tên (sinh viên): Đinh Quang Tín

- Chuyên ngành: Công nghệ phần mềm.

- Tên ý tưởng (sản phẩm): Xây dựng Website thời trang

- Ngày/tháng/năm: 09/01/2024 a Mô tả ý tưởng sản phẩm.

Do nhu cầu mở rộng thị trường cũng như quảng bá sản phẩm và nâng cao chất lượng, tăng doanh thu là vấn đề đáng quan tâm của các doanh nghiê …p kinh doanh Vì vậy ban quản lý của doanh nghiê …p rất mong muốn có mô …t hê … thống trực tuyến để giới thiệu sản phẩm và buôn bán phụ kiện , thời trang trực tuyến, cũng như hỗ trợ khách hàng các thông tin cần thiết Hiểu được điều đó, tôi muốn xây dựng một website thời trang, đơn giản, thân thiện, dễ sử dụng, cho phép khách hàng xem thông tin và đặt

SE 397 F hàng qua mạng, người quản trị quản lý các thông tin về sản phẩm cũng như người dùng. b Đánh giá cơ sở kiến thức của sinh viên.

Mảng kiến thức chuyên ngành cần thiết cho việc phát triển sản phẩm hoặc ý tưởng sản phẩm đã nêu:

- Phân tích thiết kế hệ thống

- Phân tích thiết kế hướng đối tượng

- Hệ quản trị cơ sở dữ liệu

Mảng kỹ năng cần thiết cho việc phát triển sản phẩm hoặc ý tưởng sản phẩm đã nêu:

- Kỹ năng lam việc nhóm c Đánh giá khả năng phát triển của sản phẩm.

Liệt kê các loại đối tượng sẽ được hưởng lợi từ ý tưởng sản phẩm của bạn

(ít nhất là 1,nhiều nhất là 5):

-Mọi người Ước tính số lượng người sẽ hưởng lợi từ sản phẩm của bạn

4869 Ước tính số lượng người sẽ bỏ tiền ra mua sản phẩm của bạn

Trung bình Khá Cao Rất Cao Đánh giá khả năng các nha đầu tư sẽ bỏ tiền ra cho ý tưởng sản phẩm của bạn:

X Ước lượng số năm sản phẩm của bạn sẽ ở trên thị trường cho đến khi bị thay thế:

Trung bình Khá Cao Rất Cao Ước tính độ khó để X

SE 397 F phát triển thành công sản phẩm của bạn Ước lượng số năm cần thiết để phát triển sản phẩm của bạn:

- Họ & Tên (sinh viên): Trần Văn Sử

- Chuyên ngành: Công nghệ phần mềm.

- Tên ý tưởng (sản phẩm): Hệ Thống Quản Lý Điểm Sinh Viên

- Ngày/tháng/năm: 09/01/2024 a Mô tả ý tưởng sản phẩm.

Ngành giáo dục ngày càng phát triển ở Việt Nam và điều khó khăn cho các trung tâm là làm sao quản lý sinh viên của mình Một trong những công cụ hữu dụng giúp doanh nghiệp có thể quản lý sinh viên và thu hút học viên hơn chính là CRM.

Hiện nay số lượng sinh viên của các trường đại học hay những trường đào tạo nghề ngày càng nhiều Ngoài ra các trung tâm đào tạo về ngoại ngữ, tin học, thiết kế, cũng đa dạng không kém và cạnh tranh ngày càng gay gắt trên thị trường Do vậy các doanh nghiệp cần có những phương tiện và công cụ hữu ích để có thể thu hút và giữ chân sinh viên.

Và một trong những phần mềm phải kể đến rất hữu ích cho ngành giáo dục là CRM.

Với những tính năng của CRM - phần mềm quản lý sinh viên thì có thể đem lại rất nhiều những lợi ích để giúp doanh nghiệp giữ chân sinh viên và quản lý sinh viên tốt hơn. Lợi ích khi sử dụng phần mềm quản lý học sinh – sinh viên :

-Giúp các giáo viên giảm lượng công việc, tiết kiệm thời gian mà vẫn có thể quản lý lớp học một cách hiệu quả -Giúp xếp lớp, thông báo lớp học, thời khoá biểu, quản lý quá trình học tập, kết quả học tập của học sinh – sinh viên.

+ Chia thời khóa biểu cho từng lớp thi học kỳ quản lý thông tin giáo viên, phân Công giảng dạy,lịch giảng dạy cho từng giáo viên.

+Theo dõi lịch giảng dạy của từng giáo viên sau khi phân công lịch giảng dạy :

In thẻ học sinh sinh viên

In thẻ HS-SV, giấy chứng nhận đang học, giấy chứng nhận tốt nghiệp tạm thời và các loại danh sách như danh sách thi, danh sách ghi điểm, danh sách điểm danh,… Đặc biệt cho phép in danh sách lớp bằng cách thiết lập điều kiện lọc, điều chỉnh thứ tự các cột hiển thị,… b Đánh giá cơ sở kiến thức của sinh viên.

Mảng kiến thức chuyên ngành cần thiết cho việc phát triển sản phẩm hoặc ý tưởng sản phẩm đã nêu:

- Phân tích thiết kế hệ thống

- Phân tích thiết kế hướng đối tượng

- Hệ quản trị cơ sở dữ liệu

Mảng kỹ năng cần thiết cho việc phát triển sản phẩm hoặc ý tưởng sản phẩm đã nêu:

- Kỹ năng lam việc nhóm c Đánh giá khả năng phát triển của sản phẩm.

Liệt kê các loại đối tượng sẽ được hưởng lợi từ ý tưởng sản phẩm của bạn

(ít nhất là 1,nhiều nhất là 5):

-Giảng viên Ước tính số lượng người sẽ hưởng lợi từ sản phẩm của bạn 1500 Ước tính số lượng người sẽ bỏ tiền ra mua sản phẩm của bạn

Trung bình Khá Cao Rất Cao Đánh giá khả năng các nha đầu tư sẽ bỏ tiền ra cho ý tưởng sản phẩm của bạn:

X Ước lượng số năm sản phẩm của bạn sẽ ở trên thị trường cho đến khi bị thay thế:

Trung Khá Cao Rất Cao

UC5 Quản lý thông tin cá nhân Người dùng

UC6 Quản lý giỏ hàng Người dùng

UC7 Đặt hàng Người dùng

UC8 Quản lý tài khoản Quản trị viên

UC9 Quản lý sản phẩm Quản trị viên

UC10 Quản lý đơn hàng Quản trị viên

Bảng 2.2 Đặc tả Use case tổng quát

Tác nhân Quản trị hệ thống, Người dùng, Khách vãng lai

Mục đích Mô tả toàn bộ chức năng của từng đối tượng người dùng trong hệ thống

2.2.3 Đặc tả các Use Case

Hình 2.2.3.1: Biểu đồ Use case đăng ký tài khoản

Bảng đặc tả Use Case đăng ký tài khoản

Tên Use Case Đăng ký tài khoản

Tác nhân Khách vãng lai

PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG (DESIGN)

CƠ SỞ DỮ LIỆU

MongoDB là một hệ quản trị cơ sở dữ liệu NoSQL (Not Only SQL) mã nguồn mở, phát triển và duy trì bởi MongoDB Inc Nó sử dụng mô hình lưu trữ dữ liệu JSON dưới dạng BSON (Binary JSON), giúp đơn giản hóa quá trình lưu trữ và truy xuất dữ liệu Dưới đây là một số điểm quan trọng về MongoDB:

- Dữ liệu dạng JSON/BSON: MongoDB lưu trữ dữ liệu dưới dạng JSON (JavaScript Object Notation) hoặc BSON (Binary JSON) Điều này giúp linh hoạt trong việc lưu trữ dữ liệu phức tạp

- Cấu trúc không cố định (Schema-less): MongoDB không yêu cầu một cấu trúc cố định cho dữ liệu, cho phép thay đổi cấu trúc dữ liệu mà không cần sửa đổi các bảng hoặc schema như trong hệ quản trị cơ sở dữ liệu quan hệ

- Tích hợp tốt với ngôn ngữ lập trình: MongoDB cung cấp driver cho nhiều ngôn ngữ lập trình phổ biến như Python, Java, Node.js, và nhiều ngôn ngữ khác

- Tính tương thích cao: MongoDB có khả năng mở rộng dữ liệu dễ dàng bằng cách thêm vào các node mới trong cụm máy chủ, giúp đáp ứng với sự tăng trưởng của dữ liệu và lưu lượng công việc

- Hỗ trợ truy vấn phức tạp: MongoDB hỗ trợ các truy vấn phức tạp thông qua các chức năng như index, aggregation framework và MapReduce

- Community và Enterprise Editions: MongoDB có bản Community Edition miễn phí và Enterprise Edition có thêm nhiều tính năng và hỗ trợ chính thức

- Mongoose: Mongoose là một thư viện MongoDB cho Node.js, giúp quản lý kết nối và thực hiện các thao tác CRUD một cách thuận tiện

MongoDB thường được sử dụng trong các ứng dụng web, hệ thống phân tán, và các dự án nhu cầu linh hoạt và mở rộng cao.

STT Tên thuộc tính Mô tả Kiểu dữ liệu

1 Name Tên người dùng String

4 Avatar Ảnh đại diện String

STT Tên thuộc tính Mô tả Kiểu dữ liệu

1 Name Tên sản phẩm String

2 Image Hình đại diện String

THIẾT KẾ GIAO DIỆN (DESIGN INTERFACE)

Giao diện đăng nhập

Hình 3.1: Giao diện đăng nhập Bảng đặt tả giao diện đăng nhập:

Truy câ €p Sau khi đăng ký thành công/ vào trang web Đối tượng Người dùng

Mục Kiểu Dữ liê €u Mô tả

1 Email Test box Mặc định Hiển thị khung nhập email

2 Password Test box Mặc định Hiển thị khung nhập mật khẩu

3 Sign in Button Mặc định Hiển thị nút đăng nhập

4 Sign up Link Mặc định Hiển thị link đăng ký

Tên Mô tả Thành công Thất bại

Nhập vào nhập email Nhập email Hiển thị email hợp lệ

Nhập mật khẩu Hiển thị mật khẩu hợp lệ

Nhấn vào nút Sign in Nhấn vào nút Sign in Hiển thị tên giao diện trang chủ

Nhấn vào Sign up Nhấn vào Sign up Hiển thị giao điện đăng ký

Giao diện đăng ký

Hình 3.2: Giao diện đăng ký.

Bảng đặt tả giao diện đăng ký:

Truy câ €p Sau khi truy cập trang web Đối tượng Khách vãng lai

Mục Kiểu Dữ liê €u Mô tả

1 Email Test box Mặc định Hiển thị khung nhập email

2 Password Test box Mặc định Hiển thị khung nhập mật khẩu

3 Full name Test box Mặc định Hiển thị khung nhập đầy đủ tên

4 I accept the Terms and Coditions

Mặc định Hiển thị check box

5 Create an accuont Button Mặc định Hiển thị nút tạo tài khoản

6 Login here Link Mặc định Hiển thị link đăng nhập

Tên Mô tả Thành công Thất bại

Nhập vào nhập email Nhập email Hiển thị email hợp lệ

Nhập vào password Nhập mật khẩu Hiển thị mật khẩu hợp lệ

Nhập vào full name Nhập đầy đủ tên Hiển thị tên đầy đủ Thông báo lỗi

Nhấn vào Check box Nhấn vào Check box Hiển thị dấu tích Không hiển thị dấu tích

Nhấn vào Create an acccount

Nhấn để tạo tài khoản Hiển thị tạo tài khoản thành công

Thông báo tạo tài khoản thất bại

Nhấn vào Login here Nhấn vào Login here Hiển thị giao diện đăng nhập

Giao diện trang chủ

Hình 3.3: Giao diện trang chủ.

Bảng đặt tả giao diện Trang chủ:

Truy câ €p Sau khi truy cập trang web Đối tượng Người dùng

Mục Kiểu Dữ liê €u Mô tả

1 Home Link Mặc định Hiển thị trang chủ

2 Shop Link Mặc định Hiển thị trang mua sắm

3 About Link Mặc định Hiển thị thông tin nhà bán hàng

4 Contact Link Mặc định Hiển thị thông tin liên hệ

5 Journal Link Mặc định Hiển thị bài viết

6 Icon Cart Icon Mặc định Hiển thị đơn hàng

7 User Combobox Mặc định Hiển thị thông tin người dùng

8 Tìm kiếm Input Mặc định Tìm kiếm sản phẩm

9 Menu Combobox Mặc định Danh sách sản phẩm

10 Shop now Button Mặc định Hiển thị trang mua sắm

11 Two year warranty Link Mặc định Hiển thị chính sách bảo hành

12 Free shipping Link Mặc định Hiển thị mã miễn phí vận chuyển

Link Mặc định Hiển thị chính sách bảo hành

Tên Mô tả Thành công Thất bại

Nhấn vào Tìm kiếm Nhập từ khoá để tìm kiếm sản phẩm

Hiển thị danh sách sản phẩm

Không hiển thị nội dung

Nhấn vào Icon Cart Nhấn để xem giỏ hàng Hiển thị giỏ hàng Không hiển thị nội dung

Nhấn vào Home Nhấn để vào trang chủ Hiển thị trang chủ

Không hiển thị nội dung

Nhấn vào Shop Nhấn để vào trang mua sắm

Hiển thị trang mua sắm

Không hiển thị nội dung

Nhấn vào About Nhấn để vào trang thông tin nhà bán hàng

Hiển thị trang thông tin nhà bán

Không hiển thị nội dung

Nhấn vào Contact Nhấn để vào trang liên hệ hỗ trợ

Hiển thị trang liên hệ hỗ trợ

Không hiển thị nội dung

Nhấn vào Journal Nhấn để vào trang bài viết sản phẩm

Hiển thị trang bài viết sản phẩm

Không hiển thị nội dung

Nhấn vào Shop Now Nhấn để vào trang mua sắm

Hiển thị trang mua sắm

Không hiển thị nội dung

Nhấn vào Return policy in 30 days

Nhấn để vào trang chính sách bảo hành

Hiển thị trang chính sách bảo hành

Không hiển thị nội dung

Nhấn để hiển thị mã miễn phí vận chuyển

Hiển thị mã miễn phí vận chuyển

Không hiển thị nội dung

Giao diện trang mua sắm

Hình 3.4: Giao diện trang mua sắm.

Bảng đặt tả giao diện trang mua sắm:

Truy câ €p Sau khi truy cập trang web Đối tượng Người dùng

Mục Kiểu Dữ liê €u Mô tả

1 Home Link Mặc định Hiển thị trang chủ

2 Shop Link Mặc định Hiển thị trang mua sắm

3 About Link Mặc định Hiển thị thông tin nhà bán hàng

4 Contact Link Mặc định Hiển thị thông tin liên hệ

5 Journal Link Mặc định Hiển thị bài viết

6 Icon Cart Icon Mặc định Hiển thị đơn hàng

7 User Combobox Mặc định Hiển thị thông tin người dùng

8 Tìm kiếm Input Mặc định Tìm kiếm sản phẩm

9 Menu Link Mặc định Danh sách sản phẩm

10 Shop by Category Checkbox Mặc định Lọc thông tin sản phẩm

11 Sản phẩm Table Mặc định Hiển thị sản phẩm

12 Trang Link Mặc định Hiển thị số trang

Tên Mô tả Thành công Thất bại

Nhấn vào Tìm kiếm Nhập từ khoá để tìm kiếm sản phẩm

Hiển thị danh sách sản phẩm

Không hiển thị nội dung

Nhấn vào Icon Cart Nhấn để xem giỏ hàng Hiển thị giỏ hàng Không hiển thị nội dung

Nhấn vào Home Nhấn để vào trang chủ Hiển thị trang chủ

Không hiển thị nội dung

Nhấn vào Shop Nhấn để vào trang mua sắm

Hiển thị trang mua sắm

Không hiển thị nội dung

Nhấn vào About Nhấn để vào trang thông tin nhà bán hàng

Hiển thị trang thông tin nhà bán hàng

Không hiển thị nội dung

Nhấn vào Contact Nhấn để vào trang liên hệ hỗ trợ

Hiển thị trang liên hệ hỗ trợ

Không hiển thị nội dung

Nhấn vào Journal Nhấn để vào trang bài viết sản phẩm

Hiển thị trang bài viết sản phẩm

Không hiển thị nội dung

Nhấn vào Menu Nhấn để vào Menu Hiển thị Menu Không hiển thị nội dung

Nhấn vào Shop by … Nhấn để vào để lọc sản phẩm

Hiển thị sản phẩm sau khi lọc

Không hiển thị nội dung

Nhấn vào Sản phẩm Nhấn để hiển thị chi tiết sản phẩm

Hiển thị chi tiết sản phẩm

Không hiển thị nội dung Nhẩn vào Số Trang Nhấn để qua trang tiếp Hiển thị trang Không hiển

SE 397 F theo tiếp theo thị nội dung

Giao diện trang chi tiết sản phẩm

Hình 3.5: Giao diện chi tiết sản phẩm.

Bảng đặt tả giao diện chi tiết sản phẩm :

Màn hình Giao diện Chi tiết sản phẩm

Truy câ €p Sau khi nhấp vào link sản phẩm muốn xem Đối tượng Người dùng

Mục Kiểu Dữ liê €u Mô tả

Image Mặc định Hiển thị hình ảnh sản phẩm

2 Bảng mô tả sản phẩm

Mặc định Hiển thị mô tả sản phẩm

3 Màu sắc Text Mặc định Hiẻn thị màu sắc

4 Mua sản phẩm Button Mặc định Mua sản phẩm

Tên Mô tả Thành công Thất bại

Nhấn vào mua sản phẩm

Nhấn để thêm sản phẩm vào giỏ hàng

Thêm sản phẩm vào giỏ hàng

Giao diện giỏ hàng

Hình 3.5: Giao diện giỏ hàng.

Bảng đặt tả giao diện giỏ hàng:

Truy câ €p Sau khi nhấp vào giỏ hàn Đối tượng Người dùng

Mục Kiểu Dữ liê €u Mô tả

1 Nút X Button Mặc định Xoá sản phẩm

2 Số lượng Button Mặc định Hiển thị số lượng sản phẩm

3 Reset cart Button Mặc định Xoá tất cả sản phẩm

4 Coupon Number Text Mặc định Nhập mã giảm giá

5 Apply Coupon Button Mặc định Áp dụng mã giảm giá

6 Update cart Button Mặc định Cập nhật giỏ hàng

Button Mặc định Thanh toán sản phẩm

Tên Mô tả Thành công Thất bại

Nhấn vào X Nhấp để xoá sản phẩm Xoá sản phẩm Không thay đổi

Nhấn vào Số lượng Nhấp để tăng giảm số lượng cần thêm vào giỏ hàng

Chọn số lượng vào giỏ hàng thành công

Nhấn vào Reset cart Nhấp để xoá toàn bộ sản phẩm trong giỏ hàng

Xoá toàn bộ sản phẩm trong giỏ

Nhập Coupon Number Nhập mã giảm giá Hiển thị mã giảm giá

Nhấn để áp dụng mã giảm giá

Nhấn vào Update cart Nhấn để cập nhật giỏ hàng

Cập nhật lại giỏ hàng

Nhấn vào Tiến hành thanh toán

Nhấn để thanh toán sản phẩm

Thanh toán sản phẩm thành công

Ngày đăng: 26/04/2024, 18:57

TỪ KHÓA LIÊN QUAN

TÀI LIỆU CÙNG NGƯỜI DÙNG

TÀI LIỆU LIÊN QUAN