Website cung cấp thông tin du lịch Singapore | Bài tập lón học phần Thiết kế Web | Trường Đại học Phenikaa

BỘ GIÁO DỤC VÀ ĐÀO TẠO
TRƯỜNG ĐẠI HỌC PHENIKAA BÀI TẬP LỚN
TÊN HỌC PHẦN: THIẾT KẾ WEB
ĐỀ TÀI: WEBSITE CUNG CẤP THÔNG TIN DU LỊCH SINGAPORE Điểm ST Mã Sinh
Họ và Tên Ngày Sinh T Bằng Bằng Viên Số Chữ 1
22013776 Đỗ Đăng Bắc 18/09/2004 Trần Trung 2 22013689 19/08/2004 Kiên Nguyễn Đức 3 22013320 06/10/2003 Minh
CÁN BỘ CHẤM THI Hà Nội, năm 2024 LỜI NÓI ĐẦU
Singapore, quốc đảo Sư tử, là điểm đến du lịch nổi tiếng ở Đông Nam Á, thu hút du
khách bởi sự giao thoa văn hóa đa dạng, cảnh quan hiện đại và nhiều điểm tham quan hấp
dẫn.Singapore là quốc gia đa sắc tộc với sự hòa quyện của văn hóa Trung Hoa, Ấn Độ, Mã
Lai và phương Tây. Điều này thể hiện qua kiến trúc, ẩm thực, phong tục tập quán và lễ hội.
Du khách có thể trải nghiệm văn hóa độc đáo này qua các khu Tiểu Ấn, Phố Tàu, Kampong
Glam, hay các lễ hội như Hari Raya Puasa, Deepavali, Tết Nguyên Đán.Singapore là điểm
đến du lịch lý tưởng cho những ai yêu thích sự hiện đại, đa dạng và tiện nghi. Du lịch
Singapore, du khách sẽ có cơ hội khám phá những công trình kiến trúc độc đáo, trải nghiệm
văn hóa đa sắc tộc, thưởng thức ẩm thực phong phú và mua sắm tại các trung tâm thương
mại sầm uất.Singapore là thiên đường ẩm thực với sự đa dạng các món ăn từ khắp nơi trên
thế giới. Du khách có thể thưởng thức các món ăn đường phố giá rẻ, các nhà hàng sang trọng
hay trải nghiệm ẩm thực đặc trưng của từng khu vực văn hóa. Một số món ăn nổi tiếng của
Singapore như: cơm gà Hải Nam , lẩu Thái , bánh mì kẹp thịt nướng Satay , chè Chendol , cua sốt ớt
Singapore là điểm đến du lịch lý tưởng cho những ai yêu thích sự hiện đại, đa dạng và tiện
nghi. Du lịch Singapore, du khách sẽ có cơ hội khám phá những công trình kiến trúc độc đáo,
trải nghiệm văn hóa đa sắc tộc, thưởng thức ẩm thực phong phú và mua sắm tại các trung tâm
thương mại sầm uất. Chính vì vậy việc xây dựng website cung cấp thông tin du lịch ở Châu
Âu là vô cùng thú vị và cần thiết. 3 MỤC LỤC CHƯƠNG 1.TỔNG QUAN
1.1. Giới thiệu về đề tài ...................................................................................................... 7
1.1.1. Mục tiêu: ................................................................................................................ 7
1.1.2. Phạm vi: ................................................................................................................. 7
1.1.3. Phương pháp: ........................................................................................................ 7
1.1.4. Đối tượng: .............................................................................................................. 7
1.1.5. Lợi ích: ................................................................................................................... 8
1.2. Lý do chọn đề tài ........................................................................................................ 8
1.2. 1. Nhu cầu du lịch Singapore cao: .......................................................................... 8
1.2.2. Lợi ích của website: ............................................................................................... 8
1.2.3. Tính khả thi: .......................................................................................................... 8
1.2.4. Tính mới mẻ: .......................................................................................................... 8
1.2.5. Khả năng phát triển: ............................................................................................. 9
1.3. Ý nghĩa đề tài ............................................................................................................... 9
1.3.1. Đối với du khách: .................................................................................................. 9
1.3.2. Đối với các công ty du lịch, lữ hành: .................................................................... 9
1.3.3. Đối với ngành du lịch Singapore: ......................................................................... 9
CHƯƠNG 2. PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG ........................................ 9
2.1. Phân tích và xác định yêu cầu .................................................................................... 9
2.2. Công nghệ sử dụng .....................................................................................................11
2.2.1 HTML .....................................................................................................................11
2.2.2 CSS .........................................................................................................................11
2.2.3 JAVASCRIPT ........................................................................................................ 12 4
CHƯƠNG 3. THIẾT KẾ GIAO DIỆN VÀ CHỨC NĂNG TỪNG TRANG ....... 13
3.1 Trang đăng nhập ........................................................................................................ 13
3.2 Trang đăng kí .............................................................................................................. 14
3.3 Trang chủ .................................................................................................................... 14
3.4 Form đặt tour ............................................................................................................. 15
3.5 Trang giới thiệu tour du lịch Sing ............................................................................. 15
3.6 Trang danh sách tour ................................................................................................. 16
3.7 Trang chi tiết tour ....................................................................................................... 18
3.8 Trang tìm kiếm tour ................................................................................................... 18
3.9 Trang phản hồi của khách hàng...............................................................................22
3.10 Tour nổi bật.............................................................................................................22
3.11 Chân Trang..............................................................................................................23 KẾT
LUẬN..........................................................................................................................25
MỤC LỤC HÌNH ẢNH
Hình 3.2 Giao diện đăng kí...................................................................................................15
Hình 3.3 Giao diện trang chủ................................................................................................16
Hình 3.6a , 3.6b , 3.6c Danh sách tour..................................................................................18
Hình 3.7 Giao diện tour chi tiết.............................................................................................19
Hình 3.9 Một số hình ảnh thực tế.........................................................................................20
Hình 3.10 Một số tour nổi bật..............................................................................................20
Hình 3.11 Chân trang...........................................................................................................21 Nhóm 7 Page 4 5 MỤC LỤC BẢNG 6
BẢNG CÁC TỪ VIẾT TẮT (Nếu có) STT TỪ VIẾT TẮT VIẾT ĐẦY ĐỦ 1 CSDL Cơ sở dữ liệu 2 Nhóm 7 Page 6 7 CHƯƠNG 1.TỔNG QUAN
1.1. Giới thiệu về đề tài
1.1.1. Mục tiêu: •
Xây dựng website giới thiệu các tour du lịch Singapore hấp dẫn, thu hút du khách. •
Cung cấp thông tin đầy đủ, chi tiết về các điểm tham quan, lịch trình, giá cả, dịch
vụ đi kèm của từng tour. •
Tạo trải nghiệm dễ dàng và tiện lợi cho du khách trong việc lựa chọn và đặt tour du lịch Singapore.
1.1.2. Phạm vi: •
Website giới thiệu các tour du lịch Singapore đa dạng: khám phá, nghỉ dưỡng, văn hóa, ẩm thực,... •
Cung cấp thông tin chi tiết về từng tour: điểm tham quan, lịch trình, giá cả, dịch
vụ đi kèm, hình ảnh minh họa. •
Hỗ trợ du khách lựa chọn tour phù hợp: chức năng lọc tour theo sở thích, ngân sách, thời gian. •
Cung cấp dịch vụ đặt tour trực tuyến: đơn giản, nhanh chóng, an toàn. •
Tích hợp các tiện ích hỗ trợ du khách: thanh toán trực tuyến, tư vấn du lịch, blog du lịch.
1.1.3. Phương pháp: •
Sử dụng các công nghệ web tiên tiến: HTML, CSS, Javascript, PHP, MySQL. •
Thiết kế giao diện website đẹp mắt, thu hút, dễ sử dụng. •
Tối ưu hóa website cho SEO, tăng khả năng hiển thị trên công cụ tìm kiếm. •
Đảm bảo website hoạt động ổn định, bảo mật thông tin khách hàng.
1.1.4. Đối tượng: •
Du khách quan tâm đến du lịch Singapore. •
Các công ty du lịch, lữ hành. 8
1.1.5. Lợi ích: •
Giúp du khách dễ dàng tìm kiếm và lựa chọn tour du lịch Singapore phù hợp. •
Tiết kiệm thời gian và công sức cho du khách trong việc đặt tour. •
Tăng doanh thu cho các công ty du lịch, lữ hành. •
Quảng bá hình ảnh du lịch Singapore đến du khách quốc tế.
1.2. Lý do chọn đề tài
1.2. 1. Nhu cầu du lịch Singapore cao: •
Singapore là điểm đến du lịch hấp dẫn du khách quốc tế, đặc biệt là du khách Việt Nam. •
Nhu cầu tìm kiếm thông tin về các tour du lịch Singapore ngày càng tăng.
1.2.2. Lợi ích của website: •
Cung cấp thông tin đầy đủ, chi tiết về các tour du lịch Singapore. •
Giúp du khách dễ dàng lựa chọn và đặt tour phù hợp. •
Tiết kiệm thời gian và công sức cho du khách. •
Tăng doanh thu cho các công ty du lịch, lữ hành. •
Quảng bá hình ảnh du lịch Singapore đến du khách quốc tế.
1.2.3. Tính khả thi: •
Có thể sử dụng các công nghệ web tiên tiến để xây dựng website. •
Có thể hợp tác với các công ty du lịch, lữ hành để cung cấp thông tin và dịch vụ. •
Có thể quảng bá website thông qua các kênh online và offline.
1.2.4. Tính mới mẻ: •
Chưa có nhiều website giới thiệu tour du lịch Singapore được thiết kế chuyên
nghiệp và cung cấp đầy đủ thông tin. Nhóm 7 Page 8 9 •
Website này có thể đáp ứng nhu cầu ngày càng cao của du khách trong việc tìm
kiếm thông tin và đặt tour du lịch trực tuyến.
1.2.5. Khả năng phát triển:
Website có thể được phát triển thêm các chức năng mới như:
o Blog du lịch chia sẻ kinh nghiệm du lịch Singapore. o Cộng đồng du
lịch để du khách chia sẻ thông tin và kinh nghiệm.
o Hệ thống đánh giá tour du lịch giúp du khách lựa chọn tour phù hợp.
1.3. Ý nghĩa đề tài
1.3.1. Đối với du khách: •
Website cung cấp thông tin đầy đủ, chi tiết về các tour du lịch Singapore, giúp du
khách dễ dàng lựa chọn tour phù hợp với nhu cầu và sở thích của mình. •
Website giúp du khách tiết kiệm thời gian và công sức trong việc tìm kiếm thông
tin và đặt tour du lịch. •
Website giúp du khách có được trải nghiệm du lịch Singapore tốt nhất.
1.3.2. Đối với các công ty du lịch, lữ hành: •
Website giúp các công ty du lịch, lữ hành quảng bá tour du lịch của mình đến du
khách quốc tế một cách hiệu quả. •
Website giúp các công ty du lịch, lữ hành tăng doanh thu và lợi nhuận. •
Website giúp các công ty du lịch, lữ hành nâng cao hình ảnh và uy tín của mình trên thị trường.
1.3.3. Đối với ngành du lịch Singapore: •
Website góp phần quảng bá hình ảnh du lịch Singapore đến du khách quốc tế. •
Website góp phần thu hút du khách quốc tế đến Singapore du lịch. •
Website góp phần thúc đẩy ngành du lịch Singapore phát triển.
CHƯƠNG 2. PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG
2.1. Phân tích và xác định yêu cầu
2.1.1. Yêu cầu về chức năng: 10 •
Website phải cung cấp đầy đủ thông tin về các tour du lịch Singapore, bao gồm: o Điểm tham quan o Lịch trình o Giá cả o Dịch vụ đi kèm o Hình ảnh minh họa •
Website phải hỗ trợ du khách lựa chọn tour phù hợp với nhu cầu và sở thích của mình. •
Website phải cho phép du khách đặt tour trực tuyến một cách đơn giản, nhanh chóng và an toàn. •
Website phải tích hợp các tiện ích hỗ trợ du khách như: o Thanh toán trực tuyến o Tư vấn du lịch o Blog du lịch
2.1.2. Yêu cầu về giao diện: •
Giao diện website phải đẹp mắt, thu hút và dễ sử dụng. •
Giao diện website phải phù hợp với thị hiếu của du khách quốc tế. •
Giao diện website phải phù hợp với các thiết bị di động.
2.1.3. Yêu cầu về nội dung: •
Nội dung website phải đầy đủ, chính xác và cập nhật thường xuyên. •
Nội dung website phải được trình bày một cách khoa học, logic và dễ hiểu. •
Nội dung website phải sử dụng ngôn ngữ phù hợp với đối tượng mục tiêu.
2.1.4. Yêu cầu về kỹ thuật: •
Website phải được xây dựng bằng các công nghệ web tiên tiến. •
Website phải hoạt động ổn định và bảo mật thông tin khách hàng. •
Website phải được tối ưu hóa cho SEO.
2.1.5. Yêu cầu khác: Nhóm 7 Page 10 11 •
Website phải có tên miền và hosting riêng. •
Website phải được bảo mật bằng chứng chỉ SSL. •
Website phải được cập nhật thường xuyên.
2.2. Công nghệ sử dụng 2.2.1 HTML
HTML là viết tắt của HyperText Markup Language, là ngôn ngữ lập trình cơ bản để
tạo cấu trúc và nội dung cho website. HTML sử dụng các thẻ để định dạng văn bản, hình
ảnh, video, liên kết,... và chia website thành các khu vực chức năng khác nhau.
Lợi ích của HTML với đề tài : •
Cấu trúc website: HTML giúp tạo khung sườn cho website, bao gồm các khu vực
như header, main content, sidebar và footer. •
Thêm nội dung: HTML giúp thêm văn bản, hình ảnh, video, liên kết,... vào website. •
Tạo bố cục cơ bản: HTML chia website thành các khu vực chức năng khác nhau. •
Dễ học và sử dụng: HTML có cú pháp đơn giản, dễ học và sử dụng. •
Tương thích với nhiều trình duyệt: HTML được hỗ trợ bởi tất cả các trình duyệt web phổ biến. 2.2.2 CSS
CSS là viết tắt của Cascading Style Sheets, là ngôn ngữ lập trình dùng để thiết kế giao
diện website. CSS giúp định dạng màu sắc, font chữ, kích thước, vị trí các element trên
website, tạo hiệu ứng và nâng cao tính thẩm mỹ cho website.
Lợi ích của CSS với đề tài: •
Thiết kế giao diện: CSS giúp website có giao diện đẹp mắt, thu hút và ấn tượng. •
Tạo hiệu ứng: CSS thêm các hiệu ứng đẹp mắt cho website như hover, animation,... •
Nâng cao tính thẩm mỹ: CSS giúp website thu hút và ấn tượng hơn. •
Dễ học và sử dụng: CSS có cú pháp đơn giản, dễ học và sử dụng. 12
2.2.3 JAVASCRIPT
JavaScript là ngôn ngữ lập trình được sử dụng để thêm các chức năng tương tác cho
website, giúp website trở nên sống động và hấp dẫn hơn. JavaScript có thể được sử dụng để: •
Tạo các hiệu ứng động như thanh trượt, pop-up, animation,... •
Xử lý dữ liệu người dùng như nhập liệu, click chuột,... •
Phát triển các ứng dụng web như hệ thống đặt tour du lịch, hệ thống thanh toán trực tuyến,...
Lợi ích của JavaScript với đề tài : •
Tăng tính tương tác: JavaScript giúp website có nhiều chức năng tương tác, thu hút du khách sử dụng. •
Cung cấp trải nghiệm cá nhân hóa: JavaScript có thể được sử dụng để cá nhân hóa
website theo nhu cầu và sở thích của từng du khách. •
Phát triển các ứng dụng web: JavaScript có thể được sử dụng để phát triển các ứng
dụng web nâng cao cho website du lịch. •
Dễ học và sử dụng: JavaScript có cú pháp tương đối đơn giản, dễ học và sử dụng. Nhóm 7 Page 12 13
CHƯƠNG 3. THIẾT KẾ GIAO DIỆN VÀ CHỨC NĂNG TỪNG TRANG
3.1 Trang đăng nhập
Hình 3.1. Giao diện đăng nhập 14 3.2 Trang đăng kí
Hình 3.2 Giao diện đăng kí 3.3 Trang chủ
Hình 3.3 Giao diện trang chủ Nhóm 7 Page 14 15 3.4 Form đặt tour
Hình 3.4 Giao diện đặt tour
3.5 Trang giới thiệu tour du lịch Sing
Hình 3.5 Giao diện giới thiệu một số tour du lịch 16
3.6 Trang danh sách tour Nhóm 7 Page 16 17
Hình 3.6a , 3.6b , 3.6c Danh sách tour 18
3.7 Trang chi tiết tour
Hình 3.7 Giao diện tour chi tiết
3.8 Trang tìm kiếm tour
Hình 3.8 Form tìm kiếm tour
3.9 Trang phản hồi của khách hàng Nhóm 7 Page 18 19
Hình 3.9 Một số hình ảnh thực tế 3.10 Tour nổi bật
Hình 3.10 Một số tour nổi bật 20 3.11 Chân Trang Hình 3.11 Chân trang Nhóm 7 Page 20