BTL Đồ án môn PHP ReactJS(9đ) Website bán điện thoại di động kèm phần mềm

TRƯỜNG ĐẠI HỌC CÔNG NGHIỆP HÀ NỘI
KHOA CÔNG NGHỆ THÔNG TIN
-------------

BÁO CÁO THỰC NGHIỆM
Học phần: Lập trình web bằng PHP
Đề tài: Xây dựng Website bán điện thoại
.
Giáo viên hướng dẫn :
Nhóm: 6
Sinh viên thực hiện :

Lớp: 202220503184001

Hà Nội - Năm 2023


PHIẾU HỌC TẬP CÁ NHÂN/NHĨM
I.
Thơng tin chung
1. Tên lớp: 202220503184001
2. Tên nhóm: Nhóm 6
3. Họ và tên thành viên trong nhóm:
II. Nội dung học tập
1. Tên chủ đề: Xây dựng website bán điện thoại
2. Hoạt động của sinh viên
- Hoạt động/Nội dung 1: Trình bày, minh họa được các nội dung chính của mơn học
PHP.
- Hoạt động/Nội dung 2: Phân tích thiết kế và xây dựng được website bằng ngơn
ngữ PHP
3. Sản phẩm nghiên cứu: Bản báo cáo theo đúng mẫu + Chương trình

III. Nhiệm vụ học tập
1. Hồn thành báo cáo thực nghiệm theo đúng thời gian quy định (từ ngày 03 tháng 04
năm 2023 đến 18 tháng 06 năm 2023).
2. Báo cáo sản phầm nghiên cứu được giao trước giảng viên và các sinh viên khác.
II.
Học liệu sử dụng cho bài tập lớn
1. Tài liệu học tập:
- Nguyễn Trung phú, Giáo trìnhThiết kế web – Đại học Cơng nghiệp Hà nội
- Trần Phương Nhung, Giáo trình Lập trình web bằng PHP- Đại học Công nghiệp
Hà nội
- Tài liệu điện tử trên internet.


KẾ HOẠCH THỰC HIỆN BÁO CÁO THỰC NGHIỆM THEO TUẦN MƠN PHP
Tên lớp: 202220503184001

Khóa: K15

Tên nhóm: Nhóm 6
Họ tên thành viên của nhóm:
Tên chủ đề: Xây dựng website bán điện thoại

Tuần

Người thực hiện

Nội dung công việc

Phương pháp thực hiện

1-2

Khảo sát hệ thống

Tra cứu tài liệu trên mạng

1-2

Khảo sát hệ thống

Tra cứu tài liệu trên mạng

1-2

Khảo sát hệ thống

Tra cứu tài liệu trên mạng

3-4

Viết tài liệu đặc tả yêu cầu

Sử dụng phần mềm Rational Rose

3-4

Xây dựng cơ sở dữ liệu từ các Sử dụng PHPmyadmin và kiến thức
yêu cầu hệ thống
về hệ quản trị cơ sở dữ liệu

3-4

Viết báo cáo về các phần cơ sở Nghiên cứu tài liệu trên mạng
khái niệm

5-6-7

Xây dựng phần phương thức xử Kết hợp kiến thức trên lớp và nghiên
lý dữ liệu bằng PHP
cứu tài liệu trên mạng


5-6-7

Xây dựng giao diện bằng Kết hợp kiến thức đã có và nghiên
ReactJS và đổ dữ liệu ra giao cứu tài liệu trên mạng
diện

5-6-7

Viết báo cáo về phần các chức Nghiên cứu tài liệu trên mạng và tài
năng của website
liệu đặc tả phần mềm

8

Kiểm thử phần mềm và hoàn Tra cứu tài liệu về cách thức kiểm
thiện báo cáo
thử và hoàn thiện báo cáo

8

Kiểm thử phần mềm và hoàn Tra cứu tài liệu về cách thức kiểm
thiện báo cáo
thử và hoàn thiện báo cáo

8

Kiểm thử phần mềm và hoàn Tra cứu tài liệu về cách thức kiểm
thiện báo cáo
thử và hoàn thiện báo cáo
Ngày

08

tháng

06 năm 2023

Giảng viên

Phạm Thế Anh


-1-

Lời nói đầu
Với sự phát triển nhanh chóng của cơng nghệ thông tin, những sản phẩm cũng
như công nghệ hiện đại đã cho ra những đóng góp vơ cùng to lớn trong hầu
như tất cả các lĩnh vực cũng như đã và đang mang lại những giá trị thiết thực

