Website dịch vụ chăm sóc thú cưng tại nhà

ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH
TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN
KHOA CÔNG NGHỆ PHẦN MỀM

ĐỒ ÁN 1
NGUYỄN THÁI HỒNG - 20520360
WEBSITE DỊCH VỤ CHĂM SĨC THÚ CƯNG TẠI NHÀ
Lớp: SE121.N21
GIẢNG VIÊN HƯỚNG DẪN
Th.S TRẦN ANH DŨNG

TP. HỒ CHÍ MINH 07/2023


LỜI CẢM ƠN
Trước tiên, em xin gửi lời cảm ơn chân thành nhất đến Thầy Trần Anh Dũng người đã tận tâm hướng dẫn và đồng hành cùng em trong q trình thực hiện đồ án
website chăm sóc thú cưng tại nhà. Thầy đã dành nhiều thời gian và tâm huyết để chỉ dẫn
em, đưa ra những gợi ý quý giá và mang đến sự động viên khiến cho em có thể hồn
thành dự án này một cách thành cơng.
Sự hiểu biết sâu rộng và kinh nghiệm dày dặn của Thầy đã giúp em khám phá và
thấu hiểu được những khía cạnh quan trọng trong việc thiết kế và xây dựng một trang
web chuyên về chăm sóc thú cưng tại nhà. Nhờ những kiến thức mà Thầy chia sẻ, em đã
có cơ hội nắm vững những nguyên tắc cơ bản và áp dụng chúng vào thực tế.
Đồ án này không chỉ là một nhiệm vụ học tập mà còn là một bước ngoặt quan
trọng trong hành trình em trở thành những nhà phát triển website chuyên nghiệp. Em rất
biết ơn sự tận tâm và kiên nhẫn của thầy trong việc giúp đỡ em vượt qua những khó khăn
và thách thức trong quá trình nghiên cứu và thực hiện dự án. Em xin chân thành cảm ơn.
Thành phố Hồ Chí Minh, 01 tháng 07 năm 2023
Sinh viên
Nguyễn Thái Hoàng

MỤC LỤC

LỜI CẢM ƠN............................................................................................................................... 2
MỤC LỤC.................................................................................................................................... 3
DANH MỤC HÌNH........................................................................................................................ 5
DANH MỤC BẢNG...................................................................................................................... 6
TÓM TẮT ĐỒ ÁN........................................................................................................................ 7
Chương 1. MỞ ĐẦU, GIỚI THIỆU TỔNG QUAN ĐỀ TÀI......................................................8
1.1. Lý do chọn đề tài.......................................................................................................8
1.2. Mục đích đề tài.......................................................................................................... 9
1.3. Đối tượng, phạm vi nghiên cứu.................................................................................9
1.3.1. Đối tượng......................................................................................................... 9
1.3.2. Phạm vi nghiên cứu..........................................................................................9
Chương 2. XÁC ĐỊNH VÀ PHÂN TÍCH YÊU CẦU.................................................................9
2.1. Khảo sát hiện trạng...................................................................................................9
2.1.1. Khảo sát cơ cấu tổ chức...................................................................................9
2.1.2. Các quy trình, nghiệp vụ.................................................................................10
2.2. Yêu cầu chức năng.................................................................................................10
2.3. Yêu cầu phi chức năng............................................................................................11
Chương 3. PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG.............................................................12
3.1. Sơ đồ use-case.......................................................................................................12
3.1.1. Sơ đồ use-case tổng quát..............................................................................12
3.1.2. Danh sách use-case.......................................................................................12
3.2. Đặc tả use-case......................................................................................................14
3.2.1. UC01 - Đăng nhập..........................................................................................14
3.2.2. UC02 - Đăng ký..............................................................................................14
3.2.3. UC03 - Đăng xuất...........................................................................................15
3.2.4. UC04 - Xem giỏ hàng.....................................................................................16
3.2.5. UC05 - Sử dụng dịch vụ.................................................................................17

