tiểu luận dự án 1 website đặt lịch booking hotel

<span class="text_page_counter">Trang 1</span><div class="page_container" data-page="1">

<b>TRƯỜNG CAO ĐẲNG FPT POLYTECHNIC</b>

<b>---</b><b>---</b>

<b>DỰ ÁN 1 Website đặt lịch & booking hotel Giảng viên hướng dẫn : Thầy Lê Trọng Đạt Chuyên ngành : Thiết kế Website</b>

<small> </small>

<b> Nhóm thực hiện : </b>3

<b> Sinh viên thực hiện : Trần Mạnh Cường</b>

Giáp Thị Hiền Phạm Thị Uyên Nguyễn Ngọc An

<b>Hà Nội - 2023</b>

<b>NHẬN XÉT CỦA GIẢNG VIÊN</b>

<small>………</small>

</div><span class="text_page_counter">Trang 3</span><div class="page_container" data-page="3">

<b><small>PHẦN 1: GIỚI THIỆU CHUNG...8</small></b>

<small>1.1Giới thiệu đề tài...</small>

<small>1.1.1 .Lý do chọn đề tài...8</small>

</div><span class="text_page_counter">Trang 4</span><div class="page_container" data-page="4">

<small>2.1: Danh sách tác nhân (actor)...</small>

<small>2.2 : Danh sách các use case...</small>

<b><small>PHẦN 4. THIẾT KẾ GIAO DIỆN...47</small></b>

<small>4.1. Xây dựng giao diện...</small>

<small>4.2.4 Trang danh sách banner...68</small>

<small>4.2.5 Trang danh sách liên hệ...69</small>

<small>4.2.6 Trang danh sách dịch vụ...70</small>

<small>4.2.7 Trang danh sách bài viết...72</small>

<small>4.2.8 Trang danh sách voucher...73</small>

<small>4.2.9 Trang thêm mới nhân viên...75</small>

<small>4.2.10: Trang thêm mới booking...77</small>

<small>4.2.11 Trang thêm mới dịch vụ...79</small>

<small>4.2.12 Trang thêm mới banner...81</small>

<small>4.2.13 Trang thêm mới Bài viết...83</small>

<b>Too long to read onyour phone? Save</b>

to read later onyour computer

Save to a Studylist

</div><span class="text_page_counter">Trang 5</span><div class="page_container" data-page="5">

<small>4.2.14 Trang thêm mới voucher...85</small>

<b><small>PHẦN 5. XÂY DỰNG CƠ SỞ DỮ LIỆU...88</small></b>

<small>5.1 Cơ sở dữ liệu (Cơ cở dữ liệu noSQL - MongoDB)...</small>

<small>7.3: Những khó khăn rủi ro gặp phải và cách giải quyết:...</small>

<small>7.4: Những bài học rút ra sau khi làm dự án:...</small>

<small>7.5: Kế hoạch phát triển trong tương lai:...</small>

<b><small>LỜI CẢM ƠN...99</small></b>

<b><small>TÀI LIỆU THAM KHẢO...100</small></b>

</div><span class="text_page_counter">Trang 6</span><div class="page_container" data-page="6">

<b>LỜI MỞ ĐẦU </b>

Trong thời đại ngày nay, công nghệ thông tin ngày càng phát triển, đóng vaitrị cưc kỳ quan trọng trong nền kinh tế - văn hóa - xã hội của mỗi quốc gia.Cơng nghê thông tin và đặc biệt là Internet đã giúp cho con người thay đổi, cáchsống, làm việc, liên lạc, tiếp cận với thơng tin theo hướng nhanh chóng và tiệnlợi nhất.

Bên cạnh đó, khi nhịp sống của con người ngày càng nâng cao thì nhu cầu thưgiãn, nghỉ dưỡng của mỗi người cũng từ đó mà thay đổi. Họ có thể chi 1 số tiềnkhông nhỏ để đi du lịch, nghỉ mát. Với những người bận bịu với cơng việc, liệu họcó thể dành ra hàng giờ đồng hồ chỉ để chờ đến lượt mình xếp hàng đặt phịnghotel khơng? Hay họ sẽ muốn có 1 lịch hẹn chính xác và khơng mất nhiều thờigian? Đó chính là vấn đề mà những người làm dịch vụ quan tâm tới. Internet hiệnnay rất phổ biến, chỉ với 1 chiếc smartphone, máy tính bảng hay laptop có kết nốiinternet là ta đã có cả 1 thế giới thu nhỏ trong tay. Chúng ta hãy tận dụng nó như 1cơng cụ hữu ích cho chính chúng ta và cả khách hàng.

