ĐẠI HỌC ĐÀ NẴNGKHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNGĐỒ ÁN CƠ SỞ 1Đề tài : Website Đặt phòng khách sạn

ĐẠI HỌC ĐÀ NẴNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG ĐỒ ÁN CƠ SỞ Đề tài : Website Đặt phòng khách sạn Sinh viên thực : Hà Nguyên Vũ Nguyễn Đình Vinh Giảng viên hướng dẫn : TS Nguyễn Đức Hiển Lớp : 19IT3 Đà nẵng, tháng 08 năm 2020 ĐẠI HỌC ĐÀ NẴNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG ĐỒ ÁN CƠ SỞ Đề tài : Website Đặt phòng khách sạn Đà Nẵng, tháng 08 năm 2020 MỞ ĐẦU Sự phát triển công nghệ thông tin World Wide Web năm vừa qua Việt Nam giới đem đến khả tiềm tàng ứng dụng để xây dựng nên hệ thống thương mại điện tử (đang TN bước Việt Nam) Từ dự án lớn mang tầm cỡ quốc gia dự án nhỏ cho cơng ty, xí nghiệp nhằm mục đích như: quảng bá thơng tin sản phẩm dịch vụ, tạo thuận lợi cho khách hàng việc tiếp cận mua sản phẩm… với mục đích cuối lợi nhuận Trong bối cảnh hội nhập kinh tế giới, nhu cầu hợp tác kinh tế, trao đổi giao lưu văn hóa ngày nhiều việc lại, ăn khách nước đến Việt Nam, khách nước tăng lên Một thực tế cho thấy có khó khăn, trở ngại người nước (bao gồm Việt kiều – nước) có ý định đến Việt Nam vấn đề chỗ ở, họ băn khoăn TT việc tìm kiếm đặt chỗ khách sạn mà đáp ứng nhu cầu mình, hệ thống khách sạn nướ ta ngày lớn, đại tiện nghi Với mong muốn tạo hệ thống website cho phép người dùng tìm kiếm thơng tin khách sạn Việt Nam, đồng thời hỗ trợ việc đặt phòng trước qua mạng, chúng em tập trung tìm hiểu thực đề tài “XÂY DỰNG WEBSITE ĐẶT PHỊNG CHO KHÁCH SẠN ” Mặc dù khơng nội dung mẻ (vì có nhiều trang web hỗ trợ dịch vụ như: http://www.hoteltravel.com, http://www.saigon-hotels.net ) đề tài đem đến nhiều lợi ích thiết thực: củng cố phát huy kiến thức học vào ứng dụng thực tế, khả làm việc độc lập với đề án thực sự, thành công góp mặt vào hệ thống website hỗ trợ dịch vụ khách sạn (và mở rộng sang lĩnh vực khác đặt vé máy bay, thuê xe lại ), đồng thời cho khách hàng thêm lựa chọn tin cậy LỜI CẢM ƠN Lời đầu tiên, em xin gửi lời cảm ơn chân thành đến thầy cô Khoa Công nghệ Thông tin & Truyền Thông mang đến cho em thông tin, kiến thức môn Công nghệ Web truyền đạt kiến thức chuyên ngành bổ ích kỹ sống Đặc biệt, em xin cảm ơn tới giảng viên hướng dẫn ThS.Nguyễn Đức Hiển– Giảng viên môn Công nghệ Web nâng cao, Lập trình mạng, Lập trình di động, Khoa Công nghệ Thông tin & Truyền Thông, Trường Đại học Công nghệ Thông tin & Truyền thông Việt Hàn - Đại học Đà Nẵng tận tình hướng dẫn, góp ý theo sát giúp em hồn thành đồ án tốt Cuối cùng, xin chân thành cảm ơn bạn ngành công nghệ thông tin ủng hộ, giúp đỡ, chia sẻ kiến thức, kinh nghiệm giúp chúng tơi q trình nghiên cứu thực đề tài Em xin chân thành cảm ơn! NHẬN XÉT …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… NHẬN XÉT (Của giảng viên hướng dẫn) …… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… ……………………………………………………… …………………………… MỤC LỤC MỞ ĐẦU Chương Giới thiệu Error: Reference source not found 1.1 Tổng quan Error: Reference source not found 1.2 Phương pháp, kết .Error: Reference source not found 1.3 Cấu trúc đồ án Error: Reference source not found Chương Nghiên cứu tổng quan Error: Reference source not found 2.1 Tìm hiểu ngơn ngữ lập trình Error: Reference source not found 2.2 Một số thư viện hỗ trợ Error: Reference source not found Chương Phân tích thiết kế hệ thống Error: Reference source not found 3.1 Chức Error: Reference source not found 3.2 Thiết kế chi tiết Error: Reference source not found Chương 4: Kết luận hướng phát triển Error: Reference source not found 4.1 Kết luận Error: Reference source not found 4.2 Hướng phát triển Error: Reference source not found PHỤ LỤC Error: Reference source not found DANH MỤC CỤM TỪ VIẾT TẮT STT Cụm từ Công nghệ phần mềm Công nghệ thông tin … Viết tắt CNPM CNTT Chương Giới thiệu 1.1 Tổng quan Hiện nhiều khách du lịch mong muốn tìm kiếm khách sạn đảm bảo chỗ thích hợp tiện nghi giá hợp lí đặt phịng trước đến ở.Nắm bắt nhu cầu chúng em thiết kế website cho khách hàng tìm kiếm 1.2 Phương pháp, kết - Tìm hiểu, học tập ngôn ngữ cần thiết để ứng dụng vào thiết kế website: HTML, Bootstrap, CSS, JavaScript - Tìm hiểu ứng dụng cơng nghệ xây dựng BackEnd cho website: React, mongoDB, ExpressJS, NodeJS - Website nhanh hiệu việc quản lý,tìm việc 1.3 Cấu trúc đồ án - Chương Giới thiệu: giới thiệu tổng quan phương pháp cấu trúc đồ án - Chương Nghiên cứu tổng quan: Trình bày phương pháp sử dụng Những hạn chế tồn phương pháp đưa kết luận - Chương Phân tích thiết kế hệ thống: Trình bày chức kết đạt trình xây dựng website - Chương Kết luận hướng phát triển: tổng kết đề tài đưa phương hướng phát triển Chương Nghiên cứu tổng quan 2.1 Tìm hiểu ngơn ngữ lập trình 2.1.1 Cơ sở lý thuyết, ứng dụng: HTML (HyperText Markup Language) – Ngôn ngữ đánh dấu siêu văn sử dụng để tạo tài liệu truy cập mạng Tài liệu HTML tạo nhờ dùng thẻ phần tử HTML File lưu máy chủ dịch vụ web với phần mở rộng “.htm” “.html” Các trình duyệt đọc tập tin HTML hiển thị chúng dạng trang web Các thẻ HTML ẩn đi, hiển thị nội dung văn đối tượng khác: hình ảnh, media Với trình duyệt khác hiển thị tập HTML với kết định Các trang HTML gửi qua mạng internet theo giao thức HTTP HTML cho phép nhúng thêm đối tượng hình ảnh, âm mà cịn cho phép nhúng kịch vào ngôn ngữ kịch Javascript để tạo hiệu ứng động cho trang web Để trình bày trang web hiệu HTML cho phép sử dụng kết hợp với CSS HTML cho phép nhúng thêm đối tượng hình ảnh, âm mà cịn cho phép nhúng kịch vào ngôn ngữ kịch Javascript để tạo hiệu ứng động cho trang web HTML chuẩn ngôn ngữ internet tạo phát triển tổ chức World Wide Web Consortium viết tắc W3C Trước HTML xuất theo chuẩn RFC HTML tương thích với hệ điều hành trình duyệt Khả dễ học, dễ viết ưu điểm HTML việc soạn thảo đòi hỏi đơn giản, dùng word, notepad hay trình soạn thảo văn để viết cần lưu với định dạng “.html “ “.htm” tạo file chứa HTML Hiện nay, phiên HTML HTML5 với nhiều tính ưu việt so với phiên cũ HTML cải tiến nhiều đặc biệt hỗ trợ mạnh mẽ phần tử multimedia mà không cần plugin Một tập tin HTML bao gồm đoạn văn HTML, tạo lên thẻ HTML HTML5 nói chung mạnh mẽ nhiều khơng tốc độ độ thích ứng cao mà khả hỗ trợ API (Application Programming Interface - giao diện lập trình ứng dụng) DOM (Document Object Model – đối tượng thao tác văn bản) 2.1.1 Ngôn ngữ CSS CSS (Cascading Style Sheets) ngơn ngữ quy định cách trình bày cho tài liệu viết HTML, XHTML, XML, SVG, hay UML,…CSS quy định cách hiển thị thẻ HTML cách quy định thuộc tính thẻ (font chữ, kích thước, màu sắc ) CSS có cấu trúc đơn giản sử dụng từ tiếng anh để đặt tên cho thuộc tính CSS sử dụng viết trực tiếp xen lẫn vào mã HTML tham chiếu từ file css riêng biệt Hiện CSS thường viết riêng thành tập tin với mở rộng “.css” Chính mà trang web có sử dụng CSS mã HTML trở nên ngắn gọn Ngồi sử dụng tập tin CSS cho nhiều website tiết kiệm nhiều thời gian công sức Một đặc điểm quan trọng tính kế thừa CSS giảm số lượng dịng code mà đạt yêu cầu Tuy nhiên, CSS trình duyệt hiểu theo kiểu riêng Do vậy, việc trình bày nội dung trình duyệt khác khơng thống CSS cung cấp hàng trăm thuộc tính trình bày dành cho đối tượng với sáng tạo cao kết hợp thuộc tính giúp mang lại hiệu 2.2 Một số thư viện hỗ trợ: 2.2.1 Thư viện Javascript JavaScript ngôn ngữ dạng script thường sử dụng cho việc lập trình web phía client, tn theo chuẩn ECMAScript Là ngôn ngữ linh động, cú pháp dễ sử dụng ngôn ngữ khác dễ dàng lập trình JavaScript khơng liên quan tới ngơn ngữ lập trình java, hầu hết trình duyệt ngày hỗ trợ Với javascript, ứng dụng web bạn trở nên vô sinh động, mang tính trực quan tương tác cao JavaScript theo phiên hành ngơn ngữ lập trình kịch dựa đối tượng phát triển từ ý niệm nguyên mẫu Ngôn ngữ dùng rộng rãi cho trang web, dùng để tạo khả viết script sử dụng đối tượng nằm sẵn ứng dụng Giống Java, JavaScript có cú pháp tương tự ngơn ngữ lập trình C “.js” phần mở rộng thường dùng cho tập tin mã nguồn JavaScript 2.2.2 Thư viện BOOTSTRAP Bootstrap Framework có chứa HTML, CSS, JAVASCRIPT, Framework tiếng việt có nghĩa “khn khổ” giúp tiết kiệm thời gian, công sức việc xây dựng hai teamplate cho giao diện Desktop Mobile lỗi thời thay vào Responsive Responsive giúp website bạn hiển thị tương thích với kích thước hình nhờ bạn tùy chỉnh thị nhiều loại hình khác Ưu điểm Bootstrap: - Tiết kiệm thời gian: Boostrap giúp người thiết kế giao diện website tiết kiệm nhiều thời gian Các thư viện Bootstrap có đoạn mã sẵn sàng cho bạn áp dùng vào website Bạn tốn nhiều thời gian để tự viết code cho giao diện - Tùy biến cao: Bạn hồn tồn dựa vào Bootstrap phát triển tảng giao diện Bootstrap cung cấp cho bạn hệ thống Grid System mặc định bao gồm 12 bột độ rộng 940px Bạn thay đổi, nâng cấp phát triển dựa tảng - Responsive Web Design: Với Bootstrap, việc phát triển giao diện website để phù hợp với đa thiết bị trở nên dễ dàng hết Đây xu hướng phát triển giao diện website ưu chuộng giới 2.2.3 Thư viện JQUERY JQuery thư viện kiểu JavaScript, tạo John Resig vào năm 2006 với phương châm tuyệt vời: Write less, more - Viết hơn, làm nhiều JQuery làm đơn giản hóa việc truyền tải HTML, xử lý kiện, tạo hiệu ứng động tương tác Ajax Với jQuery, khái niệm Rapid Web Development khơng cịn q xa lạ JQuery cơng cụ tiện ích JavaScript làm đơn giản hóa tác vụ đa dạng với việc viết code Dưới liệt kê số tính tối quan trọng hỗ trợ jQuery: - Thao tác DOM − jQuery giúp dễ dàng lựa chọn phần tử DOM để traverse (duyệt) cách dễ dàng sử dụng CSS, chỉnh sửa nội dung chúng sử dụng phương tiện Selector mã nguồn mở, mà gọi Sizzle - Xử lý kiện − jQuery giúp tương tác với người dùng tốt việc xử lý kiện đa dạng mà không làm cho HTML code rối tung lên với Event Handler - Hỗ trợ AJAX − jQuery giúp bạn nhiều để phát triển site giàu tính phản hồi tốt sử dụng công nghệ AJAX - Hiệu ứng − jQuery kèm với nhiều hiệu ứng đa dạng đẹp mắt mà bạn sử dụng Website - Gọn nhẹ − jQuery thư viện gọn nhẹ - có kích cỡ khoảng 19KB (gzipped) - Được hỗ trợ hầu hết trình duyệt đại − jQuery hỗ trợ hầu hết trình duyệt đại, làm việc tốt IE 6.0+, FF 2.0+, Safari 3.0+, Chrome Opera 9.0+ - Cập nhật hỗ trợ công nghệ − jQuery hỗ trợ CSS3 Selector cú pháp XPath Chương Phân tích thiết kế hệ thống 3.1 Chức năng:  Người dùng : - Đăng ký tài khoản - Đăng nhập - Đăng ký phòng  Người quản trị : - Đăng nhập tài khoản - Quản lí viết, bình luận - Quản lí người dùng - Quản lí lượt xem trang web 3.2 Các thức hoạt động : - Khi đăng nhập, hệ thống nhận liệu vào Username, Password Xử lý : + Nếu Username password => Đăng nhập thành công + Nếu sai báo lỗi không đăng nhập thành công 3.3 Thiết kế chi tiết :  Màu sắc: trắng xanh hai màu chủ đạo  Giao diện đơn giản đầy đủ chức năng, giúp người dùng dễ dàng sử dụng a Trang chủ : b Đăng ký : c Đăng nhập : d Thông tin e.Giới thiệu -Video giới thiệu khách sạn: f Bản đồ khách sạn g Đặt phịng h.Đóng góp ý kiến: Chương 4.1 Kết luận Hướng phát triển Kết luận: - Nắm kiến thức về: lập trình website FrontEnd BackEnd, phân tích thiết kế hệ thống - Xây dựng website kinh doanh khóa học online - Nâng cao khả tự học tự nghiên cứu - Ứng dụng thân thiện, thuận tiện cho người dùng - Giao diện đẹp dễ sử dụng - Có bố cục rõ rang 4.2 Hướng phát triển: Thường xuyên kiểm tra, sửa chữa, phát vấn đề phải giải nhanh chóng Cập nhật nhiều tính hỗ trợ người dùng Tìm hiểu sâu cách ứng dụng ngôn ngữ, công cụ thiết kế website để nâng cao mức độ hoàn thiện website