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

ĐỒ ÁN LẬP TRÌNH WEB NÂNG CAO

ĐỀ TÀI:
SỬ DỤNG PHẦN MỀM MÃ NGUỒN MỞ
WORDPESS XÂY DỰNG WEBSITE BÁN LAPTOP

Sinh viên thực hiện : TRẦN THẾ KHẢI, NGUYỄN

NGỌC LINH
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 : HTTMDT
Lớp : D16HTTMDT1
Khóa : 2021

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

1
 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 Trần Thế Khải - Khảo sát thực trạng, nghiên cứu
(Nhóm trưởng) - Thiết kế giao diện vào chức
năng website
- Tham gia quá trình làm báo
cáo
2 Nguyễn Ngọc - Xây dựng hệ thống website
Linh bằng mã nguồn mở Wordpress
- Thiết kế giao diện vào chức
năng website
- Tham gia quá trình làm báo cáo
- Sửa lỗi và hoàn thiện website

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:

2
 MỤC LỤC
PHIẾU CHẤM ĐIỂM....................................................................................................2
MỤC LỤC......................................................................................................................3
DANH MỤC HÌNH ẢNH.............................................................................................5
DANH MỤC BẢNG......................................................................................................6
LỜI MỞ ĐẦU................................................................................................................7
CHƯƠNG 1: KHẢO SÁT HIỆN TRẠNG....................................................................8
1.1. Khảo sát hiện trạng..........................................................................................8
1.2. Xác nhận dự án và tính khả thi........................................................................8
1.2.1. Mục tiêu của dự án...................................................................................8
1.2.2. Yêu cầu hệ thống......................................................................................9
1.2.3. Yêu cầu chức năng...................................................................................9
1.2.4. Yêu cầu chức năng.................................................................................10
1.2.5. Ước tính chi phí......................................................................................10
1.3 . Giới thiệu về mã nguồn mở Wordpress.......................................................10
CHƯƠNG 2: PHÂN TÍCH HỆ THỐNG.....................................................................13
2.1. Biểu đồ usecase.............................................................................................13
2.1.1. Biểu đồ usecase tổng quát..........................................................................13
2.1.2. Biểu đồ Usecase quản lý sản phẩm............................................................14
2.1.3. Biểu đồ Usecase tìm kiếm sản phẩm..........................................................15
2.1.4. Biểu đồ Usecase thống kê..........................................................................16
2.1.5. Biểu đồ Usecase thanh toán.......................................................................16
2.1.6. Biểu đồ Usecase quản lý đơn hàng............................................................17
2.1.7. Biểu đồ Usecase quản lý tài khoản.............................................................18
2.1.8. Biểu đồ Usecase đăng nhập........................................................................19
2.1.9. Biểu đồ Usecase admin..............................................................................20
2.1.10. Biểu đồ Usecase khách hàng....................................................................21
2.1.11. Biểu đồ Usecase giỏ hàng........................................................................22
2.2. Biểu đồ Class.................................................................................................23
2.3. Biểu đồ trình tự..............................................................................................23
2.3.1. Biểu đồ trình tự đăng nhập.....................................................................23
2.3.2. Biểu đồ trình tự tìm kiếm sản phẩm.......................................................24
2.3.3. Biểu đồ trình tự quản lý sản phẩm.........................................................24
2.3.4. Biểu đồ trình tự tạo hóa đơn...................................................................25
2.3.5. Biểu đồ trình tự thống kê........................................................................25
2.3.6. Biểu đồ trình tự đặt hàng online.............................................................26
2.3.7. Biểu đồ trình tự giỏ hàng........................................................................27
CHƯƠNG 3: CÀI ĐẶT...............................................................................................28
3.1. Cài đặt trang web...........................................................................................28
3.2. Giao diện trang web.......................................................................................29
3.2.1. Trang sản phẩm......................................................................................30
3.2.2. Giới thiệu công ty...................................................................................31
3.2.3. Chi tiết sản phẩm....................................................................................32
3.2.4. Giỏ hàng và thanh toán...........................................................................33
3.2.5. Quản lý sản phẩm...................................................................................34
3.2.6. Quản lý doanh thu..................................................................................35

3
4
 DANH MỤC HÌNH ẢNH