Chính vì vậy, chúng tôi đã lên kế hoạch xây dựng 1 website booking hotelmang lại nhiều lợi ích thiết thực cho khách hàng và khách sạn.

Lợi ích với khách hàng:

- Có thể dễ dàng tìm hiểu về khách sạn cũng như dịch vụ.- Khàng có thể đặt lịch dễ dàng, tiết kiệm thời gian và công sức.- Nắm rõ thông tin về chi phí dịch vụ muốn thực hiện .

<small>-</small> Tạo ra 1 nguồn thông tin tham khảo đáng tin cậy Lợi ích với khách sạn.<small>-</small> Có thể quản lý cơng việc 1 cách tốt nhất.

<small>-</small> Là nơi để quảng bá, giới thiệu, cung cấp thông tin chi tiết về các dịch vụ, sản phẩmcũng như về quy trình thực hiện, đội ngũ nhân viên … đến với khách hàng.<small>-</small> Tăng độ uy tín, giúp khách sạn trở nên chuyên nghiệp, hiện đại, bắt kịp xu thế.<small>-</small>

</div><span class="text_page_counter">Trang 7</span><div class="page_container" data-page="7">

<b>GIẢI THÍCH THUẬT NGỮ</b>

<b>Tên thuật ngữGiải thích thuật ngữ</b>

<b>Tester</b> Người kiểm tra sản phẩm mà lập trình viên làm ra

<b>Backend Developer</b> Người xử lý mọi logic nghiệp vụ phức tạp ở ẩn phíasau, giúp hệ thống hoạt động trơn tru.

<b>Frontend Developer</b> Người xử lý phía giao diện người dùng, giúp ngườidùng có trải nghiệm tốt nhất trên website

<b>Thành viên</b> Người dùng trở thành thành viên thông qua đăngnhập thành cơng, thành viên có thể bao gồm các đốitượng member, member thuộc nhóm dịch, Mod,Quản trị viên.

<b>Quản trị viên</b> Thành viên quản trị cấp cao, có thể truy cập vàotrang quản trị của website để điều chỉnh trang web

<b>Internet</b> Hệ thống thơng tin tồn cầu có thể truy nhập cộngđồng gồm các mạng máy tính được liên kết với nhau

<b>Request</b> Thơng tin gửi từ client lên server.

<b>Reporter</b> Người sẽ báo cáo, thống kê cho thành viên trongnhóm về quá trình làm việc.

<b>PHẦN 1: GIỚI THIỆU CHUNG</b>

1.1 Giới thiệu đề tài

</div><span class="text_page_counter">Trang 8</span><div class="page_container" data-page="8">

- Sona.com là trang web cung cấp chỗ ở trực tuyến hàng đầu. Chúng tôi đam mê du lịch mỗi ngày. Chúng tôi truyền cảm hứng và tiếp cận hàng triệu khách du lịch trên 90 trang web địa phương bằng 41 ngơn ngữ.

- Vì vậy, khi cần đặt phòng khách sạn, nhà nghỉ cho thuê, khu nghỉ dưỡng, căn hộ, nhà khách hoặc nhà trên cây hồn hảo, chúng tơi sẽ hỗ trợ bạn

</div><span class="text_page_counter">Trang 9</span><div class="page_container" data-page="9">

1.1.3 Mục tiêu của đề tài

Tạo ra được một hệ thống booking hotel một cách tối ưu, đơn giản và dễ dàng để các khách sạn có thể đưa vào sử dụng cho chuỗi hệ thống kinh doanh của mình và đặc biệtlà phù hợp với thị trường.

1.1.4 Đối tượng sử dụng hệ thống Các đối tượng sử dụng hệ thống:

- Du khách cá nhân: Những người muốn đặt phòng trực tuyến cho chuyến du lịch cá nhân hoặc kỳ nghỉ gia đình.