cho đời sống của con người. Hiện nay hầu hết các doanh nghiệp vừa và nhỏ đã
và đang ứng dụng công nghệ thông tin vào các hệ thống quản lý nhằm giúp
giảm thiểu các tác nhân cũng như chi phí để quản lý tài nguyên doanh nghiệp.
Nhóm chúng em sau khi nhận đề tài đã tiến hành sử dụng ngôn ngữ lập trình
PHP và các framework phù hợp để xây dựng hệ thống nhằm chất lượng của
sản phẩm cuối cùng đem lại trải nghiệm sử dụng thân thiện và ổn định nhất,
đáp ứng các yêu cầu về nghiệp vụ và chức năng đã xác định thơng qua q
trình tìm hiểu và khảo sát.
Với mong muốn tìm hiểu cách thức xây dựng một trang web mua sắm online,
chúng em đã đi vào tìm hiểu về cách thức tổ chức và hoạt động của website cụ
thể là “Website bán điện thoại ” bằng ngôn ngữ PHP và cơ sở dữ liệu MySQL.
Qua bài tập lớn này, chúng em đã tìm hiểu được cách xây dựng website để phục
vụ nhu cầu lợi ích của công ty
Mặc dù với một khoảng thời gian chưa nhiều nhưng nhờ sự giúp đỡ của Thầy
và sự nỗ lực cố gắng hết sức của cả nhóm chúng em đã hoàn thành tốt đề tài
này, rất mong nhận được sự đóng góp ý kiến của thầy và các bạn.
Chúng em xin chân thành cảm ơn Thầy!


-2-

Mục lục
Chương 1: Cơ sở lý thuyết...................................................................................4
1.1. Các khái niệm............................................................................................4
1.2. u cầu sử dụng ngơn ngữ PHP................................................................4
Chương 2: Phân tích các chức năng của website..............................................6
2.1. Biểu đồ use case........................................................................................6
2.2. Biểu đồ liên kết thực thể và các bảng dữ liệu............................................8
2.3. Đặc tả use case...........................................................................................9
2.3.1. Mô tả use case xem chi tiết sản phẩm.................................................9

2.3.2. Mô tả use case đăng nhập..................................................................11
2.3.3. Mô tả use case đặt hàng....................................................................13
2.3.4. Mô tả use case đăng ký tài khoản......................................................15
2.3.5. Mơ tả use case tìm kiếm sản phẩm....................................................17
2.3.6. Mơ tả use case thanh tốn.................................................................19
2.3.7. Mơ tả use case kiểm tra giỏ hàng......................................................20
2.3.8. Mô tả use case bảo trì bài viết...........................................................22
2.3.9. Mơ tả use case bảo trì sản phẩm........................................................25
2.3.10.

Mô tả use case xem sản phẩm theo danh mục...............................28

2.3.11.

Mô tả use case Xem bài viết..........................................................30

2.4. Kế hoạch triển khai thực hiện..................................................................32
Chương 3: Chương trình và kiểm thử.............................................................34
3.1. Các hình ảnh của website........................................................................34
3.1.1 Giao diện Font- end..............................................................................34
3.1.2. Giao diện back- end............................................................................52
3.2 Kiểm thử các chức năng của website.........................................................52
3.2.1 Kiểm thử giỏ hàng................................................................................52
3.2.2 Kiểm thử chức năng thanh toán...........................................................53
3.2.3 Kiểm tra sản phẩm trong các Category/Sản phẩm nổi bật/Sản phẩm
liên quan........................................................................................................54
KẾT LUẬN.........................................................................................................55
3.3 Đề xuất về tính khả thi của đề tài nghiên cứu, những thuận lợi, khó khăn
…......................................................................................................................55

-3-

3.3.1 Tính khả thi..........................................................................................55
3.3.2 Thuận lợi..............................................................................................55
3.3.3 Khó khăn..............................................................................................56
Tài liệu tham khảo.............................................................................................57


-4-

Chương 1: Cơ sở lý thuyết
1.1.

Các khái niệm

- Ngôn ngữ để xây dựng website:
HTML, CSS, JS , ReactJS, PHP
- Xử dụng phiên bản PHP 8.2.0 đề đảm bảo sự ổn định và có tính ứng
dụng lâu dài.
1.2.

u cầu sử dụng ngôn ngữ PHP

- Yêu cầu của website:
o Giao diện và trải nghiệm người dùng: Website cần có giao diện
đẹp, thu hút khách hàng và dễ sử dụng. Ngoài ra, trải nghiệm
người dùng cũng phải được đảm bảo, bao gồm các chức năng
phân loại sản phẩm, tìm kiếm, đặt hàng, thanh toán và đăng ký tài
khoản.