Hình 1.3. Mã nguồn mở Wordpress.............................................................................11
Hình 2.1.1. Biểu đồ Usecase tổng quát................................................................13
Hình 2.1.2. Biểu đồ Usecase quản lý sản phẩm...................................................14
Hình 2.1.3. Biểu đồ Usecase tìm kiếm sản phẩm.................................................15
Hình 2.1.4. Biểu đồ Usecase thống kê..................................................................16
Hình 2.1.5. Biểu đồ Usecase thanh toán..............................................................17
Hình 2.1.6. Biểu đồ Usecase quản lý đơn hàng...................................................17
Hình 2.1.7. Biểu đồ Usecase quản lý tài khoản...................................................18
Hình 2.1.8. Biểu đồ Usecase đăng nhập..............................................................19
Hình 2.1.9. Biểu đồ Usecase admin.....................................................................20
Hình 2.1.10. Biểu đồ Usecase khách hàng...........................................................21
Hình 2.1.11. Biểu đồ Usecase giỏ hàng...............................................................22
Hình 2.2. Biểu đồ class........................................................................................23
Hình 2.3.1. Biểu đồ trình tự đăng nhập...............................................................24
Hình 2.3.2. Biểu đồ trình tự tìm kiếm sản phẩm..................................................24
Hình 2.3.3. Biểu đồ trình tự quản lý sản phẩm....................................................24
Hình 2.3.4. Biểu đồ trình tự tạo hóa đơn.............................................................25
Hình 2.3.5. Biểu đồ trình tự thống kê...................................................................26
Hình 2.3.6. Biểu đồ trình tự đặt hàng online.......................................................26
Hình 2.3.7. Biểu đồ trình tự giỏ hàng..................................................................27
Hình 3.1.1. Plugin All-in-One WP Migration.....................................................28
Hình 3.1.2. Danh mục của plugin........................................................................28
Hình 3.1.3. Tải file wpress...................................................................................29
Hình 3.2.1. Trang chủ..........................................................................................29
Hình 3.2.2. Trang sản phẩm laptop.....................................................................30
Hình 3.2.3. Trang sản phẩm linh kiện-phụ kiện...................................................30
Hình 3.2.4. Sản phẩm trên trang chủ...................................................................31
Hình 3.2.5. Giới thiệu cửa hàng...........................................................................31
Hình 3.2.6. Hướng dẫn trả góp............................................................................32
Hình 3.2.7. Trang chi tiết sản phẩm.....................................................................32
Hình 3.2.8. Giới thiệu chi tiết sản phẩm..............................................................33
Hình 3.2.9. Cấu hình chi tiết của sản phẩm.........................................................33
Hình 3.2.10. Giỏ hàng..........................................................................................34
Hình 3.2.11. Quản lý sản phẩm............................................................................34
Hình 3.2.12. Quản lý chi tiết sản phẩm................................................................35
Hình 3.2.13. Tạo sản phẩm mới...........................................................................35
Hình 3.2.14. Quản lý doanh thu...................................................................................35

5
 DANH MỤC BẢNG
Bảng 2.1.1. Bảng mô tả Usecase tổng quát.................................................................13
Bảng 2.1.2. Bảng mô tả Usecase quản lý sản phẩm............................................14
Bảng 2.1.3. Bảng mô tả Usecase tìm kiếm sản phẩm...........................................15
Bảng 2.1.4. Bảng mô tả Usecase thống kê...........................................................15
Bảng 2.1.5. Bảng mô tả Usecase thanh toán.......................................................16
Bảng 2.1.6. Bảng mô tả Usecase quản lý đơn hàng.............................................17
Bảng 2.1.7. Bảng mô tả Usecase quản lý tài khoản.............................................18
Bảng 2.1.8. Bảng mô tả Usecase đăng nhập........................................................19
Bảng 2.1.9. Bảng mô tả Usecase admin...............................................................19
Bảng 2.1.10. Bảng mô tả Usecase khách hàng....................................................20
Bảng 2.1.11. Bảng mô tả Usecase giỏ hàng........................................................21

6
 LỜI MỞ ĐẦU
Trong thời đại mà công nghệ thông tin phát triển mạnh, bên cạnh
đó diễn biến phức tạp của dịch bệnh COVID-19 gây khó khăn trong việc
mua sắm trực tiếp tại cửa hàng thì mua sắm online là lựa chọn tối ưu của
mọi người.
Khi đại dịch đã qua đi, việc mua sắm online đã không còn xa lạ tuy
nhiên vẫn có nhiều người giữ thói quen mua những sản phẩm vì sự yêu
thích hay quan tâm đối sản phẩm mà người tiêu dùng mong muốn.
Áp dụng các kiến thức đã được học cùng với sự yêu thích các sản
phẩm công nghệ của bản thân, chúng em lựa chọn đề “Sử dụng phần
mềm mã nguồn mở Wordpress xây dựng website bán laptop” sử dụng mã
nguồn mở Wordpress để hoàn thiện báo cáo với mục tiêu tạo ra website
cung cấp đa dạng mẫu mã laptop, giúp người mua dễ dàng tìm mua
laptop trên trang web và hệ thống hỗ trợ người quản trị trong việc quản lý
website một cách nhanh chóng và đơn giản nhất.
Em xin chân thành cảm ơn thầy Phương Văn Cảnh đã hướng dẫn
và hỗ trợ nhiệt tình cho chúng em trong trong quá trình thực hiện đồ án.