- Doanh nhân: Các doanh nhân thường sử dụng trang web đặt phòng để dự định và đặt chỗ cho các chuyến công tác hoặc cuộc họp.

- Nhóm du lịch: Các nhóm bạn bè hoặc gia đình có thể sử dụng trang web đặt phịng để đảm bảo có đủ phịng ở cùng một khách sạn.

- Người đi công tác: Các nhân viên kinh doanh thường sử dụng dịch vụ đặt phòng trực tuyến để tiện lợi trong việc quản lý lịch trình di chuyển công tác của họ.- Người muốn so sánh giá: Những người tìm kiếm giá tốt nhất và muốn so sánh giá

phòng từ nhiều khách sạn khác nhau.

- Người sử dụng ứng dụng di động: Những người muốn đặt phòng qua điện thoại di động hoặc máy tính bảng thơng qua ứng dụng di động của các trang web đặt phòng.

</div><span class="text_page_counter">Trang 10</span><div class="page_container" data-page="10">

1.2 Thành viên tham gia dự án

Hình 1.2.4: Sơ đồ làm việc nhóm

1.3 Các cơng cụ và cơng nghệ sử dụng- Các công cụ

Dự án website booking hotel

Giảng viên hướng dẫn : Lê Trọng Đạt

<small>Thành viên: NguyễnNgọc AnThành viên: </small>

<small>Trần MạnhCường</small>

<small>Tester</small> ^{Báo cáo &}_slide<small>Code Back-</small>

<small>end Thành viên: </small>

<small>Phạm ThịUyênThành viên: </small>

<small>Giáp ThịHiền</small>

<small>Code end </small>

</div><span class="text_page_counter">Trang 11</span><div class="page_container" data-page="11">

<b><small>Front-Google DriveGoogle DocsJira</small></b>

Hình 1.3.1: Các cơng cụ sử dụng trong dự án

</div><span class="text_page_counter">Trang 13</span><div class="page_container" data-page="13">

<b>PHẦN 2: PHÂN TÍCH – THIẾT KẾ HỆ THỐNG</b>

2.1: Danh sách tác nhân (actor)<small></small> Quản lý(Chủ Hotel)<small></small> Nhân viên trực<small></small> Khách hàng2.2 : Danh sách các use case

 Front-End:

• UC Đăng nhập • UC Đăng ký• UC Liên hệ• UC Xem trang chủ• UC Chi tiết dịch vụ• UC Đặt lịch• UC Đánh giá dịch vụ • UC xem thơng báo • UC Lịch sử đặt lịch• UC chat messenger• UC Xem tin tức • UC Xem chi tiết phịng• UC Tài khoản• UC Đổi mật khẩu• UC Quên mật khẩu Back-End:

• UC Quản lý khách hàng• UC Quản lý bài viết

</div><span class="text_page_counter">Trang 14</span><div class="page_container" data-page="14">

• UC Quản lý Đặt lịch• UC Quản lý Banner• UC Quản lý Liên hệ• UC Quản lý Nhân viên• UC Quản lý thống kê• UC Quản lý dịch vụ

</div><span class="text_page_counter">Trang 15</span><div class="page_container" data-page="15">

2.3: Workflow:

Hình 2.3.1: Sơ đồ Workflow

<small> 15</small>

</div><span class="text_page_counter">Trang 16</span><div class="page_container" data-page="16">

2.4: Sơ đồ Usecase:

Hình 2.3.2: Sơ đồ Usecase

<small> 16</small>

</div><span class="text_page_counter">Trang 17</span><div class="page_container" data-page="17">

Tên usecase Đăng nhập

Mô tả Cho phép người dung đăng nhập vào hệ thống đăt lịch,xem các thông tin của khách sạn

<small> 17</small>

</div><span class="text_page_counter">Trang 18</span><div class="page_container" data-page="18">

Điều kiện kích hoạt Khách hàng chọn chức năng đăng nhâp Tiền điều kiện Khách hàng đã có tài khoản trong hệ thốngHậu điều kiện Đăng nhập thành công hoặc thất bạiLuồng sự kiện chính 1. Hiển thị màn hình đăng nhập

2. Nhập email, sđt, password

