Báo cáo Đồ án 1: Xây dựng Website Du lịch - ĐH Công nghệ Thông tin

Tải báo cáo đồ án Xây dựng Website Du lịch hoàn chỉnh. Mẫu đồ án chi tiết cho sinh viên CNTT, phân tích hệ thống, công nghệ và chức năng website.

• Tác giả: Võ Quốc Minh
• Người hướng dẫn: ThS. Trần Thị Hồng Yến
• Trường học: Trường Đại học Công nghệ Thông tin, Đại học Quốc gia Thành phố Hồ Chí Minh
• Chuyên ngành: Công nghệ Phần mềm
• Đề tài: Xây dựng Website Du lịch
• Loại tài liệu: Báo cáo đồ án
• Năm xuất bản: 2022
• Địa điểm: Thành phố Hồ Chí Minh

Tóm tắt

I. Giới thiệu về Đồ án Website Du lịch

Đồ án xây dựng website du lịch là một dự án học thuật quan trọng trong lĩnh vực công nghệ thông tin và quản lý du lịch. Dự án này nhằm tạo ra một nền tảng số hóa toàn diện, giúp du khách khám phá, đặt phòng và tìm kiếm các dịch vụ du lịch một cách tiện lợi. Website du lịch hiện đại cần tích hợp công nghệ web responsive, giao diện thân thiện người dùng, và hệ thống thanh toán an toàn. Qua đó, sinh viên hiểu rõ hơn về quy trình phát triển phần mềm, từ phân tích yêu cầu đến triển khai thực tế.

1.1. Mục tiêu chính của dự án

Mục tiêu chính là xây dựng một website du lịch chức năng đầy đủ, cung cấp thông tin chi tiết về điểm đến, dịch vụ lưu trú, vé máy bay và tour du lịch. Platform cần hỗ trợ tìm kiếm nâng cao, so sánh giá cả, đọc review từ du khách, và đặt dịch vụ trực tuyến. Hệ thống quản lý admin cho phép cập nhật thông tin, quản lý đơn đặt hàng, thống kê doanh thu và phân tích hành vi người dùng.

1.2. Ý nghĩa trong ngành du lịch số hóa

Dự án này phản ánh xu hướng chuyển đổi số trong ngành du lịch hiện nay. Website du lịch chất lượng cao giúp tăng cường trải nghiệm khách hàng, mở rộng thị trường và tăng doanh số bán hàng. Du khách hiện đại ưa thích đặt chỗ trực tuyến, so sánh giá và đọc review trước khi quyết định. Do đó, việc xây dựng website du lịch chuyên nghiệp trở thành yêu cầu bắt buộc cho các công ty du lịch.

II. Các thành phần chính của Website Du lịch

Website du lịch chuyên nghiệp bao gồm nhiều module và chức năng phục vụ cả khách hàng và nhà cung cấp dịch vụ. Phần frontend cung cấp giao diện tìm kiếm, xem chi tiết sản phẩm, giỏ hàng và thanh toán. Phần backend quản lý dữ liệu về khách sạn, tour, người dùng và giao dịch. Hệ thống cơ sở dữ liệu lưu trữ thông tin về điểm đến, giá cả, khả năng sẵn có và đánh giá của khách hàng. Công nghệ API tích hợp với các bên thứ ba để cập nhật dữ liệu chuyến bay, tỷ giá ngoại tệ và hình ảnh địa điểm.

2.1. Module tìm kiếm và hiển thị sản phẩm

Module này cho phép người dùng tìm kiếm theo nhiều tiêu chí như địa điểm, ngày khởi hành, loại dịch vụ và mức giá. Kết quả hiển thị dưới dạng danh sách hoặc bản đồ interactiv. Mỗi sản phẩm có trang chi tiết với ảnh, mô tả, giá cả, đánh giá sao và bình luận của khách hàng.

2.2. Hệ thống đặt hàng và thanh toán

Người dùng chọn sản phẩm, thêm vào giỏ hàng, điền thông tin cá nhân và thanh toán. Hệ thống hỗ trợ nhiều phương thức thanh toán như thẻ tín dụng, ví điện tử và chuyển khoản ngân hàng. Giao dịch được mã hóa SSL để bảo mật. Sau thanh toán, khách hàng nhận xác nhận qua email và có thể theo dõi đơn hàng.