3.2.6. UC06 - Tìm kiếm sản phẩm............................................................................17
3.2.7. UC07 - Quản lý tài khoản...............................................................................18
3.2.8. UC08 - Thanh toán.........................................................................................19
3.2.9. UC9 - Quản lý dịch vụ.....................................................................................20
3.2.10. UC10 - Quản lý sản phẩm............................................................................20
3.3. Sơ đồ hoạt động và sơ đồ tuần tự...........................................................................21
3.3.1. Một số sơ đồ hoạt động..................................................................................21
3.3.2. Một số sơ đồ tuần tự......................................................................................25
3.4. Thiết kế cơ sở dữ liệu.............................................................................................30


3.4.1. Sơ đồ lớp........................................................................................................30
Chương 4. CÀI ĐẶT VÀ TRIỂN KHAI..................................................................................30
4.1. Cấu hình cài đặt......................................................................................................30
4.2. Mơi trường phát triển và triển khai hệ thống............................................................30
4.2.1. Môi trường phát triển :....................................................................................30
4.2.2. Môi trường triển khai......................................................................................31
Chương 5. THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG...............................................................31
5.1. Danh sách các màn hình.........................................................................................31
5.2. Mơ tả chi tiết các màn hình......................................................................................32
5.2.1. Trang chủ.......................................................................................................32
5.2.2. Đăng nhập......................................................................................................33
5.2.3. Đăng ký.......................................................................................................... 34
5.2.4. Giới thiệu........................................................................................................35
5.2.5. Dịch vụ........................................................................................................... 36
5.2.6. Cửa hàng.......................................................................................................37
5.2.7. Liên hệ............................................................................................................ 38
5.2.8. Online booking................................................................................................39
5.2.9. Giỏ hàng.........................................................................................................40
Chương 6. TỔNG KẾT........................................................................................................ 40

6.1. Kết quả đạt được - ưu điểm....................................................................................40
6.2. Hạn chế................................................................................................................... 41
6.3. Hướng phát triển.....................................................................................................41
6.4. Kết luận................................................................................................................... 41
TÀI LIỆU THAM KHẢO............................................................................................................. 42


DANH MỤC HÌNH


DANH MỤC BẢNG


TÓM TẮT ĐỒ ÁN

Đồ án cũng đặt nặng yếu tố tương tác người dùng, với mục tiêu tạo ra một giao diện trực
quan và thân thiện. Việc sử dụng ReactJS giúp tạo ra các thành phần giao diện tái sử
dụng, tạo sự linh hoạt và dễ bảo trì cho trang web. Ngoài ra, kỹ năng quản lý trạng thái và
xử lý sự kiện trong ReactJS cũng được áp dụng để cung cấp trải nghiệm tương tác mượt
mà cho người dùng.
Phần back-end của dự án được xây dựng bằng NodeJS, cho phép xử lý các yêu cầu từ
phía người dùng và tương tác với cơ sở dữ liệu MongoDB. Qua việc sử dụng NodeJS,
có thể xây dựng một API linh hoạt, hỗ trợ các phương thức HTTP như GET, POST, PUT
và DELETE để thao tác với dữ liệu. Đồng thời, việc tích hợp MongoDB giúp lưu trữ
thơng tin người dùng, dịch vụ và lịch hẹn một cách hiệu quả và đáng tin cậy.
Để tạo giao diện hợp thời trang và tùy chỉnh, đã sử dụng Tailwind CSS. Thư viện này
cung cấp các lớp CSS tiền xử lý để tạo giao diện theo ý muốn, giúp tiết kiệm thời gian
và nỗ lực trong việc viết CSS từ đầu.
Qua quá trình thực hiện dự án, đã áp dụng và phát triển kỹ năng lập trình front-end và

back-end, cũng như tạo ra một trang web tương tác, linh hoạt và thẩm mỹ.
Phần cuối cùng của khoá luận là trình bày kết quả đã thực hiện lên cuốn báo cáo, đưa ra
kết luận và hướng phát triển cho hệ thống trong tương lai.
Nội dung đồ án được trình trong 6 chương
-

