Báo cáo dự Án mẫu 1 website bán laptop, bàn phím, chuột… (Đồ công nghệ)

Tên User Case: Xem Danh Mục Sản PhẩmMô Tả Người dùng có thể xem danh mục sản phẩm và các sản phẩm theo danh mục Tác Nhân Người dùng / Quản Trị / Khách Tiền Điều Kiện Không yêu cầu đăng

BÁO CÁO DỰ ÁN MẪU

1

NHÓM 4 – LỚP WD18310

Website bán Laptop, bàn phím, chuột… (Đồ công nghệ)

Giảng viên hướng dẫn: Nguyễn Xuân Huy (Huynx15)

Sinh viên thực hiện: Đỗ Bá Chính – PH32744

Nguyễn Tiến Huân

Trần Vinh Quang

13/11/2023

Mục Lục

Contents

Mục Lục 2

Phần 1 Giới Thiệu Đề Tài 4

1.1.1 Tên đề tài 4

1.1.2 Giới thiệu đề tài 4

1.1.3 Lý do chọn đề tài 6

1.2 Khảo sát 7

1.2.1 Khảo sát các website tương tự 7

2 Phân tích yêu cầu khách hàng 10

2.1 Sơ đồ Use Case 10

2.2 Đặc tả chức năng 11

USER: 11

ADMIN: 23

2.3 Mô hình triển khai 35

2.4 Sơ đồ Flowchart 37

Flowchart Đăng Ký / Đăng Nhập 37

Flowchart User 38

3 Thiết kế ứng dụng 43

3.1 Đặc tả thực thể 43

3.2 Sơ đồ quan hệ thực thể 44

3.2.1 ERD Diagram Lv1 44

3.2.2 ERD Diagram Lv2 44

3.3 Chi tiết thực thể 45

3.3.1 Sơ đồ tổ chức giao diện 46

4 Thực hiện dự án 47

4.1 Tạo giao diện Admin 47

4.2 Danh Mục - Admin 47

4.3 Sản Phẩm – Admin 48

4.4 Danh Sách Khách Hàng – Admin 48

4.5 Danh Sách Bình Luận – Admin 49

4.6 Thống Kê – Admin 49

4.7 Trang Chủ - User 50

4.8 Đăng Ký / Đăng Nhập / Quên Mật Khẩu / Cập Nhật Người Dùng - User 51

4.9 Danh Mục - User 52

4.10 Top 10 Yêu Thích – User 53

4.11 Tìm Kiếm - User 53

4.12 DATABASE 54

5 Kiểm Thử Website Và Sửa Lỗi 55

5.1 Form Tìm Kiếm - User 55

5.2 Form Đăng Ký / Đăng Nhập / Quên Mật Khẩu / Cập Nhật Người Dùng 55

5.3 Form Tìm Kiếm – Admin 56

5.4 Thêm Danh Mục - Admin 56

5.4 Thêm Sản Phẩm - Admin 56

6 Đóng Gói Và Triển Khai 57

6.1 File 57

6.2 Upload Code Lên Website Trên Internet 57

7 Kết Luận 58

7.1 Khó Khăn 58

7.2 Thuận Lợi 58

Phần 1 Giới Thiệu Đề Tài

1.1.1 Tên đề tài

“Xây dụng website bán đồ công nghệ”

1.1.2 Giới thiệu đề tài

Chào mừng bạn đến với thời đại của sự tiện lợi và tốc độ, nơi công nghệ không chỉ là một phần của cuộc sống mà còn là trái tim của mọi hoạt động hàng ngày Website này ra đời với sứ mệnh mang lại trải nghiệm mua sắm công nghệ hoàn hảo Chúng tôi không chỉ cung cấp những sản phẩm tiên tiến nhất mà còn tạo ra một cộng đồng đam mê công nghệ, nơi mọi người có thể khám phá, tìm hiểu và chia sẻ với nhau về những đột phá mới và sự phát triển không ngừng của ngành công nghệ Đến với

chúng tôi, bạn sẽ không chỉ mua sắm mà còn làm việc cùng một cộng đồng đam mê công nghệ, những lợi ích của website bán đồ công nghệ này có thể bao gồm như:

