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

Đ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ủachủ thú cưng.. Dưới đây là những đ

ĐẠ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 HOÀ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 ƠNTrướ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 quá trình thực hiện đồ ánwebsite 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ể hoànthà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 trangweb 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 quantrọng trong hành trình em trở thành những nhà phát triển website chuyên nghiệp Em rấtbiế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ênNguyễ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ựcquan 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àycung 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 rakế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ý dochọ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 yêu cầu: Trình bày quy trình khảo sát hiệntrạ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âydự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 MỞ ĐẦU, GIỚI THIỆU TỔNG QUAN ĐỀ TÀI

1.1 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ưngtrong 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 dichuyể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ủachủ 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ămsó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 ramộ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

- 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ểncác tính năng đặt lịch và quản lý thông tin

Chương 2 XÁC ĐỊNH VÀ PHÂN TÍCH YÊU CẦU

2.1 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ảosá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ìmhiể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 đếndị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ựctuyế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à cungcấ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ảnhồ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

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 toàn thông tin cá nhân và giao dịch của người dùngthô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ựcngườ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ồinhanh chóng trong mọi tình huống, đồng thời hỗ trợ đa nền tảng và tương thíchtrê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 PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG

3.1 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ả

đăng nhập vào ứng dụng và sử dụngnhững tính năng đã được phân quyềncho mỗi tài khoản

đă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

xem thông tin tài khoản

thanh toán đơn mua hàng

Usecase ID UC01

ứng dụng và sử dụng những tính năng đã đượcphân quyền cho mỗi tài khoản

Điều kiện tiên quyết

(Pre-conditions)

Tài khoản đã được cập nhật trong hệ thống

Điều kiện kết quả

khoản để đăng nhập vào hệ thống

Điều kiện tiên quyết

(Pre-conditions)

Tài khoản không được trùng với tài khoản đã đăng

ký trước đóĐiều kiện kết quả (Post-

conditions)

Người dùng đăng kí thành công

3.2.3 UC03 - Đăng xuất

khỏi hệ thống

Điều kiện tiên quyết

(Pre-conditions)

Đã đăng nhập vào hệ thống

Điều kiện kết quả

(Post-conditions)

Đăng xuất thành công

3.2.4 UC04 - Xem giỏ hàng

Tên Xem giỏ hàng

hàng

HeaderĐiều kiện tiên quyết (Pre-

conditions)

Người dùng đăng nhập vào hệ thống

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-

trang admin

Điều kiện tiên quyết

(Pre-conditions)

Admin đăng nhập vào hệ thống

Điều kiện kết quả

HeaderĐiều kiện tiên quyết (Pre-

conditions)

Người dùng đăng nhập vào hệ thống

Có ít nhất 1 sản phẩm trong hệ thốngĐiều kiện kết quả (Post-

conditions)

Hiển thị danh sách sản phẩm theo tên tìm kiếm

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

Usecase ID UC07

khoản đã đăng ký

Điều kiện tiên quyết

(Pre-conditions)

Người dùng đăng nhập vào hệ thống

Điều kiện kết quả

(Post-conditions)

Hiển thị form thông tin tài khoản

3.2.8 UC08 - Thanh toán

dịch vụ khách đã sử dụng

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

Điều kiện tiên quyết

(Pre-conditions)

Admin đăng nhập vào hệ thống

Điều kiện kết quả

thêm, sửa, xóa sản phẩm

trang adminĐiều kiện tiên quyết (Pre-

conditions)

Admin đăng nhập vào hệ thống

Điều kiện kết quả

3.3.1.2 Thanh toán

3.3.1.3 Quản lý tài khoản

3.3.1.4 Quản lý dịch vụ

3.3.2 Một số sơ đồ tuần tự

3.3.2.2 Thanh toán

3.3.2.3 Quản lý tài khoản

3.3.2.4 Quản lý dịch vụ

3.4 Thiết kế cơ sở dữ liệu

● Mongodb: dùng để lưu dữ liệu

● NodeJS: Thao tác với cơ sở dữ liệu để trả về người dùng

