Bài tập lớn cuối kỳ môn lập trình ngôn ngữ script Đề tài website về du lịch

Với sự phát triển nhanh chóng của công nghệ, việc xây dựng một trang web du lịch chuyên nghiệp và thân thiện với người dùng là vô cùng cần thiết.. Với những lý do trên, việc xây dựng và

HỌC VIỆN CÔNG NGHỆ BƯU CHÍNH VIỄN THÔNG VIỆN KHOA HỌC KỸ THUẬT BƯU ĐIỆN

BÀI TẬP LỚN CUỐI KỲ Môn: Lập trình ngôn ngữ Script

Đề tài: Website về du lịch

Sinh viên thực hiện : Nguyễn Thế Dương : B23DCCC045

Lê Hữu Chính : B23DCCC061 Phạm Sỹ Hiệp : B23DCCC021

Lớp học phần : RIPT1302-DHCQ20232-02

Giảng viên : Vũ Văn Thương

Hà Nội – 7/2024

MỤC LỤC

1.Giới thiệu .

1.Giới thiệu đề tài

2.Mục tiêu dự án

2.Tổng quan dự án

1 Tên đề tài và sản phẩm

2 Người phát triển

3.Phân tích thiết kế

1 Phân tích yêu cầu hệ thống

1.1 Yêu cầu chức năng

1.2 Yêu cầu phi chức năng

2 Thiết kế giao diện người dùng

3 Lựa chọn công nghệ

4 Quy trình phát triển

4.Demo

1 Giao diện người dùng 1.1.Trang chủ

1.2.Trang sản phẩm

1.3.Trang liên hệ

2 Các chức năng chính 2.1.Đăng ký, Đăng nhập

2.2.Chi tiết sản phẩm

5 Kết luận

1 Tổng kết các chức năng, kết quả đạt được

2 Tối ưu hóa trải nghiệm người dùng

3 Tăng tính cạnh tranh và giá trị thị trường

4 Các hướng phát triển và cải tiến trong tương lại

6.Nguồn tham khảo

1

1.Giới thiệu

1.1.Giới thiệu đề tài

Trong thời đại số hóa hiện nay, nhu cầu du lịch và khám phá thế giới ngày càng tăng cao Người dùng không chỉ tìm kiếm những trải nghiệm mới lạ

mà còn mong muốn có sự thuận tiện trong việc lập kế hoạch và đặt chỗ cho chuyến đi của mình Với sự phát triển nhanh chóng của công nghệ, việc xây dựng một trang web du lịch chuyên nghiệp và thân thiện với người dùng là

vô cùng cần thiết Dưới đây là những lý do chính chúng tôi lựa chọn đề tài này:

1 Nhu cầu du lịch tăng cao: Du lịch đã trở thành một phần không thể

thiếu trong cuộc sống hiện đại Người dân ngày càng dành nhiều thời gian và tài chính cho các chuyến đi nghỉ dưỡng, khám phá các điểm đến mới Điều này tạo ra nhu cầu lớn về thông tin du lịch và các dịch vụ hỗ trợ liên quan

2 Sự phổ biến của internet và công nghệ: Internet và các thiết bị di

động đã thay đổi cách mọi người tìm kiếm thông tin và lập kế hoạch cho các chuyến đi Một trang web du lịch tích hợp đầy đủ các chức năng tìm kiếm, đặt chỗ, và đánh giá sẽ đáp ứng nhu cầu này một cách hiệu quả

3 Cạnh tranh trong ngành du lịch: Ngành du lịch hiện nay đang đối

mặt với sự cạnh tranh khốc liệt Các công ty du lịch cần phải tạo ra

sự khác biệt và cung cấp giá trị gia tăng cho khách hàng Một trang web chuyên nghiệp với giao diện thân thiện, thông tin chi tiết và chính xác sẽ là công cụ hữu ích để thu hút và giữ chân khách hàng

4 Tiềm năng phát triển kinh tế: Du lịch không chỉ là một ngành dịch

vụ mà còn đóng góp quan trọng vào nền kinh tế Việc phát triển một trang web du lịch tốt sẽ góp phần thúc đẩy du lịch, từ đó tăng trưởng kinh tế địa phương và quốc gia

5 Tạo điều kiện thuận lợi cho khách hàng: Một trang web du lịch tích

hợp các công cụ tìm kiếm và đặt chỗ tiện lợi sẽ giúp khách hàng tiết kiệm thời gian và công sức Họ có thể dễ dàng tìm thấy thông tin về

Với những lý do trên, việc xây dựng và phát triển một trang web du lịch như Vietravel không chỉ đáp ứng nhu cầu ngày càng cao của người dùng mà còn mang lại lợi ích kinh tế và cạnh tranh cho ngành du lịch Chúng tôi tin rằng đây là một đề tài thú vị và có ý nghĩa, góp phần thúc đẩy sự phát triển bền vững của ngành du lịch trong thời đại công nghệ số

