ĐỒ ÁN CƠ SỞ - ĐỀ TÀI: Trang web Du lịch Việt Nam (Traveling trans VietNam)

ĐẠI HỌC ĐÀ NẴNG

KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG

ĐỒ ÁN CƠ SỞ 1

ĐỀ TÀI: Trang web Du lịch Việt Nam
(Traveling trans VietNam)

Sinh viên thực hiện
Giảng viên hướng dẫn
Lớp

1

: VŨ VĂN HƯNG
: TS. LÊ TÂN
: 20IT8


Đà nẵng, tháng … năm …

2


ĐẠI HỌC ĐÀ NẴNG

KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG

ĐỒ ÁN CƠ SỞ 1

ĐỀ TÀI:

Trang web Du lịch Việt Nam
(Traveling trans VietNam)

3


Đà Nẵng, tháng … năm …

LỜI CẢM ƠN
……………………………………………………………………………..
……………………………………………………………………………………..
……………………………………………………………………………..………
……………………………………………………………………………..………
……………………………………………………………………………..………
……………………………………………………………………………..………
……………………………………………………………………………..………
……………………………………………………………………………..………
……………………………………………………………………………..………

4


NHẬN XÉT
(Của giảng viên hướng dẫn)

……………………………………………………………………………………………………………
……………………………………………………………………………………………………………
……………………………………………………………………………………………………………

……………………………………………………………………………………………………………
……………………………………………………………………………………………………………
……………………………………………………………………………………………………………
……………………………………………………………………………………………………………
……………………………………………………………………………………………………………
……………………………………………………………………………………………………………
……………………………………………………………………………………………………………
……………………………………………………………………………………………………………
……………………………………………………………………………………………………………
……………………………………………………………………………………………………………
……………………………………………………………………………………………………………
…………………………………………………………………

Đà Nẵng, ngày 06 tháng 06 năm 2020
Giảng viên hướng dẫn

5


TS. LÊ TÂN

MỤC LỤC

Trang
MỞ ĐẦU...............................................................................................................................7

Chương I Tổng quan về đề tài thiết kế web........................................................8
1.
Lí do chọn đề tài.......................................................................................8
2.

Mục đính chính.........................................................................................8
3.
Phương pháp nghiên cứu...........................................................................9
Chương II Phân tích thiết kế website.................................................................11
1.
Tên đề tài................................................................................................11
2
Các website được lấy ý tưởng.................................................................14
3
Các ngôn ngữ và phầm mềm hỗ trợ........................................................14
Chương III Xây dựng Website............................................................................11
1.
Tên website......................................................................................11
2.
Poster ...............................................................................................12
3.
Logo ................................................................................................13
4.
Cấu trúc website...............................................................................13
Chương IV Triển khai xây dựng..........................................................................26
Ghi chú:
-

In đậm và in hoa tiêu đề của các chương, mục lớn
Chữ số thứ nhất chỉ thứ tự chương
Chử số thứ 2 chỉ thứ tự mục trong chương
Chữ số thứ 3,…,chỉ thứ tự các tiểu mục
Tuỳ thuộc vào mỗi đề tài sinh viên trao đổi cụ thể với giảng viên hướng dẫn để xây
dựng các chương và nội dung của báo cáo cho phù hợp.

6


Lời nói đầu