2.3. Bảng điều khiển quản trị viên

Admin có thể quản lý sản phẩm, người dùng, đơn hàng, thanh toán và báo cáo. Chức năng thêm, sửa, xóa dữ liệu được cấp quyền hạn cao. Hệ thống báo cáo hiển thị doanh số, khách hàng quay lại, sản phẩm bán chạy và phân tích xu hướng.

III. Quy trình phát triển Đồ án Website Du lịch

Quy trình phát triển website du lịch tuân theo mô hình Agile hoặc Waterfall, tùy theo yêu cầu của dự án. Ban đầu, nhóm phân tích yêu cầu của các stakeholder bao gồm khách hàng, nhà cung cấp dịch vụ và admin. Tiếp theo là giai đoạn thiết kế giao diện, lưu đồ cơ sở dữ liệu và kiến trúc hệ thống. Giai đoạn phát triển bao gồm coding frontend và backend, tích hợp API. Cuối cùng là kiểm thử chất lượng, khắc phục lỗi, triển khai lên server và hỗ trợ bảo trì.

3.1. Phân tích yêu cầu và lập kế hoạch

Đội dự án trao đổi với các bên liên quan để xác định yêu cầu chức năng và phi chức năng. Lập kế hoạch thực hiện chi tiết về thời gian, nhân lực, nguồn lực và rủi ro. Xác định công nghệ phù hợp như ngôn ngữ lập trình, framework, cơ sở dữ liệu và hosting.

3.2. Thiết kế hệ thống và giao diện người dùng

Nhóm thiết kế tạo wireframe, mockup và prototype giao diện. Thiết kế cơ sở dữ liệu với các bảng cho người dùng, sản phẩm, đơn hàng. Vẽ biểu đồ luồng dữ liệu, sơ đồ kiến trúc hệ thống. Giao diện phải responsive, tối ưu cho mobile và desktop.

3.3. Triển khai kiểm thử và bảo trì

Nhóm phát triển code theo thiết kế, kiểm thử unit test từng module. Kiểm thử tích hợp toàn bộ hệ thống, kiểm thử performance và bảo mật. Triển khai lên server, cấu hình domain, SSL, CDN. Sau đó, hỗ trợ người dùng, cập nhật, bảo trì và nâng cấp chức năng.

IV. Công nghệ và công cụ sử dụng trong dự án

Công nghệ sử dụng trong đồ án website du lịch bao gồm frontend frameworks như React, Vue.js hoặc Angular, backend như PHP, Python, Node.js. Cơ sở dữ liệu có thể là MySQL, MongoDB hoặc PostgreSQL. Các công cụ phát triển bao gồm Git để quản lý code, IDE như VS Code, Docker để containerization. Ngoài ra, cần sử dụng công cụ kiểm thử Selenium, Postman, công cụ thiết kế Figma, khung thử nghiệm Jest hoặc unittest. Hosting có thể trên AWS, Azure, DigitalOcean hoặc Heroku. SEO optimization cần cân nhắc với schema markup, sitemap, robots.txt và meta tags.

4.1. Công nghệ frontend và backend

Frontend sử dụng HTML5, CSS3, JavaScript với framework React hoặc Vue.js để tạo giao diện tương tác, nhanh chóng. Backend sử dụng Node.js/Express hoặc Django để xử lý logic nghiệp vụ, quản lý dữ liệu. RESTful API hoặc GraphQL kết nối frontend và backend. Server-side rendering hoặc client-side rendering tùy vào tối ưu hóa.

4.2. Cơ sở dữ liệu và công cụ quản lý

MySQL là lựa chọn phổ biến cho relational database, MongoDB cho dữ liệu không có cấu trúc. Redis dùng để cache, tăng tốc độ truy vấn. Phpmyadmin hoặc MongoDB Compass quản lý database. Git/GitHub quản lý version code, Jenkins/GitHub Actions tự động hóa deployment.

4.3. Công cụ kiểm thử và triển khai

Selenium tự động hóa kiểm thử giao diện web. Postman kiểm thử API endpoint. Lighthouse kiểm tra performance và SEO. Docker containerize ứng dụng, dễ dàng triển khai. Jenkins/GitHub Actions tự động test, build, deploy. AWS S3 lưu ảnh, CDN tăng tốc độ tải trang.