7
 CHƯƠNG 1: KHẢO SÁT HIỆN TRẠNG

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

Đề tài tập trung vào việc nghiên cứu các vấn đề liên quan như
tìm hiểu hệ thống bán hàng, cách thức phân loại các loại dòng sản
phẩm laptop, tìm hiểu yêu cầu của khách hàng về các những laptop mà
họ mong muốn mua và tìm hiểu.
Đề tài website bán laptop được xây dựng dựa trên sự tham khảo
về một số trang web bán laptop online có thực ngoài đời và nhu cầu
thực tế của các khách hàng về việc tiếp cận đến công nghệ thông tin
một cách nhanh nhất. Đưa đến cho người sử dụng một trang web bán
hàng đơn giản và giúp cho người dùng quản lý hàng hóa dễ dàng hơn.
Trang web được xây dựng nhằm giảm tối đa chi phí hoạt động, nâng
cao chất lượng của việc quản lý việc hàng hóa. Việc quản lý và lưu trữ
thông tin không thông qua giấy tờ sổ sách sẽ làm giảm chi phí và công
sức làm việc của các nhân viên, cũng như tránh được các sai sót trong
quá trình làm việc.
Mô tả
Website bán laptop online là trang web bán hàng cũng như quản
lý sản phẩm của cửa hàng. Trang web cung cấp cho nhà quản lý những
chức năng cần thiết để tiến hành giao dịch, quản lý sự hoạt động cũng
như theo dõi tình hình phát triển của shop và cung cấp trang web cho
khách hàng có thể mặt mua trực tuyến từ xa một cách nhanh chóng và
thuận tiện.
- Quản lý nắm được tình hình mua bán, doanh thu của shop, việc
thống kê được thực hiện hàng tháng, hàng quý cũng có khi đột
suất theo yêu cầu.
- Nhân viên kho sẽ quản lý số lượng sản phẩm tồn đọng trong kho,
việc suất nhập hàng của kho theo mã số hàng hóa, kiểm kê sản
phẩm trong kho.
- Nhân viên bán hàng sẽ giới thiệu tư vấn cũng như giải đáp thắc
mắc cho khách về các thông tin của sản phẩm mà khách đang
quan tâm cũng như những vấn đề liên quan tới việc mua sắm.
- Khách hàng là người mua hàng. Thông tin của khách hàng sẽ
được lưu trữ trong hệ thống.

1.2. Xác nhận dự án và tính khả thi

1.2.1. Mục tiêu của dự án

- Website bán laptop có nhiệm vụ chức năng nghiệp vụ về bán hàng.
Hỗ trợ quản lý kho hàng và nhân viên làm việc. Giúp quản lý cửa
8
 hàng thống kê báo cáo từ đó nắm bắt được tình hình của khách
hàng để đưa ra phương hướng phát triển trong thời gian tới.
- Góp phần nâng cao hiệu quả công việc, thúc đẩy phát triển hoạt
động. Giúp cho công việc quản lý trở nên dễ dàng, tiện dụng và
chính xác hơn.
- Giảm bớt chi phí, nhân công, thời gian và sức lực.
- Giúp khách hàng mua sắm một cách dễ dàng hơn mà không cần
phải đi xa.

1.2.2.
Yêu cầu hệ thống
 Thực hiện tốt các chức năng chính hiện tại.
 Tuân thủ đúng các quy tắc về bán hàng.
 Tốc độ xử lý thông tin nhanh, đảm bảo chính xác, kịp thời.
 Theo dõi chi tiết hàng nhập, tồn đọng.
 Tạo được các báo cáo hàng tháng, hàng năm.
 Có đầy đủ các chức năng của hệ thống quản lý.
 Hệ thống phải có chế độ sao lưu hồi phục dữ liệu, nhằm đảm bảo
an toàn về mặt dữ liệu.
 Bảo mật tốt, chỉ làm việc với những người có quyền sử dụng.

1.2.3. Yêu cầu chức năng