4.2 Môi trường phát triển và triển khai hệ thống

4.2.1 Môi trường phát triển :

- Hệ điều hành: window 11

- Công cụ quản lý tiến độ: trello

- Công cụ quản lý source: github

- Công cụ quản lý cơ sở dữ liệu: mongodb

- Công cụ lập trình: visual studio code

4.2.2 Môi trường triển khai

5.2 Mô tả chi tiết các màn hình

5.2.2 Đăng nhập

- Mô tả: Màn hình này cho phép người dùng đăng nhập vào tài khoản của họ

- Cách thực hiện: Người dùng sẽ nhập thông tin đăng nhập, bao gồm tên đăng nhập

và mật khẩu Sau đó, hệ thống sẽ kiểm tra thông tin đăng nhập và chuyển hướngngười dùng đến màn hình Trang chủ nếu đăng nhập thành công

5.2.3 Đăng ký

- Mô tả: Màn hình này cho phép người dùng tạo tài khoản mới

- Cách thực hiện: Người dùng sẽ điền các thông tin cần thiết như tên, địa chỉ, sốđiện thoại, email, tên đăng nhập và mật khẩu Sau khi người dùng hoàn thành đăng

ký, thông tin tài khoản sẽ được lưu trữ trong cơ sở dữ liệu và người dùng sẽ đượcchuyển hướng đến màn hình Đăng nhập để đăng nhập vào tài khoản mới tạo

5.2.4 Giới thiệu

- Mô tả: Màn hình này cung cấp thông tin chi tiết về công ty, đội ngũ, lịch sử, mụctiêu và giá trị cốt lõi của dịch vụ chăm sóc thú cưng

- Cách thực hiện: Trên màn hình này, bạn có thể cung cấp một trang văn bản mô tả

và các hình ảnh minh họa để giới thiệu về công ty của bạn và giới thiệu các thànhviên quan trọng trong đội ngũ

số lượng Người dùng có thể xem lại thông tin sản phẩm trong giỏ hàng, cập nhật

số lượng, hoặc xóa các mục không cần thiết Người dùng cũng có thể tiếp tục muasắm và thêm sản phẩm vào giỏ hàng hoặc tiến hành thanh toán

Chương 6 TỔNG KẾT

6.1 Kết quả đạt được - ưu điểm

- Giao diện: Xây dựng được một website có giao diện tương đối hoàn thiện, có đủcác thành phần căn bản của một website như: Header, logo, văn bản giới thiệu,home link, thanh điều hướng, footer,…

- Cơ sở dữ liệu: Xây dựng được cơ sở dữ liệu lưu thông tin của khách hàng

- Chức năng của admin: Xây dựng được các quyền admin bao gồm thêm, xóa, sửa

các sản phẩm, quản lý lịch hẹn,

- Chức năng của khách: Xây dựng được các chức năng cho khách như gửi form liên

hệ cho công ty, đăng ký thành người dùng,…

- Chức năng của người dùng: Thực hiện được các chức năng người dùng như đăngnhập, mua sản phẩm, thêm vào giỏ hàng, đặt lịch, …

- Sao lưu: Chưa có chức năng sao lưu dữ liệu khi gặp sự cố

- Giao diện: Chưa thật sự bắt mắt

- Cơ sở dữ liệu: Thao tác trên cơ sở dữ liệu còn thô sơ

- Routing: Việc routing và hiệu ứng chuyển trang chưa thực sự mượt mà

- Chức năng còn thô sơ

6.3 Hướng phát triển

- Dự định sẽ nâng cấp chức năng, nâng cấp giao diện để phù hợp với yêu cầu thực tếthay đổi

- Áp dụng các framework tốt hơn để thao tác với cơ sở dữ liệu

- Thêm các chức năng sao lưu dữ liệu khi gặp sự cố

- Nâng cấp chức năng thao tác admin trên trang web

- Thêm chức năng bình luận

- Tích hợp phương thức thanh toán online

TÀI LIỆU THAM KHẢOCác framework tiêu biểu sử dụng trong quá trình phát triển