Trích đoạn nội dung tài liệu

CHƯƠNG 1: TỔNG QUAN VỀ ĐỀ TÀI 1.1 Thông tin nhóm - Thành viên 1: o MSSV: 19521868 o Tên: Dương Hoài Nam o Email: [e-mail] - Thành viên 2: o MSSV: 19521857 o Tên: Võ Quốc Minh o Email: 19521857@gm.2 Lý do chọn đề tài Du lịch dần trở thành môi trường cạnh tranh khốc liệt với các công ty, tập đoàn kinh doanh trong lĩnh vực này. Trong thời đại mà Internet đã trở nên hết sức phổ biến trong mọi lĩnh vực kinh tế, chính trị, xã hội, được phổ biến rộng rãi đến nhiều tầng lớp trong xã hội, việc thiết kế website du lịch trở nên đặc biệt quan trọng đối với mọi doanh nghiệp kinh doanh du lịch nhưng chưa có website. Một công ty du lịch chất lượng phục vụ tốt thôi là chưa đủ, họ phải có website để quảng bá thương hiệu qua Internet nhằm thu hút khách hàng đến với mình. Song song đó, thương mại điện tử cũng ngày càng phát triển đem lại rất nhiều lợi ích cho doanh nghiệp:  Lợi ích lớn nhất là tăng doanh thu: với thương mại điện tử, đối tượng khách hàng của bạn giờ đây đã không còn bị giới hạn về mặt địa lý, hay thời gian làm việc.

1  Thứ hai là cắt giảm được chi phí quảng cáo: với thương mại điện tử, bạn không phải tốn kém nhiều cho việc thuê cửa hàng, mặt bằng, đông đảo nhân viên phục vụ, bạn cũng không cần phải đầu tư nhiều cho kho chứa.  Maketing toàn cầu với chi phí cực kì thấp là lợi ích thứ ba: chỉ với chi phí cực kì nhỏ bạn có thể đưa thông tin quảng cáo của bạn đến với hàng trăm triệu người xem từ khắp nơi trên thế giới.  Lợi ích cuối cùng đó là lợi thế cạnh tranh: việc kinh doanh trên mạng là một “sân chơi” cho sự sáng tạo, nơi đây, bạn tha hồ áp dụng những ý tưởng hay nhất, mới nhất về dịch vụ hỗ trợ, chiến lược tiếp thị. Ngành du lịch là một ngành đang ngày càng phát triển, chiếm tỉ trọng lớn trong cơ cấu kinh tế nước ta.

Việc áp dụng thương mại điện tử, đặc biệt là hoạt động marketing online là điều vô cùng quan trọng, cần thiết. Để thực hiện được điều đó, họ cần có một website, thông qua website, các công ty du lịch có thể quảng bá các sản phẩm của mình cung cấp, cung cấp các dịch vụ trực tuyến như đặt vé tour, đặt phòng,. nhằm đưa các sản phẩm của công ty đến gần người tiêu dùng hơn. Nhận thấy được những lợi ích và nhu cầu thực tế ấy, nhóm tác giả đã quyết định chọn đề tài “XÂY DỰNG WEBSITE DU LỊCH”.3 Mục tiêu Xây dựng được một website du lịch giúp quảng bá được thương hiệu của doanh nghiệp, cung cấp thông tin chi tiết về các sản phẩm dịch vụ, đặt mua vé trực tuyến một cách nhanh chống, hiệu quả.4 Phạm vi  Phạm vi môi trường: o Ứng dụng được triển khai trên môi trường web.

 Phạm vi chức năng: o Tìm kiếm với bộ lọc linh hoạt. o Đặt tour trực tuyến và thanh toán tiện lợi. o Blog về du lịch (kiến thức bổ ích, điểm đến đẹp…).5 Phương pháp thực hiện  Khảo sát các website khác trên thị trường.  Lựa chọn và tìm hiểu công nghệ.

 Phân tích thiết kế hệ thống.  Xây dựng hệ thống.  Kiểm thử và triển khai sản phẩm.6 Công nghệ sử dụng  Font-end: ReactJS, NextJS, Redux-toolkit.  Back-end: Nodejs, ExpressJS.

 Source control: Git, Github. 3 2 CHƯƠNG 2: CƠ SỞ LÝ THUYẾT 2.1 Ngôn ngữ Javascript Hình CHƯƠNG 2: CƠ SỞ LÝ THUYẾT.1 Logo Javascript Javascript – một ngôn ngữ vô cùng phổ biến trong lĩnh vực lập trình ngày nay. Có thể nói rằng, Javascript hay còn gọi là JS là ngôn ngữ rất thông dụng trong vài năm gần đây. Đã có khá nhiều framework ra đời và được viết bằng loại ngôn ngữ này.