3. Hệ thống kiểm tra thông tin đăng nhập4. Đăng nhập thành công và sử dụng các chức

năng quản trị 5. Kết thúc usecase2. Đăng xuất:

Tên usecase Đăng xuất

Mô tả Hỗ trợ người dung trong việc đăng xuất tài khoản khỏihệ thống

Điều kiện kích hoạt Khách hàng chọn chức năng đăng xuấtTiền điều kiện Khách hàng đã đăng nhập vào hệ thốngHậu điều kiên Đăng xuất thành công hoặc thất bạiLuồng sự kiện chính 1. Đăng nhập vào hệ thống thành cơng

2. Chọn chức năng đăng xuất

3. Đăng xuất thành công, trở về giao diện trang chủ

4. Kết thúc usecase3. Đổi mật khẩu:

Tên usecase Đổi mật khẩu

</div><span class="text_page_counter">Trang 19</span><div class="page_container" data-page="19">

Luồng sự kiện chính 1. Đăng nhập thành cơng2. Chọn chức năng đổi mật khẩu3. Nhập mật khẩu mới

4. Thông báo đổi mật khẩu thành công5. Kết thúc usecase

4.Xem trang chủ:

Tên usecase Xem trang chủ

Luồng sự kiện chính Bước 1: Nhấn vào Form đặt lịch hẹn tại trang chủ Bước 2: Người dùng nhập các thông tin như thông tin cá nhân (tên khách hàng), chọn ngày, chọn khung giờ, chọn dịch vụ, chọn phịng và có thể điền nội dung ghi chú để Hotel có thể đáp ứng những yêu cầu bổ xung của khách hàng

Bước 3: Kiểm tra hợp lệ:

Nếu để trống các trường thì báo điền đủ thơng tin<small> 19</small>

</div><span class="text_page_counter">Trang 20</span><div class="page_container" data-page="20">

Bước 4 : Kiểm tra sđt

Mã otp sẽ gửi đến sđt mà khách hàng đã đăng ký để xác nhận sđt và chuyển trạng thái đặt lịch thành côngNếu nhập sai định dạng các trường như số điện thoại, chọn ngày sẽ thông báo nhập đúng định dạng.Nếu dữ liệu nhập hợp lệ sẽ chuyển sang trang thông báo đặt lịch thành công kèm theo những thông tin khách hàng đã đăng ký

* Trong trường hợp người dùng điền thông tin nhưng đến bước đặt lịch hủy khơng đặt thì dữ liệu thơng tin người dùng vẫn được lưu lại trong database để phục vụcho việc chăm sóc khách hàng và marketing saunày.

6. Liên hệ:

Tên usecase Liên hệ

Tên usecase Xem tin tức

</div><span class="text_page_counter">Trang 21</span><div class="page_container" data-page="21">

Tiền điều kiện Khách hàng truy cập và websiteHậu điều kiện Khơng

Luồng sự kiện chính 1. Truy cập vào website2. Chọn chức năng xem tin tức3. Kết thúc usecase

8. Xem hồ sơ:

Tên usecase Xem hồ sơ

Luồng sự kiện chính 1. Đăng nhập thành công2. Chọn chức năng hồ sơ của tôi3. Kết thúc usecase

9. Xem lịch sử đặt lịch:

Tên usecase Xem lịch sử đặt lịch

Luồng sự kiện chính 1. Đăng nhập thành công2. Chọn chức năng lịch sử đặt lịch3. Kết thúc usecase

10. Danh mục dịch vụ:

Tên usecase Danh mục dịch vụ

<small> 21</small>

</div><span class="text_page_counter">Trang 22</span><div class="page_container" data-page="22">

Luồng sự kiện chính 1. Truy cập vào website2. Chọn chức năng dịch vụ3. Hiển thị danh sách dịch vụ4. Kết thúc usecase

11. Chi tiết dịch vụ phòng:

Tên usecase Chi tiết dịch vụ

4. Chọn một dịch vụ và xem chi tiết dịch vụ đó5. Kết thúc usecase

12. Feedback dịch vụ:

Tên usecase Feedback dịch vụ

Mô tả Hỗ trợ khách hàng để lại bình luận cho dịch vụ mình đã sử dụng

