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
MÔN: THỰC TẬP HỆ THỐNG THÔNG TIN QUẢN LÝ

ĐỀ TÀI:
XÂY DỰNG WEBSITE BÁN ĐỒ PHƯỢT
Sinh viên thực hiện

: CÙ NGỌC ĐĂNG

Giảng viên hướng dẫn : CẤN ĐỨC ĐIỆP
Ngành

: CÔNG NGHỆ THÔNG TIN

Chuyên ngành

: CÔNG NGHỆ PHẦN MỀM

Lớp

: D13CNPM5

Khóa

: 2019-2024

Hà Nội, tháng 6 năm 2023

PHIẾU CHẤM ĐIỂM
ST
T
1

Họ và tên sinh viên

Chữ ký

Điểm

Ghi chú

CÙ NGỌC ĐĂNG
(MSV : 19810310374)

Họ và tên giảng viên
Giảng viên chấm 1:

Giảng viên chấm 2:

Chữ ký

Ghi chú


MỤC LỤC
LỜI CẢM ƠN..............................................................................................1
LỜI NÓI ĐẦU.............................................................................................2

CHƯƠNG 1: TỔNG QUAN VỀ ĐỀ TÀI.................................................3
1.1 Lý do chọn đề tài.................................................................................3
1.2 Mục tiêu đề tài.....................................................................................4
1.3 Đối tượng và phạm vi nghiên cứu.......................................................4
1.3.1 Đối tượng nghiên cứu...................................................................4
1.3.2 Phạm vi nghiên cứu......................................................................4
1.4. Mục tiêu đề tài....................................................................................5
1.5. Phương pháp nghiên cứu....................................................................5
1.6. Tiêu chí và chức năng của đề tài........................................................5
CHƯƠNG 2: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG......................7
2.1 Khảo sát...............................................................................................7
2.2. Phân tích hệ thống..............................................................................7
2.2.1. Mơ hình nghiệp vụ......................................................................7
2.3. Sơ đồ phân rã chức năng Website bán đồ Phượt................................8
2.4. DANH MỤC CÁCH KÝ HIỆU.........................................................8
2.5. Biểu đồ Use Case.............................................................................11
2.5.1.Use Case Tổng quát....................................................................11
2.5.2. Use Case đăng nhập..................................................................12
2.5.3. Use Case quản lý khách hàng....................................................13
2.5.4. Use Case Quản lý sản phẩm......................................................15
2.5.5. Use Case Mua hàng...................................................................16
2.5.6. Biểu đồ hoạt động.....................................................................16


2.6. Biểu đồ tuần tự.................................................................................22
2.6.1.Biểu đồ tuần tự của đăng ký.......................................................24
2.6.2 biểu đồ tuần tự đăng nhập..........................................................25
2.6.3.Biểu đồ tuần tự của đăng xuất....................................................25
2.6.4. Biểu đồ tuần tự chức năng Mua hàng........................................26
2.6.5. Biểu đồ tuần tự chức năng quản lý khách hàng........................26

2.7.Biểu đồ lớp (Class)............................................................................27
2.7.1. Biểu đồ lớp quản lý nhân viên...................................................27
2.7.2. Biểu đồ lớp quản lý sản phẩm...................................................28
2.7.3. Biểu đồ lớp cho use case bán hàng............................................28
CHƯƠNG 3: XÂY DỰNG VÀ THIẾT KẾ GIAO DIỆN.....................29
1.

Tài liệu kết thúc dự án.....................................................................29
Mô tả ngắn về dự án............................................................................29
Lý do phát triển dự án.........................................................................29

2.

Kết quả đạt được..............................................................................29

3.

Đánh giá về kết quả dự án...............................................................29

4.

Một số vấn đề khi kết thúc dự án....................................................30

5.

Giao diện chương trình....................................................................30
5.1. Giao diện đăng nhập....................................................................30
5.2. Giao diện danh mục sản phẩm....................................................31
5.3. Giao diện Giỏ hàng......................................................................32
5.4. Giao diện quản lý........................................................................34


CHƯƠNG 4: KẾT LUẬN........................................................................35
4.1.

Kết quả đạt được..........................................................................35

4.2.

Ưu nhược điểm của chương trình................................................35

4.3.

Hướng phát triển..........................................................................35


TÀI LIỆU THAM KHẢO........................................................................37


