lOMoARcPSD|15005370

TRƯỜNG ĐẠI HỌC ĐIỆN LỰC KHOA

CÔNG NGHỆ THÔNG TIN

BÁO CÁO CHUYÊN ĐỀ HỌC PHẦN LẬP

TRÌNH WEB NÂNG CAO

ĐỀ TÀI:
XÂY DỰNG WEBSITE BÁN ĐỒ CHƠI CÔNG NGHỆ

Sinh viên thực hiện : NGUYỄN ĐỨC ĐÔNG

BÙI QUÝ PHÚC
Giảng viên hướng dẫn : PHƯƠNG VĂN CẢNH
Ngành : CÔNG NGHỆ THÔNG TIN
Chuyên ngành : HỆ THỐNG THƯƠNG MẠI ĐIỆN TỬ
Lớp : D16HTTMDT
Khóa : 2021

Hà Nội, tháng 1 năm 2024

 lOMoARcPSD|15005370

PHIẾU CHẤM ĐIỂM

ST Họ và tên sinh Nội dung thực hiện Điểm Chữ ký
T viên
1 - Tìm hiểu về mã nguồn mở, ngôn
Nguyễn Đức ngữ lập trình PHP và Hệ quản trị
Đông cơ sở dữ liệu MySQL.
(Nhóm trưởng) -Thiết kế giao diện vào chức năng
website
- Sửa lỗi và hoàn thiện
website
2 Bùi Quý Phúc - Tìm hiểu về Wordpress,
Xampp
- Khảo sát thực trạng, nghiên
cứu và xây dựng hệ thống
website bằng mã nguồn mở
Wordpress
-Viết báo cáo chuyên đề

Họ và tên giảng viên Chữ ký Ghi chú

Giảng viên chấm 1:

Giảng viên chấm 2:

 lOMoARcPSD|15005370

MỤC LỤC
LỜI MỞ ĐẦU.................................................................................................................................1

CHƯƠNG 1: KHẢO SÁT VÀ XÁC LẬP DỰ ÁN......................................................................2

1. Tổng quan về bài toán............................................................................................................2

1.1. Khảo sát hiện trạng.........................................................................................................2

1.2. Mô tả bài toán..................................................................................................................2

1.3. Ưu điểm trên website......................................................................................................3

1.4. Nhược điểm......................................................................................................................3

2. Các hệ thống liên quan tương tự...........................................................................................3

4. Yêu cầu của trang web...........................................................................................................4

CHƯƠNG 2: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG..........................................................4

2.1 Xác định các Actor và Use case...........................................................................................4

2.1.1 Các Actor........................................................................................................................4

2.1.2 Use case tổng quát hệ thống..........................................................................................5

2.2 Chức năng đăng nhập, đăng xuất và đăng ký...................................................................5

2.2.1 Đặc tả use case đăng nhập............................................................................................5

2.2.2 Use case đăng nhập, đăng xuất và đăng kí..................................................................6

2.2.3 Biểu đồ trình tự cho chức năng đăng nhập, đăng xuất và đăng kí...........................6

2.3 Chức năng danh mục sản phẩm........................................................................................10

2.3.1 Đặc tả use case danh mục sản phẩm..........................................................................10

2.3.2. Use case danh mục sản phẩm....................................................................................10

2.3.3 Biểu đồ trình tự cho chức năng danh mục sản phẩm..............................................11

2.4 Chức năng quản lý khách hàng.........................................................................................11

2.4.1 Đặc tả use case quản lý khách hàng...........................................................................11

2.4.2 Use case quản lý khách hàng......................................................................................12

2.4.3 Biểu đồ trình tự cho chức năng quản lý khách hàng...............................................12

2.5 Chức năng quản lý sản phẩm............................................................................................14

2.5.1 Đặc tả use case quản lý sản phẩm..............................................................................14

 lOMoARcPSD|15005370

2.5.2 Use case quản lý sản phẩm....................................................................................14

