Thiết Kế Website Du Lịch.ThS.HÀ THỊ MINH PHƯƠNG.

Thông qua những website này, thông tin về họ cũng như các công văn, thông báo,quyết định của doanh nghiệp hay các sản phẩm, dịch vụ mới của công ty sẽ đến vớinhững người quan tâm, đến vớ

MỞ ĐẦU Giới thiệu tổng quan về đề tài

Trong sự phát triển mạnh mẽ của khoa học công nghệ thế giới, có thể nói rằngngành công nghệ thông tin phát triển với tốc độ nhanh nhất và ngày càng thể hiệnđược vai trò to lớn, hết sức quan trọng đối với toàn bộ đời sống con người Hầu hếtcác lĩnh vực trong xã hội đều ứng dụng công nghệ thông tin, nhiều phần mềm đãmang lại hiệu quả không thể phụ nhận

Song song với đó, cuộc sống ngày càng phát triển, nhu cầu của con người ngàycàng được nâng cao, việc đi du lịch, khám phá bây giờ đã trở thành sở thích, đam mêcủa nhiều người Vì vậy, họ thường tìm đến các dịch vụ của công ty du lịch để chọncho mình một lịch trình tour phù hợp Trước đây, họ thường phải đến tận nơi các công

ty lữ hành đó mới có thể đặt tour, mua vé thì ngày nay, với sự phát triển của thươngmại điện tử, việc đi du lịch không còn là chuyện khó khăn đối với mọi người Thay vìphải đến tận nơi thì bây giờ chỉ cần một nút click là có thể giải quyết được các vấn đềtrên mà không cần phải ra ngoài đường Vì đã có các trang web du lịch đáp ứng mọiyêu cầu mà khách du lịch cần

Thông qua những website này, thông tin về họ cũng như các công văn, thông báo,quyết định của doanh nghiệp hay các sản phẩm, dịch vụ mới của công ty sẽ đến vớinhững người quan tâm, đến với khách hàng của họ một cách nhanh chóng kịp thời,tránh những phiền hà mà phương thức giao tiếp truyền thống thường gặp phải Hoạtđộng của một công ty du lịch có quy mô khá lớn sẽ càng được tăng cường và mở rộngnếu xây dựng được một website có khả năng giới thiệu được công ty và cho phépquản lý các tour du lịch một cách nhanh chóng và chính xác nhất

Do đó, với sự giúp đỡ của cô Hà Thị Minh Phương, nhóm quyết định thành lậpmột trang web chuyên cũng cấp các tour du lịch đi đến các địa điểm du lịch nổi tiếng,các di sản văn hoá ở trong nước và trên thế với tên gọi là “VNTour” với mong muốnđáp ứng các nhu cầu của khách hàng Ngoài việc khám phá, tìm hiểu cũng như cácgiây phút thư giãn thì còn đem lại cho mọi người sự hiểu biết thêm về lịch sử và vănhóa của Việt Nam và các nước trên thế giới

LỜI CẢM ƠN

Để thực hiện và hoàn thành tốt đồ án này, em đã nhận được sự giúp đỡ và hướngdẫn rất tận tình của các thầy cô thuộc Khoa Công Nghệ Thông Tin Và Truyền Thông –Đại Học Đà Nẵng Em xin cảm ơn các thầy cô thuộc bộ môn chuyên ngành đã cung cấpcho chúng em các thông tin, kiến thức vô cùng quý báu và cần thiết trong suốt thời gianquá để em có thể thực hiện và hoàn thành đồ án của mình Đặc biệt em xin chân thànhcảm ơn thành cô ThS Hà Thị Minh Phương người đã trực tiếp hướng dẫn chúng em trongthời gian thực hiện đồ án này

Cuối cùng, xin chân thành cảm ơn các bạn trong ngành công nghệ thông tin đã ủng

hộ, giúp đỡ, chia sẻ kiến thức, kinh nghiệm và tài liệu có được giúp chúng tôi trong quátrình nghiên cứu và thực hiện đề tài