o Quản lý sản phẩm: Hệ thống quản lý sản phẩm phải đảm bảo
tiện ích cho người quản trị để quản lý tất cả các sản phẩm, bao
gồm thêm, sửa, xóa và cập nhật thơng tin sản phẩm. Ngồi ra, tạo
ra các hình ảnh, mơ tả sản phẩm chân thực sẽ giúp khách hàng
hiểu rõ hơn về sản phẩm.
o Thanh toán: Website bán hàng điện thoại cần kết nối với các
hình thức thanh tốn như thẻ tín dụng, chuyển khoản, và COD để
các khách hàng có thể tự tin và thuận tiện trong việc thanh toán
các đơn hàng của mình.


-5-

o Vận chuyển: Hệ thống vận chuyển cần được tích hợp để đảm bảo
giao hàng nhanh chóng và an tồn. Các cách giao hàng khác nhau
(ship COD, vận chuyển nhanh, vận chuyển tiết kiệm...) cũng có
thể được cung cấp để đáp ứng nhu cầu của khách hàng.
o Khuyến mại và chăm sóc khách hàng: Website bán điện thoại
có thể cung cấp các chương trình khuyến mại và giảm giá để tăng
doanh số và tạo sự xúc tiến đối với khách hàng thân thiết. Đồng
thời, chương trình chăm sóc khách hàng cũng được kỳ vọng để
giúp khách hàng dễ dàng tìm kiếm, giải đáp thắc mắc và có thiện
cảm hơn với sản phẩm.
- Mục tiêu cụ thể:
o Đáp ứng được các nhu cầu cơ bản của website bán hàng như tốc
độ phản hồi nhanh, các chức năng hoạt động trơn tru khơng có lỗi.
o Xây dựng đầy đủ các chức năng cần thiết để website có thể hoạt
động như xem sản phẩm, đăng kí, đăng nhập, quản lý sản phẩm,
danh mục…

-6-

Chương 2: Phân tích các chức năng của website
2.1.

Biểu đồ use case

Huy don hang

Xem san pham theo danh muc
Bao tri san pham
Xem chi tiet san pham

Tim kiem san pham
Bao tri danh muc san pham
Xem danh muc

KhachHang
Them vao gio hang

nguoi quan tri
Quan ly don hang

Xem bai viet
Bao tri event

Dat hang
bao tri bai viet

Xem event

Quan ly tai khoan
Xem don dat hang

Dang ky
Sua thong tin ca nhan

Dang nhap
Dang nhap

Dang ky


-7-

1)

Xem bài viết: Cho phép khách hàng xem các bài viết về công nghệ mới
nhất.

2)

Xem sản phẩm theo danh mục: Cho phép khách hàng xem sản phẩm
theo danh mục.

3)

Xem chi tiết sản phẩm: Cho phép khách hàng xem chi tiết sản phẩm.

4)

Xem event: Cho phép khách hàng xem chương trình hiện có.

5) Kiểm tra đơn hàng: Cho phép khách hàng kiểm tra đơn hàng.
6) Đăng ký tài khoản: Cho phép khách hàng đăng ký tài khoản.
7) Đặt hàng: Cho phép khách hàng đặt hàng.
8) Tìm kiếm sản phẩm: Cho phép khách hàng tìm kiếm sản phẩm.
9) Quản lý giỏ hàng: Cho phép khách hàng xem các sản phẩm đã chọn.
10)

Thanh toán: Cho phép khách hàng thanh toán.

11)

Đăng nhập: Cho phép khách hàng đăng nhập.

12)

Hủy đơn hàng: Cho khách hàng hủy đơn hàng

13)

Sửa thông tin cá nhân: Cho khách hàng sủa lại thơng tin bản thân

14)

Bảo trì sản phẩm: cho phép quản trị xem, thêm, sửa, xóa thơng tin trong

bảng “products”

15)

Bảo trì danh mục: cho phép quản trị xem, thêm, sửa, xóa thơng tin trong

bảng “categories”
16)

Bảo trì bài viết: cho phép quản trị xem, thêm, sửa, xóa thơng tin trong

bảng “news”
17)

Quản lý tài khoản:cho phép quản trị xem, sửa trạng thái trong bảng

“users”


-8-

18)

Bảo trì events: cho phép quản trị xem, thêm, sửa, xóa thơng tin trong

bảng “event”
19)

Quản lý đơn hàng(xem đơn hàng, xem chi tiết đơn hàng, sửa trạng thái

đơn hàng): Cho phép người quản trị xem thông tin trong bảng “order”, sửa
trạng thái của đơn hàng trong bảng “order”, xóa thơng tin trong bản “order”.

2.2.

Biểu đồ liên kết thực thể và các bảng dữ liệu


-9-

2.3.
2.3.1.