Thời dại 4.0, con người càng có nhiều yêu cầu và đòi hỏi cao về các dịch vụ
giải trí trong và ngồi nước, Để có thể đem lại và đáp ứng những nu cầu cấp
thiết đó, Thì ý tường về 1 trang web có thể đem lại cho người dùng những
nhu cầu đi lại và ngoa du đến những nơi tuyệt đẹp, hoang dã, mang tính
chất lịch sủ đã được ra đời. Trang web sẽ đem lại cho người dùng sự tiện lời
và nhảnh chóng mà khơng cần người dùng phải trực tiếp đến địa điểm đó
mà vẫn được web web thiệt cho các gợi ý thú vị về những địa điểm phù hợp
cho các du khách vào từng mùa và lễ hội, sự kiện lớn để du khách có những
trải nhiệm thật tuyệt vời vào ngày nghỉ cảu du khách.
Và nhất là đất nước ta có 1 tiềm năng phát triển du lịch từu trong và ngoài
quốc rất cao vì sử hữu cho mình 85 di tích được xếp hạng di tích quốc gia
đặc biệt và các di sản phi vật thể và vật thể được UNESCO cơng nhận,
khơng những thế cịn 3.329 di tích quốc gia và 9.875 di tích cấp tỉnh và
hàng chục nghìn di tích văn hóa và lịch sử. Biến Việt nam trở thành 1 quốc
gia của đơng nam á đón hằng triệu du khách nước ngoài mỗi năm. Và
nguồn thu từ phát triển du lịch ở Việt nam là rất lớn.
Nói đến độ nổi tiếng thì khơng thể khơng kể đến các địa điểm thu hút khách
như: Di tích cố đơ huế, Phố cổ Hội An, Thánh đị Mỹ Sơn, Quẩn thể Núi đá
vôi ở vịnh Hạ Long và Phong nha- Kẻ Bàng, Dị tích chùa một cột, Và hàng
chục di tích văn hóa phi vật thể như Cồng Chiêng, Hát Chèo, Hát Xoan,
Quan họ, Đờm Ca Tài Tử,…
Với sự tìm hiểu và chọn lọc thơng tin thì nhóm làm trang web đang và sẽ
đưa ra các điểm đến, Ăn uống đặc sản và các trải nghiệm thú vị mà quý
khách có thể được trải nghiệm khi đến với web chuyến đi xuyên Việt của
nhóm.

7


Để người dùng có thể tỉm hiều về những sự thú vị và vẻ đẹp của đất nước
Việt nam kể cả người con nước Việt hay là người ngoại quốc và thêm yêu
hơn đất nước Việt nam tươi đẹp này hơn.

Chương I: Tổng Quan Về Đề Tài Thiết Kế Website
1. Lý do chọn đề tài:
Như đã thấy, xã hội đang không ngừng vận động và phát triển mà đặc
biệt là các dịch vụ vào thời kì 4.0 là vơ cùng cần thiết cho xã hội. Nó đặc
biệt thuận tiện cho đời sống của chúng ta, đáp ứng được những nhu cầu
về việc di chuyển một cách thuận tiện và nhanh chóng mà cịn nhwungx
trải nghiệm thú vị cho gia đình, bạn bè,.. với những tour du lịch được
Traveling trans VietNam gợi ý và đem đến các dịch vụ hấp dẫn cho du
khách để được đi tới những danh lam thắng cảnh độc đáo tại Việt
Nam.Hiểu biết nhiều hơn về văn hóa cũng như là bản sắc của từ địa
phương từ đi điểm mà du khách đặt chân. Với nhiều ưa đãi du khách
cũng như các hỗ trợ từ shop đặc biệt chuyên dùng để bản những sản
phẩm đặc biệt là quốc phụ của Việt Nam là Áo dài. Với sự bổ sung thêm
là những câu chuyện thú vị về du lịch. Những cẩm nang mà bất kì du
khách nào cũng muốn được biết. Hệ thống liên kết với mặng lưới nhà
hàng khách sạn giúp du khách thuận tiện trong việc nghỉ dưỡng và trải
nghiệm ẩm thực.Với những dịch vụ trên tơi tin rằng Traveling trans
VietNam sẽ làm bạn hài lịng!!!
Mục đích và định hướng:
Ở đây, tơi sẽ liệt kê ra mục đích cũng như định hương tương lai, kế
hoạch phát triển của Traveling trans VietNam như sau:

2. Mục đích chính:
+ Để đến sự thuận tiện trong việc di chuyển và kế hoạch du lịch của
người dùng

8


+ Gửi gắn vào trong đó, là những hình ảnh Việt Nam và màu sắc của
Việt Nam được làm nổi bật.
+ Đem đến nét đẹp của ẩm thực Việt Nam qua những món nhà hàng Việt
Nam được đề cập đẹp hơn trong mắt người dùng .
+ Một phần nào đó, làm nổi bật các danh lam thắng cảnh nổi tiếng đem
hình ảnh Việt Nam được phủ sóng rộng hơn.
-Định hướng và kế hoạch phát triển:
+ Hướng phát triển tiếp theo của trang web là có thể tiến xa hơn và có thẻ
liên kết được với cái nhà tầu du lịch ở những điểm du lịch và phát triển
thêm về mảng liên hệ với người dùng để có thể nhiều góp ý để phát triển
thân thiện hơn cho người dùng và đem áp dụng cho toàn quốc gia và
vươn ra ngoài lãnh thổ, đem đến bạn bè quốc tế biết đến Việt Nam nhiều
hơn với màu sắc đẹp đễ trong mắt ban jbef quốc tế.