LỜI CẢM ƠN
Em xin gửi lời cảm ơn chân thành và sự tri ân sâu sắc đối với các thầy cô
của trường Đại học Điện Lực, đặc biệt là các thầy cô Công Nghệ Thông Tin của
trường đã tạo điều kiện cho em thực hiện đồ án. Và em cũng xin chân thành cám
ơn thầy cơ đã nhiệt tình hướng dẫn hướng dẫn em hồn thành tốt khóa thực tập.
Trong quá trình thực tập, cũng như là trong quá trình làm bài báo cáo thực
tập, khó tránh khỏi sai sót, rất mong các thầy, cô bỏ qua. Đồng thời do trình độ
lý luận cũng như kinh nghiệm thực tiễn cịn hạn chế nên bài báo cáo không thể
tránh khỏi những thiếu sót, em rất mong nhận được ý kiến đóng góp thầy, cơ để
em học thêm được nhiều kinh nghiệm và sẽ hoàn thành tốt hơn bài báo cáo tốt
nghiệp sắp tới.
Em xin chân thành cảm ơn!

Sinh viên thực hiện

Cù Ngọc Đăng

1


LỜI NĨI ĐẦU
Trên thực tế khơng có sự thành cơng nào mà không gắn liền với những sự
hỗ trợ, sự giúp đỡ dù ít hay nhiều, dù là trực tiếp hay gián tiếp của người khác.
Trong suốt thời gian từ khi bắt đầu học tập, chúng em đã nhận được rất nhiều sự
quan tâm, giúp đỡ của Thầy Cô, gia đình và bạn bè.
Em xin chân thành cám ơn cơ thầy đã tận tâm hướng dẫn chúng em qua
từng buổi học trên lớp cũng như những buổi nói chuyện, thảo luận về môn
học. Trong thời gian được học tập và thực hành dưới sự hướng dẫn của thầy cô,
em không những thu được rất nhiều kiến thức bổ ích, mà cịn được truyền sự say
mê và thích thú đối với bộ môn “Thực tập hệ thống thông tin quản lý”. Nếu
khơng có những lời hướng dẫn, dạy bảo của thầy cơ thì em nghĩ đồ án này của
em rất khó có thể hồn thành được.
Mặc dù đã rất cố gắng hoàn thiện đồ án với tất cả sự nỗ lực, tuy nhiên, do
bước đầu đi vào thực tế, tìm hiểu và xây dựng đồ án trong thời gian có hạn, và
kiến thức còn hạn chế, nhiều bỡ ngỡ, nên đồ án “Website bán đồ Phượt” chắc
chắn sẽ khôn thể tránh khỏi những thiếu sót. Em rất mong nhận được sự quan
tâm, thơng cảm và những đóng góp q báu của các thầy cô và các bạn để đồ án
này ngày càng hồn thiện hơn.
Sau cùng,em xin kính chúc các thầy cô trong Khoa Công Nghệ Thông
Tin dồi dào sức khỏe, niềm tin để tiếp tục thực hiện sứ mệnh cao đẹp của mình
là truyền đạt kiến thức cho thế hệ mai sau.
Đồ án bao gồm những nội dung chính sau:
Chương 1. Tổng quan về đề tài.

Chương 2. Phân tích và thiết kế hệ thống.
Chương 3. Xây dựng và thiết kế giao diện

2


