(Tiểu luận) báo cáo đồ án cơ sở 1 tên đề tài xây dựng website quảng bá du lịch miền trung

Giới thiệu đề tài Đề tài "Xây dựng website quảng bá du lịch miền Trung" là một đồ án cơ sở quantrọng nhằm tạo ra một nền tảng trực tuyến để quảng bá và giới thiệu về các điểm đến dulịch

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN

VÀ TRUYỀN THÔNG VIỆT - HÀN

KHOA KHOA HỌC MÁY TÍNH

BÁO CÁO ĐỒÁNCƠSỞ1

TÊN ĐỀ TÀI

XÂY DỰNG WEBSITE QUẢNG BÁ

DU LỊCH MIỀN TRUNG

Sinh viên thực hiện: Hồ Đăng Sang – 22IT.B117

Lê Văn Quốc Huy – 22IT.EB028 Giảng viên hướng dẫn: TS Lê Thị Thu Nga

Đà Nẵng, tháng 6 năm 2023

1

LỜI CẢM ƠN

Lời đầu tiên cho chúng em xin gửi lời cảm ơn đến thầy cô trong trường đại học côngnghệ thông tin và truyền thông Việt-Hàn một cách sâu sắc vì đã cho em nhiều kiến thức, kĩnăng quý báu trong thời gian qua bằng kinh nghiệm của mình

Chúng em xin gửi lời cảm ơn chân thành nhất đến thầy giáo TS Lê Thị Thu Nga đãtận tâm giải đáp những thắc mắc, chia sẻ thêm những kiến thức để nhóm em tiếp thu, hoànthành tốt nhất có thể ở đồ án cơ sở 1 này

Trong quá trình thực hiện, bài báo cáo này khó tránh khỏi được những thiếu sót.Chúng em rất mong nhận được sự chỉ bảo, đóng góp quan điểm của cô để em có điều kiện

bổ sung, nâng cao thêm những kĩ năng, phát hiện ra sớm những khuyết điểm của mình.Qua đó giúp cho những bài cáo của bản thân chúng em sau này ngày càng hoàn chỉnh hơn.Nhóm em xin chân thành cảm ơn!

NHẬN XÉT CỦAGIÁO VIÊN HƯỚNG DẪN

3

MỤC LỤC

LỜI CẢM ƠN 2

CHƯƠNG 1 CƠ SỞ LÝ THUYẾT 8

1.1 Tổng quan về ngành du lịch 8

1.1.1 Khái niệm ngành du lịch 8

1.1.2 Các đặc trưng của ngành du lịch 8

1.1.3 Cơ sở phát triển 9

1.1.4 Các loại hình kinh doanh trực tuyến ngành du lịch 10

1.2 Các công cụ để xây dựng Website 10

1.2.1 Khái quát về HTML 10

1.2.2 Khái quát về CSS 12

1.2.3 Khái quát về Boostrap 13

1.2.4 Khái quát về JavaScript 14

CHƯƠNG 2 PHÂN TÍCH THIẾT KẾ HỆ THỐNG 16

CHƯƠNG 3 CHƯƠNG TRÌNH DEMO WEBSITE 20

MỞ ĐẦU

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

Đề tài "Xây dựng website quảng bá du lịch miền Trung" là một đồ án cơ sở quantrọng nhằm tạo ra một nền tảng trực tuyến để quảng bá và giới thiệu về các điểm đến dulịch hấp dẫn trong miền Trung Việt Nam Website này được thiết kế nhằm cung cấp thôngtin chi tiết, hình ảnh đẹp mắt, đánh giá, và gợi ý về các địa điểm du lịch nổi tiếng như Huế,

Đà Nẵng, Hội An, Nha Trang và nhiều nơi khác

Với sự kết hợp giữa thiết kế giao diện hấp dẫn và tính năng tương tác đa phươngtiện, website sẽ mang đến cho người dùng trải nghiệm du lịch ảo tuyệt vời, giúp họ khámphá và lựa chọn các điểm đến phù hợp với sở thích và nhu cầu cá nhân Bên cạnh đó,website cũng sẽ cung cấp thông tin về khách sạn và các dịch vụ du lịch khác để đáp ứngnhu cầu hoàn chỉnh của du khách

Với mục tiêu tạo nên một nguồn thông tin đáng tin cậy và hữu ích về du lịch miềnTrung, đồ án "Xây dựng website quảng bá du lịch miền Trung" hy vọng sẽ đóng góp vàoviệc thu hút và khuyến khích du khách khám phá vẻ đẹp và đa dạng của vùng đất này

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

Mục tiêu của đề tài nhằm:

- Nắm bắt, học hỏi thêm được nhiều kiến thức và công nghệ thiết kế Website bằng HTML, CSS, JavaScript

- Website giúp khách hàng lựa chọn địa điểm du lịch theo sở thích của bản thân một cách chi tiết và đầy đủ nhất

- Website còn tạo được nguồn cảm hứng du lịch cho khách nhờ giao diện đẹp mắt, video giới thiệu du lịch hấp dẫn

- Quảng bá hình ảnh miền Trung đến với khách du lịch trong và ngoài nước

3 Phương pháp nghiên cứu

Phương pháp nghiên cứu lí luận:

- Tìm hiểu và nghiên cứu các nguồn tài liệu, sách báo, bài viết liên quan đến du lịchmiền Trung, thiết kế giao diện web, các tiêu chuẩn và nguyên tắc thiết kế giao diện ngườidùng

5

- Phân tích, đánh giá và áp dụng các nguyên tắc, khái niệm và lý thuyết liên quan đếnquảng bá du lịch, trải nghiệm người dùng, cấu trúc thông tin và công nghệ web.

Phương pháp nghiên cứu thực nghiệm:

- Xây dựng một phiên bản thử nghiệm của website quảng bá du lịch miền Trung dựa trên kết quả từ nghiên cứu lí luận

- Sử dụng phương pháp thu thập dữ liệu như khảo sát, phỏng vấn hoặc theo dõi hành

vi người dùng để đánh giá hiệu quả và tìm ra các điểm cần cải tiến

4 Phạm vi nghiên cứu

Phạm vi thực hiện đồ án dựa trên những kiến thức thu được từ những môn học trongquá trình học tập tại trường và tham khảo thêm một số tài liệu bên ngoài để bổ sung thêmnhững kiến thức nhằm hoàn thiện đồ án tôt hơn, đáp ứng được những mục tiêu đồ án

5 Bố cục báo cáo

Sau phần Mở đầu, báo cáo được trình bày trong 03 chương, cụ thể như sau:Chương 1 Cơ sở lý thuyết

Chương 2 Phân tích thiết kế thống

Chương 3 Demo Website.

Cuối cùng là Kết luận và Tài liệu tham khảo liên quan đến đề tài

CHƯƠNG 1 CƠ SỞ LÝ THUYẾT

1.2 Tổng quan về ngành du lịch

1.2.1 Khái niệm ngành du lịch

Ngành du lịch là một lĩnh vực kinh doanh và quản lý liên quan đến việc tổ chức,quảng bá và cung cấp các dịch vụ du lịch cho du khách Ngành du lịch bao gồm nhiều hoạtđộng và ngành nghề khác nhau liên quan đến việc di chuyển, lưu trú, tham quan, vui chơi,giải trí và khám phá các địa điểm du lịch

Các ngành con trong ngành du lịch bao gồm:

- Du lịch lữ hành: Các công ty lữ hành, đại lý du lịch và tổ chức tour du lịch cung cấpgói dịch vụ du lịch cho khách hàng, bao gồm vận chuyển, lưu trú, tham quan và hướng dẫn viên

- Dịch vụ lưu trú: Bao gồm khách sạn, resort, nhà nghỉ, căn hộ cho thuê và các hình thức lưu trú khác để đáp ứng nhu cầu của du khách

- Dịch vụ ẩm thực và giải trí: Các nhà hàng, quán bar, quán cà phê, nhà hàng nhanh,nhà hàng dịch vụ và các cơ sở giải trí khác cung cấp dịch vụ ẩm thực, thức uống và giải trí cho dukhách

- Vận chuyển du lịch: Các hãng hàng không, hãng xe buýt, công ty cho thuê xe và cáchình thức vận chuyển khác liên quan đến việc di chuyển du khách từ điểm A đến điểm B

- Quảng bá và tiếp thị du lịch: Các cơ quan du lịch, tổ chức quảng bá và các công tytruyền thông chịu trách nhiệm quảng bá và tiếp thị các điểm đến du lịch đến công chúng

Ngành du lịch đóng góp quan trọng vào nền kinh tế và phát triển của một quốc giahoặc vùng lãnh thổ bằng cách tạo ra thu nhập, việc làm, thu hút du khách và thúc đẩy sựphát triển văn hóa và xã hội

1.2.2 Các đặc trưng của ngành du lịch

- Dịch vụ hướng tới khách hàng: Ngành du lịch tập trung vào việc cung cấp dịch vụchất lượng cao và tạo ra trải nghiệm tốt nhất cho du khách Sự hài lòng của khách hàng và khảnăng tạo ra giá trị cho họ là yếu tố quan trọng trong thành công của ngành này

- Môi trường đa dạng: Ngành du lịch hoạt động trong một môi trường đa dạng, baogồm các điểm đến đa dạng về văn hóa, thiên nhiên, lịch sử và địa lý Điều này tạo

8

ra cơ hội cho du khách khám phá, trải nghiệm và tìm hiểu về các nền văn hóa và địa danh khác nhau trên thế giới.

- Liên kết giữa các ngành khác nhau: Ngành du lịch tương tác với nhiều ngành khácnhau như vận tải, nghệ thuật, văn hóa, môi trường, thể thao và dịch vụ ẩm thực Sự kết hợpnày tạo ra một hệ sinh thái du lịch phong phú và đa dạng

- Tính toàn cầu: Du lịch là một ngành toàn cầu, với khả năng thu hút du khách từ khắpnơi trên thế giới Du khách có thể tham gia vào hoạt động du lịch trong quốc gia của mìnhhoặc đi du lịch quốc tế để khám phá các điểm đến mới

- Tác động kinh tế và xã hội: Ngành du lịch đóng góp vào nền kinh tế bằng việc tạo rathu nhập, việc làm, thuế và đầu tư Ngoài ra, du lịch còn có tác động xã hội bằng cách thúcđẩy giao lưu văn hóa, bảo tồn di sản và gắn kết cộng đồng

- Tính khởi nghiệp và sáng tạo: Ngành du lịch là một lĩnh vực đầy tiềm năng cho sựkhởi nghiệp và sáng tạo Các công ty du lịch có thể tạo ra các dịch vụ và sản phẩm mới, ápdụng công nghệ tiên tiến và khám phá các mô hình kinh doanh sáng tạo để đáp ứng nhu cầucủa khách hàng

1.2.3 Cơ sở phát triển

- Cơ sở hạ tầng: Hạ tầng giao thông, vận chuyển và lưu trú là cơ sở vật chất quantrọng để phát triển ngành du lịch Điều này bao gồm các sân bay, cảng biển, đường bộ,đường sắt và các cơ sở lưu trú như khách sạn, resort và nhà nghỉ Sự phát triển và cải thiệncủa cơ sở hạ tầng giúp thu hút du khách và tạo điều kiện thuận lợi cho hoạt động du lịch

- Tài nguyên tự nhiên và văn hóa: Tài nguyên tự nhiên và văn hóa đóng vai trò quantrọng trong phát triển du lịch Các điểm đến du lịch nổi tiếng thường sở hữu tài nguyênthiên nhiên độc đáo như biển, núi, rừng, đồng cỏ, vàng đá, v.v Ngoài ra, di sản văn hóa,kiến trúc, truyền thống, ẩm thực và sự đa dạng văn hóa cũng là những yếu tố hấp dẫn dukhách

- Chính sách và quy định: Một chính sách và quy định tốt từ phía chính phủ giúp thúcđẩy phát triển bền vững của ngành du lịch Các chính sách này có thể liên quan đến việcquản lý điểm đến, quảng bá du lịch, quy định về an toàn và bảo vệ môi trường, khuyếnkhích đầu tư và hợp tác quốc tế

- Đào tạo và phát triển nhân lực: Đào tạo và phát triển nhân lực là yếu tố quan trọng

để nâng cao chất lượng dịch vụ và năng lực quản lý trong ngành du lịch Các chương trìnhđào tạo chuyên sâu về quản lý du lịch, kỹ năng tiếp thị, hướng dẫn du lịch và các lĩnh vựcliên quan giúp nâng cao chuyên môn và năng lực của nhân viên trong ngành

9

- Tiếp thị và quảng bá: Các hoạt động tiếp thị và quảng bá là yếu tố quan trọng để thu hút du khách và tạo lợi thế cạnh tranh trong ngành du lịch.

1.2.4 Các loại hình kinh doanh trực tuyến ngành du lịch

- Giới thiệu về miền Trung: Một phần giới thiệu tổng quan về miền Trung Việt Nam, bao gồm các tỉnh thành, văn hóa, lịch sử, thiên nhiên và điểm đến nổi tiếng

- Điểm đến du lịch: Cung cấp thông tin chi tiết về các điểm đến du lịch phổ biến vàhấp dẫn trong miền Trung như Huế, Đà Nẵng, Hội An, Nha Trang, Quy Nhơn, Phong Nha - KẻBàng, v.v

- Tour du lịch: Liệt kê các tour du lịch và gói dịch vụ du lịch có sẵn, bao gồm lịch trình, hoạt động, giá cả và đặt chỗ trực tuyến

- Khách sạn và nhà nghỉ: Danh sách các khách sạn, resort, nhà nghỉ và homestay trongkhu vực miền Trung, kèm theo thông tin về tiện ích, giá cả và đặt phòng

- Thông tin về văn hóa và sự kiện: Cung cấp thông tin về văn hóa, festival, sự kiện và hoạt động văn hóa đặc trưng của miền Trung

- Hướng dẫn du lịch và lịch trình: Cung cấp gợi ý về lịch trình du lịch, các hoạt động

và địa điểm khám phá trong miền Trung

- Đặt vé và dịch vụ: Cung cấp dịch vụ đặt vé máy bay, vé tham quan, dịch vụ vận chuyển và các dịch vụ du lịch khác

- Bản đồ và hướng dẫn di chuyển: Cung cấp bản đồ miền Trung, hướng dẫn di chuyển

và các thông tin liên quan đến giao thông và vận chuyển trong khu vực

- Đánh giá và nhận xét: Cho phép khách hàng đánh giá, viết nhận xét và chia sẻ kinh nghiệm du lịch của họ về các điểm đến và dịch vụ

- Tin tức và thông báo: Cập nhật thông tin mới nhất về du lịch miền Trung, bao gồm tin tức, sự kiện, ưu đãi và thông báo quan trọng

1.3 Các công cụ để xây dựng Website

1.3.1 Khái quát về HTML

1.3.1.1 Khái quát

HTML (viết tắt của từ Hypertext Markup Language, hay là “Ngôn ngữ Đánh dấuSiêu văn bản”) là một ngôn ngữ đánh dấu được thiết kế ra để tạo nên các trang web trênWorld Wide Web Nó có thể được trợ giúp bởi các công nghệ như CSS và các ngôn ngữkịch bản giống như JavaScript

Các trình duyệt web nhận tài liệu HTML từ một web server hoặc một kho lưu trữ

cục bộ và render tài liệu đó thành các trang web đa phương tiện HTML mô tả cấu trúc củamột trang web về mặt ngữ nghĩa và các dấu hiệu ban đầu được bao gồm cho sự xuất hiệncủa tài liệu Các phần tử HTML là các khối xây dựng của các trang HTML Với cấu trúcHTML, hình ảnh và các đối tượng khác như biểu mẫu tương tác có thể được nhúng vàotrang được hiển thị HTML cung cấp một phương tiện để tạo tài liệu có cấu trúc bằng cáchbiểu thị ngữ nghĩa cấu trúc cho văn bản như headings, paragraphs, lists, links, quotes và cácmục khác.

Các phần tử HTML được phân định bằng các tags, được viết bằng dấu ngoặc nhọn.Các tags như và giới thiệu trực tiếp nội dung vào trang Các tags khác như bao quanh vàcung cấp thông tin về văn bản tài liệu và có thể bao gồm các thẻ khác làm phần tử phụ Cáctrình duyệt không hiển thị các thẻ HTML, nhưng sử dụng chúng để diễn giải nội dung củatrang

HTML có thể nhúng các chương trình được viết bằng scripting như JavaScript, điềunày ảnh hưởng đến hành vi và nội dung của các trang web Việc bao gồm CSS xác địnhgiao diện và bố cục của nội dung World Wide Web Consortium (W3C), trước đây là đơn

vị bảo trì HTML và là người duy trì hiện tại của các tiêu chuẩn CSS, đã khuyến khích việc

sử dụng CSS trên HTML trình bày rõ ràng kể từ năm 1997

1.3.1.2 Ưu, nhược điểm

Ưu điểm:

- Ngôn ngữ được sử dụng rộng lớn này có rất nhiều nguồn tài nguyên hỗ trợ và cộng đồng sử dụng cực lớn

- Sử dụng mượt mà trên hầu hết mọi trình duyệt

- Có quá trình học đơn giản và trực tiếp

- Chuẩn chính của web được vận hành bởi World Wide Web Consortium (W3C)

- Dễ dàng tích hợp với các ngôn ngữ backend như PHP Mã nguồn mở và hoàn toàn miễn phí

- Markup gọn gàng và đồng nhất

Nhược điểm:

- Nó có thể thực thi một số logic nhất định cho người dùng

- Vì Khó kiểm soát cảnh thực thi của trình duyệt (ví dụ: những trình duyệt cũ không

11

render được tag mới).

- Được dùng chủ yếu cho web tĩnh