Đặc tả use case
Mô tả use case xem chi tiết sản phẩm

Use case này cho phép khách hàng xem chi tiết các thông số của sản phẩm như
màu sắc, chất liệu, mô tả, …
 Luồng sự kiện:
o Luồng cơ bản:
1) Use case bắt đầu khi khách hàng kích chọn một danh mục sản phẩm
trên menu trang chủ. Hệ thống lấy thông tin về ảnh mẫu, tên, đơn giá
của các sản phẩm đó trong bảng “PRODUCTS” và hiển thị lên màn
hình.
2) Khách hàng sau đó kích chọn vào ảnh mẫu hoặc tên sản phẩm muốn
xem chi tiết, hệ thống lấy thông tin về mã sản phẩm, tên sản phẩm, đơn
giá, giảm giá, màu sắc, kích cỡ, mơ tả, chất liệu, hướng dẫn sử dụng
của sản phẩm đó từ bảng “PRODUCTS” và hiển thị lên màn hình. Use
case kết thúc.

 Dữ liệu liên quan

-10-

 Biểu đồ trình tự

: Khach Hang

: Xem chi tiet san pham UI : Xem chi tiet xem tiet
san pham controller
1: Kich chon mot danh muc san pham( )
2: lay danh muc san pham( )

3: return ket qua

4: Hien thi danh sach san pham( )

5: Kich vào anh hoac ten san pham( )

6: lay thong tin san pham( )

7: return ket qua
8: Hien thi san pham( )


-11-

 Biểu đồ lớp

2.3.2.

Mô tả use case đăng nhập

- Mô tả use case: use case này cho phép khách hàng có thể đăng nhập.
 Luồng sự kiện:
o Luồng cơ bản:
- Use case này bắt đầu khi khách hàng kích vào một chức năng đăng nhập
trong danh sách các chức năng. Hệ thống lấy thông tin và của người dùng bao
gồm: số điện thoại, mã otp. Use case kết thúc.
- Khách hàng kích vào mục đăng nhập trong danh mục chức năng. Hệ thống
lấy thông tin được chọn gồm: số điện thoại, mã otp hiển thị lên màn hình. Use
case kết thúc.


-12-

 Dữ liệu liên quan

 Biểu đồ trình tự


-13-

 Biểu đồ lớp

2.3.3.

Mô tả use case đặt hàng

- Mô tả use case: use case này cho phép khách hàng có thể mua hàng.
 Luồng sự kiện:

o Luồng cơ bản:
- Use case này bắt đầu khi khách hàng kích vào một sản phẩm trong danh
sách các sản phẩm. Hệ thống lấy thông tin từ bảng “PRODUCTS” và hiển thị
ra mục thêm vào giỏ hàng.
- Sau khi kích vào 1 sản phẩm sẽ hiển thị lên màn hình: hình ảnh, tên sản
phẩm, mã sản phẩm, giá tiền, số lượng sản phẩm đã bán, màu sắc, kích cỡ.
Khách hàng sẽ chọn kích thước, màu sắc và thêm vào giỏ hàng.
- Sau khi đã thêm được sản phẩm vào giỏ hàng, khách hàng sẽ chọn phương
thức thanh toán, tiến hành đặt hàng và thanh toán. Use case kết thúc.


-14-

 Dữ liệu liên quan:

 Biểu đồ trình tự

: KhachHang

: DatHangUI

: DatHangController

1: Kich chon dat hang( )
2: lay thong tin danh sach cac san pham( )

3: return ket qua
4: hien thi thong tin cac san pham( )

5: kich chon mot san pham( )

6: lay thong tin san pham( )

7: return ket qua
8: hien thi san pham( )

9: chon kich thuoc , mau sac va them vao gio hang( )
10: them vao gio hang( )

11: chon phuong thuc thanh toan va tien hanh thanh toan( )

12: thanh toan( )


-15-

 Biểu đồ lớp

2.3.4.

Mô tả use case đăng ký tài khoản

- Mô tả vắn tắt: Use case này cho phép người dùng có thể đăng ký tài khoản.
 Luồng sự kiện:
o Luồng cơ bản:


-16-

- Use case này bắt đầu khi khách hàng kích vào biểu tượng

để đăng ký

trong danh sách các chức năng và nhập thông tin người dùng bao gồm: số
điện thoại, email, tên, ngày tháng sinh.
- Khách hàng kích vào nút đăng kí. Hệ thống sẽ lấy thơng tin được chọn bao
gồm: số điện thoại, email, tên, ngày tháng sinh cập nhật vào bảng “user”. Use
case kết thúc.
 Dữ liệu liên quan

 Biểu đồ trình tự