Mô tả chi tiết các chức năng của hệ thống:
*Chức năng đăng nhâp: Giúp quản lý và nhân viên có thể thao tác
hê ̣thống. Đảm bảo xác thực thông tin người sử dụng và an toàn
bảo mật hệ thống.
Mỗi người muốn tham gia vào hệ thống đều cần có một tài khoản
và password khi đó họ mới có thể đăng nhập được, trước khi đăng
nhập vào vùng Area họ phải đăng ký ở trang chủ và được Chủ
Shop phân quyền thì mới đăng nhập được vào hệ thống bên trong.
(Hệ thống bên trong chỉ dành cho những người có chức vụ trong hệ
thông).
*Kiểm tra hông tin khách hàng: bao gồm các thông tin khách hàng
ví dụ như tên khác hàng, sdt, địa chỉ, mã khách hàng…
*Kiểm tra thông tin nhân viên: thông tin của nhân viên làm việc tại
cửa hàng, bao gồm thông tin nhân viên như quê quán, năm sinh,
trình độ học vấn, kinh nghiệm…
➢ Chức năng quản lý khách hàng
o Tìm kiếm khách hàng
➢ Chức năng quản lý nhân viên
o Lưu thông tin của nhân viên mới
o Sửa thông tin nhân viên
o Xóa thông tin nhân viên
o Tìm kiếm nhân viên

9
 ➢ Chức năng quản lý hàng hóa
o Thêm sản phẩm
o Sửa thông tin sản phẩm
o Xóa sản phẩm
➢ Chức năng quản lý hóa đơn
o Lập hóa đơn bán hàng
o Hủy hóa đơn bán hàng

1.2.4. Yêu cầu chức năng

 Yêu cầu tiến hóa: Hệ thống phải linh động trong việc thay
đổi các thiết lập đặt sẵn phải dễ dàng nâng cấp.
 Yêu cầu hiệu quả: Hệ thống phải làm việc hiệu quả thực hiện
đúng các yêu cầu của người sử dụng. Tỉ lệ lỗi trung bình hệ
thống dưới 1%.
 Yêu cầu hệ thống:
Bảo mật: phân quyền hệ thống cho từng đối tượng sử dụng
tránh tình trạng thông tin, dữ liệu của giải đấu bị mất hoặc bị sửa đổi.
Yêu cầu an toàn: phải có giải pháp bảo đảm an toàn dữ liệu:
Có khả năng backup dữ liệu và phục hồi dữ liệu khi có sự cố.
 Yêu cầu công nghệ: Hệ thống phải dễ sử dụng, dễ sửa lỗi,
có khả năng tái sử dụng và kế thừa.
 Hệ thống cho phép truy cập dữ liệu thời gian thực. Các tác vụ
thực hiện tức thời trong thời gian ngừng cho phép chấp nhận
dưới 60s.

1.2.5. Ước tính chi phí

 Chi phí duy trì webiste : 20.000.000 đồng.
 Chi phí dự trù bảo trì và nâng cấp : 5.000.000 đồng.
 Chi phí cho người viết phần mềm : 15.000.000 đồng.
Tổng chi phí ước tính : 40.000.000 đồng.

1.3. Giới thiệu về mã nguồn mở Wordpress

WordPress là một hệ quản trị nội dung Mã nguồn mở miễn
phí viết bằng ngôn ngữ lập trình PHP cùng cơ sở dữ liệu MySQL
hoặc MariaDB. WordPress là hậu duệ chính thức của b2/cafelog,
được phát triển bởi Michel Valdrighi. Mọi người biết đến
WordPress đơn giản là để viết Blog, để đăng tải thông tin của mình
lên mạng nhưng không đơn giản như vậy, WordPress còn có chức
năng như mọi Website khác. Nó có thể làm site tin tức, đánh giá,
bán hàng, thậm chí là mạng xã hội. Các bạn có thể ứng dụng
wordpress để tạo cho mình 1 website trên nền wordpress, 1 website

10
được tạo ra nhanh chóng đơn giản mà lại tiện cho việc quảng bá
sản phẩm, thông tin, kiến thức …

Hình 1.3. Mã nguồn mở Wordpress

Khi tạo một website cho riêng bạn có thể sẽ có những lý do
riêng, nhưng nếu so với các script và dịch vụ website khác, có thể
bạn sẽ thích Wordpress ở những tính năng dưới đây.
- Dễ cài đặt, chỉ cần khởi tạo database, upload và thiết lập
tham số trong file wp-config.php, sau 1,2 lần click chuột,
bạn đã sẵn sàng để viết blog.
- Không giới hạn số lượng category và sub-category: bạn có
thể tạo vô số chuyên mục và các chuyên mục con trong các
chuyên mục chính mà không gặp phải bất kì rắc rối nào.Tự
động xuất RSS và Atom: giúp cập nhật các thông tin về blog
của bạn ngay lập tức.
- Sử dụng giao diện XML RPC để trackback và viết bài từ xa.
- Có thể đăng bài trên blog từ email.
- Hỗ trợ plugin và theme: đây là một điểm mạnh nhất của
Wordpress. Nó tạo cơ hội cho hàng nghìn nhà phát triển
cùng tham gia phát triển các plugin và theme cho
Wordpress, làm cho nó càng ngày càng phong phú về tính
năng và giao diện.Có thể nhập dữ liệu từ Blogger, Blogware,
Bunny’s Technorati Tags, DotClear, GreyMatter, Jorome’s
Keyword, LiveJournal, Movable Type, TypePad, RSS,
Simple Tagging, Textpattern, B2evoluton, v.v. Đây là chức
năng tuyệt vời nếu như bạn muốn chuyển từ một blog khác
sang sử dụng Wordpress, nó giúp lại lấy lại tất cả các bài
viết trên các blog khác để chuyển qua Wordpress.