Điều kiện kích hoạt <b><small>Khách hàng truy cập vào website</small></b>

Tiền điều kiện Đăng nhập hệ thống và sử dụng dịch vụHậu điều kiện Không

Luồng sự kiện chính 1. Truy cập vào website

<small> 22</small>

</div><span class="text_page_counter">Trang 23</span><div class="page_container" data-page="23">

2. Chọn chức năng dịch vụ3. Điền form feedback4. Kết thúc usecase13. Đăng kí:

Tên usecase Đăng kí

Mơ tả Cho phép khách hàng đăng kí tài khoản để sử dụng cácdịch vụ của website

Điều kiện kích hoạt Khách hàng chọn chức năng đăng kíTiền điều kiện Khách hàng truy cập vào hệ thống webisteHậu điều kiện Đăng kí thành cơng hoặc thất bạiLuồng sự kiện chính 1. Hiển thị màn hình đăng kí

2. Nhập đầy đủ thơng tin

3. Đăng kí thành công và quay về trang đăng nhập4. Kết thúc usecase

14. Quản lí khách hàng:

Tên usecase Quản lí khách hàng

Mơ tả Cho phép khách hàng đăng kí tài khoản để sử dụng cácdịch vụ của website

Điều kiện kích hoạt Khách hàng chọn chức năng đăng kíTiền điều kiện Khách hàng truy cập vào hệ thống webisteHậu điều kiện Đăng kí thành cơng hoặc thất bạiLuồng sự kiện chính 1. Hiển thị màn hình đăng kí

2. Nhập đầy đủ thơng tin

3. Đăng kí thành cơng và quay về trang đăng nhập4. Kết thúc usecase

15.Quản lí đặt lịch:

Tên usecase Quản lí đặt lịch của khách hàng

<small> 23</small>

</div><span class="text_page_counter">Trang 24</span><div class="page_container" data-page="24">

Mô tả Dùng để admin quản lí các lịch đặt của khách hàng (thay đổi trạng thái)

admin thực hiện chức năng

Luồng sự kiện chính 1. Đăng nhập hệ thống thành cơng

2. Admin thực hiện chức năng thay đổi trạng thái cho khách hàng

3. Cập nhật trạng thái thành công4. Kết thúc usecase

16.Quản lí phịng:

Tên usecase Quản lí dịch vụ phịng

Mơ tả Dùng để admin thực hiện các chức năng thêm sửa xóa dịch vụ phịng của website

Luồng sự kiện chính 1. Đăng nhập thành công

2. Admin thực hiện các chức năng thêm, sửa, xóa dịch vụ phịng

3. Cập nhật sau khi admin sử dụng các chức năng4. Kết thúc usecase

17.Quản lí liên hệ:

Tên usecase Quản lí liên hệ

Mơ tả Dùng để admin thực hiện các chức năng thêm sửa xóa dịch vụ của website

<small> 24</small>

</div><span class="text_page_counter">Trang 25</span><div class="page_container" data-page="25">

Điều kiện kích hoạt Admin chọn chức năng quản lí dịch vụ websiteTiền điều kiện Admin đăng nhập thành công vào hệ thống

Hậu điều kiện Dữ liệu của hệ thống sẽ được cập nhật sau khi admin thực hiện các chức năng

Luồng sự kiện chính 1. Đăng nhập thành cơng

2. Admin thực hiện các chức năng thêm, sửa, xóa dịch vụ

3. Cập nhật sau khi admin sử dụng các chức năng4. Kết thúc usecase

18. Thêm dịch vụ phịng:

Tên usecase Thêm dịch vụ phịng

Mơ tả Cho phép admin đăng nhập vào hệ thống để thực hiện chức năng thêm dịch vụ phịng

Điều kiện kích hoạt Admin chọn chức năng thêm dịch vụ phòngTiền điều kiện Admin đăng nhập thành công vào hệ thốngHậu điều kiện Khách hàng xem được các dịch vụ khi admin thêm

thành cơng

Luồng sự kiện chính 1. Đăng nhập thành cơng

2. Admin thực hiện các chức năng thêm phịng3. Thơng báo thêm thành công

4. Kết thúc usecase19.Xem thông báo

Tên usecase Xem thông báo