1.2.Mục tiêu của dự án

Mục tiêu dự án: Trang web du lịch Vietravel

1 Cung cấp thông tin du lịch toàn diện và chính xác: Mục tiêu hàng

đầu của dự án là xây dựng một nền tảng cung cấp thông tin chi tiết về các điểm đến du lịch, bao gồm địa danh nổi tiếng, khách sạn, nhà hàng, phương tiện di chuyển và các hoạt động giải trí Thông tin được cập nhật liên tục và chính xác để đảm bảo người dùng có thể tin tưởng

và sử dụng

2 Tạo ra trải nghiệm người dùng xuất sắc: Phát triển một giao diện

người dùng thân thiện, dễ sử dụng và tương tác cao Trang web cần có thiết kế hấp dẫn, bố cục rõ ràng và tính năng tìm kiếm nhanh chóng, giúp người dùng dễ dàng tìm thấy thông tin họ cần một cách thuận tiện nhất

3 Tích hợp chức năng đặt chỗ trực tuyến: Xây dựng hệ thống đặt chỗ

trực tuyến cho các dịch vụ du lịch như đặt phòng khách sạn, vé máy bay, tour du lịch, và các hoạt động giải trí Hệ thống này cần an toàn, tin cậy và dễ sử dụng, giúp người dùng có thể hoàn tất các giao dịch một cách nhanh chóng và tiện lợi

4 Cung cấp đánh giá và nhận xét từ người dùng: Tạo điều kiện cho

người dùng chia sẻ trải nghiệm của họ thông qua các đánh giá và nhận xét Chức năng này không chỉ giúp người dùng khác có cái nhìn khách quan hơn về các dịch vụ mà còn giúp cải thiện chất lượng dịch

vụ thông qua phản hồi thực tế

5 Tối ưu hóa cho các thiết bị di động: Đảm bảo trang web hoạt động

mượt mà trên các thiết bị di động, bao gồm cả điện thoại thông minh

và máy tính bảng Với sự phổ biến của việc sử dụng di động, việc tối

ưu hóa này là cần thiết để đáp ứng nhu cầu của người dùng mọi lúc, mọi nơi

3

6 Tăng cường sự hiện diện và tiếp cận thị trường: Phát triển các

chiến lược tiếp thị kỹ thuật số nhằm tăng cường sự hiện diện của trang web trên các công cụ tìm kiếm, mạng xã hội và các nền tảng trực tuyến khác Mục tiêu là thu hút lượng lớn người dùng truy cập trang web và sử dụng các dịch vụ du lịch được cung cấp

7 Thúc đẩy hợp tác với các đối tác du lịch: Xây dựng mối quan hệ hợp

tác với các công ty lữ hành, khách sạn, nhà hàng và các nhà cung cấp dịch vụ du lịch khác để mở rộng danh mục sản phẩm và dịch vụ Điều này sẽ tạo ra giá trị gia tăng cho người dùng và giúp Vietravel trở thành nền tảng du lịch toàn diện

8 Đảm bảo an ninh và bảo mật thông tin: Phát triển các biện pháp bảo

mật mạnh mẽ để bảo vệ thông tin cá nhân và tài chính của người dùng Điều này bao gồm việc sử dụng các công nghệ mã hóa, xác thực hai yếu tố và các biện pháp bảo mật tiên tiến khác để đảm bảo sự an toàn cho người dùng khi sử dụng trang web

Kết luận

Mục tiêu của dự án là xây dựng một trang web du lịch toàn diện, đáng tin cậy và thân thiện với người dùng Vietravel không chỉ là nơi cung cấp thông tin và dịch vụ du lịch mà còn là người bạn đồng hành đáng tin cậy trong mỗi chuyến đi của khách hàng Với những mục tiêu rõ ràng và cụ thể, chúng tôi tin tưởng rằng dự án sẽ mang lại những trải nghiệm du lịch tuyệt vời và góp phần thúc đẩy sự phát triển của ngành du lịch

2.Tổng quan dự án

● Tên đề tài và sản phẩm

-Thiết kế trang web du lịch -

Tên trang web: VietTravel

- Giới thiệu sản phẩm; VietTravel, trang web lý tưởng cho những ai muốn tìm kiếm những trải nghiệm mới lạ và mong muốn có sự thuận tiện trong việc lập kế hoạch và đặt chỗ cho chuyến đi của mình

- Người phát triển: Nguyễn Thế Dương, Lê Hữu Chính, Phạm Sỹ Hiệp

3 Phân Tích Thiết Kế

3.1 Phân Tích Yêu Cầu Hệ Thống

3.1.1 Yêu Cầu Chức Năng

1 Popular Places ( Trang chủ ):

● Trình bày các địa điểm du lịch nổi tiếng

● Giao diện đơn giản, dễ nhìn

● Các câu truyện trải nghiệm về du lịcht

2 Online Packages ( Sản phẩm ):

● Hiển thị thông tin về các khu nghỉ dưỡng của mỗi địa điểm

● Bộ lọc tìm kiếm theo từng địa điểm

● Chi tiết sản phẩm bao gồm hình ảnh, mô tả, map

3 Contact Us ( Liên Hệ ):

● Form liên hê khách hàng gửi câu hỏi, phản hồi

● Thông tin liên hệ như địa chỉ, email, số điện thoại

3.1.2 Yêu Cầu Phi Chức Năng

1 Giao diện người dùng:

● Thân thiện với người dùng, dễ sử dụng trên cả máy tính và điện thoại di động

● Giao diện tương thích với nhiều trình duyệt và thiết bị

2 Hiệu năng:

● Tốc độ tải trang nhanh

● Xử lý điều hướng một cách mượt mà

3 Bảo mật:

● Đảm bảo an toàn cho thông tin cá nhân và dữ liệu giao dịch của khách hàng

3.2 Thiết Kế Giao Diện Người Dùng

3.2.1 Trang Chủ (Popular Places) :

●Thiết kế gọn gàng với các mục tiêu chính như địa điểm nổi bật, các

câu truyện trải nghiệm về du lịch, và các liên kết nhanh đến các phần khác

● Hình ảnh động và giao diện tương tác để thu hút người dùng. 3.2.2 Trang Sản phẩm (Online Packages) :

5

●Danh sách sản phẩm hiển thị với các tùy chọn bộ lọc và tìm kiếm.

● Trang chi tiết sản phẩm bao gồm thông tin sản phẩm, hình ảnh,

và đánh giá

3.2.3 Trang Liên hệ (Contact Us) :

● Form liên hệ trực quan, dễ sử dụng.

● Thông tin liên hệ rõ ràng với địa chỉ, email, và số điện thoại.

3.3 Lựa Chọn Công Nghệ

3.4 Quy Trình Phát Triển

●Phân tích yêu cầu chi tiết và lập lịch trình.

2 Thiết Kế

● Phác thảo giao diện và kiến trúc hệ thống.

3 Phát triển

●Xây dựng và thử nghiệm từng module của hệ thống.

4 Triển Khai

● Đưa hệ thống lên môi trường sản xuất

4 Demo

4.1 Giao Diện Người Dùng

●Popular Places: Trang chủ là điểm đầu tiên mà người dùng sẽ tương

tác khi truy cập vào trang web Nó cung cấp cái nhìn tổng quan về các địa điểm nổi bật, các thông tin cơ bản về cửa hàng

Hình 1.1 Giao diện trang chủ.

❖ sau mỗi 2 giây thì trang sẽ chuyển các hình ảnh background

7

Hình 1.2 Giao diện đăng ký, đăng nhập.

❖ Khi người dùng thực hiện đăng ký thì các dữ liệu nhập vào tài khoản

sẽ được lưu lại cho việc đăng nhập thông qua json sever

Hình 1.3 Các địa điểm du lịch.

Hình 1.4 Giao diện trên thiết bị di động.

9

● Online Packages: Trang sản phẩm cho phép người dùng duyệt qua các địa điểm nghỉ dưỡng, lọc theo các địa điểm và xem chi tiết từng sản phẩm

Hình 2.1: Giao diện trang địa điểm nghỉ dưỡng.

Hình 2.2: Chi tiết địa điểm nghỉ dưỡng.

Khi click vào từng ảnh thì sẽ hiện ra phần overlay và từng ảnh như hình 2.3.

Hình 2.3

Hình 2.4

11

Hình 2.5: giao diện trên thiết bị di động

● Contact Us: Trang liên hệ cung cấp form để khách hàng gửi câu hỏi hoặc phản hồi, cùng với thông tin liên hệ

Hình 2.5: giao diện liên hệ.

13

Hình 2.5: giao diện trên thiết bị di động

4.2 Các chức năng chính:

Mô tả: Chức năng đăng nhập và đăng ký cho phép người dùng tạo tài

khoản mới hoặc đăng nhập vào tài khoản hiện có để tận hưởng các tiện ích cá nhân

Tính năng:

●Đăng nhập: Người dùng có thể đăng nhập vào hệ thống

bằng cách nhập email và mật khẩu

●Đăng ký: Người dùng mới có thể tạo tài khoản bằng cách cung

cấp thông tin cá nhân như email, và mật khẩu

Quy trình:

1 Người dùng truy cập liên kết "Sign Up Now" từ navbar

2 Trong modal đăng ký, người dùng điền thông tin đăng ký xong dữ liệu sẽ được thêm vào một localhost và thoát khỏi modal đăng ký

3 Khi đăng nhập nếu nhập đúng tài khoản mật khẩu thì sẽ có một thông báo đăng nhập thành công và có thể thoát ra khỏi tài khoản

Xem Thông Tin Chi Tiết Sản Phẩm

Mô tả: Chức năng này cung cấp chi tiết về từng địa điểm nghỉ dưỡng,

giúp người dùng có đầy đủ thông tin để đưa ra quyết định mua hàng Thông tin bao gồm hình ảnh, mô tả, giá cả, và đánh giá

Tính năng:

15

●Chi tiết sản phẩm: Trang sản phẩm hiển thị hình trang mô tả

chi tiết, giá cả, và đánh giá của khách hàng…

●Chi tiết các hình ảnh: Khi người dùng vào các trang mô tả chi tiết

thì sẽ có hình ảnh của phòng, khi click vào thì sẽ hiển thị cụ thể từng ảnh

Quy trình:

1 Người dùng nhấp vào một sản phẩm từ trang danh sách sản phẩm

2 Trang chi tiết sản phẩm hiển thị các thông tin như hình ảnh , mô

tả chi tiết, giá cả, và đánh giá

3 Người dùng có thể nhấp vào tửng ảnh để xem rõ hơn và khi hình ảnh hiển thị có thể click ra ngoài để thoát

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

Trong thời đại số hóa hiện nay, nhu cầu du lịch và khám phá thế giới ngày càng tăng cao Người dùng không chỉ tìm kiếm những trải nghiệm mới lạ mà còn mong muốn có sự thuận tiện trong việc lập kế hoạch và đặt chỗ cho chuyến đi của mình Với sự phát triển nhanh chóng của công nghệ, việc xây dựng một trang web du lịch chuyên nghiệp và thân thiện với người dùng là vô cùng cần thiết

1 Giao Diện Người Dùng Thân Thiện và Thuận Tiện

Chúng tôi đã xây dựng một giao diện người dùng (UI) trực quan, dễ sử dụng, với các chức năng điều hướng rõ ràng và nhất quán Các trang chính như Popular Places, Online Packages, Contact Us đều được thiết kế để cung cấp trải nghiệm người dùng liền mạch, giúp người dùng dễ dàng tìm thấy thông tin cần thiết và thực hiện các tác vụ một cách nhanh chóng

2 Chức Năng Chính Đầy Đủ và Hiệu Quả

Các chức năng chính bao gồm đăng nhập/đăng ký, xem thông tin chi tiết các khu nghỉ dưỡng, lọc theo từng khu vực Điều này không chỉ nâng cao tính tiện ích của trang web mà còn cải thiện trải nghiệm trực tuyến cho người dùng:

●Đăng Nhập và Đăng Ký: Cung cấp cơ chế xác thực người dùng an

toàn và thuận tiện, cho phép người dùng tạo tài khoản mới hoặc đăng nhập

●Xem Thông Tin Chi Tiết Sản Phẩm: Cung cấp các thông tin chi

tiết về từng sản phẩm, giúp người dùng đưa ra quyết định, lựa chọn thông minh

●Lọc sản phẩm: Hỗ trợ người dùng tìm kiếm theo từng địa điểm cụ

thể, tránh mất nhiều thời gian

3 Tối Ưu Hóa Trải Nghiệm Người Dùng

Giao diện điều hướng và các chức năng tương tác đã được tối ưu hóa để cung cấp trải nghiệm người dùng tốt nhất Chúng tôi đã đảm bảo rằng trang web hoạt động ổn định trên nhiều thiết bị và trình duyệt, đáp ứng tốt nhu cầu của người dùng hiện đại

4 Tăng Tính Cạnh Tranh và Giá Trị Thị Trường

Trang web này không chỉ giúp doanh nghiệp tiếp cận nhiều khách hàng hơn mà còn tăng cường giá trị thương hiệu và sự cạnh tranh trên thị trường Với việc cung cấp thông tin đầy đủ, chức năng mua sắm tiện lợi và các câu

17

truyện trải nghiệm về du lịch, trang web đã tạo ra một nền tảng đáng tin cậy cho người đam mê du lịch

5 Khả Năng Mở Rộng và Cải Tiến

Trong tương lai trang web sẽ được cải tiến rất nhiều thông qua những bài học mới Do chưa có nhiều kiến thức và kinh nghiệm nên các chức năng

có thể không được hoàn thiện một cách đầy đủ và chính xác nhất Những tính năng sẽ được thêm trong tương lai như lọc sản phẩm trong trang đầu tiên, các tính năng khi khách hàng đăng nhập thành công, kiểm tra các khu nghỉ dưỡng có sẵn, thêm phần phân trang…

NGUỒN THAM KHẢO