11
 - Rất nhiều tài liệu hướng dẫn để giúp phát triển thêm tính
năng, và nhiều bộ API để mở rộng.Dễ quản lý và duy trì mà
chẳng cần phải có nhiều kĩ năng hay kinh nghiệm
- Khả năng tìm kiếm trên blog rất tốt.
- Xuất bản nội dung ngay lập tức bất kể chiều dài của bài viết
là bao nhiêu.
- Hỗ trợ viết blog đa ngôn ngữ.
- Administration Panel được tổ chức rất tốt với rất nhiều tính
năng nhưng lại dễ hiểu và dễ sử dụng.
- Quản lý liên kết dễ dàng.
Với sự trợ giúp của các plugin và rất nhiều bộ API, bạn có
thể chỉnh sửa Wordpress tùy thích theo nhu cầu của bạn, và thậm
chí bạn cũng có thể sử dụng Wordpress để làm một website hoàn
chỉnh. Wordpress có hàng ngàn plugin và theme, cộng với một
đồng người sử dụng cực kì đông đảo luôn sẵn sàng góp sức phát
triển, điều này làm cho Wordpress ngày càng lớn mạnh thể hiện vai
trò số 1 của mình.
Plugin trong WordPress là một hoặc nhiều đoạn code được
bổ sung vào mã nguồn website WordPress. Plugin còn được gọi là
phần mở rộng của website giúp bạn tùy chỉnh và bổ sung chức
năng cho website WordPress của mình. Có hàng ngàn Plugin với
những chức năng khác nhau. Chỉ cần bạn có nhu cầu, hầu hết các
nhu cầu của bạn đều được Plugin hỗ trợ và sẵn sàng cho bạn sử
dụng. Bạn có thể dùng Plugin trong WordPress cho nhiều thể loại
website khác nhau một cách đơn giản. Plugin là một thành phần
không thể thiếu trong website WordPress của bạn. Bất kể bạn làm
website gì, bạn sử dụng Theme tự Code hay Theme trên mạng thì
việc sử dụng Pluign là điều chắc chắn. Ngoài việc hỗ trợ xây dựng
thêm chức năng cho website. Bạn cũng sẽ tìm được những Plugin
hỗ trợ cho các vấn đề như: Plugin Seo, Plugin tăng tốc, Plugin tối
ưu website, Plugin bảo mật …

12
 CHƯƠNG 2: PHÂN TÍCH HỆ THỐNG

2.1. Biểu đồ usecase

2.1.1. Biểu đồ usecase tổng quát

Hình 2.1.1. Biểu đồ Usecase tổng quát

STT Tên Usecase Mô tả Usecase

1 Đăng nhập Usecase này giúp người dùng sử dụng các chức
năng của hê ̣ thống cần đến quyền truy cập̣.
2 Xem thông tin sản Usecase này mô tả chức năng xem thông tin sản
phẩm phẩm của người sử dụng như xem nguồn gốc sản
phẩm, thông số kĩ thuật của sản phẩm… Ngoài
ra, khách hàng còn có thể có những đánh giá về
sản phẩm.
3 Đặt mua sản phẩm Usecase này mô tả chức năng đặt hàng của khách
hàng, khách hàng có thể thay đổi số lượng sản
phẩm theo ý muốn. Có thể hủy bỏ việc đặt hàng
nếu thay đổi ý định.
4 Tìm kiếm sản Usecase này mô tả chức năng tìm kiếm sản phẩm
phẩm của Admin, khách hàng. Chức năng này giúp cho
việc tìm kiếm sản phẩm được dễ dàng hơn khi có
rất nhiều sản phẩm được lưu trữ trong hệ thống,
vì khi đó để tìm kiếm một sản phẩm khi muốn
biết thông tin theo từng yêu cầu là không hề đơn
giản.
13
5 Quản lý sản phẩm Usecase này mô tả chức năng cập nhật thông tin
sản phẩm vào hệ thống của Admin. Khi thông tin
của một sản phẩm thay đổi thì Admin là người sẽ
cập nhật những thông tin đó vào hệ thống.
6 Quản lý đơn hàng Admin quản lý đơn hàng khi khách hàng đặt mua
và quản lý những hóa đơn nhập xuất sản phẩm
của công ty.
7 Thống kê – báo Usecase này mô tả chức năng thống kê những
cáo mặt hàng tồn kho, những mặt hàng bán chạy
và thống kê doanh thu theo tuần, theo tháng,
thống kê đơn hàng xem những đơn hàng nào chưa
được giải quyết, những đơn hàng nào đã được
giải quyết và giải quyết như thế nào.
8 Quản lý giỏ hàng Khách hàng có thể xem những sản phẩm đã được
đặt mua từ trước đó.
9 Thanh toán Khách hàng thanh toán sản phẩm từ giỏ hàng,
thanh toán bằng tiền mặt hoặc mã QR
10 Quản lý tài khoản Admin quản lý tài khoản của những khách hàng
đăng ký là thành viên của trang web.