Từ frontend cho đến backend thì bất cứ nơi nào cũng có sự xuất hiện của JS. Một vài thông tin sau đây sẽ giúp cho bạn hiểu thêm về loại ngôn ngữ đặc biệt này. Javascript là gì?  Javascript chính là một ngôn ngữ lập trình web rất phổ biến ngày nay.  Javascript được tích hợp đồng thời nhúng vào HTML để hỗ trợ cho website trở nên sống động hơn.

Chúng cũng đóng vai trò tương tự như một phần của website, cho phép Client-side Script từ người dùng tương tự máy chủ (Nodejs) để tạo ra những website động. Lịch sử phát triển của Javascript: 4  Brendan Eich chính là người đã phát triển Javascript tại Netscape với tiền thân là Mocha. Sau đó, Mocha được đổi thành LiveScript và cuối cùng mới đổi thành JavaScript.  Năm 1998, JavaScript với phiên bản mới nhất là ECMAScript 2 phát hành và đến năm 1999 thì ECMAScript 3 được ra mắt.

 Năm 2016, ứng dụng JavaScript đã đạt kỷ lục lên tới 92% website sử dụng, đồng thời cũng được đánh giá là một công cụ cực kỳ quan trọng đối với lập trình viên. Cách hoạt động của javascript là gì?  Thông thường, JavaScript sẽ được nhúng trực tiếp vào một website hoặc chúng được tham chiếu qua file.  Đây là một ngôn ngữ đến từ phía Client nên Script sẽ được download về máy client khi truy cập.  Tại đây, chúng sẽ được hệ thống xử ý.

Vì vậy, bạn không cần phải tải về máy server rồi chờ cho chúng xử lý xong mới phản hồi được kết quả đến client. Javascript dùng để làm gì?  Bên cạnh việc tìm hiểu javascript là ngôn ngữ gì thì chúng được sử dụng để làm gì cũng rất quan trọng. Việc nắm bắt được mục đích của ngôn ngữ đặc biệt này sẽ giúp bạn dễ dàng sử dụng chúng hơn trong công việc Ưu nhược điểm của ngôn ngữ lập trình Javascript: Là một ngôn ngữ lập trình rất phổ biến hiện nay, Javascript có cho mình rất nhiều ưu 5 điểm nổi bật. Tuy nhiên, bên cạnh những ưu điểm đó thì ngôn ngữ lập trình này cũng có những nhược điểm cần được lưu ý.

 Ưu điểm: o Chương trình rất dễ học o Những lỗi Javascript rất dễ để phát hiện, từ đó giúp bạn sửa lỗi một cách nhanh chóng hơn. o Những trình duyệt web có thể dịch thông qua HTML mà không cần sử dụng đến một compiler. o JS có thể hoạt động ở trên nhiều nền tảng và các trình duyệt web khác nhau. o Được các chuyên gia đánh giá là một loại ngôn ngữ lập trình nhẹ và nhanh hơn nhiều so với các ngôn ngữ lập trình khác.

o JS còn có thể được gắn trên một số các element hoặc những events của các trang web. o Những website có sử dụng JS thì chúng sẽ giúp cho trang web đó có sự tương tác cũng như tăng thêm nhiều trải nghiệm mới cho người dùng. o Người dùng cũng có thể tận dụng JS với mục đích là để kiểm tra những input thay vì cách kiểm tra thủ công thông qua hoạt động truy xuất database. o Giao diện của ứng dụng phong phú với nhiều thành phần như Drag and Drop, Slider để cung cấp đến cho người dùng một Rich Interface (giao diện giàu tính năng).

