Báo cáo Xây dựng Website du lịch môn Lập trình Web | Học viện Công Nghệ Bưu Chính Viễn Thông

lOMoAR cPSD| 58737056
HỌC VIỆN CÔNG NGHỆ BƯU CHÍNH VIỄN THÔNG
KHOA CÔNG NGHỆ THÔNG TIN
BÁO CÁO BÀI TẬP LỚN
HỌC PHẦN: LẬP TRÌNH WEB
ĐỀ TÀI: WEBSITE DU LỊCH
Nhóm bài tập lớn: Nhóm 9 Giảng viên: Trần Anh Đạt
Sinh viên thực hiện: Mã sinh viên Nguyễn Cẩm Ly B20DCCN415 Hoàng Tiến Hưng B21DCCN421 Đoàn Viết Tú B21DCCN121 Vũ Minh Kiên B21DCCN469 Giới thiệu đề tài lOMoAR cPSD| 58737056
Dự án website du lịch là một nền tảng trực tuyến thú vị và đa chiều, nơi du khách
có thể bắt đầu cuộc hành trình khám phá vẻ đẹp của thế giới. Với sứ mệnh kết nối
cộng đồng du lịch và cung cấp thông tin đáng tin cậy, website không chỉ là một
nguồn tài nguyên quý báu cho việc lập kế hoạch và tổ chức chuyến đi mà còn là
một không gian mở, nơi mọi người có thể nhận được những trải nghiệm, gợi ý và
kinh nghiệm du lịch của riêng mình. Với đa dạng các tính năng như hướng dẫn du
lịch, tour du lịch, blog du lịch, website du lịch hứa sẽ mang đến cho mọi người
những trải nghiệm đầy phong phú và ý nghĩa trên mỗi chuyến đi.
Mục tiêu chung của đề tài:
- Tạo ra một website phục vụ cho mục đích khám phá, du lịch của du khách với các
chia sẻ về tour, blog, địa điểm du lịch trên website.
- Phát triển giao diện người dùng thân thiện, tối ưu hóa trải nghiệm người dùng và
đảm bảo tính thẩm mĩ.
Nhiệm vụ cụ thể của từng thành viên trong nhóm:
- Hoàng Tiến Hưng: làm về mục tour du lịch cũng như payment, responsive, data trên mongoDB.
- Đoàn Viết Tú: làm địa điểm, giới thiệu, contactUs
- Vũ Minh Kiên: làm về đăng ký, đăng nhập, trang chủ
- Nguyễn Cẩm Ly: làm về chức năng blog và viết báo cáo 1. Phân tích hệ thống
1.1 Hệ thống từ chuyên môn : STT Tiếng Việt Tiếng Anh Giải thích 1 Đăng ký Sign up
Tạo một tài khoản để đăng nhập vào hệ thống 2 Đăng nhập Sign in
Là hành động xác thực danh tính
người dùng mà hệ thống đã xác minh khi vào. lOMoAR cPSD| 58737056 3 Tour Tour
Chuyến du lịch hoặc hành trình
có kế hoạch và tổ chức trước đó,
bao gồm các hoạt động, địa
điểm tham quan, và dịch vụ đi kèm. 4 Blog Blog
Trang cập nhật các bài viết mới,
thông tin, kinh nghiệm cá nhân,
hoặc tin tức về du lịch. 5 Điểm đến Destination
Các địa điểm, thành phố, khu
vực mà du khách có thể quan
tâm đến để thăm, khám phá hoặc trải nghiệm. 5 Thông tin Information
Các chi tiết cần thiết về các địa
điểm, dịch vụ du lịch, hoạt
động, văn hóa, lịch sử, và các vấn đề liên quan. 6 Đánh giá Rate
Nhận xét hoặc đánh giá từ khách
hàng hoặc người sử dụng trước
đó về các dịch vụ, địa điểm,
hoặc trải nghiệm du lịch. 7 Đặt tour Booking
Hành động đặt chỗ hoặc đặt tour
du lịch trước khi đi, chọn lựa
các gói tour, ngày đi, số lượng người tham gia,... 8 Hướng dẫn viên Guide
Người chịu trách nhiệm dẫn dắt
và cung cấp thông tin, hướng
dẫn cho du khách trong suốt chuyến du lịch.
1.2 Phân tích chung về hệ thống
- Mục đích của hệ thống: Tạo một website cho phép người dùng tìm hiểu các thông tin về du lịch.
- Phạm vi hệ thống: Người tham gia hệ thống được thực hiện các chức năng sau: + Đăng ký + Đăng nhập lOMoAR cPSD| 58737056
+ Xem các gợi ý về tour và bài viết về tour du lịch
+ Xem danh sách các điểm đến và bài viết chi tiết về điểm đến
+ Xem các gợi ý về blog du lịch và bài viết chia sẻ những trải nghiệm du lịch
- Biểu đồ usecase chung của hệ thống 2. Thiết kế hệ thống
- Biểu đồ lớp thực thể lOMoAR cPSD| 58737056 - Cấu trúc dự án: - Giao diện : lOMoAR cPSD| 58737056
● Đăng nhập :Phần đăng nhập sẽ có mục email và mật khẩu, nếu người dùng quên
không điền 1 trong 2 mục này thì sẽ hiện thông báo "Vui lòng không để trống”.
Nếu người dùng chưa có tài khoản thì người dùng ấn vào nút tạo tài khoản mới
và trang web sẽ nhảy đến mục đăng ký. ●
● Đăng ký : người dùng sẽ tiến hành tạo tài khoản và xác thực lại mật khẩu tại đây.
Sau khi đăng ký thành công sẽ nhảy về trang đăng nhập cho người dùng thực hiện
đăng nhập, trang web sẽ lưu tài khoản của bạn trong hệ thống. lOMoAR cPSD| 58737056 ● Trang chủ:
Đầu trang sẽ có phần giới thiệu cũng như liên hệ với nhà cung cấp dịch vụ và hình ảnh minh họa. lOMoAR cPSD| 58737056 ● Giới thiệu : lOMoAR cPSD| 58737056
● Tour : Phần tour của trang web có chức năng cung cấp thông tin về các tour du
lịch và giúp người dùng có thể đặt tour trực tuyến.
● Bài viết của Tour: Phần tour cho phép khách hàng đặt tour trực tuyến qua trang
web. Bằng cách chọn tour, khách hàng có thể chọn ngày khởi hành, số lượng
người tham gia, và các yêu cầu khác. Sau đó, họ có thể tiến hành thanh toán trực tuyến. lOMoAR cPSD| 58737056
● Điểm đến: Phần điểm đến trong một trang web du lịch là một phần quan trọng để
giới thiệu và cung cấp thông tin về các điểm đến du lịch
● Bài viết của địa điểm: hiển thị danh sách các điểm đến du lịch khác nhau, bao
gồm các thành phố, vùng miền, quốc gia hoặc địa danh
nổi tiếng. Các điểm đến này thường được phân loại thành các danh mục khác nhau
để người dùng dễ dàng tìm kiếm và lựa chọn. lOMoAR cPSD| 58737056
● Blog: Có khá nhiều kiến thức, trải nghiệm được chia sẻ trong đây về: mùa nào
đến địa điểm này thì thích hợp, đặc sản vào mùa đó,... và rất nhiều điều thú vị khác.
● Bài viết của blog: Người xem sẽ được xem những đánh giá, cũng như những trải
nghiệm của người post bài về địa điểm này để có cái nhìn trực quan hơn. lOMoAR cPSD| 58737056 3. Công nghệ:
- HTML (Hypertext Markup Language): là ngôn ngữ đánh dấu sử dụng để tạo cấu
trúc và định dạng nội dung của trang web. Nó được sử dụng để xác định các phần
tử, văn bản, hình ảnh, liên kết và các thành phần khác trên trang web.
- CSS (Cascading Style Sheets): là ngôn ngữ được sử dụng để định dạng và trang
trí cho các phần tử HTML trên trang web. Nó cho phép bạn điều chỉnh màu sắc,
font chữ, kích thước, độ rộng, độ cao và vị trí của các phần tử trên trang web.
- JavaScript (JS): là một ngôn ngữ lập trình phổ biến trong phát triển web. Nó được
sử dụng để tạo ra các hiệu ứng tương tác, xử lý sự kiện và thay đổi nội dung của trang web.
- Express: là một framework phát triển ứng dụng web Node.js. Nó cung cấp các
tính năng cần thiết để xây dựng các ứng dụng web, như xử lý tuyến đường
(routing), quản lý HTTP requests và responses, middleware, và nhiều hơn nữa.
- MongoDB: là một hệ quản trị cơ sở dữ liệu phi cấu trúc, mã nguồn mở, được phát
triển bởi MongoDB Inc. Nó sử dụng mô hình lưu trữ dữ liệu dưới dạng tài liệu lOMoAR cPSD| 58737056
JSON với sự linh hoạt cao, giúp lưu trữ và truy xuất dữ liệu một cách dễ dàng và hiệu quả. 4. Source code:
https://github.com/Allonsyyyy/Travelling-Web.git 5. Tài liệu tham khảo:
[1] https://youtu.be/9OfL9H6AmhQ?si=dMyZd2RcfLBNirmb
[2] https://www.geeksforgeeks.org/html-tutorial/
[3] https://www.geeksforgeeks.org/css-tutorial/
[4] https://www.geeksforgeeks.org/javascript/?ref=outind
[5] https://www.geeksforgeeks.org/nodejs/?ref=outind