2.5.3 Biểu đồ trình tự cho chức năng quản lý sản phẩm...................................................15

2.6 Biểu đồ lớp.........................................................................................................................16

 lOMoARcPSD|15005370

LỜI MỞ ĐẦU
Trong thời đại công nghệ 4.0 hiện nay, cùng với sự phát triển mạnh
mẽ của công nghệ thông tin, tin học hóa đối với mỗi công ty, cơ quan và
các tổ chức là điều mà cần phải nghĩ đến. Tin học được ứng dụng trong mọi
lĩnh vực cuộc sống, nó đem lại nhiều lợi ích to lớn, giúp cho người quản lý
có cái nhìn tổng thể mà chi tiết thông tin được lưu trữ cập nhậy hàng ngày,
nâng cao hiệu quả làm việc, tiết kiệm sức lao động.

Đi cùng với sự phát triển mạnh mẽ của công nghệ thông tin là sự phát
triển thương mại hóa toàn cầu. Những website mua bán, thương mại xuất
hiện ngày càng nhiều, những trang thương mại lớn như Shopee, Lazada, Tiki
hay Amazon không còn xa lạ với chúng ta.

Đối với một cửa công ty, doanh nghiện hay cửa hàng, việc quảng bá
và giới thiệu đến khách hàng các sản phẩm mới đáp ứng được nhu cầu của
khách hàng sẽ là cần thiết. Vậy phải quảng bá thế nào đó? Đó chính là xây
dựng một Website cho cửa hàng của mình quảng bá tất cả các sản phẩm
của mình bán. Và nắm bắt được xu thế của thời đại nên chúng em đã thực
hiện đề tài “Xây dựng Website cửa hàng bán đồ công nghệ” nhằm phục vụ
cho nhu cầu giải trí của mọi người trong cuộc sống.

Trong thời gian thiết kế website, dưới sự giúp đỡ, hướng dẫn tận tình
của thầy Phương Văn Cảnh, nhóm chúng em đã tiến hành tìm hiểu và xây
dựng website thương mại. Website này đã giúp chúng em phát huy được tính
sáng tạo, tinh thần làm việc tập thể, khả năng vận dụng kiến thức đã học để
có thể hoàn thành tốt báo cáo.
 lOMoARcPSD|15005370

Mặc dù đã có nhiều cố gắng trong quá trình làm dự án, tuy nhiên do
kiến thức còn hạn chế và thời gian có hạn nên dự án này còn nhiều thiếu sót,
chúng em rất mong được sự giúp đỡ, góp ý, sửa chữa của thầy cô để báo cáo
của chúng em hoàn thiện hơn.

Chúng em xin chân thành cảm ơn quý thầy cô!

 lOMoARcPSD|15005370

CHƯƠNG 1: KHẢO SÁT VÀ XÁC LẬP DỰ ÁN

1. Tổng quan về bài toán

1.1. Khảo sát hiện trạng

Thực hiện tìm hiểu, khảo sát hệ thống, cụ thể là một số website bán
mỹ phẩm trên internet, đánh giá hiện trạng của cửa hàng, xác định các mặt
hạn chế của hệ thống cũ, từ đó đề xuất khắc phục.

Xã hội ngày càng phát triển, nhu cầu mua sắm các thiết bị thông minh
nhằm phục vụ cuộc sống của con người càng được nâng cao. Trong đó
không thể thiếu những loại sản phẩm chất lượng cao. Những linh kiện
công nghệ mới ngày càng thu hút được nhiều người quan tâm, nhất là
những người trẻ. Tuy nhiên các cửa hàng, website bán những linh kiện chất
lượng cao chưa đáp ứng được các yêu cầu của khách hàng, phục vụ chưa
được chu đáo, tốn nhiều thời gian. Các trang web bán đồ công nghệ chưa
được phổ biến, phong phú. Nhằm khắc phục điều này và mong muốn có
một môi trường giao tiếp tiện lợi giữa khách hàng, đơn giản hóa việc mua
sắm, chúng em đã xây dựng website này.