Do giới hạn về mặt thời gian và kiến thức cũng như kinh nghiệm thực tiễn nên đềtài không tránh khỏi những sai xót Em rất mong nhận được sự thông cảm của quý thầy

cô và mong đón nhận những góp ý của thầy cô và các bạn

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

NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN

Đà Nẵng, ngày 30 tháng 12 năm 2019

Giảng Viên Hướng Dẫn

ThS HÀ THỊ MINH PHƯƠNG

MỤC LỤC

Chương 1: 6

GIỚI THIỆU 6

1.1Giới thiệu đề tài: 6

1.2 Phương pháp thực hiện: 6

1.3 Cấu trúc đồ án: 7

Chương 2: 7

NGHIÊN CỨU TỔNG QUAN 7

2.1 Các hệ thống website tương tự 7

2.2 Các công cụ hỗ trợ thực hiện thiết kế website 10

2.3 Yêu cầu chức năng : 11

Công ty du lịch thiết kế tour và lên lịch trình cho từng tour cụ thể Sau đó cập nhật các thông tin này lên website với đầy đủ thông tin về giá cả, loại tour, lịch trình, các địa điểm đến và đi, kèm theo hình ảnh minh hoạ… 11

Khách hàng có thể xem, tìm kiếm thông tin về các tour du lịch, đăng kí tài khoản và kiểm tra cũng như thay đổi thông tin của mình Thông tin các tour du lịch được hiển thị bằng ngôn ngữ tiếng Việt giúp khách hàng có thể dễ dàng tra cứu cũng như tìm hiểu thông tin 11

Sau khi tìm hiểu khách hàng có thể đặt tour trực tuyến, dữ liệu này sẽ được lưu trên cơ sở dữ liệu và cho phép quản trị viên được phần quyền các công việc, chi tiết như sau: 11

2.4 Yêu cầu phi chức năng: 13

Website phải có dung lượng không quá lớn, tốc độ xử lí nhanh 13

Giao diện dễ nhìn, thân thiện 13

Công việc phải chính xác và không có sai sót 13

Bảo mật thông tin khách hàng 13

Đảm bảo an toàn dữ liệu nếu chạy trực tuyến 13

2.5 Kết luận: 13

Chương 3 : 14

THIẾT KẾ CƠ SỞ DỮ LIỆU 14

3.1 Thiết kế bảng cơ sở dữ liệu 14

3.2 Chi tiết các bảng trong cơ sở dữ liệu 14

Chương 4 : 16

PHÂN TÍCH THIẾT KẾ HỆ THỐNG WEBSITE 16

4.1.4 Biểu đồ trường hợp sử dụng (use case diagrams) 22

22

4.1.5 Biểu đồ hoạt động (activity diagrams) 23

23

Biểu đồ đặt tour 23

24

Chỉnh sửa đơn đã đặt 24

24

Chương 5 : 30

KẾT QUẢ ĐẠT ĐƯỢC 30

Chương 6: 35

KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 35

6.1 Kết quả: 35

6.2 Hướng phát triển: 35

Chương 1: GIỚI THIỆU 1.1 Giới thiệu đề tài: Sau khi tìm hiểu và nghiên cứu thị trường, xác định được khách hàng mục tiêu, website “VNTOUR” được thành lập Website chủ yếu giúp các công ty quản lí du lịch và lữ hành có thể quảng bá công ty của mình, giúp khách hàng tiếp cận với công ty nhiều hơn, quản lí các sản phẩm của công ty một cách dễ dàng Đồng thời cũng giúp cho khách hàng thuận tiện hơn trong việc tìm hiểu, đặt các tour du lịch theo ý muốn

Website được tạo ra ngoài việc đem lại sự thuận tiện cho mọi người còn đem lại thêm kiến thức và sự hiểu biết về các địa điểm du lịch nổi tiếng trong và ngoài nước

1.2 Phương pháp thực hiện:

- Trước tiên ta phải nêu bài toán, phân tích và thiết kế giao diện, hệ thốngcủa website

- Dựa trên các mục tiêu cụ thể để tìm kiếm thông tin sử dụng, thiết kế giaodiện phù hợp