Chương 1. Mở đầu, giới thiệu tổng quan: trình bày sơ lược về đề tài. Nêu lý do
chọn đề tài, từ đó đặt ra mục tiêu và hướng giải quyết của đề tài

-

Chương 2. Xác định và phân tích u cầu: Trình bày quy trình khảo sát hiện
trạng , tổng kết khảo sát, nêu các yêu cầu chức năng, phi chức năng và hướng xây
dựng đề tài

-

Chương 3. Phân tích và thiết kế hệ thống: Trong chương này, thực hiện phân tích
và mơ tả các sơ đồ trong việc phân tích về thiết kế hệ thống đặt lịch chăm sóc thú
cưng tại nhà.

-

Chương 4. Cài đặt và triển khai hệ thống: Tiến hành triển khai cài đặt hệ thống

-

Chương 5. Thiết kế giao diện: Trình bày nội dung thiết kế giao diện website

-

Chương 6. Tổng kết: Trình bày kết quả nghiên cứu đề tài, một số hạn chế chưa
được giải quyết và hướng phát triển đề tài trong tương lai

Chương 1.
1.1.
-

MỞ ĐẦU, GIỚI THIỆU TỔNG QUAN ĐỀ TÀI

Lý do chọn đề tài

Lựa chọn đề tài này xuất phát từ nhận thấy sự gia tăng của việc nuôi thú cưng
trong xã hội hiện đại. Thú cưng trở thành thành viên quan trọng trong gia đình và
nhu cầu chăm sóc chúng ngày càng được quan tâm. Tuy nhiên, việc đưa thú cưng
đến các cơ sở chăm sóc có thể gặp khó khăn về thời gian, giao tiếp và khó khăn di
chuyển. Điều này đã thúc đẩy lựa chọn đề tài về việc phát triển một website dịch
vụ chăm sóc thú cưng tại nhà, nhằm giải quyết vấn đề này và đáp ứng nhu cầu của
chủ thú cưng.

1.2.
-

Mục đích đề tài

Mục đích của đề tài là xây dựng một trang web dịch vụ chăm sóc thú cưng tại nhà,


tạo ra một nền tảng trực tuyến giữa người chủ thú cưng và các nhân viên chăm

sóc. Trang web sẽ cung cấp cho người dùng thông tin về các dịch vụ chăm sóc thú
cưng, cho phép đặt lịch trực tuyến và quản lý thông tin cá nhân. Mục tiêu là đem
đến sự tiện lợi, linh hoạt và chất lượng cho người chủ thú cưng, đồng thời tạo ra
một cơ hội kinh doanh cho các nhân viên chăm sóc thú cưng.

1.3.

Đối tượng, phạm vi nghiên cứu

1.3.1. Đối tượng

-

Đối tượng nghiên cứu chính là người chủ thú cưng, bao gồm những người có nhu
cầu chăm sóc thú cưng và muốn sử dụng dịch vụ chăm sóc tại nhà.

-

Đối tượng phụ là các nhân viên chăm sóc thú cưng, những người cung cấp dịch vụ
chăm sóc tại nhà.
1.3.2. Phạm vi nghiên cứu

-

Nền tảng hỗ trợ: triển khai trên website

-

Nghiên cứu sẽ tập trung vào việc thiết kế giao diện, tạo cơ sở dữ liệu, phát triển
các tính năng đặt lịch và quản lý thơng tin

Chương 2.
2.1.

XÁC ĐỊNH VÀ PHÂN TÍCH U CẦU

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

2.1.1. Khảo sát cơ cấu tổ chức

-

Trước khi xây dựng website dịch vụ chăm sóc thú cưng tại nhà, tiến hành khảo sát
cơ cấu tổ chức trong lĩnh vực này. Dưới đây là những điểm chính đã được khảo
sát:

-

Các cơ sở chăm sóc thú cưng: Tìm hiểu về các cơ sở chăm sóc thú cưng có sẵn,
bao gồm các phòng khám thú y, spa, và các dịch vụ chăm sóc thú cưng tại nhà
khác. xác định mơ hình hoạt động và dịch vụ mà các cơ sở này cung cấp.