Bên cạnh đó , khách hàng có thể phản hồi về cho cửa hàng và chia sẻ
với mọi người, đóng góp ý kiến của mình với website để em có thể hoàn
thiện hơn, phục vụ khách hàng tốt nhất. Qua website, khách hàng có thể nắm
được những thông tin bổ ích từ sản phẩm, liên tục cập nhật thông tin từ hãng
sản xuất.

1.2. Mô tả bài toán

- Website có thể giúp cho chủ cửa hàng có thể quản lý các mặt hàng trong
cửa hàng một cách thuận tiện hơn, đồng thời chủ cửa hàng có thể cập
 lOMoARcPSD|15005370

nhật các mặt hàng mới nhập lên website, lưu thông tin các mặt hàng đã
được bán cho khách hàng, đồng thời có thể kiểm tra, chỉnh sửa các bài
viết về sản phẩm, hiển thị thông tin lên theo mục.
- Một website bán hàng đều có quy trình bắt đầu bằng việc nhận đơn
hàng từ phía khách hàng, nhận trực tiếp hoặc gián tiếp qua điện thoại,
email, ... theo đó sẽ tiếp nhận thông tin đơn đặt hàng, sản phẩm đặt hàng
sau đó lưu vào kho đơn đặt hàng của tất cả các khách hàng. Sau đó thì
người quản lí hệ thống sẽ lên lịch hẹn với khách hàng về thời điểm giao
hàng cũng như vị trí giao hàng thuận tiện nhất.

- Website gồm nhiều trang, mỗi trang có một chủ đề và một chức năng
riêng. Mỗi chủ đề phải có đường dẫn đến từng trang, có tên và chủ đề và
nội dung của từng trang. Trang chủ sẽ tóm tắt nội dung của toàn bộ
website bao gồm các loại linh kiện điện tử chất lượng cao như CPU, Card
màn hình máy tính, tai nghe,….

- Đối với người truy cập Website với tư cách là User sẽ cho phép đăng
kí, đăng nhập, tìm kiếm và tham khảo thông tin sản phẩm, cho phép bình
luận về bài viết và đánh giá về sản phẩm.
1.3. Ưu điểm trên website

Ngày nay hình thức kinh doanh online đã mang lại nhiều ưu điểm và
thuận
lợi:

➢ Tiết kiệm được nguồn tài chính đầu tư

➢ Không cần thuê nhiều nhân viên bán hàng
➢ Nhiều dòng sản phẩm được đăng bán trên web. Vì thế khách hàng
sẽ thoải mái lựa chọn mỹ phẩm phù hợp với bản thân.
 lOMoARcPSD|15005370

➢ Việc mua hàng cũng dễ dàng thuận tiện cho người mua, mang đến
tâm lý thoải mái cho khách hàng.

1.4. Nhược điểm

Bên cạnh nhưng ưu điểm thì khi kinh doanh bán hàng trên web cũng tồn
tại những nhược điểm nhất định:

➢ Hiện nay khách hàng vẫn chưa tin tưởng vào hình thức bán hàng trên

web vì một số trang web thực hiện “ đăng một đằng bán một kiểu” nên
đã gây hoang mang cho khách hàng.
➢ Đòi hỏi website phải chủ động và linh hoạt trong mọi khâu: từ khâu quảng
bá
sản phẩm đến khâu chăm sóc khách hàng, giao hàng, thanh toán, lấy
hàng,...Trong quá trình này khi kinh doanh trên web cũng gặp khá
nhiều khó khăn.
➢ Sự cạnh tranh giữa các website là rất lớn. Nên nếu sản phầm không
chất lượng, đa dạng, đẹp và làm ăn không uy tín thì khó có thể duy trì
được lâu.
➢ Khách hàng sau khi đặt hàng nhưng đến khi giao hàng lại không nhận
nên
chủ shop lại mất thêm chi phí.
➢ Một số trang web giả mạo, lừa đảo.
➢ Khách hàng chưa nắm rõ về nhu cầu sử dụng sản phẩm của mình.
2. Các hệ thống liên quan tương tự