1 Tiếp cận rộng rãi: Mở rộng thị trường tiềm năng, không chỉ trong địa phương mà còn toàn cầu Internet giúp kết nối với người tiêu dùng ở mọi nơi trên thế giới.

2 Tiện lợi và mua sắm linh hoạt: Người dùng có thể mua sắm mọi lúc, mọi nơi, giúp họ tiết kiệm thời gian và năng lượng.

3 Nguồn thu nhập ổn định: Kinh doanh đồ công nghệ là một lĩnh vực có nhu cầu ổn định Có thể tạo ra nguồn thu nhập ổn định và tiềm năng phát triển lâu dài.

4 Tích hợp dịch vụ và hỗ trợ: Trang web không chỉ bán hàng mà còn cung cấp dịch vụ hỗ trợ khách hàng, tư vấn kỹ thuật, và thông tin chi tiết về sản phẩm.

5 Xây dựng cộng đồng: Tạo ra một cộng đồng yêu công nghệ, nơi mọi người có thể chia sẻ kiến thức, trải nghiệm và giao lưu.

6 Tiềm năng quảng cáo và marketing: Mở ra cơ hội quảng cáo, marketing sản phẩm công nghệ đến khách hàng tiềm năng một cách hiệu quả.

7 Cập nhật xu hướng công nghệ: Giúp người dùng tiếp cận và cập nhật với những xu hướng mới nhất trong lĩnh vực công nghệ.

8 Tính cá nhân hóa: Cung cấp sản phẩm, dịch vụ theo nhu cầu và sở thích

cụ thể của từng khách hàng.

9 Phân tích dữ liệu và cải thiện dịch vụ: Thu thập thông tin từ người dùng

để cải thiện dịch vụ, tối ưu hóa trải nghiệm mua sắm.

10 Tăng cường uy tín và tin cậy: Xây dựng uy tín và niềm tin từ khách hàng thông qua chất lượng sản phẩm và dịch vụ hỗ trợ.

1.1.3 Lý do chọn đề tài

Công nghệ ngày càng phát triển khiến mọi việc chúng ta làm bây giờ đều gần như đã trở nên dễ dàng hơn Thị trường công nghệ ngày càng phát triển với sự tăng trưởng nhanh chóng, và việc có một trang web bán hàng

có thể mở rộng tầm với của sản phẩm, đồng thời thu hút khách hàng từ khắp mọi nơi trên Việt Nam này.

Thế giới hiện đại ngày càng chú trọng vào sự tiện lợi và tốc độ Việc cung cấp một nền tảng mua sắm trực tuyến cho đồ công nghệ sẽ giúp người dùng tiết kiệm thời gian và năng lượng khi có thể mua sắm mọi lúc mọi nơi.

Bên cạnh đó, trang web bán hàng còn tạo cơ hội kinh doanh lớn Bán sản phẩm công nghệ, đặc biệt là các thiết bị không thể thiếu như laptop, điện thoại, hay các phụ kiện, là một cơ hội tốt để tạo ra nguồn thu nhập ổn định.

Hơn nữa, việc xây dựng một cộng đồng xung quanh trang web bán hàng cũng rất quan trọng Bằng cách cung cấp thông tin hữu ích, hỗ trợ kỹ thuật

và tạo cơ hội cho người dùng trao đổi, trang web có thể trở thành điểm đến tin cậy và một nguồn tài nguyên quan trọng cho cộng đồng yêu công nghệ.

Nhìn chung, việc tạo một trang web bán đồ công nghệ không chỉ mang lại lợi ích kinh doanh mà còn đóng góp vào việc đáp ứng nhu cầu tiêu dùng hiện đại và xây dựng một cộng đồng yêu công nghệ sôi động.

1.2 Khảo sát

1.2.1 Khảo sát các website tương tự

GEARVN

TECHSPACE

Sau khi khảo sát nhóm em đã nắm bắt được các thông tin :

- Quản lý khách hàng : Mỗi khách hàng được quản lý các thông tin sau: mã

khách hàng, họ tên, mật khẩu, số điện thoại, email, hình.

