Bài thảo luận học phần thiết kế và triển khai website Đề tài xây dựng và thiết kế website bán mĩ phẩm

+ Người dùng: Bao gồm những người đã biết đến website thường xuyên truy cập và tham g1a tương tác trên website, những người đang có nhụ cầu mua mĩ phẩm, những người tìm kiếm trên nên tản

TRUONG DAI HOC THUONG MAI

XÂY DỰNG VÀ THIẾT KẾ WEBSITE BÁN MĨ PHẨM

Giáo viên hướng dẫn : Th.S Vũ Diệu Hương Nhóm thực hiện : 07

Hà Nội, năm 2023

69 Đào Thanh Phương

MỤC LỤC

LOI MO DAU

Hiện nay, Internet đã trở thành một phần không thể thiếu trong cuộc sông của chúng ta Với sự phát triển của công nghệ và số lượng người sử dụng Internet liên tục tăng trưởng, Internet ngày cảng trở thành một công cụ quan trọng hỗ trợ cho các hoạt động hàng ngày của con người Từ việc tìm kiếm thông tin, cập nhật tin tức, mua sắm trực tuyến đến giao tiếp và làm việc từ xa, Internet đã trở thành một phương tiện ảnh hưởng lớn tới cuộc sống và sự phát triên của xã hội Trong bối cảnh hiện nay, sự cần

thiết của Internet không chỉ đơn thuần nằm ở việc giúp con người tiết kiệm thời gian

và năng lượng mà còn giúp tăng tính hiệu quả và kết nối toàn cầu cho các hoạt động cá nhân và kinh doanh

Website không chỉ đơn thuần là một kênh truyền thông mà còn mang lại nhiều lợi ích cao cấp cho người sử dụng Với những trang web thuận tiện và đễ sử dung, chúng ta có thể tìm kiếm thông tin, mua sắm, giải trí, tương tác xã hội và học tập trực tuyến một cách đễ dàng và nhanh chóng Nếu sử dụng website một cách thích đáng, chúng ta sẽ tiết kiệm được thời gian và công sức một cách hiệu quả và đáp ứng nhanh chóng các nhu cầu và mong muốn của bản thân Vì vậy, website sẽ tiếp tục là một công cụ hữu ích cho sự phát triển cá nhân và cộng đồng trong tương lai

Website đóng vai trò rất quan trọng trong việc phát triển kinh doanh của một doanh nghiệp Hiện nay, với sự phát triển không ngừng của công nghệ thông tin, website không chỉ đóng vai trò là phương tiện quảng cáo sản phâm, mà còn được sử dụng để tương tác trực tiếp với khách hàng Sự hữu ích của website đối với doanh nghiệp rất rõ ràng, bởi nó giúp doanh nghiệp tiếp cận được với một lượng khách hàng mới, tăng cường sự tin tưởng của khách hàng cũ cũng như tối ưu hóa thị trường tiềm nang dé phat triển kinh doanh Một trang web chất lượng đem lại nhiều lợi ích cho doanh nghiệp và người tiêu dùng, góp phần tạo nên sự thành công của doanh nghiệp

NOI DUNG

L Tổng quan về đề tài

1 Giới thiệu về đề tài

Nhận thấy nhu cầu mua sắm mĩ phâm của người tiêu dùng rất cao, kèm theo đó

là hình thức mua sắm trực tuyến đang được ưu tiên bởi tính nhanh chóng, tiết kiệm

thời gian của chúng vậy nên ý tưởng về một trang web chuyên cung cấp thông tin và dịch vụ mua sắm mỹ phẩm cho người tiêu dùng đã được thực hiện

Tăng tính chuyên nghiệp: Website bán hàng đem lại cho cửa hàng tính chuyên

nghiệp hơn khi họ có thể giới thiệu các sản phẩm của mình đến khách hàng vào bắt kỳ

thời điểm nào

Mở rộng đối tượng khách hàng: Website bán giày cho phép doanh nghiệp tiếp cận và bán hàng cho khách hàng ở mọi nơi trên thế giới

2 Mục tiêu xây dựng Website cung cấp một nền tảng trực tuyến cho người dùng đề tìm kiếm, xem thông tin va mua mỹ phâm, cho phép người dùng đặt mua, đánh giá trên website và gửi ý kiến phản hồi đồng thơi quản lý các sản phâm

Il — Phân tích yêu cầu

1 Xác định chủ sở hữu và người sử dụng website

- _ Đơn vị sở hữu: toàn bộ thành viên nhóm 7

- Người sử dụng website:

+ Admin: Các thành viên của nhóm

+ Người dùng: Bao gồm những người đã biết đến website thường xuyên truy cập và tham g1a tương tác trên website, những người đang có nhụ cầu mua mĩ phẩm, những người tìm kiếm trên nên tảng trực tuyến về chủ

đề, nội dung liên quan đến mĩ phẩm có tại các website đề xuất của công

cụ tìm kiếm hoặc tìm kiếm về chất lượng sản phẩm thông qua thông tin

tại trang web tông hợp những phản hồi trải nghiệm của khách hàng hàng

để từng sử dụng về dịch vụ vả sản phẩm trên các website liên quan

2 Xác định các use case

2.2 UC đăng nhập và đăng kí

- UC dang nhap

¬ near mat khau

User eRe = <<include>>

<<include>>

ACap nhật mật khẩu mới

Tên Use Case: Diễn giải

Mô tả Người dùng đăng nhập bằng Email/SDT đã đăng ký hoặc đăng

nhập Facebook/Google đề truy cập vào trang web

Kịch bản thực hiện BI: Người dùng nhắn vào nút “Đăng nhập”

B2: Hệ thống hiển thị hộp thoại đăng nhập với trường Email/SĐT

1 Hệ thống thông báo không chính xác và yêu cầu nhập lại

2 Người sử dụng nhập lại và chọn Đăng nhập

3 Hệ thống quay lại luồng chính ;

Rẽ nhánh A3: Người dùng đột ngột dừng không cập nhật mật khâu mới

1 Hệ thống hủy bỏ việc đăng nhập

1 Hệ thống thông báo không chính xác và yêu cầu nhập lại

2 Người sử dụng nhập lại và chọn lệnh Tiếp theo

3 Hệ thống quay lại luồng chính

B2:Hệ thống chuyên sang màn hình đăng nhập của Facebook B3: Người dùng nhập tài khoản Facebook và chọn lệnh đăng nhập B4: Hệ thong kiém tra

B5: Hệ thống thông báo người sử dụng đăng nhập thành công Người dùng đăng nhập bằng Google đề truy cập vào Web BI: Người dùng chọn phương thức đăng nhập bằng tài khoản Google

B2:Hệ thống chuyên sang màn hình đăng nhập của Google B3: Người dùng nhập tài khoản Google và chọn lệnh đăng nhập B4: Hệ thống kiểm tra

B5: Hệ thống thông báo người sử dụng đăng nhập thành công Người dùng đăng nhập bằng cách Quên mật khâu

B1: Người dùng chọn Quên mật khâu B2: Hệ thống chuyên sang mản hình nhập Email/SDT B3: Người dùng nhập Email/SDT và chọn lệnh Tiếp theo B4: Hệ thống chuyên sang màn hình yêu cầu nhập mã OTP da duoc gửi đến Email/SDT

B5: Người dùng nhập mã OTP và chọn lệnh Tiếp theo

Bó: Hệ thống hiển thị màn hình nhập mật khâu mới

B7: Người dùng cập nhật mật khâu mới vả chọn lệnh Xác nhận B8: Hệ thống hiển thị mản hình cập nhật mật khâu thành công

B9: Người dùng chọn lệnh Quay lại màn hình đăng nhập

B10: Màn hình hiển thị màn hình

UC dang ky

Mô tả Người dùng nhập email hoặc sđt và mật khẩu dé tao tài khoản mới

trên trang web

Kịch bản thực hiện BI: Người dùng nhân nút Đăng ký

B2: Hệ thống hiển thị hộp thoại Đăng ký oo - B3: Người dùng nhập email hoặc sất và mật khâu, rõi nhân nút

Đăng ký

B4: Hệ thống kiểm tra email hoặc sđt và mật khẩu, nếu hợp lệ thì

thông bảo đăng ký thành công B5: Người dùng được chuyên đến trang chủ

Luông rẽ nhánh Rẽ nhánh A1: Email hoặc sất và mật khẩu không hợp lệ

1 Hệ thống thông báo không hợp lệ và yêu cầu nhập lại

2 Người sử dụng nhập lại và chọn Đăng ký

3 Hệ thống quay lại luồng chính

Rẽ nhánh A2: Người sử dụng đột ngột dừng không đăng ký tải khoản

1 Hệ thống hủy bỏ việc đăng ký

2 Kết thúc ca sử dụng

Luéng ngoại lệ N/A

Tén Use Case: Tim

kiem san pham

Mô tả Use Case cho phép người dùng tìm kiếm và xem sản phâm

Kịch bản thực hiện | B1: Người dùng nhắn vào thanh tìm kiếm trên trang chủ

B2: Hệ thông hiện thị trang web sản phẩm B3: Người dùng gõ từ khóa trên thanh tìm kiêm B4: Hệ thông hiến thị sản phẩm

BI: Hệ thống hiển thị Không tìm thấy sản phâm B2: Kết thúc ca sử dụng

Rẽ nhánh A2: Không có sản phẩm theo bộ lọc

BI: Hệ thống hiển thị Không tìm thấy sản phâm

B2: Kết thúc ca sử dụng

Luéng ngoại lệ Người dùng tìm kiếm theo bộ lọc sản phẩm

B1: Người dùng nhắn vảo thanh tìm kiếm trên trang chủ B2: Hệ thống hiển thị trang web sản phẩm

B3: Người dùng chọn bộ lọc theo Danh mục sản phẩm, Sản phẩm

bán chạy, Giá hiện thị trên mản hình

B4: Hệ thống hiển thị sản phâm

BI: Nhân viên chọn chức năng thêm mới thông tin sản phẩm

B2: Hệ thống hiển thị form thêm mới thông tin sản phẩm

B3: Tạo form thêm mới, người dùng nhập thông tin cần thêm bao gồm tên sản phẩm, mã sản phẩm, giá sản phẩm, giá khuyến mãi, mô

tả sản phẩm, hình ảnh đính kẻm

B4: Người dùng chọn thêm mới sản phẩm

B5: Hệ thống kiểm tra thông tin

B6: Người dùng xác nhận thêm mới sản phẩm

B7: Hệ thống thêm mới thành công

Luéng ré nhanh N/A

Tén Use Case: Cap

nhat san pham

Dién giai

Tác nhân Admin

Điều kiện trước Người dùng đăng nhập vào hệ thông thành công Hệ thống đã có

đây đủ các thông tin về sản pham bao gồm tên sản phẩm, mã sản phâm, giá sản phẩm, giá khuyến mãi, mô tả sản phẩm, hình ảnh đính kèm Người dùng đã đăng nhập vào hệ thống và chọn chức

Kịch bản thực hiện B1: Nhân viên chọn trang Quản lý sản phẩm

B2: Nhân viên chọn xem chỉ tiết sản phẩm B3: Hệ thống hiển thị chỉ tiết sản phẩm nhân viên đã chọn B4: Người dùng nhập thông tin cần sửa về tên sản phẩm, mã sản phẩm, giá sản phâm, giá khuyến mãi, mô tả sản phẩm, hình ảnh đính kèm

B5: Người dùng xác nhận cập nhật thông tin

B6: Hệ thống cập nhật thành công

Luông rẽ nhánh N/A

Luéng ngoại lệ 1 Người dùng không sửa thông tin sản phẩm được

2 Léi hệ thong, hién thị thông báo: “Hệ thống lỗi, vui lòng truy cập

lại sau”

2.5 UC Quản lý đơn hàng Use case nay được thực hiện bởi nhân viên của công ty, thông qua use case này nhân viên có thê thực hiện các chức năng như: thêm đơn hàng, cập nhật đơn hàng, tìm kiếm và xem đơn hang dé quan ly cac don hàng trên website

<<extend>>

Câp nhật trạng thái đơn hàng

- UC cap nhat don hang:

Tén Use Case: Cap

nhat don hang

Dién giai

Tác nhân Admin

Điều kiện trước Admin đăng nhập vào hệ thống thành công Hệ thống đã có đầy đủ

các thông tin về đơn hàng bao gồm thông tin đơn hàng và thông tin giao hàng Admin đã đăng nhập vào hệ thống và chọn chức năng

cập nhật đơn hàng

Điêu kiện sau Hệ thống cập nhật đơn hàng thành công

Mô tả Use Case cho phép Admin cap nhật đơn hàng

Kịch bản thực hiện | BI: Admin chọn trang Quan ly don hang

B2: Hệ thống hiển thị trang Quản lý đơn hàng

B3: Admin chọn kiêu tác động lên trang quản lý đơn hàng: cập nhật

thông tin don hàng, cập nhật thông tin liên hệ, cập nhật trạng thái

đơn hàng B4: Hệ thống hiển thị và yêu cầu nhập thông tin B5Š: Nhân viên nhập các thông tin liên quan và chọn cập nhật B6: Hệ thống kiêm tra và đáp ứng theo yêu cầu

B7: Hệ thong thông báo cập nhật thành công B8: Hệ thống hiển thị về trang quản lý đơn hàng sau khi đã cập nhật

11

1 Admim không cập nhật được trang quản lý đơn hàng

2 Lõi hệ thông, hiện thị thông bảo: “Hệ thông lõi, vui lòng truy cập

Điều kiện trước Hệ thống có đầy đủ các thông tin vé don hang: thông tin đơn hàng

và thông tin giao hàng ; Người dùng đã đăng nhập hệ thong và chọn chức năng Quản ly don hàng

Kịch bản thực hiện BI: Người dùng chon trang Quan ly don hàng

B2: Hệ thống hiển thị giao diện danh sách đơn hàng B3: Người dùng nhập thông tin tìm kiêm đơn hàng theo từ khóa,