3. Mục tiêu giải quyết của bài toán

- Xây dựng các chức năng cơ bản của một website bán hàng thương mại.
Website có khả năng tự tương thích, hiển thị được trên tất cả các thiết bị
 lOMoARcPSD|15005370

hiện tại và có thể nâng cấp trong tương lai.

- Website được hiển thị một cách sinh động, đẹp mắt nhưng không quá
phức tạp để cho tất cả mọi người đều có thể sử dụng được.
- Hỗ trợ khách hàng một cách nhanh nhất khi nhận được yêu cầu liên hệ
từ khách hàng.
- Quản lý các mặt hàng sản phẩm, cấu hình website.

- Nắm bắt được công nghệ thiết kế web bằng các Framwork như:
ASP .NET dựa trên nền tảng là ngôn ngữ lập trình C# giúp cho
website sinh động và hấp dẫn hơn.

4. Yêu cầu của trang web

• Website có dung lựơng không quá lớn, tốc độ xử lý nhanh.

• Công việc tính toán thực hiện chính xác, không chấp nhận sai sót.
• Sử dụng mã hóa các thông tin cá nhân của khách hàng.
• Đảm bảo an toàn dữ liệu khi chạy website trực tuyến.
• Hình thức thông tin đa dạng và sống động.
• Giao diện thân thiện, dễ nhìn, an toàn dữ liệu.
• Cung cấp thông tin và phát triển hoạt động 24/24.
• Thông tin được cập nhật và sửa đổi thường xuyên.
 lOMoARcPSD|15005370

CHƯƠNG 2: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG

2.1 Xác định các Actor và Use case

2.1.1 Các Actor
STT Actor Use case
1 Bộ Phận Quản Lý - Quản lý đăng nhập
- Quản lý người dùng
- Quản lý sản phẩm
2 Người Dùng - Đăng nhập
- Xem thông tin liên quan đến sản
phẩm

- Đặt hàng trên trang web

- Tìm kiếm sản phẩm muốn mua
 lOMoARcPSD|15005370

2.1.2 Use case tổng quát hệ thống

Hình 5: Use case tổng quát

2.2 Chức năng đăng nhập, đăng xuất và đăng ký

2.2.1 Đặc tả use case đăng nhập

Tên Use Case Đăng nhập

Mô tả Use Case này cho phép người dùng đăng nhập, đăng xuất và đăng ký

tài khoản vào hệ thống

Actor Người quản lý, Khách hàng
Tiền điều Người dùng chưa đăng nhập vào hệ thống
 lOMoARcPSD|15005370

kiện
Hậu điều kiện Người dùng đăng nhập thành công và có thể sử dụng chắc năng mà hệ

thống cung cấp

 lOMoARcPSD|15005370

Luồng sự 1. Người dùng chọn chức năng đăng nhập

kiện chính 2. Form đăng nhập hiển thị

3. Nhập tên, mật khẩu vào form đăng nhập

4. Hệ thống kiểm tra tên, mật khẩu người dùng

5. Đăng nhập thành công, chuyển đến màn hình chính của hệ
thống
Ngoại lệ A. Người dùng đăng nhập không thành công

1. Hệ thống báo lại quá trình đăng nhập không thành công

2. Yêu cầu người dùng đăng nhập lại

2.2.2 Use case đăng nhập, đăng xuất và đăng kí

Hình 6: Use case đăng nhập

2.2.3 Biểu đồ trình tự cho chức năng đăng nhập, đăng xuất và đăng kí
 lOMoARcPSD|15005370

Hình 7: Biểu đồ trình tự cho chức năng đăng nhập

lOMoARcPSD|15005370
 lOMoARcPSD|15005370

Hình 8: Biểu đồ trình tự cho chức năng đăng xuất

 lOMoARcPSD|15005370

