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

Lời nói đầuThờ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à ngoài nước, Để có thể đem lại và đáp ứng những nu cầu cấpthiết đó, Thì ý tường về

ĐẠ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 : VŨ VĂN HƯNG

Giảng viên hướng dẫn : TS LÊ TÂN

Lớp : 20IT8

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

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

LỜI CẢM ƠN

………

………

……… ………

……… ………

……… ………

……… ………

……… ………

……… ………

……… ………

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

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.

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à ngoài nước, Để có thể đem lại và đáp ứng những nu cầu cấpthiế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ợpcho 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ữngtrả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áchnhư: 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

Để 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ó đặcbiệ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!!!

+ 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 ”.

Ư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

 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>, <p>,

<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

File img

CHƯƠNG III : XÂY DỰNG WEBSITE

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

1 Cung cấp thông tin website

4 Menu và Footer của toàn website :

+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,

+ 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.

+ 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à:

+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):

1 Phần câu chuyện du lịch

2 Câu chuyện du lịch của người Việt Nam ở nước ngoà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):

1 Restaurant:

+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.

+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.

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ỉ.

5. Bán Áo dài (Shop)

+ 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.

6 Liên hệ (Contact)

+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ụ.

- Đăng nhập:

- Đăng ký:

kế nên web cá nhân em cũng đã nhận lại được rất nhiều kiến thức về công việc thiết

kế 1 trang web hoàn chỉnh, những ngôn ngữ như HTML, CSS và JavaScritp là

những ngôn ngữ và kĩ thuật rất tuyệt vời để lập trình ra 1 trang web đầy đủ các chức năng mà nó cần nhất…

- Ngoài những cái được thì cũng có những cái làm chưa tốt như những hạn chế mà trang web chưa có thể khắc phục được.

Sau khi hoàn thành xong 3 chương trên của đồ án, đã nắm rõ các nội dung sau qua từng chương:

 Chương 1: Giới thiệu lí do chọn đề tài và mục đích chính của trang web là gì

 Chương 2: Quy trình thiết kế website: xác định yêu cầu khách hàng, phác thảo ý tưởng, thiết kế đồ họa và phối màu.

 Chương 3: Thư mục website và những chức năng chính

Hướng phát triển: tích hợp comment facebook, popup chat