ĐẠI HỌC ĐÀ NẴNGKHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNGĐỒ ÁN CƠ SỞ 1/BÁO CÁOTHỰC TẬP DOANH NGHIỆP….ĐỀ TÀI: WEB MotelRoom

ĐẠI HỌC ĐÀ NẴNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG ĐỒ ÁN CƠ SỞ 1/BÁO CÁO THỰC TẬP DOANH NGHIỆP… ĐỀ TÀI: WEB Sinh viên thực Lớp MotelRoom : Trần Ngọc Thành : 19IT2 Đà nẵng, tháng 07 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: WEB MotelRoom Đà Nẵng, tháng 07 năm 2020 MỞ ĐẦU Ngày nay, với phát triển mạnh mẽ khoa học công nghệ, Công nghệ Thông tin ngành có vị dẫn đầu có vai trị lớn phát triển chung Các ứng dụng cơng nghệ thơng tin áp dụng lĩnh vực nghiên cứu khoa học lĩnh vực đời sống Là phần Công nghệ Thông tin, Công nghệ web có phát triển mạnh mẽ phổ biến nhanh lợi ích mà mang lại cho cộng đồng lớn Cuộc sống người ngày phát triển, nhu cầu tìm khách sạn tốt cho chuyến nghĩ dưỡng thân gia đình, sinh viên tìm phịng trọ dành riêng cho căng theo Mọi người sẵn sàng chi số tiền khơng nhỏ để tìm kiếm nơi phù hợp cho Bằng việc lựa chọn thực đề tài “Xây đựng WEB MotelRoom” em muốn tìm hiểu đưa giải pháp tốt nhằm giải việc vấn đề LỜI CẢM ƠN Trước tiên em xin gửi lời cảm ơn chân thành sâu sắc tới thầy cô giáo Khoa Công nghệ thông tin & truyền thông Đại học Đà Nẵng tận tình giảng dạy, truyền đạt cho em kiến thức, kinh nghiệm quý báu suốt thời gian bốn năm học vừa qua Đặc biệt em xin gửi lời cảm ơn đến THS.NGUYỄN LÊ TÙNG KHÁNH tận tình giúp đỡ, trực tiếp bảo, huớng dẫn em suốt trình thực học phần Dự án Trong thời gian làm việc, em không ngừng tiếp thu thêm nhiều kiến thức bổ ích mà cịn học tập tinh thần làm việc, thái độ nghiên cứu khoa học nghiêm túc, hiệu quả, điều cần thiết cho em q trình học tập cơng tác sau Một lần nữa, 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 Trang Chương 1: Giới thiệu .11 1.1 Tổng quan 11 1.1.1 Bối cảnh thực đề tài 11 1.1.2 Vấn đề cần giải 12 1.1.3 Đề xuất nôi dung thực 12 1.2 Phương pháp, kết .12 1.2.1 Trình bày phương pháp triển khai thực đề tài .12 1.2.2 Đặc điểm 13 1.2.3 Chức 13 1.2.4 Ưu điểm .13 1.2.5 Nhược điểm 13 1.3 Cấu trúc đồ án 13 1.4 Kết .13 1.4.1 Đặc điểm 13 1.2.2 Chức 13 Chương 2: Phân tích thiết kế hệ thống 14 2.1 Mô hình tổng quan hệ thống nghiên cứu 14 2.1.1 Khảo sát đặc tả yêu cầu 14 2.1.1.1 Giao diện người dùng 14 2.1.1.2 Các yêu cầu phi chức 14 2.1.1.3 Các chức hệ thống 14 2.1.1.4 Chức người dùng 15 2.1.2 Chi tiết hệ thống usecase khách hàng 15 2.2 Thiết kế chi tiết 16 Chương 3: Triển khai xây dựng 17 3.1 Sơ lược web site tìm kiếm khách sạn phịng trọ 17 3.1.1 Trang chủ 17 3.1.2 Khách Sạn 18 3.1.3 Phòng Trọ 18 3.1.4 Nhận Xét 19 3.1.5 Câu Hỏi 19 3.1.6 Liên Hệ .20 3.1.7 Đăng nhập/Đăng Ký 20 3.2 Kế hoạch thực 21 Chương 4: Kết luận hướng phát triển .23 4.1 Kết luận 23 4.2 Hướng phát triển .23 Tài liệu tham khảo .24 DANH MỤC CÁC BẢNG Trang Bảng 2.1 Các yêu cầu phi chức ứng dụng 14 Bảng 2.2 Bảng chức người dùng 15 Bảng 3.1 Kế hoạch xay dựng trang Web 21 DANH MỤC HÌNH Trang Ảnh 1.1: Giao diện trang chủ MotelRoom 11 Ảnh 2.2: Sơ đồ hệ thống usecase .15 Ảnh 3.1: Giao diện trang chủ .18 Ảnh 3.2: Tìm kiếm khách san 18 Ảnh 3.3: Tìm kiếm phòng trọ .19 Ảnh 3.4: Nhận xét khách hàng 19 Ảnh 3.5: Các câu hỏi thường gặp .20 Ảnh 3.6: Liên hệ với 20 Ảnh 3.7: Trang đăng nhập 21 Ảnh 3.8: Trang đăng ký .21 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 1.1.1 Bối cảnh thực đề tài Cuộc sống ngày phát triển, nhu cầu tìm khách sạn cho chuyến nghĩ dưỡng hay tìm cho phịng trọ thật tốt tăng theo Một số người sẵn sàng chi đến vài triệu đồng để tìm cho nơi ưng ý Cùng với phát triển xã hội loài người, cách mạng khoa học cơng nghệ luồng gió thổi vào làm lay động nhiều lĩnh vực sống Hơn hết người đứng trước diễn biến to lớn, phức tạp lịch sử xã hội khoa học kỹ thuật Trong thời đại ngày nay, phát triển công nghệ , đặc biệt cơng nghệ thơng tin, xóa rào cản không gian địa lý Các phương tiện truyền thơng tin tivi, báo chí ngày thu hút khán giả Thay vào website trực tuyến lại ngày lên phương thức giúp nguời tìm hiểu kiến thức cần biết Một số trang web lớn: https://booking.com Ảnh 1.1:Giao diện trang chủ booking Chức năng: Về giao diện:  Giới thiệu chức webstie  Quảng cáo  Liên hệ tư vấn o Ưu điểm:  Giao diện website hội tụ đủ yếu tố độc đáo, tinh tế đại  Hình ảnh sống động sắc nét  Tốc độ tải trang cực nhanh chưa đến 3s với chế cache đa tầng  Website tương thích thiết bị di động phổ biến thị trường  Website thiết kế dễ sử dụng, tiện nâng cấp tương lai  Website tích hợp chế bảo mật lớp cực an toàn  Có hệ thống tư vấn trực tiếp dễ dàng giải thắc mắc cho khách hàng o Nhược điểm:  Chưa có nhiều tương tác khách hàng nhà quản  Chưa đa dạng loại dịch vụ 1.1.2Vấn đề cần giải - Giúp người dễ dàng tìm kiếm khách sạn phịng trọ 1.1.3Đề xuất nội dung thực - Xây dựng website tìm kiếm khách sạn phòng trọ thiết thực nhằm giúp khách hàng dễ dàng tiếp cận nhà quản trị thực tốt cơng việc - Xây dựng Website có tốc độ tải trang nhanh chóng hạn chế thủ tục rờm rà tốn thời gian - Website đảm bảo bảo mật thông tin cá nhân khách hàng - Xây dựng Website công khai minh bạch nhằm đem lại tin cậy cho khách hàng 1.2 Phương pháp, kết 1.2.1 Trình bày phương pháp triển khai thực đề tài - Xây dụng website dựa kiến thức học ngôn ngữ HTML - Tham khảo, tiếp thu ý kiến, kiện từ giáo viên hướng dẫn - Tìm hiểu website tương tự để rút lĩnh vực cịn thiếu sót để bổ sung khắc phục điểm hạn chế website khác 1.2.2 Đặc điểm - Nội dung trực quan - Thiết kế website đa dụng - Đa dạng lựa chọn cho khác hàng 1.2.3 Chức năng: Về giao diện - Giới thiệu khách sạn phòng trọ tiêu biểu - Thanh tìm kiếm - Gallery - hình ảnh chân thực khách sạn phòng trọ - Nhận xét câu hỏi khách hàng - Và số chức đặc thù riêng web tìm kiếm 1.2.4 Ưu điểm - Giao diện website hội tụ đủ yếu tố độc đáo, tinh tế đại - Hình ảnh sống động sắc nét - Tốc độ tải trang cực nhanh - Website tương thích thiết bị di động phổ biến thị trường - Website thiết kế dễ sử dụng, tiện nâng cấp tương lai 1.2.5 Nhược điểm Chưa hoàn toàn đầy đủ chức website lớn 1.3 Cấu trúc đồ án - Chương 1: Tổng quan Chương 2: Phân tích thiết kế hệ thống Chương 3: Demo sản phẩm Chương 4: Tổng kết 1.4 Kết 1.4.1 Đặc điểm - Website ưu việt với thiết kế hấp dẫn, dễ nhìn sử dụng - Thiết kế đơn giản đầy đủ chức 1.4.2 Chức - Tìm kiếm khách sạn phịng trọ - Giúp người giải đáp thắc mắc thông qua mục câu hỏi Chương 2.1 Phân tích thiết kế hệ thống Mơ hình tổng quan hệ thống nghiên cứu 2.1.1 Khảo sát đặc tả yêu cầu 2.1.1.1 Giao diện người dùng - Website không nên phức tạp - Dung lượng file không lớn - Thanh menu thật đơn giản - Phải có thơng tin liên hệ - Font chữ đơn giản, dễ nhìn, màu sắc hài hịa - An toàn bảo mật liệu - Kiểm tra website có tương thích với trình duyệt phổ biến hay không - Cho phép khách hàng xem thông tin chi tiết, tìm kiếm tin tức mà khách hàng quan tâm - Cho phép khách hàng xem cá trang nhận xét, câu hỏi mà không cần đăng ký thành viên - Cho phép liên hệ với người quản trị 2.1.1.2 Các yêu cầu phi chức Bảng 2.1 - Các yêu cầu phi chức ứng dụng Mục Tên yêu cầu Mô tả yêu cầu Giao diện Giao diện hệ thống phải dễ sử dụng, trực quan, thân thiện với người dùng Tốc độ xử lý Hệ thống phải xử lý nhanh chóng xác Bảo mật Tương thích Tính bảo mật độ an tồn cao Tương thích với đa phần trình duyệt web 2.1.1.3 Các chức hệ thống - Hiển thị danh mục khách sạn phịng trọ - Hiển thị thơng tin khách sạn phịng trọ (hình ảnh, viết liên quan ) - Giới thiệu trang web - Hiển thị danh sách nhận xét, câu hỏi - Cho phép đăng ký, đăng nhập tài khoản - Người dùng xem thông tin từ trang web 2.1.1.4 Chức người dùng Bảng 2.2 - Bảng chức người dùng Mục Tên chức Mô tả Khách hàng thực thao tác đăng ký để trở Tạo tài thành nhân viên thuận tiện cho việc mua sản phẩm khoản hưởng khuyến mại công ty Quản lý thông tin Khách hàng thay đổi thơng tin tài khoản tài khoản ,thay đổi mật , địa , thông tin liên lạc Thực đăng nhập vào hệ thông, bắt buộc phải Đăng nhập nhập user password Kiểm tra hợp lệ trùng với liệu có sẵn hệ thống cho phép đăng nhập Tìm kiếm, nhanh thơng tin khách sạn phịng Tìm kiếm thơng trọ, dựa vào tiêu chí tìm kiếm website tìm tin theo tên khách sạn phòng trọ… 2.1.2 Chi tiết hệ thống usecase khách hàng Ảnh 2.1: Sơ đồ hệ thống usecase 2.2 Thiết kế chi tiết - Ðể tạo Website có chất lượng địi hỏi có nghiên cứu kỹ Web, phải biết làm khơng nên làm để đưa tất ý tưởng vào việc xây dựng Website Ðể tạo Website cần phải theo làm theo bước sau đây: Bước 1: Ðây giai đoạn định hướng Cần phải nghiên cứu đến vấn đề sau đây: - Những ý tưởng tổng quan - Mục đích cần đạt tới website - Ðối tượng cần nhắm tới - Thơng tin có tay sử dụng chúng Bước 2: Sau xác định điểm ta sẽ: - Tiến hành tổ chức phần mục thông tin có site Tạo nhánh,các tiêu đề tiêu để phụ để tìm kiếm thơng tin hữu ích cách dễ dàng để khơng lãng phí thời gian thơng tin mà ta khơng quan tâm - Lựa chọn từ khố thích hợp để thuận tiện cho việc tìm kiếm sử dụng dịch vụ tìm kiếm Bước - Lựa chọn hình ảnh đưa lên site từ thư viện điện tử từ đĩa CDROM.Ðó hình ảnh sản phẩm, văn phịng làm việc, chun gia cơng ty - Chuyển đổi hình ảnh đến vị trí thích hợp có chỉnh sửa mầu sắc kích cỡ cho phù hợp Bước 4: - Khi có khung ta bắt đầu chuẩn bị tạo website việc sử dụng ngôn ngữ siêu văn (HTML) Tiến hành chuyển đổi văn text tới HTML mà làm World, Netscape, Homesite vài gói thơng tin lựa chọn khác Chúng ta có vài chương trình phần mềm thuận tiện cho người sử dụng mà chuyển đổi cách tự động từ dạng text thành ngơn ngữ HTML mà khơng cần biết chút HTML Ví dụ Frontpage - Ta tự thiết kế website tham gia vào khoá đào tạo thiết kế web thuê chuyên gia bên thiết kế web Bước 5: - Lựa chọn nhà cung cấp dịch vụ Internet để đưa website lên Internet Bước 6: - Quảng cáo khuyếch trương website khách hàng mục tiêu Có thể thực điều thông qua phương pháp truyền thống gửi thư, truyền thanh, truyền có biển hiệu quảng cáo - Một điều quan trọng thơng qua cơng cụ tìm kiếm tiện ích (Lycos, AltaVista, Google ) để đảm bảo website phải thật bật Ðây việc tốn nhiều thời gian - Một điều quan trọng thông tin phải cập nhật hàng ngày Chương 3: Triển khai xây dựng 3.1 Sơ lược website MotelRoom 3.1.1 Trang chủ - Giới thiệu tổng quan khách sạn phịng trọ - Thanh tìm kiếm - Thông tin liên hệ - Bộ sưu tập Ảnh 3.1: Giao diện trang chủ 3.1.2 Khách Sạn Ảnh 3.2: Tìm kiếm khách sạn 3.1.3 Phịng Trọ Ảnh 3.3: Tìm kiếm phòng trọ 3.1.4 Nhận xét - Xứ mạnh chúng stooi - Nhận xét khách hàng Ảnh 3.4: Trang nhận xét khách hàng 3.1.5 Câu hỏi thường gặp Ảnh 3.5: Trang câu hỏi 3.1.6 Liên Hệ với Ảnh 3.6: Trang liên hệ 3.1.7 Đăng nhập/Đăng ký Ảnh 3.6: Trang đăng nhập Ảnh 3.7: Trang đăng kí 3.2 Kế thoạch thực Bảng 3.1:Kế hoạch xây dựng trang Web Thời gian Nội dung thực Tuần đến tuần Xây dựng giao diện web powerpoint Tìm hiểu thêm kiến thức trang web tìm kiếm phịng trọ khách sạn Tuần đến tuần Các tuần Học thêm kiến thức HTML, CSS, Javascript Làm source code web Chương 4: Kết luận Hướng phát triển 4.1 Kết luận - Đồ án xây dựng trang Web MotelRoom HTML Qua trình thực đồ án, em tổng hợp lại kiến thức thời gian học nhà Trường Đồng thời em tìm hiểu nắm quy trình cài đặt ứng dụng HTML chủ động việc tìm kiếm thông tin để phục vụ công việc 4.2 Hướng phát triển - - Hướng phát triển website tiến đến trang web giúp người dễ dàng tìm kiếm khách sạn phịng trọ Nhưng chưa có kết nối sở liệu nên chức Website cịn hạn chế Mục đích Website phục vụ việc quảng cáo Từ đó, bên cạnh việc thương mại vấn đề cần phải tập trung thu hút khách hàng liên hệ Do thời gian sau cần bổ sung thêm kết nối database Bổ sung thêm chức kiểm kê: Thống kê lần truy cập database, thông kê số người truy cập tự động, thống kê user Mặc dù cố gắng hoàn chỉnh yêu cầu báo cáo cịn nhiều thiếu sót mong nhận bảo hướng dẫn Thầy Nguyễn Lê Tùng Khánh giúp đỡ xem xét, đề xuất thêm ý kiến bổ sung vấn đề phục vụ cho việc xây dựng Website để em hồn chỉnh Em xin cảm ơn thầy TÀI LIỆU THAM KHẢO Hướng dẫn cài đặt giao diện: https://www.free-css.com/ https://freehtml5.co/ Hướng dẫn cài đặt chức phóng to ảnh: https://www.w3schools.com/howto/howto_css_modal_images.asp Hướng dẫn cài đặt chức tìm kiếm : https://www.w3schools.com/jquery/jquery_filters.asp Hướng dẫn cài đặt load trang ajax : https://www.w3schools.com/js/js_ajax_intro.asp