Hình 9: Biểu đồ trình tự cho chức năng đăng ký

 lOMoARcPSD|15005370

2.3 Chức năng danh mục sản phẩm

2.3.1 Đặc tả use case danh mục sản phẩm
Tên Use Case Quản lý hệ thống danh mục sản phẩm
Mô tả Use Case này cho phép người dùng xem và thao tác được với tất

cả danh mục sản phẩm đang được kinh doanh trong cửa hàng
Actor Người dùng
Use Case liên Xem thông tin sản phẩm, tìm kiếm sản phẩm theo nhu cầu

quan
Tiền điều kiện Người dùng đăng nhập vào hệ thống
Hậu điều kiện Người dùng sẽ biết được thông tin của các danh mục sản phẩm
Luồng sự kiện 1. Chọn chức năng danh mục sản phẩm
chính 2. Form danh mục sản phẩm xuất hiện, hệ thống hiển thị
thông tin các sản phẩm.
3. Người dùng có thể xem và tìm kiếm thông tin sản phẩm

mà bản thân cần. sau đó có thể tiến hành đặt hàng

 lOMoARcPSD|15005370

2.3.2. Use case danh mục sản phẩm

Hình 10: Use case danh mục sản phẩm.

 lOMoARcPSD|15005370

2.3.3 Biểu đồ trình tự cho chức năng danh mục sản phẩm

Hình 11: Biểu đồ trình tự chức năng danh mục sản phẩm.

2.4 Chức năng quản lý khách hàng

2.4.1 Đặc tả use case quản lý khách hàng
Tên Use Case Quản lý khách hàng
Mô tả Use Case này cho phép người dùng quản lý được tất cả các khách

hàng đã mua hàng trong cửa hàng

Actor Người quản lý
Use Case liên Thêm, sửa, xóa, xem khách hàng

quan
Tiền điều kiện Người dùng đăng nhập vào hệ thống
 lOMoARcPSD|15005370

Hậu điều kiện Người dùng lựa chọn chức năng quản lý khách hàng và thực hiện

các chức năng mở rộng

Luồng sự kiện 1. Chọn chức năng quản lý khách hàng

chính 2. Form quản lý khách hàng xuất hiện, hệ thống hiển thị

thông tin về khách hàng

2.4.2 Use case quản lý khách hàng

Hình 12: Biểu đồ use case chức năng quản lý khách

hàng
 lOMoARcPSD|15005370

2.4.3 Biểu đồ trình tự cho chức năng quản lý khách hàng

Hình 13: Biểu đồ trình tự cho chức năng quản lý khách hàng
 lOMoARcPSD|15005370

2.5 Chức năng quản lý sản phẩm

2.5.1 Đặc tả use case quản lý sản phẩm
Tên Use Case Quản lý sản phẩm
Mô tả Use Case này cho phép người quản lý quản lý được sản phẩm có

trong cửa hàng

Actor Nhân viên quản lý, nhân viên cửa hàng
Use Case liên Thêm, sửa, xóa, tìm kiếm sản phẩm

quan
Tiền điều kiện Người quản lý đăng nhập vào hệ thống
Hậu điều kiện Người quản lý sẽ biết được số hàng hiện có, biết thiếu hàng nào

và còn tồn hàng nào

Luồng sự kiện 1. Người quản lý kích hoạt chức năng quản lý sản phẩm
chính 2. Hệ thống sẽ hiển thị tổng quát về những thông tin của sản
phẩm

2.5.2 Use case quản lý sản phẩm

Hình 14: Use case quản lý sản phẩm

 lOMoARcPSD|15005370

2.5.3 Biểu đồ trình tự cho chức năng quản lý sản phẩm

 lOMoARcPSD|15005370

Hình 15: Biểu đồ trình tự cho chức năng quản lý sản phẩm
2.6 Biểu đồ lớp

Hình 16: Biểu đồ lớp tổng quát