CHƯƠNG 1: TỔNG QUAN VỀ ĐỀ TÀI
1.1 Lý do chọn đề tài
Cùng với sự phát triển không ngừng về kỹ thuật máy tính và mạng Internet,
Cơng Nghệ Thơng Tin đang ngày càng chinh phục các đỉnh cao. Mạng Internet
là một trong những sản phẩm có giá trị hết sức lớn lao và ngày càng trở nên là
một công cụ không thể thiếu trong mọi lĩnh vực cuộc sống.
Với Internet, chúng ta đã thực hiện được nhiều công việc với tốc độ
nhanh hơn và chi phí thấp hơn nhiều so với các thức truyền thống. Chính điều
này, đã thúc đẩy sự khai sinh và phát triển của các hình thức mua sắm, thanh
toán trực tuyến trên khắp thế giới, làm thay đổi bộ mặt văn hóa, nâng cao chất
lượng cuộc sống của con người.
Nhu cầu mua sắm từ lâu đã luôn là một trong những nhu cầu thứ yếu
trong cuộc sống của mỗi con người, nhất là trong thời đại 4.0 với sự bùng nổ
của thanh toán trực tuyến. Mặt hàng may mặc ngày nay rất phổ biến và mọi
người có thể mua sắm cho mình qua thanh tốn trực tuyến cũng hết sức dễ dàng
tuy nhiên quá trình mua sắm ở các website hiện nay vẫn chưa được tối ưu hóa và
cịn tương đối khó khăn trong việc quản lý, bảo trì và retarget lại những khách
hàng cũ. Xu hướng du lịch bằng xe máy ngày càng nở rộ, cộng đồng hay gọi
nhau bằng cái tên phượt thủ cũng ngày càng đông lên, tạo cơ hội cho các cửa
hàng bán đồ du lịch bụi phát triển. Không như một số sản phẩm thời vụ chỉ bán
đắt vào đúng mùa du lịch giữa năm, thời trang bụi cho dân phượt lại có thể bội
thu nhiều thời điểm trong năm.
Những người ưa du lịch bụi đa phần khá trẻ, sức khỏe tốt, đam mê khám
phá, … Độ tuổi có thể tính từ sinh viên cho tới người đã đi làm, đã lập gia đình.

Cũng bởi đối tượng đa dạng ngành nghề, nên mức chi tiêu của họ cũng khác
nhau. Người sẵn sàng chi hàng triệu bạc cho một đôi giày leo núi, nhưng cũng
có người chỉ có thể mua hơn trăm ngàn cho đơi giày thể thao.
Nhận thức được thực trạng đó chúng em mong muốn xây dựng một webste
bán đồ Phượt, giờ đây khách hàng vẫn có thể dễ dàng mua sắm trực tuyến tại gia
3


lựa chọn dịch vụ đi kèm, còn đối với các đại lý cửa hàng giờ đây đã có thể quản
lý các mặt hàng sản phẩm, khách hàng nhân viên của mình một cách dễ dàng
hơn, tất cả đã được gói gọn vào website và dịch vụ đi kèm.
Với đề tài này chúng em xin được trình bày một cách thức quản lý
website cho phép người quản trị dễ dàng trong việc quản lý của hàng và các sản
phẩm hiệu quả tới khách hàng và các đơn vị hợp tác.
1.2 Mục tiêu đề tài
 Tìm hiểu về hệ thống phần mềm Node.js.
 Tìm hiểu các cơng cụ hỗ trợ như: HTML, CSS, JS, Web Service.
 Tìm hiểu về MongoDB và tương tác kiến thức csdl.
 Cách điều khiển dữ liệu (Controller).
 Hỗ trợ 90% công việc bán hàng, giới thiệu sản phẩm


Thu hút nhiều lượng khách hàng từ những phạm vi rộng hơn bán
hàng truyền thống.

 Mục tiêu cụ thể:
+ Xây dựng website bán hàng và thực hiện quản lý qua website
+ Phạm vi: Áp dụng trên tồn quốc, có thể phát triển sâu rộng hơn đến
tất cả mọi nơi.
1.3 Đối tượng và phạm vi nghiên cứu

1.3.1 Đối tượng nghiên cứu
 Quy trình đặt lịch khám bệnh.
 Quy trình tạo lịch khám bệnh cho bác sĩ.
 Cách thức tổ chức và quản lý dữ liệu về thông tin bệnh nhân và bác sĩ.
1.3.2 Phạm vi nghiên cứu
 Nghiên cứu cách viết API trên framework NetJS.
 Nghiên cứu về kiến trúc của ReactJS và cách xây dựng các Single Page
Application.
4


 Nghiên cứu cách kết nối dữ liệu gọi API từ phía Backend cho phía
Frontend.
1.4. Mục tiêu đề tài
Khách hàng (User):
 Tìm kiếm và lựa chọn sản phẩm cần mua.
 Xem chi tiết sản phẩm.
 Thực hiện việc đặt và mua hàng trực tuyến.
 Xem thông tin giới thiệu về trang web.
 Xem thông tin liên hệ người bán.
Người quản trị (Admin):
 Quản lý trang web thông qua tài khoản admin.
 Quản lý tất cả các sản phẩm.
 Quản lý các danh mục sản phẩm.