Bảng 2.1.1. Bảng mô tả Usecase tổng quát

2.1.2. Biểu đồ Usecase quản lý sản phẩm

Hình 2.1.2. Biểu đồ Usecase quản lý sản phẩm

STT Tên Usecase Mô tả Usecase

1 Quản lý sản phẩm Usecase này mô tả chức năng cập nhật thông tin
sản phẩm vào hệ thống của Admin. Khi thông tin
của một sản phẩm thay đổi thì Admin là người sẽ
cập nhật những thông tin đó vào hệ thống.
14
2 Chỉnh sửa sản Admin quản lý các sản phẩm hiện có trên hệ
phẩm thống, có thể thực hiện thêm sửa xóa.
3 Quản lý thông tin Admin giúp quản lý thông tin của toàn bộ sản
sản phẩm phẩm có trên hệ thống.
Bảng 2.1.2. Bảng mô tả Usecase quản lý sản phẩm

2.1.3. Biểu đồ Usecase tìm kiếm sản phẩm

Hình 2.1.3. Biểu đồ Usecase tìm kiếm sản phẩm

Tên Usecase Mô tả Usecase

STT
2 Tìm kiếm Người dùng tìm kiếm sản phẩm theo từ khóa
để ra sản phẩm mong muốn.
3 Tìm sản phẩm theo Người dùng tìm kiếm sản phẩm theo tên của loại
tên sản phẩm đó.
4 Tìm sản phẩm theo Người dùng tìm kiếm sản phẩm theo những loại
loại có sẵn tại web.

15
 Bảng 2.1.3. Bảng mô tả Usecase tìm kiếm sản phẩm

2.1.4. Biểu đồ Usecase thống kê

Hình 2.1.4. Biểu đồ Usecase thống kê

STT Tên Usecase Mô tả Usecase

1 Thống kê đơn Thống kê đơn hàng xem những đơn hàng nào
hàng chưa được giải quyết, những đơn hàng nào đã
được giải quyết và giải quyết như thế nào.
2 Thống kê hàng tồn Thống kê những mặt hàng còn tồn tại trong kho.
kho
3 Thống kê doanh Admin thống kê lại toàn bộ những mặt hàng đã
thu theo ngày, bán theo ngày hoặc theo tháng.
tháng
Bảng 2.1.4. Bảng mô tả Usecase thống kê

2.1.5. Biểu đồ Usecase thanh toán

16
 Hình 2.1.5. Biểu đồ Usecase thanh toán

Tên Usecase Mô tả Usecase

STT
1 Quản lý đơn hàng Usecase này giúp người dùng xem tất cả sản
phẩm đã được đặt trước khi thanh toán.
2 Thanh toán Thanh toán tất cả sản phẩm có trong giỏ hàng
của khách đặt.
3 Thanh toán bằng Một trong hai phương thức thanh toán chính, sản
tiền mặt phẩm sẽ được thanh toán khi được giao tới tận tay
cho khách hàng.
4 Thanh toán QR Thanh toán thông qua ứng dụng ngân hàng.

Bảng 2.1.5. Bảng mô tả Usecase thanh toán

2.1.6. Biểu đồ Usecase quản lý đơn hàng

Hình 2.1.6. Biểu đồ Usecase quản lý đơn hàng

Tên Usecase Mô tả Usecase

STT
1 Đặt mua sản phẩm Sau khi đã lựa chọn được sản phẩm, khách
hàng có thể lựa chọn đặt mua sản phẩm thông
qua trang sản phẩm hoặc giỏ hàng
2 Thanh toán Thanh toán tất cả sản phẩm có trong giỏ hàng
của khách đặt.
3 Thông báo đặt Sau khi khách hàng lựa chọn phương thức thanh
hàng thành công toán xong thì hệ thống sẽ thông báo cho khách
hàng đã thành công đặt mua sản phẩm.

17
 Bảng 2.1.6. Bảng mô tả Usecase quản lý đơn hàng

2.1.7. Biểu đồ Usecase quản lý tài khoản