3. Phương pháp nghiên cứu.
- Tiến hành thu thập và phân tích những thơng tin:
- Tham khảo của các năm trước trong trường
- Xác định các yêu cầu nhằm phân tích thiết kế hệ thống chương trình
cho phù hợp.
- Xây dựng chương trình theo những yêu cầu đã đặt ra.
- Triển khai chương trình và đánh giá kết quả đạt được.

CHƯƠNG II: PHÂN TÍCH THIẾT KẾ WEBSITE

1. TÊN ĐỀ TÀI
“ Xây dựng website Traveling trans Vietnam”
Để đạt độ thẩm mỹ cao, khả năng tương thích với tất cả các loại thiết bị, hoạt động ổn
định, nên tôi quyết định sử dụng ngôn ngữ HTML, ứng dụng Visual Code, cũng như các
công cụ hỗ trợ để áp dụng vào thiết kế và xây dựng website “ Traveling trans Vietnam”.

9


1.1 Các hệ thống website tương tự
Hiện nay có rất nhiều các hệ thống website làm về mạng xã hội, tiêu biểu là các hệ thống
website:
/> /> />previousCultureSource=GEO_LOCATION&redirectedFrom=www.skyscanner.com
1.2 Các công cụ hỗ trợ thực hiện thiết kế website
Các phần mềm lập trình:
- Visual Code
- Xampp
- FFpeg
Ưu điểm của các phần mềm này là nó rất dễ để có thể cài đặt và sử dụng.
Mỗi phần mềm đảm bảo một tính năng riêng. Như Visual Code là 1 IDE dùng để soạn thảo
ngôn ngữ lập trình. Xampp là phần mềm tạo lập mơi trường chạy web, sử dụng Apache để
làm môi trường chạy PHP, hỗ trợ PhpMyadmin cho phép truy cập MySQL trên trinh duyệt.
FFmpeg cho phép xử lý các tệp media (video, nhạc).
Tất cả phần mềm trên đều hỗ trợ chạy trên hệ điều hành Windows.

2.Các ngôn ngữ và phần mềm sử dụng:


Các ngôn ngữ sử dụng: HTML, CSS, thư viện Bootstrap.



HTML: (HyperText Markup Language – ngôn ngữ siêu văn bản) là một trong các loại
ngôn ngữ được sử dụng trong lập trình web.

10




CSS: là chữ viết tắt của Cascading Style Sheets, nó là một ngơn ngữ được sử dụng
để tìm và định dạng lại các phần tử được tạo ra bởi các ngơn ngữ đánh dấu (ví dụ như
HTML).



Thư viện Bootstrap: là thư viện sẵn có giúp cho việc tạo dựng website trở nên nhanh
chóng và tiện lợi.



Các thẻ tham gia vào quá trình thiết kế layout: <div>, <section>, <input>,<select>,

,
<hr>, <header>, <body>, <ul>, <li>, <form>, <ul>, <li>, <table>



Quá trình thiết kế Layout và Reponsive

*Thư mục lưu trữ

File web

11


File img

12


CHƯƠNG III : XÂY DỰNG WEBSITE
3.1 Tên website:
- Sau khi lên ý tưởng và tham khảo ý kiến của giáo viên hướng dẫn thì chúng em quyết
định đặt tên website là “Traveling trans Vietnam” . Vừa đơn giản, nhưng giúp người dùng
có thể nhớ tên website và tìm kiếm một cách rất dễ dàng trên các cơng cụ tìm kiếm phổ
biến.

3.2 Poster

13


3.3 Logo của website:

-Logo của website được thiết kế đơn giản với Tone màu chủ đạo là màu cam nâu kết hợp
với hoa văn và hình ảnh trống dồng Đơng Sơn và dải đất hình chữ S thân thương của con
người việt nam 4000 năm văn hiến. Chữ tiêu đề được ghi bằng tiếng anh ngôn ngữ phổ
biến.
-Bao gồm các logo phụ ứng với các phần của trang web như:

1. Destinations

3.Hotel

14


2. Restaurant

5. Shop

4.Storiesaboutplaces

6. Aodai Shop

3.3 Cấu trúc website:
1. Cung cấp thơng tin website
4. Menu và Footer của tồn website :