- Sau đó xây dựng website sử dụng ngôn ngữ PHP, HTML, các frameworknhư Laravel,… thư viện Boostrap, JavaScript, sử dụng một số công cụ để lập trìnhnhư Sublime Text, …

1.3 Cấu trúc đồ án:

- Nghiên cứu tổng quan

- Phân tích thiết kế hệ thống website

- Triển khai xây dựng hệ thống và kết quả

- Kết luận và hướng phát triển

- Hệ thống website của công ty Du lịch Việt: dulichviet.com.vn

- Hệ thống website của công ty Vietravel: travel.com.vn

Ngoài ra còn có rất nhiều các website của các công ty nước ngoài rất làthông dụng như:

- www.booking.com

- www.trivago.vn

Nhóm đã quyết định tham khảo website dulichviet.com.vn để tham khảo

về bố cục, cũng như các chức năng và yêu cầu của 1 website du lịch yêu cầu phải

có, các chi tiết cụ thể như :

- Phần menu và banner phải thế hiện được các dịch vụ, các chức năng củatrang web, giúp người dùng dễ dàng chọn lựa, tham khảo

- Phần tìm kiếm giúp khách hàng chọn lựa được loại tour và địa điểm

- Các tour du lịch nổi bật giúp quảng cáo tour mới và ăn khách của công ty

- Phần chi tiết tour thể hiện lịch trình, chi tiết thông tin của tour

- Phần đặt tour giúp người dùng đặt tour du lịch

Sau khi tham khảo các chức năng, giao diện của các trang khác nhau củanhững công ty uy tín, nhóm đã đặt ra được những yêu cầu nhất định về chức năngcũng như phi chức năng dành cho trang web của nhóm

2.2 Các công cụ hỗ trợ thực hiện thiết kế website

Nhược điểm của các phần mềm này là chưa tối ưu hoàn toàn về ngôn ngữ,các chương trình có nhiều phiên bản khác nhau, mỗi phiên bản có 1 cách làm việckhác nhau, sẽ rất khó giải quyết khi gặp các lỗi bug, sai code,

2 Các công cụ hỗ trợ việc thiết kế :

- Thư viện Bootstrap, JavaScript, …

- Photoshop CS6

- Am I Responsive, WhatFonts, FontSquirrel, …

2.3 Yêu cầu chức năng :

Công ty du lịch thiết kế tour và lên lịch trình cho từng tour cụ thể Sau đó

cập nhật các thông tin này lên website với đầy đủ thông tin về giá cả, loạitour, lịch trình, các địa điểm đến và đi, kèm theo hình ảnh minh hoạ…

Khách hàng có thể xem, tìm kiếm thông tin về các tour du lịch, đăng kí tàikhoản và kiểm tra cũng như thay đổi thông tin của mình Thông tin các tour

du lịch được hiển thị bằng ngôn ngữ tiếng Việt giúp khách hàng có thể dễdàng tra cứu cũng như tìm hiểu thông tin

Sau khi tìm hiểu khách hàng có thể đặt tour trực tuyến, dữ liệu này sẽđược lưu trên cơ sở dữ liệu và cho phép quản trị viên được phần quyền cáccông việc, chi tiết như sau:

Khách hàng thành viên:

– Đăng nhập

– Đăng xuất

– Xem trang chủ

– Xem danh sách tour theo:

+ Theo địa điểm: đất nước, khu vực, châu lục …

+ Theo giá tour+ Theo loại tour+ Tìm kiếm theo văn bản gõ vào– Xem chi tiết tour được chọn

– Xem khuyến mãi

– Xem so sánh

– Đặt tour

– Xem tour đã đặt

– Chat với admin

– Thanh toán tour đã đặt

Khách hàng tiềm năng:

– Đăng ký tài khoản để trở thành khách hàng thành viên

– Xem trang chủ

– Xem danh sách tour theo:

+ Theo địa điểm: đất nước, khu vực, châu lục …

+ Theo giá tour+ Theo loại tour+ Tìm kiếm theo văn bản gõ vào– Xem chi tiết tour được chọn

– Xem khuyến mãi

– Theo dõi đơn đặt phòng

– Quản lý doanh thu

2.4 Yêu cầu phi chức năng:

– Website phải có dung lượng không quá lớn, tốc độ xử lí nhanh

– Giao diện dễ nhìn, thân thiện

– Công việc phải chính xác và không có sai sót

– Bảo mật thông tin khách hàng

– Đảm bảo an toàn dữ liệu nếu chạy trực tuyến

2.5 Kết luận:

Vì kết quả nghiên cứu cuối cùng là tạo ra một trang web áp dụng vào thực

tế với yêu cầu về độ 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 nhóm quyết định sử dụng ngôn ngữ PHP dựa trên mãnguồn mở Laravel, ứng dụng Sublime Text, cũng như các công cụ hỗ trợ để ápdụng vào thiết kế trang web “VNTour” Đồng thời trang web cũng phải có đượcnhững chức năng yêu cầu về hệ thống và phi chức năng kể trên

1 loaitour Lưu thông tin loại tour

2 diadiem Lưu thông tin địa điểm

3 tour Lưu thông tin tour

4 chitietuser Lưu chi tiết thông tin người dùng

5 users Lưu thông tin người dùng

Chi tiết bảng loaitour

2 loai Varchar Loại tour

3 mota Varchar Thông tin chi tiết về tour

Chi tiết bảng dattour

2 Id_user int Id tài khoản

3 id_phongtn int Id tour

4 Corlor Varchar Màu đại diện cho khách

hàng

Chi tiết bảng chitietuser

2 name Varchar Tên khách hàng

3 Phone Varchar SĐT khách hàng

5 address Varchar Địa chỉ khách hàng

6 Corlor Varchar Màu yêu thích của khách

hàng

Chi tiết bảng diadiem

2 name Varchar Tên địa điểm

3 image Varchar Ảnh của địa điểm

5 chitiet Varchar Chi tiết địa điểm

6 namekhongdau Varchar Tên không dấu

7 bando longtext Bản đồ

Chi tiết bảng tour

2 name Varchar Tên tour

3 tenkhongdau Varchar Tên không dấu

4 image Varchar Ảnh của tour

5 Id_loai int Id Loại tour

6 Id_truong int Id địa điểm

7 mota longtext Chi tiết tour

Chi tiết bảng users

2 email Varchar Email người dùng

3 quyen int Quyền truy cập

4 password Varchar Mật khẩu

4.1.3 Đặc tả các trường hợp sử dụng (use case descriptions)

4.1.3.1 User Case Dang nhap

Tóm tắt: Use case này cho phép người dùng (Cán bộ quản lý) đăng nhậpvào hệ thống

Tiền điều kiện: Không có

Luồng sự kiện chính:

● Tại giao diện chính, người dùng chọn chức năng đăng nhập

● Hệ thống hiển thị giao diện đăng nhập, yêu cầu người dùng nhậpusername và password

● Người dùng nhập username, password, chọn đồng ý đăng nhập

● Hệ thống tiếp nhận thông tin, kiểm tra username và password củangười dùng

● Nếu hợp lệ, hệ thống chấp nhận đăng nhập, hiển thị thông báo đăngnhập thành công

● Hệ thống kiểm tra thông tin đăng nhập không chính xác

● Hệ thống từ chối đăng nhập, hiển thị thông báo

Luồng 3:

● Hệ thống kết nối CSDL để kiểm tra thông tin, quá trình kết nốikhông thành công, không thực hiện kiểm tra được

● Hiển thị thông báo lỗi

● Hậu điều kiện: Người dùng đăng nhập vào hệ thống

Actor: Người quản trị hệ thống.

4.1.3.2 User Case Dat Phong

Use Case: Đặt phòng

Tóm tắt: Use case này cho phép người dùng đặt phòng thí nghiệm

Tiền điều kiện: Không có

Luồng sự kiện chính:

Trên giao diện chính người dụng chọn chức năng đặt phòng thí nghiệm

● Hệ thống hiển thị giao diện đặt phòng thí ghiệm

● Người dùng nhập các thông tin cần thiết

● Hệ thống tiếp nhận thông tin, kiểm tra xem các thông tin có hợp lệkhông

● Nếu hợp lệ, hệ thống chấp nhận và thông báo đăng ký thành công vànhắc nhở người dùng in ra hợp đồng

● Hệ thống kiếm tra thông tin nhập vào không hợp lệ

● Hệ thống từ chối đăng ký, hiển thị thông báo

Luồng 3:

● Hệ thống kết nối CSDL để kiểm tra thông tin, quá trình kết nốikhông thành công, không thực hiện được

● Hiển thị thông báo lỗi

● Hậu điều kiện: Người dùng đặt được phòng thí nghiệm

● Actor: Khách hàng, Quan Lý

4.1.3.3 User Case Tra cứu thông tin khách hàng

Tóm tắt: Use case này cho phép admin có thể tra cứu thông tin khách hàngđặt phòng

Luồng sự kiện chính:

● Từ giao diện chính của hệ thống, Admin chọn chức năng tra cứuthông tin khách hàng đặt phòng

● Hệ thống hiển thị giao diện tra cứu thông tin khách hàng đã đặtphòng

● Hệ thống hiển thị ra thông tin khách hàng cần tra cứu

● Hiển thị thông báo lỗi

● Hậu điều kiện: Admin tra cứu được thông tin của khách hàng

● Actor: Admin

4.1.3.4 User Case Cập nhật thông tin khách hàng

Tóm tắt: Use case này cho phép khách hàng có thể sửa thông tin cá nhâncủa mình

Tiền sự kiện: Khách hàng đã đăng nhập vào hệ thống

Luồng sự kiện chính:

● Từ giao diện chính của hệ thống, người dùng chọn chức năng chỉnhsửa thông tin

● Hệ thống hiển thị giao diện cập nhập khách hàng

● Người dùng nhập thông tin cần sửa

● Hệ thống tiếp nhận và kiểm tra thông tin của người dùng nhập vào.Nếu thông tin hợp lệ, hệ thống thông báo thành công và hiển thị danhsách khách hàng vừa được cập nhập

Luồng sự kiện chính:

● Từ giao diện chính Admin chọn chức năng cập nhập phòng Hệthống hiển thị giao diện cập nhập phòng Admin chọn các chức năngthêm, sửa, xóa phòng

● Người dùng nhập vào phòng cần thêm, sửa thông tin Hoặc chọnphòng cần xóa

● Hệ thống tiếp nhận và kiểm tra thông tin của Admin nhập vào Nếuthông tin hợp lệ, hệ thống thông báo thành công và hiển thị danhsách phòng vừa được cập nhập

● Hệ thống kiểm tra thông tin Admin cung cấp không chính xác

● Hệ thống hiển thị thông báo lỗi

Luồng 3:

● Hệ thống kết nối CSDL để kiểm tra thông tin, quá trình kết nốikhông thành công, không thực hiện kiểm tra được

● Hiển thị thông báo lỗi

● Hậu điều kiện: Admin cập nhập thành công danh sách phòng

● Actor: Admin

4.1.3.6 User Case Tìm kiếm phòng

Tóm tắt: Use case này cho phép người dùng tra cứu thông tin của phòngthí nghiệm

Tiền điều kiện: Truy cập vào trang web

Luồng sự kiện chính:

● Từ giao diện chính của hệ thống, người dùng chọn chức năng tra cứuthông tin phòng

● Hệ thống hiển thị giao diện tìm kiếm thông tin phòng Yêu cầu ngườidùng nhập thông tin tìm kiếm

● Người dùng nhập thông tin tìm kiếm phòng Hệ thống tiếp nhận,kiểm tra thông tin Nếu thông tin hợp lệ, hệ thống hiển thị ra phòngcần tìm kiếm

Luồng sự kiện rẽ nhánh:

Luồng 1:

● Tại giao diện tìm kiếm phòng, người dùng chọn thoát

● Kết thúc Use case

Luồng 2:

● Hệ thống kiểm tra thông tin người dùng cung cấp không chính xác

● Hệ thống hiển thị thông báo lỗi