ĐỒ ÁN CƠ SỞ 1 ĐỀ TÀI: XÂY DỰNG WEBSITE DU LỊCH VIỆT NAM Giáo viên hướng dẫn: TS. Nguyễn Văn Lợi

- Yêu cầu trong thực tế: Một trang web để có thể sử dụng trong thực tế cần + Tốc độ truy cập trang web phải nhanh.. - Vấn đề cần giải quyết: Xây dựng một trang website có đầy đủ các chứ

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ

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

ĐỒ ÁN CƠ SỞ 1

ĐỀ TÀI: XÂY DỰNG WEBSITE DU LỊCH

VIỆT NAM

Giáo viên hướng dẫn: TS Nguyễn Văn Lợi

Sinh viên thực hiện: Dương Minh Phương – 20IT770

Đỗ Minh Nhật – 20IT744 Lớp : 20IT12

Đà Nẵng, 31 tháng 05 năm 2021

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

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

LỜI MỞ ĐẦU

Ngày nay với sự phát triển mạnh mẽ của internet và những ứng dụng của

nó trong đời sống Máy tính, điện thoại thông minh không còn là một phươngtiện lạ lẫm đối với mọi người mà nó đã dần trở thành một công cụ làm việc vàgiải trí thông dụng và hữu ích của chúng ta ở mọi nơi nhờ có kết nối internet.Cùng với sự phát triển vượt bậc về kinh tế, cuộc sống của người dân đượccải thiện rõ rệt bởi vậy nên nhu cầu về sức khỏe, tâm sinh lý mỗi người

Với sự phát triển mạnh mẽ của các trang web hướng dẫn du lịch và đặttour trực tuyến, em đã tìm hiểu và xây dựng một trang web du lịch Việt Nam.Cùng với sự chỉ bảo tận tình của các thầy cô em đã hoàn thành websitenày Trong quá trình phân tích thiết kế không thể tránh khỏi những sai sótmong thầy cô và các bạn đóng góp ý kiến để website được hoàn thiện hơn

Em xin chân thành cảm ơn!

LỜI CẢM ƠN

Trong thời gian thực hiện đồ án với sự giúp đỡ của, tạo điều kiện củaTrường đại học Công nghệ thông tin và Truyền thông Việt Hàn – Đại học ĐàNẵng, đặt biệt là sự hướng dẫn trực tiếp, chỉ bảo tận tình của giảng viên bộ môn

em đã hoàn thành đề tài cùng với bản báo cáo đúng thời gian quy định

Với khả năng và thời gian có hạn nên không tránh khỏi những thiếusót, em rất mong nhận được sự quan tâm, giúp đỡ, tạo điều kiện của thầy côgiáo để em hoàn thành hơn đề tài nghiên cứu trong thời gian tới

Một lần nữa em xin chân thành cảm ơn các thầy,cô giáo trong Trườngđại học Công nghệ thông tin và Truyền thông Việt Hàn – Đại học Đà Nẵng đãchỉ bảo, hướng dẫn tận tình chúng em trong suốt thời gian học

Em xin chân thành cảm ơn!

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

….………

….………

….………

….………

….………

….………

….………

….………

….………

….………

….………

….………

….………

….………

….………

….………

….………

….………

Chữ kí (Giáo viên hướng dẫn)

MỤC LỤC CHƯƠNG 1 GIỚI THIỆU

1.1 Tổng quan:

1.2 Khảo sát thực trạng:

1.2.1 Các trang web tương tự:

1.2.2 Các chức năng dự kiến của trang web:

1.3 Phương pháp triển khai:

1.3.1 Các bước triển khai:

1.3.2 Các công nghệ được sử dụng trong website

CHƯƠNG 2 PHÂN TÍCH WEBSITE

2.1 Những tính năng cơ bản tối cần thiết mà website nào cũng cần có: 2.1.1 Hình ảnh lớn và đẹp, tạo cảm hứng và kích thích nhu cầu đi du lịch

của khách ghé thăm:

2.1.2 Blog – Khu vực vàng hỗ trợ SEO:

2.1.3 Chức năng tìm kiếm có bộ lọc linh hoạt:

2.1.4 Website du lịch liên kết với các trang mạng xã hội:

2.2 Hệ thống cần những gì để hoạt động:

2.2.1 Tên miền:

2.2.2 Thiết kế website:

2.3 Các lưu ý khi thiết kế website:

2.4 Tài liệu tham khảo:

CHƯƠNG 3 XÂY DỰNG ỨNG DỤNG VÀ KẾT QUẢ

3.1 Các bước triển khai xây dựng:

3.1.1 Bước 1: Thu thập thông tin dữ liệu:

3.1.2 Bước 2: Giai đoạn phân tích:

3.1.3 Bước 3: Tiến hành thực hiện website:

3.1.4 Bước 4: Tiến hành chạy thử:

3.1.5 Bước 5: Giai đoạn nghiệm thu:

3.4.2 Đối với người quản trị:

3.5 Nhược điểm trang web:

3.6 Hướng phát triển:

3.7 Kết quả đạt được sau khi làm và thực hiện đồ án:

CHƯƠNG 1: GIỚI THIỆU

1.1 Tổng quan:

- Thời gian bắt đầu làm: Tháng 4 năm 2021, xây dựng website Du lịch ở

Việt Nam, bởi nhóm đang học tại Trường đại học công nghệ thông tin vàtruyền thông Việt Hàn để thực hiện yêu cầu của môn Đồ án cơ sở 1

- Yêu cầu trong thực tế: Một trang web để có thể sử dụng trong thực tế cần

+ Tốc độ truy cập trang web phải nhanh

- Vấn đề cần giải quyết: Xây dựng một trang website có đầy đủ các chức

năng để đáp ứng được nhu cầu của người sử dụng hiện nay và đáp ứng đượcyêu cầu quản lí trang website đối với người quản trị

- Nội dung tổng quan: Xây dựng website Du lịch ở Việt Nam cho phép

người dùng có thể xem thông tin tại điểm du lịch mà du khách muốn tới đượccập nhật liên tục, người dùng cũng có thể trực tiếp đặt tour du lịch trên trangweb và yêu cầu cung cấp thông tin khách hàng muốn xác nhận thông tin đăng

kí thành công, từ đó người quản trị có thể lấy được thông tin của khách hàng để

có thể có những chuẩn bị tốt nhất trong tour du lịch dành đến khách hàng

+ Trang web của chúng tôi sẽ hỗ trợ khách hàng đặt tour du lịch và cáckhách sạn của địa điểm bạn muốn đến mà không cần phải đến trực tiếp,tiết kiệm thời gian đi lại

- Phạm vi: Phạm vi hỗ trợ, tham khảo địa điểm du lịch trên toàn quốc.

1.2 Khảo sát thực trạng:

1.2.1 Các trang web tương tự:

- Trên thực tế hiện nay có khá là nhiều trang web lịch như https://trippy.vn, travel.com, ivivu.com, …và được nhiều người biết đến sự uy tín ,nổi tiếng, chấtlượng và đang chiếm lĩnh một thị thường lớn về các chuyến du lịch

Hình 1: Ví dụ

Hình 2: Ví dụ

- Các trang web này có thể cho phép thoanh toán online như qua thẻ , ví điện tử, thẻ QR và đặt hàng qua điện thoại di động một cách nhanh chóng ,tiện lợi

- Giao diện luôn cập nhập đổi mới phù hợp với người dùng

1.2.2 Các chức năng dự kiến của trang web:

 Xem chi tiết, hình ảnh ở vị trí khách hàng muốn đi đến

 Chọn Tour

 Đặt Tour online

 Bình luận, đánh giá

 Đăng kí, đăng nhập, đăng xuất

 Thanh toán online

 Liên hệ tư vấn

1.3 Phương pháp triển khai:

1.3.1 Các bước triển khai:

- Bước 1 : Thiết kế website về giao diện và chức năng với ngôn ngữ lập trình như HTML, CSS, Javascrip,…

- Bước 2 : Hợp tác với các nhà phân phối xe du lịch ,khách sạn, nhà hàng

để du khách có 1 trải nghiệm tốt Khi đã có được nguồn cung, ta tiến hành đưa thông tin các địa điểm du lịch đó lên trang website để người dùng xem và tiếp cận

- Bước 3 : Sau khi người dùng đặt hàng trực tuyến trên trang website thì có thể liên hệ với hệ thống để biết thêm nhiều chi tiết ở nơi du khách chọn du lịch,

để có thể biết được có thể có ưu đãi hay không

1.3.2 Các công nghệ được sử dụng trong website

- HTML : HTML(Hyper Text Markup Languages – tiếng Anh) hay còn gọi là

“Ngôn ngữ đánh dấu siêu văn bản” nó được sử dụng để tạo nên các trang web thông qua các thẻ đánh dấu Do vậy HTML không phải là một ngôn ngữ lập trình mà nó chỉ là ngôn ngữ đánh dấu Phần mở rộng của tập tin HTML thường

là html hoặc htm.Các trình duyệt sẽ đọc tập tin HTML và hiển thị chúng dưới dạng trang web.Các thẻ HTML sẽ được ẩn đi, chỉ hiển thị nội dung văn bản và các đối tượng khác: hình ảnh, media.Với các trình duyệt khác nhau đều hiển thịmột tập HTML với 1 kết quả nhất định Các trang HTML được gửi đi qua mạng internet theo giao thức HTTP HTML không những cho phép nhúng thêm các đối tượng hình ảnh, âm thanh mà còn cho phép nhúng các kịch bản vào trong đó như các ngôn ngữ kịch bản như Javascript để tạo hiệu ứng động cho trang web Để trình bày trang web hiệu quả hơn thì HTML cho phép sử dụng kết hợp với CSS HTML chính thức là chuẩn của W3C từ tháng 1 năm 97với phiên bản HTML 3.2 Trước đó thì HTML xuất bản theo chuẩn của RFC HTML được tương thích với mọi hệ điều hành cùng các trình duyệt của nó Khả năng dễ học, dễ viết là một ưu điểm của HTML không những vậy việc soạn thảo đòi hỏi hết sức đơn giản và thông thường sử dụng notepad là đã đủ HTML vẫn tiếp tục được phát triển, phiên bản hiện tại là HTML 5 – một phiên bản nâng cấp của XHTML HTML cải tiến khá nhiều đặc biệt hỗ trợ mạnh mẽ các phần tử multimedia mà không cần các plugin HTML5 nói chung mạnh mẽ hơn nhiều không chỉ về tốc độ và độ thích ứng cao mà chính là khả năng hỗ trợAPI (Application Programming Interface - giao diện lập trình ứng dụng) và DOM (Document Object Model – mô hình đối tượng tài liệu hay cây cấu trúc

dữ liệu)

- CSS : CSS-Cascading Style Sheet dùng để trình bày các tài liệu viết bằng HTML hoặc XHTML Ngoài ra ngôn ngữ định kiểu theo tầng cũng có thể dùngcho XML, SVG, XUL…Các đặc điểm kĩ thuật của CSS được duy trì bởi tổ chức W3C CSS có cấu trúc đơn giản và sử dụng các từ tiếng anh để đặt tên

cho các thuộc tính CSS khi sử dụng có thể viết trực tiếp xen lẫn vào mã

HTML hoặc tham chiếu từ một file css riêng biệt Và hiện nay CSS thường được viết riêng thành một tập tin với mở rộng là css Chính vì vậy mà các trang web có sử dụng CSS thì mã HTML sẽ trở nên ngắn gọn và trong sáng hơn Ngoài ra có thể sử dụng 1 tập tin CSS đó cho nhiều website tiết kiệm rất nhiều thời gian và công sức Một đặc điểm quan trọng đó là tính kế thừa của CSS do đó sẽ giảm được số lượng dòng code mà vẫn đạt được yêu cầu Tuy nhiên đối với CSS thì các trình duyệt hiểu theo kiểu riêng của nó Do vậy việc trình bày 1 nội dung trên các trình duyệt khác nhau là không thống nhất