+Menu: Được thiết kế với 2 màu chủ đạo là cam nâu và tráng xám, cũng là tone
màu chính của website. Gồm các phần như Logo, thanh tìm kiếm, Các thanh thành
phần gồm: Home, Destinations ,Storiesaboutplaces,Travel service, Shop, Contact.

15


+Footer: Được thiết kế với màu chủ đạo là màu đen, phần footer của web bao
gồm những phần như liên kết mạng xã hội, các địa chỉ web liên quan,..

Website gồm có các phần:

1.

Trang chủ(Home)
- Mơ tả: Phần trang chủ này gồm các nội dung chủ đạo là:

+ Phần Slideshow: Các hình ảnh danh lam thắng cảnh đại diện cho hình ảnh
Việt Nam nổi bật.

16


+ Phần nội dung khái quái về đôi nét về lịch sử và địa lí Việt Nam, nhằm đem
đến một số kiến thức cho người dùng.

+ Phần nội dung giới thiệu về du lịch Việt Nam: Gồm đôi nét về du lịch Việt Nam và
những hình ảnh minh họa về một số danh lam thắng cảnh.

17


+ Phần giới thiệu bằng hình ảnh được chính ra từ những hình ảnh về những
khu du lịch nổi tiếng tại Việt Nam, có dấu ấn lịch sử và văn hóa sâu sắc.

+ Phần tin tức liên quan tới du lịch và các tin tức liên quan.

2. Đặt vé di chuyển(Destinations):
Mô tả: Phần Đặt vé di chuyển này gồm các nội dung chủ đạo là:

18

+Phần slideshow: Bao gồm các hình ảnh liên quan tới các hàng máy bay để tạo điểm
ấn cho chủ đề của phần Destinations này.

+ Phần Form đặt vé: Bao gồm các thanh tùy chọn (checkbox) và những phần điền thông
tin người dùng, dùng để làm thông tin để đặt vé.
3.

Câu chuyện về các miền đất(Storiesaboutplaces):

Mô tả: Phần Câu chuyện về các miền đất này gồm các nội dung chủ đạo là:
1. Phần câu chuyện du lịch

19


2. Câu chuyện du lịch của người Việt Nam ở nước ngồi

+Phần giao diện chính; Đơn giản gồm dịng chữ nói lên ý nghĩ của du dịch của một tác giả
đã nêu ra và phần chọn các câu chuyện kèn hình ảnh.

4. Dịch vụ du lịch (Travel service):
Mơ tả: Phần Dịch vụ du lịch này gồm các nội dung chủ đạo là:
1. Restaurant:

20


+Phần slideshow: Bao gồm những hình ảnh liên quan tới nhà hàng và những

món ăn độc đáo nhằm phục vụ cho chủ để chính của Phần Restaurant này.

+ Phần thanh chọn: Để có thể lọc ra được nhà hàng va quán ăn hợp nhu cầu và
sở thích ăn uống của người dùng.

21


+Phần Form chính: Để chọn lựa nhà hàng và quán ăn có thể đáng giá bằng sao
và click vào để biết thêm về nhà hàng đó và đặt chỗ.

+Phần Tin tức : Như tin tức liên quan đến ẩm thực Việt Nam nói chung và ẩm
thực thế giới nói riêng.

22


2. Hotel:

+Phần Form chính: Có thanh điền và các combobox chọn lựa, cho người dùng tự
do chọn lựa theo nhu cầu về khách sạn nhà nghỉ.

+Phần thanh hình ảnh: Gồm các thơng tin hữu ích về các địa điểm có khách
sạn và nhà nghỉ.

23


5.

Bán Áo dài (Shop)

Mô tả: Phần shop này gồm các nội dung chủ đạo là:

+ Phần slideshow: Bao gồm những hình ảnh về áo dài mang đúng chủ đề chủ đạo
của shop

+Phần giao diện chính: Gồm các form đi kèm với hình ảnh áo dài cùng với đó là
tên sản phảm cùng với giá tiền của sản phẩm.

24


6. Liên hệ (Contact)
Mô tả: Phần contact này gồm các nội dung chủ đạo là:

+Phần giao diện chính: Gồm các phần điền thơng tin cá nhân của người dùng, để
có thể liên hệ được với admin, để được hưởng sự đáp ứng các dịch vụ.

25