-

Các nhân viên chăm sóc thú cưng: Khảo sát về các nhân viên chăm sóc thú cưng,
bao gồm kiến thức chuyên môn, kỹ năng, kinh nghiệm và thời gian làm việc. Tìm
hiểu về quy trình tuyển dụng và đào tạo nhân viên.


2.1.2. Các quy trình, nghiệp vụ

-

Trong quá trình khảo sát, đã tìm hiểu về các quy trình và nghiệp vụ liên quan đến
dịch vụ chăm sóc thú cưng tại nhà. Dưới đây là một số quy trình và nghiệp vụ
chính:

-

Đăng ký và đặt lịch: Khảo sát về quy trình đăng ký tài khoản và đặt lịch trực
tuyến. Điều này bao gồm việc thu thập thông tin cá nhân của người dùng và cung
cấp các thông tin về loại dịch vụ, ngày, giờ và địa điểm mong muốn.

-

Dịch vụ chăm sóc thú cưng: Tìm hiểu về các dịch vụ chăm sóc thú cưng phổ biến,
bao gồm chăm sóc sức khỏe, tắm, cắt tỉa lông, điều trị bệnh, và giao tiếp với thú
cưng.

-

Đánh giá và đánh giá phản hồi: Khảo sát về quy trình đánh giá và đánh giá phản
hồi từ khách hàng. Điều này giúp cải thiện chất lượng dịch vụ và đáp ứng tốt hơn
đến nhu cầu của khách hàng.

2.2.
-

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

Đăng ký và đăng nhập: Cho phép người dùng tạo tài khoản mới và đăng nhập vào
hệ thống để truy cập các chức năng.

-

Quản lý thông tin cá nhân: Người dùng có thể cập nhật và quản lý thông tin cá
nhân, bao gồm tên, địa chỉ, số điện thoại, email.

-

Xem thông tin dịch vụ: Hiển thị danh sách các dịch vụ chăm sóc thú cưng tại nhà,
bao gồm mô tả, giá cả và thông tin chi tiết.

-

Đặt lịch trực tuyến: Cho phép người dùng đặt lịch hẹn trực tuyến cho dịch vụ
chăm sóc thú cưng theo ngày, giờ và địa điểm mong muốn.

-

Quản lý lịch hẹn: Người dùng có thể xem, chỉnh sửa hoặc hủy lịch hẹn đã đặt
trước đó.

-

Thanh tốn: Cung cấp các phương thức thanh tốn trực tuyến để người dùng thanh
tốn dịch vụ chăm sóc thú cưng một cách thuận tiện và an toàn.

-

Phản hồi và góp ý: Người dùng có thể gửi tin nhắn hoặc gọi điện thoại để giao tiếp


với nhân viên chăm sóc thú cưng.

2.3.
-

Yêu cầu phi chức năng

Giao diện người dùng thân thiện: Tạo ra một giao diện trực quan, dễ sử dụng và
thân thiện với người dùng, giúp họ tìm thấy và truy cập các chức năng một cách dễ
dàng.

-

Tính bảo mật: Đảm bảo an tồn thông tin cá nhân và giao dịch của người dùng
thông qua việc sử dụng các biện pháp bảo mật như mã hóa dữ liệu và xác thực
người dùng.

-

Tính khả dụng: Đảm bảo rằng trang web có thể hoạt động ổn định và phản hồi
nhanh chóng trong mọi tình huống, đồng thời hỗ trợ đa nền tảng và tương thích
trên các thiết bị di động.

-

Hiệu suất: Đảm bảo trang web hoạt động mượt mà và xử lý dữ liệu nhanh chóng,
tránh tình trạng đụng treo và thời gian phản hồi dài. Tối ưu hóa mã nguồn và cơ sở

dữ liệu để đảm bảo hiệu suất tốt nhất.

Chương 3.
3.1.

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

Sơ đồ use-case

3.1.1. Sơ đồ use-case tổng quát


3.1.2. Danh sách use-case

STT

Mã Usecase

Tên Usecase

Mô tả

1

UC01

Đăng nhập

Usecase này cho phép người dùng
đăng nhập vào ứng dụng và sử dụng

những tính năng đã được phân quyền
cho mỗi tài khoản.

2

UC02

Đăng ký

Usecase này cho phép người dùng
đăng ký tài khoản để đăng nhập vào
hệ thống.


3

UC03

Đăng xuất

Usecase này cho phép đăng xuất khỏi
hệ thống

4

UC04

Chọn gói dịch vụ

Usecase này cho phép người dùng có

thể chọn các gói dịch vụ của hệ thống

5

UC05

Xem thơng tin giỏ Usecase này cho phép người dùng
hàng

xem lịch sử thêm sản phẩm vào giỏ
hàng

6

UC06

Sử dụng dịch vụ

Usecase này cho phép người dùng sử
dụng các dịch vụ của website

7

UC07

Tìm

kiếm

sản Usecase này cho phép người dùng

phẩm
8

UC08

tìm kiếm sản phẩm

Quản lý tài khoản Usecase này cho phép người dùng
xem thơng tin tài khoản

9

UC09

Thanh tốn

Usecase này cho phép người dùng
thanh toán đơn mua hàng

10

UC10

Quản lý dịch vụ

Usecase này cho phép admin quản lý
các đơn đặt dịch vụ

11

UC11

Quản lý sản phẩm Usecase này cho phép admin quản lý
sản phẩm

3.2.

Đặc tả use-case

3.2.1. UC01 - Đăng nhập


Usecase ID

UC01

Tên

Đăng nhập

Mô tả

Usecase này cho phép người dùng đăng nhập vào
ứng dụng và sử dụng những tính năng đã được
phân quyền cho mỗi tài khoản.

Người thực hiện (Actors)

Tất cả các Actor.

Sự kiện kích hoạt (Trigger)

Người dùng mở chương trình.

Điều kiện tiên quyết (Pre- Tài khoản đã được cập nhật trong hệ thống.
conditions)
Điều kiện kết quả (Post- Người dùng đăng nhập thành công.
conditions)

3.2.2. UC02 - Đăng ký

Usecase ID

UC02

Tên

Đăng ký

Mô tả

Usecase này cho phép người dùng đăng ký tài
khoản để đăng nhập vào hệ thống

Người thực hiện (Actors)

Người dùng và khách hàng

Sự kiện kích hoạt (Trigger)

Người dùng mở chương trình.


Điều kiện tiên quyết (Pre- Tài khoản không được trùng với tài khoản đã đăng
conditions)

ký trước đó

Điều kiện kết quả (Post- Người dùng đăng kí thành cơng
conditions)

3.2.3. UC03 - Đăng xuất

Usecase ID

UC03

Tên

Đăng xuất

Mô tả

Usecase này cho phép người dùng đăng xuất ra
khỏi hệ thống

Người thực hiện (Actors)

Tất cả các Actor.

Sự kiện kích hoạt (Trigger)

Người dùng mở chương trình.

Điều kiện tiên quyết (Pre- Đã đăng nhập vào hệ thống
conditions)
Điều kiện kết quả (Post- Đăng xuất thành công
conditions)

3.2.4. UC04 - Xem giỏ hàng

Usecase ID

UC04


Tên

Xem giỏ hàng

Mô tả

Usecase này cho phép người dùng xem lịch sử giỏ
hàng

Người thực hiện (Actors)

Người dùng

Sự kiện kích hoạt (Trigger)

Người dùng click vào biểu tượng giỏ hàng trên thanh
Header

Điều kiện tiên quyết (Pre- Người dùng đăng nhập vào hệ thống
conditions)

Có ít nhất một sản phẩm được thêm vào giỏ hàng

Điều kiện kết quả (Post- Hiển thị giao diện giỏ hàng
conditions)

3.2.5. UC05 - Sử dụng dịch vụ

Usecase ID

UC05

Tên

Sử dụng dịch vụ

Mô tả

Usecase này cho phép người dùng lựa chọn và sử
dụng các dịch vụ

