Xây dựng trang web clement hotel booking and management

TRƯỜNG ĐẠI HỌC KINH TẾ KHOA THỐNG KÊ – TIN HỌC BÁO CÁO THỰC TẬP NGHỀ NGHIỆP NGÀNH HỆ THỐNG THÔNG TIN QUẢN LÝ CHUYÊN NGÀNH TIN HỌC QUẢN LÝ XÂY DỰNG TRANG WEB CLEMENT HOTEL BOOKING AND MANAGEMENT Đơn vị thực tập : TMA Solutions Bình Định Giảng viên hướng dẫn : Th.S Nguyễn Thành Thủy LỜI CẢM ƠN Em xin gửi lời cảm ơn đến quý Thầy Cô Khoa Thống kê – Tin học trường Đại học Kinh tế - Đại học Đà Nẵng tạo điều kiện cho chúng em có tập nghề nghiệp để chúng em học hỏi thêm kiến thức lĩnh vực hướng tới hết chúng em có hội cọ xát, thích ứng mơi trường làm việc ngành chọn Và em gửi lời cảm ơn đặc biệt tới thầy Nguyễn Thành Thủy giúp em hồn thành tốt báo cáo Khơng thể khơng nhắc đến q cơng ty TMA Solotions Bình Định, em biết ơn công ty tạo môi trường tốt cho thực tập sinh tới làm việc, ban lãnh đạo phòng ban công ty tiếp nhận giúp đỡ em nhiệt tình Đặc biệt anh Đỗ Minh Tuấn – mentor với nhiệt tình hướng dẫn, giải đáp thắc mắc giúp em có nhìn sâu kiến thức chun mơn Trong suốt q trình thực tập, trình làm báo cáo thực tập này, khả nghiên cứu kinh nghiệp thực tế cịn hạn chế nên khơng tránh khỏi thiếu sót Em mong nhận đóng góp, cảm thông từ quý thầy cô, quý cơng ty để em có điều kiện khắc phục sửa chữa từ cố gắng trau dồi hồn thiện cho việc học tập công việc sau Lời cuối em xin chân thành cảm ơn! i LỜI CAM ĐOAN Em xin cam đoan đề tài “Xây dựng trang web Clement Hotel booking and management” kết thực em members team nghiên cứu thực suốt trình thực tập cơng ty TMA Solotions Bình Định dựa tài liệu cung cấp hướng dấn thầy Nguyễn Thành Thuỷ mentor Đỗ Minh Tuấn, khơng chép lại điều người khác.Tất tài liệu tham khảo, tổng hợp trích dẫn rõ ràng nguồn thơng tin mục tài liệu tham khảo Em xin hoàn toàn chịu trách nhiệm lời cam đoan Nếu có điều sai trái, em xin chịu hồn tồn trách nhiệm, kỷ luật môn nhà trường đề ii MỤC LỤC LỜI CẢM ƠN iii LỜI CAM ĐOAN iv MỤC LỤC v DANH MỤC HÌNH ẢNH vii DANH MỤC BẢNG BIỂU .viii DANH MỤC CÁC TỪ VIẾT TẮT ix LỜI MỞ ĐẦU .1 CHƯƠNG TỔNG QUAN VỀ CÔNG TY TMA BÌNH ĐỊNH SOLUTIONS VÀ CƠ SỞ LÝ THUYẾT 1.1 Tổng quan công ty 1.1.1 Thông tin công ty 1.1.2 Tầm nhìn sứ mệnh 1.2 Tổng quan vị trí Front – End Developer 1.3 Cài đặt công cụ : Visual Studio Code .5 1.4 HTML-CSS .6 1.5 Git 1.6 JavaScript 1.7 ReactJS Basic 1.8 Redux 11 CHƯƠNG 2: TRIỂN KHAI DỰ ÁN XÂY DỰNG “CLEMENT HOTEL BOOKING AND MANAGEMENT” .12 2.1 Phân tích yêu cầu hệ thống .12 2.1.1 Yêu cầu chức hệ thống 12 2.2 Phân tích hệ thống 13 iii 2.2.1 Các tác nhân 13 2.2.2 Use case 14 2.3 Thiết kế dự án .14 2.3.1 Xây dựng công việc .14 2.3.2 Quy trình thiết kế giao diện Web ngơn ngữ lập trình 16 2.3.3 Thiết kế giao diện 17 CHƯƠNG KẾT QUẢ DỰ KIẾN ĐẠT ĐƯỢC 32 3.1 Kết đạt .32 3.1.1 Ưu điểm .32 3.1.2 Hạn chế 33 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 33 TÀI LIỆU THAM KHẢO 37 iv DANH MỤC HÌNH ẢNH Hình 1.1 Logo TMA Bình Định Hình Logo cơng cụ Visual Studio Code .6 Hình Git .8 Hình Logo ReactJS .10 Hình Logo Redux .11 Hình Use Case 15 Hình 2 Trello 16 Hình GitHub .16 Hình Các Components có dự án 17 Hình Các Pages dự án .18 Hình Redux dự án .18 Hình Trang chủ 20 Hình Trang Rooms .22 Hình Trang Restaurant .24 Hình 10 Trang Explore 26 Hình 11 Trang Gallery 28 Hình 12 Trang Booking 30 Hình 13 Trang cart 31 Hình 14 Trang đăng ký 32 Hình 15 Trang đăng nhập 33 v DANH MỤC BẢNG BIỂU Bảng Bảng yêu cầu chức hệ thống 12 Bảng Bảng tác nhân 13 Bảng Bảng phân công công việc 37 vi DANH MỤC CÁC TỪ VIẾT TẮT HTML CSS JS … : HyperText Markup Language : Cascading Style Sheets : JavaScript vii LỜI MỞ ĐẦU Lý chọn đề tài - Nhận thấy nhu cầu du lịch khám phá địa điểm người ngày tăng cao Họ mong muốn tìm kiếm khách sạn đảm bảo nơi lưu trú để có trải nghiệm tốt cho chuyến khám phá - Chúng em chọn đề tài “Clement Hotel booking and management”, để xây dựng trang web booking quản lý khách sạn lợi ích trang web mang tới là: + Tiết kiệm thời gian khách hàng: Khách hàng đặt phịng khách sạn Clement cách nhanh chóng lựa chọn phịng phù hợp dù có đâu, lúc Điều giúp tăng cường trải nghiệm đặt phịng dễ dàng nhanh chóng + Tiết kiệm thời gian quản lý: Quản lý khách sạn dễ dàng quản lý thông tin liên quan đến khách sạn cách hiệu Trang web hiển thị lịch book phịng khách, thơng tin phòng, giá cả, dịch vụ kèm thông tin khác liên quan đến khách sạn, giúp quản lý đơn đặt phịng tốn cách nhanh chóng xác +Giảm thiểu sai sót: Việc quản lý thơng tin trang web giúp giảm thiểu sai sót việc ghi nhận thơng tin đặt phịng, tốn dịch vụ khách hàng + Tăng tính chun nghiệp: Trang web book phịng khách sạn tạo ấn tượng chuyên nghiệp đại cho khách hàng, giúp tăng độ tin cậy hài lòng khách hàng + Tăng doanh thu: Việc đặt phòng trực tuyến giúp khách sạn thu nhiều đơn đặt phịng hơn, từ tăng doanh thu lợi nhuận khách sạn - Từ lợi ích đưa trang web mang tới chúng em lựa chọn đề tài “Xây dựng trang web Clement Hotel booking and management” để thực báo cáo lần Mục tiêu nghiên cứu đề tài - Tạo trang giới thiệu quảng bá khách sạn Clement Trang booking giúp khách hàng xem, tham khảo phòng khách sạn để có lựa chọn phù hợp nhanh chóng Trang web bao gồm hình ảnh phịng, số thơng tin phịng như: nội thất có phòng, phòng dành cho người, giá cả,…đặc biệt quy trình đặt phịng trực tuyến đơn giản, dễ thực chắn thuyết phục khách hàng đặt phịng - Ngồi cịn trang quản lý giúp viêc quản lý khách sạn tiên lợi hết cần nhập role admin quản lý nhanh chóng nắm bắt đầy đủ, chi tiết thông tin đăng ký, đặt phòng khách hàng thơng tin phịng khách sạn - Mục tiêu đề tài " Clement Hotel booking and management" xây dựng tảng đáp ứng nhu cầu khách hàng góp phần giúp doanh nghiệp tiếp cận khách hàng, mở rộng thị trường nâng cao hiệu suất kinh doanh Đối tượng phạm vi nghiên cứu a) Đối tượng: - Khách hàng: Đối tượng đề tài xây dựng website Clement Hotel booking and management khách hàng tiềm năng, người có nhu cầu tìm kiếm đặt phịng khách sạn trực tuyến - Nhà quản lý website: Những người quản lý điều hành website Clement Hotel booking and management, bao gồm người có trách nhiệm thiết kế giao diện, quản lý nội dung, hoạt động liên quan đến đặt phòng trả phòng website b) Phạm vi nghiên cứu: