Tràng An Travel | Bài tập lớn học phần Ngôn ngữ lập trình 1 | Trường Đại học Phenikaa
Đề tài thiết kế giao diện web "Tràng An Travel" là một dự án hứa hẹn mang đến trải nghiệm tuyệt vời cho người dùng trong việc tìm kiếm và đặt các dịch vụ du lịch tại Tràng An Ninh Bình, Việt Nam. Với sự phát triển của công nghệ thông tin và sự gia tăng của ngành du lịch trong nước, việc thiết kế một giao diện web hiệu quả không chỉ giúp tiết kiệm thời gian cho người dùng mà còn tạo ra một kênh tiếp thị hiệu quả cho các doanh nghiệp du lịch. Giao diện web "Tràng An Travel" được thiết kế để cung cấp cho người dùng một trải nghiệm đơn giản, thuận tiện và đáng tin cậy khi tìm kiếm và đặt các dịch vụ du lịch. Trang web sẽ cung cấp thông tin chi tiết về các điểm đến phổ biến, các tour du lịch, khách sạn, nhà hàng, dịch vụ lữ hành và các hoạt động giải trí tại các địa điểm du lịch Tràng An. Tài liệu giúp bạn tham khảo, ôn tập và đạt kết quả cao. Mời bạn đón xem.
Preview text:
lOMoARcPSD|48364463
TRƯỜNG ĐẠI HỌC PHENIKAA BÀI TẬP LỚN
TÊN HỌC PHẦN: NGÔN NGỮ LẬP TRÌNH 1
ĐỀ TÀI: Tràng An Travel
Giảng viên hướng dẫn: Ths.Phạm Trung Dũng
Lớp: Ngôn ngữ lập trình 1-2-2-23(N01) Sinh viên thực hiện:
1, Hoàng Thị Hồng Xuân - MSV:23014104
2, Phạm Thị Anh Thư - MSV: 2301491 Hà Nội, 15/4/2024 LỜI NÓI ĐẦU
Du lịch Tràng An là một trong những lựa chọn hàng đầu của du khách trên quốc tế khi
ghé thăm Việt Nam, với sự hòa quyện giữa vẻ đẹp tự nhiên với di sản văn hóa độc đáo và
ẩm thực phong phú. Với diện tích 6.226 ha, cách trung tâm thành phố Ninh Bình 7km, khu
du lịch sinh thái Tràng An là một di tích quốc gia đặc biệt quan trọng. Đến đây, bạn chắc
chắn sẽ ngỡ ngàng trước hệ thống hang động, núi đá vôi cùng hệ sinh thái đa dạng, tươi tốt,
kết hợp với những di tích lịch sử gắn liền với kinh thành của nhà nước Đại Cồ Việt kiên cường ngày trước.
Sở hữu hệ thống 31 đầm và hồ nước nối thông với 48 hang động, khu du lịch được ví
von như bức tranh thủy mặc với cảnh sắc thiên nhiên ấn tượng đã xuất hiện từ hàng trăm
năm qua. Những hang động ở đây cũng nhận được nhiều sự chú ý của mọi người, đặc biêt
là giới khảo cổ với hệ thống nhũ đá đa dạng hình thù, chẳng hạn như Hang Sáng, Hang Tối,
Hang Cơm, Hang Địa Linh, Hang Ba Giọt, Hang Nấu Rượu, Hang Bói.
Bên cạnh đó, khu du lịch sinh thái Tràng An còn sở hữu những di tích văn hóa có ý nghĩa
như Đền Trình, Đền Trần, Đền Tứ Trụ, Hành cung Vũ Lâm, Phủ Khống, Đền Suối Tiên,
Đền Cao Sơn nữa. Nếu có cơ hội đến Tràng An vào ngày 17 đến 19/3 Âm lịch, bạn sẽ được
tham gia lễ hội Tràng An – ngày mà người dân địa phương dành riêng để tôn vinh thần Cao
Sơn và Quý Minh cùng một loạt những trò chơi dân gian thú vị khác.
Để hoàn thành được bài tiểu luận này, em xin chân thành cảm ơn Ban Giám hiệu, các
khoa, phòng và quý thầy, cô của trường đại học Phenikaa những người đã tận tình giúp đỡ
và tạo điều kiện cho em trong quá trình học tập. Đặc biệt, em xin gửi lời cảm ơn sâu sắc
đến thầy Phạm Trung Dũng - người đã trực tiếp giảng dạy và hướng dẫn em thực hiện bài
tiểu luận này bằng tất cả lòng nhiệt tình và sự quan tâm sâu sắc.
Trong quá trình thực hiện bài tiểu luận này, do khả năng hiểu biết, kiến thức còn hạn
chế nên bài làm khó tránh khỏi những thiếu sót. Em rất mong nhận được những lời góp ý
của quý thầy cô để bài tiểu luận ngày càng hoàn thiện hơn. Trân trọng và biết ơn!
Nhóm 2 – N01 – K17 – Trường Đại học Phenikaa MỤC LỤC
MỤC LỤC ............................................................................................................................ 4
CHƯƠNG 1. TỔNG QUAN VỀ DU LỊCH TRÀNG AN ................................................... 5
1.1. Vị trí địa lý ............................................................................................................... 5
1.2. Tài nguyên du lịch .................................................................................................. 6
CHƯƠNG 2. TIẾN HÀNH XÂY DỰNG............................................................................ 8
2.1 Các công nghệ sử dụng ............................................................................................ 8
2.1.1 HTML .................................................................................................................. 8
2.1.2 CSS ...................................................................................................................... 8
2.2 Các thẻ HTML và thuộc tính CSS được sử dụng .................................................. 9
2.2.1 Thẻ html ............................................................................................................... 9
2.2.2 Thuộc tính CSS .................................................................................................... 9
CHƯƠNG 3. GIAO DIỆN WEBSITE .............................................................................. 10
3.1 Trang chủ ................................................................................................................ 10
3.2 Banner website ........................................................................................................ 10
3.3 Điểm tham quan, các tuyến ................................................................................... 11
3.4 Các dịch vụ .............................................................................................................. 11
3.5 Hệ thống .................................................................................................................. 13
KẾT LUẬN ........................................................................................................................ 14 Nhóm 2 Page 4
CHƯƠNG 1. TỔNG QUAN VỀ DU LỊCH TRÀNG AN
Đề tài thiết kế giao diện web "Tràng An Travel" là một dự án hứa hẹn mang đến trải
nghiệm tuyệt vời cho người dùng trong việc tìm kiếm và đặt các dịch vụ du lịch tại Tràng
An Ninh Bình, Việt Nam. Với sự phát triển của công nghệ thông tin và sự gia tăng của
ngành du lịch trong nước, việc thiết kế một giao diện web hiệu quả không chỉ giúp tiết kiệm
thời gian cho người dùng mà còn tạo ra một kênh tiếp thị hiệu quả cho các doanh nghiệp du lịch.
Giao diện web "Tràng An Travel" được thiết kế để cung cấp cho người dùng một trải
nghiệm đơn giản, thuận tiện và đáng tin cậy khi tìm kiếm và đặt các dịch vụ du lịch. Trang
web sẽ cung cấp thông tin chi tiết về các điểm đến phổ biến, các tour du lịch, khách sạn,
nhà hàng, dịch vụ lữ hành và các hoạt động giải trí tại các địa điểm du lịch Tràng An.
Giao diện web sẽ được thiết kế một cách trực quan và dễ sử dụng, với giao diện
người dùng thân thiện và tính năng tìm kiếm nhanh chóng. Người dùng có thể dễ dàng lọc
và tìm kiếm theo các tiêu chí như địa điểm, thời gian, loại hình dịch vụ, giá cả và đánh giá của người dùng khác.
1.1. Vị trí địa lý
Nằm ở rìa nam châu thổ sông Hồng, cách thủ đô Hà Nội khoảng 90km về phía
Đông Nam, Tràng An thuộc xã Trường Yên, huyện Hoa Lư, tỉnh Ninh Bình, nổi tiếng là
một quần thể danh thắng với sự hòa quyện giữa thiên nhiên hùng vĩ và giá trị lịch sử, văn hóa sâu sắc.
Vị trí địa lý này mang đến cho Tràng An nhiều ưu điểm:
• Thuận lợi cho giao thông, du lịch: Gần Hà Nội, nằm trên tuyến du lịch Tam Cốc -
Bích Động, sở hữu hệ thống đường thủy, đường bộ thuận tiện.
• Phong cảnh thiên nhiên hùng vĩ, thơ mộng: Núi non hùng vĩ, hang động kỳ bí,
sông nước trong xanh, hệ sinh thái đa dạng.
• Giá trị lịch sử, văn hóa: Từng là kinh đô Hoa Lư của hai triều đại Đinh - Lê, sở
hữu nhiều di tích lịch sử, văn hóa khác.
1.2. Tài nguyên du lịch
Với diện tích 6.226 ha, Tràng An bao gồm khu di tích lịch sử văn hóa Cố đô Hoa
Lư, khu danh thắng Tràng An - Tam Cốc - Bích Động và khu rừng nguyên sinh đặc hữu
Hoa Lư. Nơi đây sở hữu địa hình núi đá vôi xen kẽ thung lũng, sông ngòi, tạo nên hệ
thống hang động karst độc đáo cùng nhiều di tích lịch sử, văn hóa giá trị.
Tràng An, Ninh Bình được ví như "vịnh Hạ Long trên cạn" với hệ thống hang động
kỳ vĩ, núi đá vôi hùng vĩ, sông nước trong xanh và thảm thực vật phong phú. Nơi đây sở
hữu cảnh quan thiên nhiên hoang sơ, thơ mộng, ẩn chứa nhiều bí ẩn và giá trị lịch sử văn hóa độc đáo.
Du khách đến với Tràng An sẽ được chiêm ngưỡng những dãy núi đá vôi nhấp nhô,
những hang động ẩn hiện sau làn sương mờ, những dòng sông uốn lượn len lỏi qua các
vách đá và những đầm phá xanh biếc. Mỗi cảnh đẹp mang một vẻ đẹp riêng, tạo nên bức
tranh thiên nhiên Tràng An vô cùng sống động và ấn tượng.
Tràng An không chỉ nổi tiếng với cảnh đẹp thiên nhiên mà còn là nơi lưu giữ nhiều
giá trị văn hóa lịch sử quý báu. Nơi đây từng là kinh đô Hoa Lư của hai triều đại Đinh -
Lê trong lịch sử Việt Nam. Du khách có thể tìm hiểu về lịch sử hào hùng của dân tộc qua
các di tích lịch sử như đền Trần, đền Bái Đính, chùa Bái Đính,...
Đến với Tràng An, du khách có thể tham gia vào nhiều hoạt động du lịch hấp dẫn như:
+Đi thuyền tham quan: Du khách sẽ được ngồi trên những chiếc thuyền nhỏ len lỏi qua
các hang động, ngắm nhìn cảnh quan thiên nhiên hùng vĩ và thơ mộng.
+Tham quan các di tích lịch sử: Du khách có thể tham quan các di tích lịch sử như đền
Trần, đền Bái Đính, chùa Bái Đính,... để tìm hiểu về lịch sử văn hóa của Tràng An.
+Leo núi: Du khách có thể leo núi để ngắm nhìn toàn cảnh Tràng An từ trên cao.
+Chèo thuyền kayak: Du khách có thể tự chèo thuyền kayak khám phá các hang động và ngóc ngách của Tràng An. Nhóm 2 Page 6
+Tham gia các hoạt động văn hóa: Du khách có thể tham gia các hoạt động văn hóa như
hát chèo, múa rối nước,...
Tràng An có nhiều món ăn đặc sản như cơm cháy, dê núi, ốc núi,... Du khách có
thể thưởng thức những món ăn này tại các nhà hàng ven khu du lịch.
CHƯƠNG 2. TIẾN HÀNH XÂY DỰNG
2.1 Các công nghệ sử dụng 2.1.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.1.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, ... Nhóm 2 Page 8 •
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.
2.2 Các thẻ HTML và thuộc tính CSS được sử dụng
2.2.1 Thẻ html div: tạo khối i: thẻ chứa icon img: thẻ chứa ảnh button: tạo nút bấm p: thẻ đoạn văn ul, li: thẻ danh sách h1-h6: thẻ tiêu đề span: thẻ đoạn văn
a: thẻ link video: thẻ video style: định dạng
2.2.2 Thuộc tính CSS
padding: khoảng cách từ nội dung – đường viền margin: khoảng cách giữa các
phần tử height, width: chiều cao, chiều rộng của phần tử text-decoration:
none; - bỏ thuộc tính mặc định thẻ a display: inline-block; - phần tử được
đặt chiều cao, chiều rộng display: flex; - khiến cho phần tử con nằm ngang
align-items: center; - các phần tử con nằm chính giữa hover: chạm vào sẽ
thực hiện thuộc tính border: viền của phần tử color: đặt màu sắc
background: một thuộc tính viết tắt để đặt thuộc tính nền trong lời khai báo font-face:
table: tạo bảng background: hiệu ứng
nền cho phần tử dropdowns: tạo danh sách thả xuống
CHƯƠNG 3. GIAO DIỆN WEBSITE 3.1 Trang chủ 3.2 Banner website Nhóm 2 Page 10
3.3 Điểm tham quan, các tuyến 3.4 Các dịch vụ
3.4.1. Lưu trú
3.4.2. Lữ hành Nhóm 2 Page 12
3.4.3. Ẩm thực 3.5 Hệ thống 3.6 Chân trang KẾT LUẬN
Đề tài thiết kế web "Tràng An Travel" là một đề tài tiềm năng, mang lại nhiều lợi ích
cho doanh nghiệp du lịch. Website được thiết kế với nội dung đầy đủ, tính năng hữu ích
sẽ giúp thu hút khách hàng tiềm năng, tăng doanh thu và lợi nhuận cho doanh nghiệp. Ưu điểm: •
Hoàn thành yêu cầu đề bài: Mặc dù thời gian thực hiện hạn chế, website vẫn đáp
ứng đầy đủ các yêu cầu của giáo viên bộ môn, bao gồm xây dựng website du lịch
và thực hiện tốt các chức năng như: o Giới thiệu tour o
Cung cấp thông tin điểm đến, các dịch vụ (lưu trú, ăn uống, vui chơi)
Nhược điểm: Website còn khá đơn giản
Hướng phát triển: •
Hoàn thiện chức năng: Tiếp tục phát triển các chức năng chưa được hoàn thiện
trong phiên bản hiện tại. • Nâng cao chất lượng: o
Tăng cường độ chính xác và chi tiết trong thông tin tour. o Thiết kế
giao diện đẹp mắt, tiện lợi và dễ sử dụng hơn. o Tích hợp tính năng đăng nhập
bằng tài khoản mạng xã hội. o Nâng cao tính bảo mật cho website. Nhóm 2 Page 14