theo điều kiện

B4: Người dùng ấn nút tìm kiếm sau khi điền đầy đủ thông tin yêu cau

B5: Hệ thống hiển thị don hang theo kết quả tìm kiếm B6: Người dùng chọn xem chi tiết đơn hàng B7: Kết thúc ca sử dụng

Kịch bản thực hiện BI: Người dùng chọn trang Quản lý giỏ hàng

B2: Hệ thống hiển thị giao diện chỉ tiết giỏ hàng _

B3: Người dùng hiệu chỉnh giỏ hàng (thêm sản phẩm, sửa số lượng sản phẩm, hoặc xóa sản phẩm)

B4: Hệ thống cập nhật thành công B5: Kết thúc ca sử dụng

Luông rẽ nhánh N/A

Luéng ngoại lệ

1 Người dùng không hiệu chỉnh giỏ hàng được -

2 Lõi hệ thông, hiện thị thông bảo: “Hệ thông lõi, vui lòng truy cập

Rẽ nhánh A2: Việc hiệu chỉnh giỏ hàng gặp lỗi

1 Hệ thống ghi nhận và thông báo có lỗi

Điều kiện trước 1 Người dùng đăng nhập thành công vào hệ thống

2 Người dùng đã chọn được sản phâm muôn đặt

Kịch bản thực hiện BI: Người dùng chọn trang GIỏ hàng

B2: Hệ thống hiển thị trang Giỏ hàng

B3: Người dùng thực hiện nhắn chọn sản phâm mà mình mong

muốn B4: Hệ thống hiển thi chi tiết đơn hàng với các sản phẩm được chọn B5: Người dùng nhân chọn đặt hàng

B6: Hệ thống đưa ra yêu cầu khách hàng điển thông tin giao hang B7: Người dùng điền đầy đủ thông tin và nhân đặt ngay B8: Kết thúc ca sử dụng

Luông rẽ nhánh N/A

Luéng ngoại lệ Rẽ nhánh A1: Quá trình đặt hàng bị lỗi

1 Hệ thống thông báo có lỗi

2 Kết thúc ca sử dụng

14

Điều kiện trước 1 Người dùng đăng nhập thành công vào hệ thống

2 Người dùng đã chọn được sản phâm muôn đặt

Kịch bản thực hiện BI: Người dùng xác nhận đơn hàng cần thanh toán

B2: Hệ thống hiền thị yêu cầu điền thông tin thanh toán và chọn các phương thức thanh toán: thanh toán online, thanh toán COD B3: Người dùng nhập thông tin thanh toản và chọn phương thức thanh toán

B4: Hệ thống kiểm tra và thông báo đã thanh toán đơn hàng thành công

B5: Kết thúc ca sử dụng

Luông rẽ nhánh N/A

Luéng ngoại lệ 1 Người dùng điền thông tin thanh toán không hợp lệ

1.1 Hệ thống thông báo thông tin liên lạc của khách hàng không hợp lệ và trở về trang nhập thông tin

1.2 Kết thúc ca sử dụng

2 Thanh toán không thành công 2.1 Hệ thống thông báo thanh toán thất bại và trở về trang chọn hình thức thanh toán

15

Tìm kiếm tài khoản |< <<extend>>- - - -

Kịch bản thực hiện BI: Người dùng chọn trang Quản lý tài khoản

B2: Hệ thống hiển thị giao diện danh sách tài khoản

B3: Người dùng tìm kiếm tài khoản (tìm kiếm theo số điện

thoai/email, tìm kiếm theo tên tải khoản)

16

B4: Hệ thống kiểm tra và trả kết quả tìm kiếm theo yêu cầu B5: Kêt thúc ca sử dụng

Luông rẽ nhánh N/A

Luéng ngoại lệ lại sau” 1 Lỗi hệ thống, hiền thị thông báo: “Hệ thống lỗi, vui lòng truy cập

2 Không có tài khoản nảo phù hợp với yêu cầu tìm kiếm trên hệ thống

1.1 Hệ thống thông báo trường dữ liệu đã chọn không hợp lệ

Tên Use Case:

Phân quyền tài

Điều kiện trước Người dùng đăng nhập vào hệ thống thành công và chọn trang

Quản lý tài khoản

Kịch bản thực hiện BI: Người dùng chon trang Quản lý tài khoản

B2: Hệ thống hiển thị giao diện danh sách tài khoản

B3: Người dùng chọn chức năng phân quyên tài khoản B4: Hệ thống hiển thị danh sách tài khoản

B5: Người dùng chọn tài khoản cần phân quyền B6: Hệ thống cập nhật thông tin và phân quyên theo yêu cầu B7: Kết thúc ca sử dụng