Người thực hiện (Actors)

Người dùng và khách hàng

Sự kiện kích hoạt (Trigger)

Quản lý bấm vào button thêm, sửa, xóa sản phẩm trên
trang admin


Điều kiện tiên quyết (Pre- Admin đăng nhập vào hệ thống
conditions)
Điều kiện kết quả (Post- Các thao tác thêm, sửa, xóa sản phẩm được thực hiện
conditions)

thành cơng

3.2.6. UC06 - Tìm kiếm sản phẩm

Usecase ID

UC06

Tên

Tìm kiếm sản phẩm

Mơ tả

Usecase này cho phép người dùng tìm kiếm sản phẩm

Người thực hiện (Actors)

Người dùng và khách hàng

Sự kiện kích hoạt (Trigger)

Người dùng nhập tên vào ơ tìm kiếm ở góc trên phải
Header

Điều kiện tiên quyết (Pre- Người dùng đăng nhập vào hệ thống.
conditions)

Có ít nhất 1 sản phẩm trong hệ thống

Điều kiện kết quả (Post- Hiển thị danh sách sản phẩm theo tên tìm kiếm
conditions)

3.2.7. UC07 - Quản lý tài khoản


Usecase ID

UC07

Tên

Quản lý tài khoản

Mô tả

Usecase này cho phép người dùng xem thông tin tài

khoản đã đăng ký

Người thực hiện (Actors)

Người dùng

Sự kiện kích hoạt (Trigger)

Người dùng bấm vào button profile

Điều kiện tiên quyết (Pre- Người dùng đăng nhập vào hệ thống.
conditions)
Điều kiện kết quả (Post- Hiển thị form thông tin tài khoản
conditions)

3.2.8. UC08 - Thanh tốn

Usecase ID

UC08

Tên

Thanh tốn

Mơ tả

Usecase này cho phép người dùng thanh toán tiền
dịch vụ khách đã sử dụng.

Người thực hiện (Actors)

Tất cả các Actor.

Sự kiện kích hoạt (Trigger)

Tại giao diện Thanh tốn, sau khi tiến hành chọn
khách hàng và dịch vụ cần thanh toán. Bấm thanh


toán để tiến hành thanh toán.
Điều kiện tiên quyết (Pre- Người dùng đã đăng nhập thành công vào hệ
conditions)

thống.
Đã tồn tại khách hàng cần thanh toán trong hệ
thống.
Đã tồn tại các dịch vụ cần thanh toán trong hệ
thống.

Điều kiện kết quả (Post- Thanh tốn thành cơng
conditions)

3.2.9. UC9 - Quản lý dịch vụ

Usecase ID

UC09

Tên

Quản lý dịch vụ

Mô tả

Usecase này cho phép quản lý xem danh sách các
dịch vụ mà người dùng đặt

Người thực hiện (Actors)

Admin

Sự kiện kích hoạt (Trigger)

Quản lý bấm vào nút danh sách đặt lịch

Điều kiện tiên quyết (Pre- Admin đăng nhập vào hệ thống
conditions)


Điều kiện kết quả (Post- Trả về thông tin khách hàng, tên dịch vụ mà khách
conditions)

hàng đặt

3.2.10.

UC10 - Quản lý sản phẩm

Usecase ID

UC10

Tên

Quản lý sản phẩm

Mô tả

Usecase này cho phép quản lý thực hiện thao tác
thêm, sửa, xóa sản phẩm

Người thực hiện (Actors)

Admin

Sự kiện kích hoạt (Trigger)

Quản lý bấm vào button thêm, sửa, xóa sản phẩm trên
trang admin

Điều kiện tiên quyết (Pre- Admin đăng nhập vào hệ thống
conditions)
Điều kiện kết quả (Post- Các thao tác thêm, sửa, xóa sản phẩm được thực hiện
conditions)

3.3.

thành công

Sơ đồ hoạt động và sơ đồ tuần tự

3.3.1. Một số sơ đồ hoạt động

3.3.1.1.

Đăng nhập