- JAVASCRIPT : Javascript là một ngôn ngữ lập trình kịch bản dựa trên các đối tượng, được phát triển từ các ý niệm nguyên mẫu Được sử dụng rộng rãi trong các trang web, nó được phát triển bởi Brendan Eich của hãng truyền thông Nestcape, đầu tiên tên gọi là Mocha, sau đổi thành LiveScript và cuối cùng mới có tên gọi là JavaScript Cú pháp của JavaScript tương tự C giống Selt hơn là Java Nó sử dụng có 2 dạng: nhúng trực tiếp vào mã html, hoặc tham chiếu từ một tập tin với phần mở rộng là *.js Phiên bản JavaScript mới nhất là 1.5, tương ứng với các ECMA-262- phiên bản chuẩn hóa của

javaScript Trình duyệt Mozilla 1.8 beta 1 hỗ trợ không đầy đủ cho E4X- phần

mở rộng cho JavaScript làm việc với XML, được chuẩn hóa trong ECMA-357

- BOOSTRAPS : Bootstrap là một framework bao gồm các HTML, CSS và JavaScript template dùng để phát triển website chuẩn responsive Bootstrap chophép quá trình thiết kế website diễn ra nhanh chóng và dễ dàng hơn dựa trên những thành tố cơ bản sẵn có như typography, forms, buttons, tables, grids, navigation, image carousels… Bootstrap là một bộ sưu tập miễn phí của các mãnguồn mở và công cụ dùng để tạo ra một mẫu webiste hoàn chỉnh Với các thuộc tính về giao diện được quy định sẵn như kích thước, màu sắc, độ cao, độ rộng…, các designer có thể sáng tạo nhiều sản phẩm mới mẻ nhưng vẫn tiết kiệm thời gian khi làm việc với framework này trong quá trình thiết kế giao diện website

CHƯƠNG 2 PHÂN TÍCH WEBSITE

2.1 Những tính năng cơ bản tối cần thiết mà website nào cũng cần có: 2.1.1 Hình ảnh lớn và đẹp, tạo cảm hứng và kích thích nhu cầu đi du lịch của khách ghé thăm:

- Hình ảnh là yếu tố quan trọng, là trung tâm tạo ấn tượng đó với người truy cập website kích thích mọi người lựa chọn các tour du lịch, nên hình ảnh phải

là điểm nhấn đầu tư và chăm chút một cách cẩn thận khi thiết kế web du lịch Ngược lại, nếu website đăng tải các hình ảnh kém thu hút, nhạt nhòa và không chọn lọc thì đó thực sự là thất bại đầu tiên khi tiếp cận với khách hàng và bạn đang đánh mất các khách hàng tiềm năng, khiến họ rời bỏ website đến với các đối thủ cạnh tranh Tuy nhiên, bạn cũng phải cẩn trọng đến những yếu tố quyết định đến việc lưu trữ để không ảnh hưởng đến tốc độ tải trang của trang web

2.1.2 Blog – Khu vực vàng hỗ trợ SEO:

- Những bài viết chia sẻ những thông tin bổ ích liên quan đến du lịch sẽ là cách hiệu quả để “câu kéo” người dùng tìm đến website Không chỉ giúp tăng nhận diện thương hiệu, blog còn thực sự là “khu vực vàng” hỗ trợ SEO cực tốt

2.1.3 Quảng cáo website hiệu quả:

- Việc đặt thêm các nút Like, Share hay Google Plus ở những vị trí hợp lý trên website sẽ giúp marketing online tốt hơn, nhiều khi nó còn hỗ trợ đắc lực cho việc thu hút khách hàng Khách hàng hoặc người xem tour thấy tour của bạn hấp dẫn, giá tốt họ muốn chia sẻ để cho bạn bè biết, mạng xã hội là một kênh lan tỏa thông tin rất tốt Thật tuyệt vời khi tour du lịch của bạn đã có thêm hàng ngàn người biết đến

Cuối cùng nên tạo thêm Fanpage, trang Google Plus và cài link vào website của mình Website, facebook, google plus sẽ là bộ ba hoàn hảo trong chiến lược marketing online

2.1.4 Website du lịch liên kết với các trang mạng xã hội:

- Mỗi khách hàng truy cập website du lịch của bạn với những mục đích khác nhau Vậy nên, để họ nhanh chóng có được thông tin mình muốn, cần phải có thanh tìm kiếm có thể hiển thị kết quả linh hoạt

Một số bộ lọc tìm kiếm nhất định phải có như:

 Tìm kiếm theo dịch vụ (Vé máy bay, đặt tour, khách sạn, đưa đón sân bay, )

 Tìm kiếm theo mức giá

 Tìm kiếm dựa trên địa điểm, khu vực mong muốn (nơi đi, nơi đến)

 Tìm kiếm dựa trên thời gian mong muốn

2.2 Hệ thông cần những gì:

2.2.1 Tên miền:

- Hay còn gọi là tên đại diện cho một tài nguyên mạng, thông thường là một website, được thể hiện bằng các ký tự hoặc chữ số trong bảng chữ cái thay vì địa chỉ IP của máy chủ, mục đích là để người sử dụng dễ dàng truy cập tài nguyên mạng đó và đại diện cho mục đích, thương hiệu của chủ sở hữu

website, là địa chỉ của trang web để mọi người có thể truy cập

2.2.2 Thiết kế website:

- Chính là dữ liệu, nội dung của website bao gồm các hình ảnh, bài viết và các file mã lệnh hay còn gọi là mã nguồn - source code Màu sắc, phong cách, tính năng, nội dung trên website sẽ phản ánh được hình ảnh đến với khách hàng

2.3 Các lưu ý khi thiết kế website:

 Website phù hợp với loại hình, mục đích sử dụng

 Website thiết kế giao diện đẹp, tông màu chuẩn phù hợp, bắt mắt người xem

 Đầy đủ tiện ích và có thể phát triển chúng theo mục đích sử dụng

 Mã nguồn web chắc chắn, ổn định

 Phân bố nội dung, bố cục hợp lý, hài hòa

 Có khả năng tích hợp SEO, tiện ích cao

2.4 Tài liệu tham khảo:

- Để xây dựng được website chúng em tham khảo, tìm kiếm các tài liệu như HTML, CSS, BOOSTRAP, JAVASCIP… trên các trang như

https://www.w3schools.com/, https://openplanning.net/ Sách, vở, từ các thầy

cô hướng dẫn và các trang web du lịch hiện có trên mạng

CHƯƠNG 3 XÂY DỰNG ỨNG DỤNG VÀ KẾT QUẢ

3.1 Các bước triển khai xây dựng:

3.1.1 Bước 1: Thu thập thông tin dữ liệu:

Hình 3: Thu thập thông tin khách hàng

- Tìm hiểu yêu cầu thực tế của khách hàng.

- Xác nhận các yêu cầu của khách hàng về trang web và các thông tin khách hàng cung cấp

- Ghi nhận các yêu cầu về tính năng của website

- Ghi nhận các yêu cầu thiết kế giao diện đối với website

- Tiếp nhận tư liệu, thông tin, hình ảnh phục vụ cho việc thiết kế website

3.1.2 Bước 2: Giai đoạn phân tích:

Hình 4: Giai đoạn phân tích

- Dựa vào những thông tin và yêu cầu thiết kế website của khách hàng, chúng ta phân tích rõ ràng mục đích, yêu cầu, nguyện vọng của khàch hàng

3.1.3 Bước 3: Tiến hành thực hiện website:

Hình 5: Tiến hành thực hiện website

- Xem xét chi tiết yêu cầu và tiến hành thiết kế website

- Tiến hành xử lý hiệu ứng ảnh, thu thập tài liệu liên quan

- Kiểm tra sản phẩm để đảm bảo tính thẩm mỹ và thống nhất

- Tích hợp hệ thống: lắp ghép phân tích thiết kế, nội dung lập trình thành một sản phẩm

- Xây dựng cơ sở dữ liệu dựa trên thiết kế

- Soạn thảo nội dung, chỉnh sửa hoàn thiện nội dung đưa lên trang web

- Tiến hành kiểm tra, chỉnh sửa và thực hiện nghiệm thu nội bộ

3.1.4 Bước 4: Tiến hành chạy thử:

- Tổng hợp nội dung, xây dựng hệ thống theo thiết kế

- Kiểm tra và sửa lỗi.

- Lắp ghép thiết kế với phần mềm, demo thử nghiệm

- Kiểm tra lại và chỉnh sửa hoàn thiện

3.1.5 Bước 5: Giai đoạn nghiệm thu: