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

ĐỒ ÁN CƠ 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ọccông nghệ 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ếnthứ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àn thà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ềukiệ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ủamì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ànchỉnh hơn

Nhóm em xin chân thành cảm ơn!

NHẬN XÉT CỦA GIÁ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ằngHTML, 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ộtcá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ệnngười dù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đến quả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ựatrê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õihà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ọctrong quá 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ổ sungthêm nhữ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ềuhoạt động và ngành nghề khác nhau liên quan đến việc di chuyển, lưu trú, tham quan, vuichơ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 cungcấp gói dịch vụ du lịch cho khách hàng, bao gồm vận chuyển, lưu trú, tham quan

- 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ôngchú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áchhà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ủangà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

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ợp nà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ắp nơi trên thế giới Du khách có thể tham gia vào hoạt động du lịch trong quốcgia của mình hoặ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

ra thu nhập, việc làm, thuế và đầu tư Ngoài ra, du lịch còn có tác động xã hộibằ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ẩmmới, áp dụ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ầu củ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ện củ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 chohoạ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àinguyên thiên nhiên độc đáo như biển, núi, rừng, đồng cỏ, vàng đá, v.v Ngoài ra, disả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ữngyếu tố hấp dẫn du khá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úpthú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ênquan đến việc quả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ến khí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ácchươ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 dulịch và các lĩnh vực liên quan giúp nâng cao chuyên môn và năng lực của nhânviê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ệtNam, 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ịchtrì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à homestaytrong khu 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ậnchuyể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 dichuyể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ồmtin 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úccủa mộ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ấthiện củ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ấutrúc HTML, hình ảnh và các đối tượng khác như biểu mẫu tương tác có thể được nhúngvào trang đượ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ằngcách biểu thị ngữ nghĩa cấu trúc cho văn bản như headings, paragraphs, lists, links,quotes và các mụ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ác trình duyệt không hiển thị các thẻ HTML, nhưng sử dụng chúng để diễn giải nộidung của trang

HTML có thể nhúng các chương trình được viết bằng scripting như JavaScript,điều nà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định giao 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ếnkhí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ànmiễ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ữ backendbên thứ 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ácyế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 được mô –t kiểu cho từng thành phần HTML và cũng áp dụng được cho nhiều trangweb khác khi cần thiế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ất hiê –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

- CSS sở hữu thuộc tính rộng CSS được đánh giá cao nhờ sở hữu những thuô –ctí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ểm củ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ácnhau được trình bà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ỏichúng ta phải xá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ìnhduyê –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ùngphú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ịu tổ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êu cầ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.1 Khái quát

Bootstrap là một front-end framework mã nguồn mở miễn phí giúp quá trình pháttriển web được nhanh và dễ dàng hơn Bootstrap bao gồm các mẫu thiết kế dựa trênHTML và CSS như typography, forms, buttons, tables, navigation, modals, imagecarousels… cũng như các plugin JavaScript tùy chọn Bạn có thể tạo các giao diệnresponsive design cho các thiết bị khác nhau với Bootstrap

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