Thêm sửa xóa các sản phẩm của cửa hàng
1.5. Phương pháp nghiên cứu
 Phương pháp quan sát.
 Phương pháp điều tra, khảo sát nhu cầu thực tế, sử dụng các phương pháp
phân tích, điều tra thống kế từ đó xác định các yêu cầu chức năng và yêu
cầu phi chức năng cần thiết.

 Tổng hợp các tài liệu liên quan đến xây dựng và phát triển phần mềm.
1.6. Tiêu chí và chức năng của đề tài
 Website “Bán đồ Phượt” với các chức năng dành cho đối tượng chính là
khách hang, quản trị viên.
 Một số tiêu chí chức năng.
 Khách hàng.
 Giao diện dễ dùng, đơn giản trong sử dụng.
 Giao diện web hiển thị đầy đủ và chính xác thơng tin và đáp ứng nhu
cầu sử dụng của khách hàng.
 Hệ thống cho phép khách hàng được quyền đăng ký tài khoản, thông
tin đăng ký được bảo mật, an tồn, chính xác.
 Hệ thống cho phép khách hàng tìm kiếm sản phẩm theo tên, theo loại
sản phẩm, giá thành.
5


 Để thuận tiện cho khách hàng trong quá trình lựa chọn sản phẩm, xem
thông tin chi tiết về sản phẩm.
 Quản trị viên.
 Cung cấp cho người quản trị giao diện rõ ràng, thuận tiện, dễ dùng.
 Hệ thống cho phép người quản trị xem thông tin sản phẩm và đơn
hàng.
 Hệ thống cho phép người quản trị xem thông tin đơn hàng của khách
hàng.
 Hệ thống cho phép người quản trị cập nhật thêm sửa xố cập nhật
thơng tin sản phẩm
 Hệ thống cho phép tạo người quản trị tạo mới thêm tài khoản.

6



CHƯƠNG 2: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG
2.1 Khảo sát
Để có được một trang web đảm bảo chất lượng và hoàn thiện em đã thực hiện
khảo sát và tham khảo một số trang web bán hang khác để từ đó giúp cho em
trong việc hồn thiện sản phẩm của mình tốt hơn.
Về mặt tổng thể một trang đặt lịch khám bệnh cần đảm bảo những chức năng cơ
bản sau:
 Giới thiệu về cửa hàng, website
o Giới thiệu thông tin về website.
o Các thông tin cơ bản về nội dung website và các điều lệ.
 Thông tin sản phẩm.
o Thông tin chi tiết về sản phẩm
o Giá bán sản phẩm, các thơng tin khuyến mại
 Trợ giúp.
o Tìm kiếm sản phẩm.
o Sản phẩm đã đặt.
Kết luận: Từ việc tham khảo các trang web trên đã giúp cho em định hình được
cấu trúc cơ bản của một trang web bán hàng online.đơn giản nhưng đầy đủ tính
năng để tiết kiệm chi phí về thời gian và kinh phí đi lại.
2.2. Phân tích hệ thống
2.2.1. Mơ hình nghiệp vụ
*Sơ đồ nghiệp vụ

*u cầu phi chức năng
-Giao diện thân thiện, dễ dùng, hấp dẫn, dễ tìm kiếm thơng tin các sản
phẩm.
-Hệ thống chạy đúng, ổn định.
-Đáp ứng hầu hết các yêu cầu của người dùng.
7



2.3. Sơ đồ phân rã chức năng Website bán đồ Phượt

2.4. DANH MỤC CÁCH KÝ HIỆU
PHẦN TỬ

KÝ HIỆU

Ỹ NGHĨA

MƠ HÌNH
Biểu đồ USE CASE
Tác nhân
(Actor)

Một người/nhóm
người hoặc một thiết bị
hoặc hệ thống tác động
hoặc thao tác đến chương

Use-Case
(Ca sử dụng
)
Mỗi quan
hệ giữa các Use
case

trình.
Biểu diễn một chức

năng xác định của hệ
thống.
Use Case này sử
dụng lại chức năng của
use case khách.
Use case này mở
rộng từ use case kia bằng
8


cách thêm chức năng cụ
thể.
Use case này kế thừa
các chức năng từ use case
kia.
Biểu đồ LỚP
Lớp (class)

Biểu diễn tên lớp,
thuộc tính, và phương

Quan hệ