Hình 2.1.7. Biểu đồ Usecase quản lý tài khoản

Tên Usecase Mô tả Usecase

STT
1 Quản lý tài khoản Admin quản lý tài khoản của những khách hàng
đăng ký là thành viên của trang web.
2 Xem thông tin của Admin có thể xem thông tin của khách hàng
khách hàng thông qua tài khoản của họ.
3 Chỉnh sửa thông Admin có thể chỉnh sửa thông tin tài khoản của
tin khách hoặc có thể xóa đi nếu cần thiết.

18
 Bảng 2.1.7. Bảng mô tả Usecase quản lý tài khoản

2.1.8. Biểu đồ Usecase đăng nhập

Hình 2.1.8. Biểu đồ Usecase đăng nhập

Tên Usecase Mô tả Usecase

STT
1 Đăng nhập Người dùng sử dụng các chức năng của hê ̣
thống cần đến quyền truy cập thông qua việc
đăng nhập vào hệ thống.
2 Kiểm tra thông tin Hệ thống kiểm tra thông tin đăng nhập của
khách hàng có đúng hay chưa.
3 Tài khoản – mật Tài khoản của người dùng sau khi đã đăng kí trên
khẩu hệ thống.
4 Đăng xuất Sau khi sử dụng, người dùng có thể đăng xuất ra
khỏi hệ thống và quay lại vào phiên đăng nhập
tiếp theo.

19
 Bảng 2.1.8. Bảng mô tả Usecase đăng nhập

2.1.9. Biểu đồ Usecase admin

Hình 2.1.9. Biểu đồ Usecase admin

Tên Usecase Mô tả Usecase

STT
1 Đăng nhập Admin đăng nhập vào trang quản trị của hệ thống
và sử dụng các chức năng quản lý.
2 Quản lý tài khoản Admin quản lý tài khoản của những khách hàng
đăng ký là thành viên của trang web.
3 Quản lý đơn hàng Usecase này giúp admin xem tất cả sản phẩm đã
được khách hàng đặt sau khi thanh toán.
4 Quản lý sản phẩm Usecase này mô tả chức năng cập nhật thông tin
sản phẩm vào hệ thống của Admin. Khi thông tin
của một sản phẩm thay đổi thì Admin là người sẽ
cập nhật những thông tin đó vào hệ thống.

Bảng 2.1.9. Bảng mô tả Usecase admin

20
2.1.10. Biểu đồ Usecase khách hàng

Hình 2.1.10. Biểu đồ Usecase khách hàng

Tên Usecase Mô tả Usecase

STT
1 Tìm kiếm sản Khách hàng tìm kiếm sản phẩm theo từ khóa
phẩm để ra sản phẩm mong muốn.
2 Xem sản phẩm Khách hàng có thể xem thông tin sản phẩm và
đặt mua ngay hoặc đưa vào giỏ hàng từ trang
sản phẩm hoặc thông qua thanh tìm kiếm.
3 Thông tin sản Những thông tin chi tiết liên quan đến sản phẩm
phẩm được hiển thị ngay trên trang sản phẩm.
4 Đặt mua sản phẩm Sau khi đã lựa chọn được sản phẩm, khách hàng
có thể lựa chọn đặt mua sản phẩm thông qua
trang sản phẩm hoặc giỏ hàng
5 Đăng nhập Khách hàng sử dụng các chức năng của hê ̣
thống cần đến quyền truy cập thông qua việc
đăng nhập vào hệ thống.

Bảng 2.1.10. Bảng mô tả Usecase khách hàng

21
2.1.11. Biểu đồ Usecase giỏ hàng

Hình 2.1.11. Biểu đồ Usecase giỏ hàng

Tên Usecase Mô tả Usecase

STT
1 Giỏ hàng Nơi mà khách hàng sẽ đặt mua sản phẩm
trước khi thanh toán.
2 Thêm sản phẩm Khách hàng có thể thêm sản phẩm một hoặc
vào giỏ hàng nhiều sản phẩm.
3 Đặt hàng Sau khi lựa chọn phương thức thanh toán, khách
hàng có thể lựa chọn nơi được vận chuyển đến.
4 Xem giỏ hàng Khách hàng có thể xem những sản phẩm mình đã
đặt mua bên trong giỏ hàng.
5 Cập nhập giỏ hàng Giỏ hàng sẽ được tự động cập nhập khi khách
hàng thêm sản phẩm mới vào giỏ

Bảng 2.1.11. Bảng mô tả Usecase giỏ hàng

22
2.2. Biểu đồ Class

Hình 2.2. Biểu đồ class

2.3. Biểu đồ trình tự

2.3.1. Biểu đồ trình tự đăng nhập

23
 Hình 2.3.1. Biểu đồ trình tự đăng nhập