- Quản lý hàng hoá: mã hàng hoá, tên hàng hoá, đơn giá, giảm giá, ngày

nhập, mô tả,đặc biệt, số lượt xem, mã loại,mã dịch vụ.

- Quản lý đơn hàng: mã nhà đơn hàng, mã khách hàng, ngày đặt ,mã trạng

thái, tên người nhận, số điện thoại người nhận, địa chỉ người nhận, ghi chú, tổng tiền, mã vận chuyển, đánh giá đơn hàng.

- Quản lý bình luận: mã bình luận, nội dung, mã hàng hóa, mã khách hàng, ngày bình luận.

- Quản lý giỏ hàng : mã giỏ hàng, mã khách hàng, mã hàng hóa, số lượng.

- Quản lý đơn hàng: cập nhật trạng thái đơn hàng và xem thông tin đơn hàng.

Khách hàng: người lựa chọn mặt hàng để mua Khác với mua trực tiếp tại cửa hàng, công ty ở đây khách hàng tự thao tác thông qua từng bước cụ thể để có thể mua hàng Trên website các mặt hàng được sắp xếp theo thứ tự dễ tìm.

Như vậy ta có thể thấy mua sắm online bây giờ đang rất thịnh hành và thông số này còn có dấu hiệu sẽ tăng

trưởng mạnh trong nhiều năm tới

2 Phân tích yêu cầu khách

hàng

Case

2.2 Đặc tả chức năng

USER:

Tên User Case: Đăng Ký

Mô Tả Đăng ký tài khoản

2 Nếu nhập các ô thông tin không đúng yêu cầu thì báo nhập đúng theo yêu cầu

3 Nếu chọn đã có tài khoản chuyển sang giao diện đăng nhập Kết thúc User-case

Hậu Điều Kiện Đăng ký thành công hoặc

không đăng ký được

Tên User Case: Đăng Nhập

Mô Tả Đăng nhập vào để sử

dụng chức năng trang web

Tác Nhân Người dùng / Quản Trị /

Khách Tiền Điều Kiện Đã có tài khoản

Luồng Sự Kiện Chính

1 Vào trang chủ, click vào nút đăng nhập Giao diện đăng nhập hiển thị lên

2 Nhập tài khoản và mật khẩu vào Nhấn nút đăng nhập

3 Hệ thống kiểm tra thông tin đăng nhập.

4 Nếu tài khoản và mật khẩu hợp lệ màn hình sẽ chuyển về trang chủ

5 kết thúc User-case

Luồng Sự Kiện Phụ

1 Nếu không điền tài khoản và mật khẩu sẽ yêu cầu nhập

2 Nếu Tài khoản hoặc Mật khẩu bị sai Thì báo “ Tài khoản hoặc mật khẩu không chính xác”

3 Nếu chọn quên mật khẩu chuyển sang giao diện quên mật khẩu Kết thúc User-case

Hậu Điều Kiện Đăng nhập thành công

hoặc không đăng nhập được

Tên User Case: Xem Danh Mục Sản Phẩm

Mô Tả Người dùng có thể xem

danh mục sản phẩm và các sản phẩm theo danh mục

Tác Nhân Người dùng / Quản Trị /

Khách Tiền Điều Kiện Không yêu cầu đăng nhập

Luồng Sự Kiện Chính Vào trang chủ, đưa chuột vào phần danh mục, danh

mục sẽ hiện ra, click vào phần danh mục sản phẩm, các sản phẩm theo danh mục sẽ hiện ra

Hậu Điều Kiện Xem được danh mục sản

phẩm và sản phẩm theo danh mục

Tên User Case: Xem Danh Sách Sản Phẩm

Mô Tả Người dùng có thể xem

danh sách các sản phẩm Tác Nhân Người dùng / Quản Trị /

Khách Tiền Điều Kiện Không yêu cầu đăng nhập

Luồng Sự Kiện Chính Vào trang chủ, click vào phần menu sản phẩm, tất

cả các sản phẩm sẽ hiện ra

Hậu Điều Kiện Xem được tất cả các sản

phẩm

Tên User Case: Xem Chi Tiết Sản Phẩm

Mô Tả Người dùng có thể xem

chi tiết của sản phẩm Tác Nhân Người dùng / Quản Trị /

Khách Tiền Điều Kiện Không yêu cầu đăng nhập

Luồng Sự Kiện Chính

1 Vào trang chủ, click vào sản phẩm, hoặc phần top sản phẩm yêu thích sẽ hiện ra chi tiết sản phẩm

2 Trong chi tiết sản phẩm sẽ có bình luận, đánh giá, sản phẩm cùng loại dựa theo danh mục của sản phẩm

Hậu Điều Kiện Xem được chi tiết sản

phẩm, bình luận, đánh giá, sản phẩm cùng loại

Tên User Case: Xem Đánh Giá Sản Phẩm

Mô Tả Người dùng có thể xem

đánh giá của sản phẩm Tác Nhân Người dùng / Quản Trị /

Khách Tiền Điều Kiện Không yêu cầu đăng nhập

Luồng Sự Kiện Chính

1 Vào trang chủ, click vào sản phẩm, hoặc phần top sản phẩm yêu thích sẽ hiện ra chi tiết sản phẩm

2 Trong chi tiết sản phẩm sẽ có đánh giá của sản phẩm

Hậu Điều Kiện Xem được đánh giá của

sản phẩm

Tên User Case: Xem Top 10 Sản Phẩm Được Yêu

Thích

Mô Tả Người dùng xem top 10

sản phẩm có lượt xem nhiều nhất

Tác Nhân Người dùng / Quản Trị /

Khách Tiền Điều Kiện Không yêu cầu đăng nhập Luồng Sự Kiện Chính Vào trang chủ top 10 sản

phẩm sẽ hiện ra Hậu Điều Kiện Người dùng xem top 10

sản phẩm có lượt xem nhiều nhất

Tên User Case: Tìm Kiếm Sản Phẩm

Mô Tả Người dùng tìm kiếm sản

phẩm theo tên sản phẩm Tác Nhân Người dùng / Quản Trị /

Khách Tiền Điều Kiện Không yêu cầu đăng nhập

Luồng Sự Kiện Chính Vào trang chủ, click vào phần tìm kiếm ở trên

cùng, nhập

từ khóa muốn tìm kiếm Hậu Điều Kiện Người dùng tìm kiếm sản

phẩm theo tên sản phẩm

Tên User Case: Quên Mật Khẩu

Mô Tả Người dung có thể lấy lại

mật khẩu nếu quên Tác Nhân Người dùng có tài khoản Tiền Điều Kiện Các khách hàng phải có

tài khoản trên hệ thống

Luồng Sự Kiện Chính

1 Vào trang đăng nhập chọn quên mật khẩu

2 Nhập tài khoản và email

3 Nhấn vào lấy lại mật khẩu

4 Nếu nhập thông tin hợp

lệ chuyển sang giao diện trang đăng nhập và thông báo mật khẩu của người dùng

5 Kết thúc User-case Luồng Sự Kiện Phụ 1 Nếu không điền đầy đủ

vào các ô thông tin tài khoản và email sẽ yêu cầu nhập đủ

2 Nếu nhập các ô thông tin không đúng thì báo

“Tài khoản hoặc email không hợp lệ!”

Hậu Điều Kiện Lấy lại được mật khẩu

Tên User Case: Bình Luận

Mô Tả Bình luận của người dùng Tác Nhân Người dùng có tài khoản Tiền Điều Kiện Người dùng cần đăng

nhập và mua hàng để có thể bình luận

Luồng Sự Kiện Chính 1 Vào chi tiết của sản phẩm

2 Tại trang xem chi tiết

sản phẩm có thể bình luận

Luồng Sự Kiện Phụ Nếu người dùng để trống

thì sẽ bắt buộc nhập mới

có thể gửi bình luận Hậu Điều Kiện Bình luận thành công,

hiện danh sách bình luận

Tên User Case: Thông Tin Tài Khoản

Mô Tả Xem thông tin tài khoản

của người dùng Tác Nhân Người dùng có tài khoản Tiền Điều Kiện Các người dùng phải có