Mô tả chung Khách hàng xem được những thơng báo của mình từ hệ thống

Tác nhân chính Khách hàng, Admin, Nhân viên

Tiền điều kiện Khách hàng đã truy cập vào hệ thống website của khách sạn và đăng nhập tài

Luồng sự kiện Bước 1: Chọn icon thông báo trên menu

<small> 25</small>

</div><span class="text_page_counter">Trang 26</span><div class="page_container" data-page="26">

Bước 2: Xem các thơng báo đang cóHậu điều kiện Xem được thơng báo gần nhất từ hệ thống

Mô tả chung Khách hàng xem được những thơng báo của mình từ hệ thống

20. Sửa dịch vụ:

Tên usecase Sửa dịch vụ

Mô tả Cho phép admin đăng nhập vào hệ thống để thực hiện chức năng sửa dịch vụ

Điều kiện kích hoạt Admin chọn chức năng sửa dịch vụTiền điều kiện Admin đăng nhập thành công vào hệ thốngHậu điều kiện Khách hàng xem được các dịch vụ khi admin sửa

thành công

Luồng sự kiện chính 1. Đăng nhập thành cơng

2. Admin thực hiện các chức năng sửa dịch vụ3. Thông báo sửa dịch vụ thành cơng4. Kết thúc usecase

21. Xóa phịng:

Tên usecase Xóa phịng

Mơ tả Cho phép admin đăng nhập vào hệ thống để thực hiện chức năng xóa phịng

Luồng sự kiện chính 1. Đăng nhập thành công

2. Admin thực hiện các chức năng xóa phịng3. Thơng báo xóa phịng thành cơng4. Kết thúc usecase

<small> 26</small>

</div><span class="text_page_counter">Trang 27</span><div class="page_container" data-page="27">

<b>PHẦN 3 . PHÂN TÍCH HỆ THỐNG</b>

3.1 Mô tả các luồng chức năng

3.1.1: UC đăng nhập Đăng nhập

Hình 3.1.1: Biểu đồ Activity diagram đăng nhập

3.1.2 : UC đăng ký  Đăng ký

<small> 27</small>

</div><span class="text_page_counter">Trang 28</span><div class="page_container" data-page="28">

Hình 3.1.2: Biểu đồ Activity diagram đăng kí

3.13. UC đăng xuấtĐăng xuất:

Hình 3.1.3: Biểu đồ Activity diagram đăng xuất

<small> 28</small>

</div><span class="text_page_counter">Trang 29</span><div class="page_container" data-page="29">

3.1.4 . UC Đặt phòng Đat:

Hình 3.1.4: Biểu đồ Activity diagram thêm dịch vụ

<small> 29</small>

</div><span class="text_page_counter">Trang 30</span><div class="page_container" data-page="30">

3.1.5. UC Cập nhật dịch vụ- Update

Hình 3.1.5: Biểu đồ Activity diagram sửa dịch vụ

3.1.6 . UC Xóa dịch vụ Xóa

<small> 30</small>

</div><span class="text_page_counter">Trang 31</span><div class="page_container" data-page="31">

Hình 3.1.6: Biểu đồ Activity diagram xóa dịch vụ

3.1.7 . UC Đánh giá- Đánh giá

<small> 31</small>

</div><span class="text_page_counter">Trang 32</span><div class="page_container" data-page="32">

Hình 3.1.7: Biểu đồ Activity diagram đánh giá

3.1.8 . UC Liên hệ

<small> 32</small>

</div><span class="text_page_counter">Trang 33</span><div class="page_container" data-page="33">

 Liên hệ:

Hình 3.1.8: Biểu đồ Activity diagram liên hệ

3.1.9 . UC Đặt lịch phòng Đặt lịch:

<small> 33</small>

</div><span class="text_page_counter">Trang 34</span><div class="page_container" data-page="34">

<small>Hình 3.1.9: Biểu đồ Activity diagram đặt lịch</small>

<small> 34</small>

</div><span class="text_page_counter">Trang 35</span><div class="page_container" data-page="35">

3.5: Thiết kế tổng quan hệ thống:

Hình 3.5: Mơ hình thiết kế tổng quan hệ thống

<small> 35</small>

</div>