6 o Giúp thao tác với người dùng phía Client và tách biệt giữa các Client với nhau.  Nhược điểm: o Một số nhược điểm còn tồn tại. o JS Code Snippet khá lớn. o JS dễ bị các hacker và scammer khai thác hơn.

o JS cũng không có khả năng đa luồng hoặc đa dạng xử lý. o Có thể được dùng để thực thi những mã độc ở trên máy tính của người sử dụng. o Những thiết bị khác nhau có thể sẽ thực hiện JS khác nhau, từ đó dẫn đến sự không đồng nhất. o Vì tính bảo mật và an toàn nên các Client-Side Javascript sẽ không cho phép đọc hoặc ghi các file.

o JS không được hỗ trợ khi bạn sử dụng ở trong tình trạng thiết bị được kết nối mạng.1 ReactJS Hình CHƯƠNG 2: CƠ SỞ LÝ THUYẾT.2 Logo ReactJS ReactJS hay react là một thư viện, được viết bằng JavaScript, dùng để xây dựng giao diện người dùng. Tính đến thời điểm hiện tại, đã có khoảng 1300 developer và hơn 94000 trang web đang sử dụng. ReactJS được hiểu nôm na là một thư viện, có chứa nhiều JavaScript mã nguồn và “cha đẻ” đó chính là Facebook. Mục đích chính đó chính là mỗi website sử dụng reactJS thì phải chạy thật mượt hoặc thật nhanh, có khả năng mở rộng cao và đơn giản thực hiện.

Về cơ bản, các tính năng của reactJS thường xuất phát từ việc tập trung các phần mềm riêng lẻ, cho phép các developer có chức năng phá vỡ giao diện của người dùng từ một cách phức tạp và biến nó trở thành các phần mềm đơn giản. Hiểu đơn giản thì các render dữ liệu không chỉ được thực hiện ở vị trí server mà còn ở vị trí client khi sử dụng reactJS. Hiện nay, reactJS thường được dùng để thiết kế bố cục cho trang web, nhưng hạn chế đó chính là cấu trúc khó. Thay vào đó sử dụng JSX và nhúng vào các đoạn HTML và javascript, bạn sẽ thấy cú pháp dễ hiểu 8 hơn và JSX cũng có thể tối ưu các code khi biên soạn, vừa giúp ích cho người lập trình tiện cho việc biên dịch.

Ưu điểm của ReactJS:  Reactjs cực kì hiệu quả: Reactjs tạo ra cho chính nó DOM ảo – nơi mà các component thực sự tồn tại trên đó. Điều này sẽ giúp cải thiện hiệu suất rất nhiều. Reactjs cũng tính toán những thay đổi nào cần cập nhật len DOM và chỉ thực hiện chúng. Điều này giúp Reactjs tránh những thao tác cần trên DOM mà nhiều chi phí.

 Reactjs giúp việc viết các đoạn code JS dễ dàng hơn: Nó dung cú pháp đặc biệt là JSX (Javascript mở rộng) cho phép ta trộn giữa code HTML và Javascript. Ta có thể them vào các đoạn HTML vào trong hàm render mà không cần phải nối chuỗi. Đây là đặc tính thú vị của Reactjs. Nó sẽ chuyển đổi các đoạn HTML thành các hàm khởi tạo đối tượng HTML bằng bộ biến đổi JSX.

 Nó có nhiều công cụ phát triển: Khi bạn bắt đầu Reactjs, đừng quên cài đặt ứng dụng mở rộng của Chrome dành cho Reactjs. Nó giúp bạn debug code dễ dàng hơn. Sau khi bạn cài đặt ứng dụng này, bạn sẽ có cái nhìn trực tiếp vào virtual DOM như thể bạn đang xem cây DOM thông thường.  Render tầng server: Một trong những vấn đề với các ứng dụng đơn trang là tối ưu SEO và thời gian tải trang.

Nếu tất cả việc xây dựng và hiển thị trang đều thực hiện ở client, thì người dung sẽ phải chờ cho trang được khởi tạo và hiển thị lên. Điều này thực tế là chậm. Hoặc nếu giả sử người dung vô hiệu hóa 9 Javascript thì sao?