tài khoản trên hệ thống

và đăng nhập được

Luồng Sự Kiện Chính

1 Đăng nhập vào hệ thống với tài khoản đã được đăng ký

2 Chọn thông tin tài khoản Giao diện trang thông tin tài khoản hiện lên

3 có thể xem được thông tin như tên người dùng, email, ảnh…

Hậu Điều Kiện Xem thông tin tài khoản

của người dùng

Tên User Case: Cập Nhật Tài Khoản

Mô Tả Quản lý thông tin tài

khoản của người dùng Tác Nhân Người dùng có tài khoản Tiền Điều Kiện Các khách hàng phải có

tài khoản trên hệ thống

và đăng nhập được

Luồng Sự Kiện Chính

1 Đăng nhập vào hệ thống với tài khoản đã được đăng ký

2 Chọn thông tin tài khoản Giao diện trang thông tin tài khoản hiện lên

3 Nhấn vào cập nhật thông tin Chuyển sang giao diện form

cập nhật thông tin tài khoản

4 Chỉnh sửa thông tin cá nhân của người dùng

Hậu Điều Kiện Cập nhật thông tin tài

khoản thành công

Tên User Case: Đổi Mật Khẩu

Mô Tả Người dung đổi mật khẩu

mới Tác Nhân Người dùng có tài khoản Tiền Điều Kiện Các khách hàng phải có

tài khoản trên hệ thống

và đăng nhập được

Luồng Sự Kiện Chính

1 Đăng nhập vào hệ thống với tài khoản đã được đăng ký

2 Chọn thông tin tài khoản Giao diện trang thông tin tài

khoản hiện lên

3 Nhấn vào đỏi mật khẩu Chuyển sang giao diện form đổi

mật khẩu

4 Nhập mật khẩu cũ và mật khẩu mới

5 Xác nhận mật khẩu Nếu nhập mật khẩu hợp

lệ chuyển sang giao diện trang thông tin tài khoản

6 Kết thúc User-case Hậu Điều Kiện Đổi mật khẩu thành công

Tên User Case: Thêm Vào Giỏ Hàng

Mô Tả Người dùng thêm sản

phẩm vào giỏ hàng Tác Nhân Người dùng có tài khoản Tiền Điều Kiện Các người dùng phải có

tài khoản trên hệ thống

và đăng nhập được

Luồng Sự Kiện Chính

1 Vào trang chủ, click vào phần giỏ hàng hoặc vào chi tiết

sản phẩm bấm thêm vào giỏ hang

2 Ngoài trang chủ mặc định số lượng sản phẩm

sẽ là 1

3 Khi thêm vào giỏ hàng

từ chi tiết sản phẩm có

thể thay đổi số lượng sản phẩm muốn đặt

4 Trong giỏ hàng có thể xóa sản phẩm khỏi giỏ hàng

Hậu Điều Kiện Thêm vào giỏ hàng

Tên User Case: Xem Giỏ Hàng

Mô Tả Người dùng xem các sản

phẩm trong giỏ hàng Tác Nhân Người dùng có tài khoản Tiền Điều Kiện Các người dùng phải có

tài khoản trên hệ thống

3 Trong giỏ hàng có thể xóa sản phẩm khỏi giỏ hàng

Hậu Điều Kiện Xem giỏ hàng tăng giảm

và xóa khỏi giỏ hàng

Tên User Case: Đặt Hàng

Mô Tả Người dùng đặt hàng các

sản phẩm trong giỏ hàng Tác Nhân Người dùng có tài khoản Tiền Điều Kiện Các người dùng phải có

tài khoản trên hệ thống

3 Điền các thông tin như SĐT, Tên, địa chỉ,…

4 Tiến hành đặt hàng Hậu Điều Kiện Đặt hàng thành công

Tên User Case: Danh Sách Đơn Hàng

Mô Tả Người dùng xem các đơn

hàng đã đặt Tác Nhân Người dùng có tài khoản Tiền Điều Kiện Các khách hàng phải có

tài khoản trên hệ thống

3 Gồm các thông tin như sản phẩm, tổng tiền, đơn

vị vận chuyển, trạng thái đơn hàng,…

Hậu Điều Kiện Hiển thị danh sách các

đơn hàng

Tên User Case: Chi Tiết Đơn Hàng

Mô Tả Người dùng xem chi tiết

của đơn hàng Tác Nhân Người dùng có tài khoản Tiền Điều Kiện Các khách hàng phải có

tài khoản trên hệ thống

và đã đăng nhập

Luồng Sự Kiện Chính

1 Vào trang chủ, click vào đơn hàng sau đó chọn xem chi tiết đơn hàng tương ứng

2 Trang chi tiết đơn hàng gồm các thông tin như thông tin

người nhận hàng, địa chỉ nhận hàng, sản phẩm, tổng tiền, đơn vị vận chuyển, trạng thái đơn hàng,…

Hậu Điều Kiện Hiển thị chi tiết của đơn

hàng

Tên User Case: Đánh Giá Đơn Hàng

Mô Tả Người dùng đánh giá đơn

hàng khi đơn hàng giao thành công

Tác Nhân Người dùng có tài khoản Tiền Điều Kiện Các khách hàng phải có

tài khoản trên hệ thống

và đã đăng nhập

Luồng Sự Kiện Chính

1 Vào trang chủ, click vào đơn hàng sau đó chọn xem chi tiết đơn hàng tương ứng

2 Tại đây dùng có thể đánh giá độ hài lòng và

nhận xết các sản phẩm trong đơn hàng

3 kiểm tra các thông tin đánh giá nếu hợp lệ gửi đánh giá và quay về trang chi tiết đơn hàng

Hậu Điều Kiện Đánh giá đơn hàng thành

công

Tên User Case: Hủy Đơn Hàng

Mô Tả Người dùng huỷ đơn hàng Tác Nhân Người dùng có tài khoản Tiền Điều Kiện Các khách hàng phải có

tài khoản trên hệ thống

và đã đăng nhập

Luồng Sự Kiện Chính

1 Vào trang chủ, click vào đơn hàng sau đó chọn xem chi

tiết đơn hàng tương ứng

2 Trong trang chi tiết đơn hàng, click huỷ đơn hàng

Hậu Điều Kiện Đơn hàng huỷ thành công

Tên User Case: Voucher Giảm Giá

Mô Tả Người Dùng Chọn / Nhập

Mã Giảm Giá Tác Nhân Người dùng có tài khoản

và đang thanh toán Tiền Điều Kiện Các khách hàng phải có

tài khoản trên hệ thống

và đã đăng nhập, đang chuẩn bị thanh toán

Luồng Sự Kiện Chính

1 Vào trang chủ, click chọn sản phẩm muốn mua

2 Chọn Thanh Toán và nhập mã giảm giá

Hậu Điều Kiện Giảm giá thành công

Tên User Case: Quản Lý Danh Mục

Mô Tả Xem danh sách danh mục Tác Nhân Admin

Tiền Điều Kiện Đã đăng nhập vào hệ

thống admin

Luồng Sự Kiện Chính

1 Vào quản lý danh mục

2 Admin có thể dễ dàng quản lý danh mục Thêm sửa xoá danh mục

Hậu Điều Kiện Quản lý danh sách danh

mục

Tên User Case: Thêm Danh Mục

Mô Tả Thêm danh mục

2 Điền đầy đủ thông tin

3 Sau khi nhập thông tin hợp lệ chuyển sang giao diện danh

Hậu Điều Kiện Thêm mới danh mục

Tên User Case: Cập Nhật Danh Mục

2 Điền đầy đủ thông tin

3 Sau khi nhập thông tin hợp lệ chuyển sang giao diện danh sách danh mục

4 Kết thúc User-case

Luồng Sự Kiện Phụ 1 Nếu không điền đầy đủ vào các ô thông tin sẽ yêu

cầu nhập đủ

2 Nếu nhập các ô thông tin không đúng yêu cầu thì báo nhập

đúng theo yêu cầu Hậu Điều Kiện Cập nhật danh mục

Tên User Case: Xóa Danh Mục

Mô Tả Xoá danh mục

2 Có thông báo hiện lên