thức của lớp đó.
Biểu diễn quan hệ

kiểu kết hợp

giữa hai lớp độc lập , có
liên quan đến nhau.

Biểu diễn quan hệ bộ

Quan hệ
hợp thành
Quan hệ

phận tổng thể
Các lợp phụ thuộc

phụ thuộc

lẫn nhau trong hoạt động
của hệ thống.
Biểu đồ TRẠNG THÁI

Trạng thái

Biểu diễn tạng thái
của đối tượng trong vịng

Trạng thái

đời của đối tượng đó.
Khởi đầu vịng đời

khởi đầu
Trạng thái

của đối tượng đó
Kết thúc vịng đời


kết thúc
Chuyển tiếp

của đối tượng đó
Chuyển từ trạng thái

(Transition)

này sang trạng thái khác.
Biểu đồ TUẦN TỰ

Procedure

Là một phương thức

(Phương

của B mà đối tượng A gọi

thức)

thực hiện.
9


Message

Là một htoong báo


(Thông

cảu B gửi cho A

điệp)
Biểu đồ HOẠT ĐỘNG
Hoạt động

Mô tả hoạt động

Trạng thái

gồm tên hoạt động
Khởi đầu vịng đời

khởi đầu
Trạng thái

của đối tượng đó
Kết thúc vịng đời

kết thúc
Thanh đồng

của đối tượng đó
Mơ tả thanh đồng bộ

bộ ngang
Chuyển tiếp
Quyết định


ngang
Mô tả một lựa chọn

Các luồng

điều kiện
Phân cách nhau bởi

Phân tách các lớp đối tượng
khách nhau trong biểu đồ hoạt
động
Biểu đồ THÀNH PHẦN

Thành phần

một đường kẻ dọc từ trên
xuống dưới biểu đồ.
Mô tả thành phần
của biểu đồ, mỗi thành
phần có thể chứa nhiều
lớp hoặc nhiều chương
trình con.
Mỗi quan hệ giữa

Mỗi quan
hệ phụ thuộc

các thành phần (nếu có)


giữa các thành
phần
Biểu đồ TRIỂN KHAI
Các node

Biểu diễn các thành

(các thiết

phần khơng có bộ vi sử
10


bị)
Các bộ sử lý

lý.
Biểu diễn các thành
phần của bộ vi sử lý.

Liên kết

Giao thức truyền

truyền thơng

thơng TCP/IP thơng qua

TCP/IP


kết nói mạng LAN

2.5. Biểu đồ Use Case
2.5.1.Use Case Tổng quát
Quản lý, vào mỗi đầu giờ khi bắt đầu làm, quản lý đăng nhập vào hệ thống
và tích điểm danh ca làm.
Quản lý có thể tìm sản phẩm theo tên sản phẩm hoặc theo mã sản phẩm.
Nhập thông tin về mã sản phẩm hoặc sản phẩm, hệ thống sẽ tìm kiếm và gửi lại
kết quả.
Quản lý có thể thêm, sửa xóa thơng tin sản phẩm trên hệ thống quản trị
web.
Quản lý có thể tìm khách hàng theo mã khách hàng sau đó có thể tùy chọn
các chức năng tương ứng như nhập thơng tin khách hàng, xóa thơng tin khách
hàng, sửa thơng tin khách hàng…

11


2.5.2. Use Case đăng nhập
Hệ thống cho phép người dùng đang nhập vào hệ thống bằng tài khoản
được cấp của mình để sử dụng chương trình và thực hiện các chức năng và
quyền của người dung như xem sản phẩm, chọn sản phẩm, them giỏ hàng, thanh
toán…

12


2.5.3. Use Case quản lý khách hàng
Khách hàng vào trang web hoặc tới trực tiếp cửa hàng lựa chọn sản phẩm
và xem mã hoặc tên sản phẩm trực tiếp trên sản phẩm hoặc nếu mua online thì

xem trên trang chủ cửa hàng sau đó đặt hàng theo mã sản phẩm. Sau khi đặt mua
sản phẩm khách hàng có thể thanh tốn ngay tại quầy theo hai hình thức là thẻ
ngân hàng hoặc tiền mặt. Khách hàng có thể lập thẻ thành viên để tích điểm
giảm giá cho những lần mua sau.

13


14


2.5.4. Use Case Quản lý sản phẩm

15