2.3.2. Biểu đồ trình tự tìm kiếm sản phẩm

Hình 2.3.2. Biểu đồ trình tự tìm kiếm sản phẩm

2.3.3. Biểu đồ trình tự quản lý sản phẩm

Hình 2.3.3. Biểu đồ trình tự quản lý sản phẩm

24
2.3.4. Biểu đồ trình tự tạo hóa đơn

Hình 2.3.4. Biểu đồ trình tự tạo hóa đơn

2.3.5. Biểu đồ trình tự thống kê

25
 Hình 2.3.5. Biểu đồ trình tự thống kê

2.3.6. Biểu đồ trình tự đặt hàng online

Hình 2.3.6. Biểu đồ trình tự đặt hàng online

26
2.3.7. Biểu đồ trình tự giỏ hàng

Hình 2.3.7. Biểu đồ trình tự giỏ hàng

27
 CHƯƠNG 3: CÀI ĐẶT

3.1. Cài đặt trang web

Để có thể cài đặt trang web với đầy đủ chức năng trên wordpress
thì chúng ta cần phải sử dụng tới plugin mang tên “All-in-One WP
Migration” để có thể tải đầy đủ và để tránh gây ra lỗi thiếu phương tiện
khi import file.

Hình 3.1.1. Plugin All-in-One WP Migration

Để cài đặt thành công, chúng ta lựa chọn vào plugin đã được cài
đặt ở trên, lựa chọn import.

Hình 3.1.2. Danh mục của plugin

Trong mục import đó chúng ta chỉ cần thả để tải lên file định dạng
wpress và chờ đến khi trang web được thành công.

28
 Hình 3.1.3. Tải file wpress

3.2. Giao diện trang web

Sau khi cài đặt trang web thành công thì đây chính là trang web
laptop đã được giới thiệu ở trên.

Hình 3.2.1. Trang chủ

29
3.2.1. Trang sản phẩm
Đây là trang hiển thị toàn bộ sản phẩm laptop đang bán trên cửa hàng.

Hình 3.2.2. Trang sản phẩm laptop

Bên cạch đó là trang linh kiện-phụ kiện chuyên bán các sản phẩm
như chuột, bàn phím, bộ nhớ SSD, RAM.

Hình 3.2.3. Trang sản phẩm linh kiện-phụ kiện

Ngoài việc chúng ta có thể xem các sản phẩm của cửa hàng tại 2
mục trên thì có thể xem sản phẩm thông qua các danh mục được phân
chia sẵn tại trang laptop hoặc ngay tại trang chủ của cửa hàng.

30
 Hình 3.2.4. Sản phẩm trên trang chủ

3.2.2. Giới thiệu công ty

Để giới thiệu chi tiết những điều liên quan tới cửa hàng.

Hình 3.2.5. Giới thiệu cửa hàng

Bên cạnh đó là hướng dẫn quy trình cho những khách hàng sử
dụng dịch vụ trả góp sản phẩm của cửa hàng.

31
 Hình 3.2.6. Hướng dẫn trả góp

3.2.3. Chi tiết sản phẩm

Các sản phẩm có những thông tin chi tiết cũng như giới thiệu về
sản phẩm tại trang của sản phẩm đó.

Hình 3.2.7. Trang chi tiết sản phẩm

32
 Hình 3.2.8. Giới thiệu chi tiết sản phẩm

Hình 3.2.9. Cấu hình chi tiết của sản phẩm

3.2.4. Giỏ hàng và thanh toán

Sau khi khách hàng đã lựa chọn sản phẩm xong có thể lựa chọn
thanh toán trực tiếp hoặc thêm vào giỏ hàng để tiếp tục mua sắm.

33
 Hình 3.2.10. Giỏ hàng

3.2.5. Quản lý sản phẩm

Với quản lý có thể quản lý sản phẩm thông qua mục Product để có
thể xem các sản phẩm hiện đang được bán, có thể thay đổi thông tin hoặc
thêm sửa xóa sản phẩm mà mình mong muốn.

Hình 3.2.11. Quản lý sản phẩm

34
 Hình 3.2.12. Quản lý chi tiết sản phẩm
Như đã đề cập ở trên, khi mà chúng ta muốn thêm một sản phẩm
mới thì có thể nhấp vào ô này để từ đó bắt đầu thêm sản phẩm mới.

Hình 3.2.13. Tạo sản phẩm mới

3.2.6. Quản lý doanh thu

Doanh thu của cửa hàng sẽ được tự động tính toán và hiển thị tại
mục Analytics. Chúng ta có thể xem doanh thu theo ngày, tháng, quý,
năm để từ đó đưa ra mức thu nhập theo kỳ của cửa hàng.

Hình 3.2.14. Quản lý doanh thu

35