- Đối với các tính năng động, bạn cần sử dụng JavaScript hoặc ngôn ngữ backend bênthứ 3 như PHP

- Vậy, hầu hết các trang đều cần được tạo riêng biệt, kể cả khi nó sử dụng cùng các yếu tố, như là headers hay footers

- Một số trình duyệt chậm hỗ trợ tính năng mới

1.3.2 Khái quát về CSS

1.3.2.1 Khái quát

CSS là viết tắt của Cascading Style Sheets, một ngôn ngữ thiết kế đơn giản, xử lýmột phần giao diện của trang web CSS mô tả cách các phần tử HTML hiển thị trên mànhình và các phương tiện khác Sử dụng CSS, bạn có thể kiểm soát màu chữ, cỡ chữ, kiểuchữ, khoảng cách giữa các đoạn văn bản, kích thước của các thành phần trên trang web,màu nền, thiết kế bố cục và cách trang web hiển thị trên những màn hình có kích thướckhác nhau cũng như hàng loạt hiệu ứng khác CSS rất hữu ích và tiện lợi Nó có thể kiểmsoát tất cả các trang trên một Website

1.3.2.2 Ưu, nhược điểm

Ưu điểm:

- Khả năng tiết kiêm– thời gian: CSS khi sử dụng có thể viết lần đầu, đồng thời sửdụng lại trong các trang HTML tiếp theo Không chỉ vây,– chúng ta hoàn toàn có thể xác định đượcmôt–kiểu cho từng thành phần HTML và cũng áp dụng được cho nhiều trang web khác khi cầnthiết

- CSS giúp khả năng tải trang nhanh chóng: Đăc–trưng của CSS khi sử dụng là ít

mã hơn Bởi thế mà thời gian tải xuống nhanh chóng, giúp tiết kiêm– thời gian đáng kể Khi viếtđược môt–quy tắc CSS của môt–thẻ cụ thể và lúc này chúng ta có thể áp dụng nó cho mọi lần xuấthiên– tiếp theo của thẻ đó, đồng thời hoàn toàn không cần tiến hành thay đổi thuôc– tính của thẻHTML

- Dễ dàng khi thực hiên– bảo trì: Khi cần chúng ta chỉ cần thay đổi môt–kiểu vàmọi thành phần trong tất cả những Website thì lúc này CSS sẽ hỗ trợ câp– nhât–hoàn toàn tự đông–

12

- CSS sở hữu thuộc tính rộng CSS được đánh giá cao nhờ sở hữu những thuôc– tính rông– hơn nếu đánh giá và so sánh với HTML.

- Khả năng tương thích tốt: Khả năng tương thích với nhiều thiết bị cũng là ưu điểmcủa CSS Cùng sử dụng mô t–tài liêu–HTML song với nhiều phiên bản Website khác nhau được trìnhbày ở từng thiết bị di đông– đều được hỗ trợ tốt, có đô –tương thích cao

Nhược điểm:

- CSS hoạt động khác biệt cho từng trình duyệt: Với những thay đổi ban đầu củaCSS trên môt–Website rất dễ dàng Tuy nhiên, khi thay đổi đã được thực hiên– đòi hỏi chúng ta phảixác nhân– được tính tương thích khi CSS hiển thị hiêu– ứng thay đổi tương tự cho từng trình duyêt–.Điều này xuất hiên– do CSS sẽ hoạt đông– khác biêt–cho từng trình duyêt–cụ thể

- Khá khó khăn cho người mới: Ngôn ngữ lâp– trình phát triển đa dạng và vô cùng phúc tạp, đăc– biêt–là khó khăn với những người mới bắt đầu Bởi thế, với nhiều cấp đô – của CSS thì viêc– tìm hiểu, có thể nắm bắt để sử dụng càng trở nên khó khăn hơn

- Định dạng của web có khả năng gặp rủi ro: CSS là hê –thống dựa trên văn bản mởnên viêc– truy câp– khá dễ dàng Điều này khiến định dạng toàn bô –của web hoàn toàn có thể chịutổn thương, găp– gián đoạn khi có hành đông,– hoăc– tai nạn nào xảy ra với têp– Lúc này nó sẽ yêucầu truy câp– đọc hoăc–ghi vào Website dự định để có thể ghi đè lên được các thay đổi

1.3.3 Khái quát về Boostrap

1.3.3.2 Ưu, nhược điểm

Ưu điểm:

- Dễ sử dụng: Bất kỳ ai có kiến thức cơ bản về HTML và CSS đều có thể bắt đầu sử dụng Bootstrap

13