Website book tour

TRƯỜNG ĐẠI HỌC SƯ PHẠM – ĐẠI HỌC ĐÀ NẴNG KHOA TIN HỌC BÁO CÁO KHÓA LUẬN TỐT NGHIỆP TÊN ĐỀ TÀI Website Book Tour Giảng viên hướng dẫn : Th.S Phạm Dương Thu Hằng Sinh viên thực : TRẦN VĂN PHÚ Mã số sinh viên : 312022151140 Lớp sinh hoạt : 15CNTT1 Khoa : KHOA TIN HỌC Đà Nẵng, 04/2018 LỜI CẢM ƠN Trong đợt làm khóa luận vừa qua, em nhận hướng dẫn, giúp đỡ động viên tận tình từ nhiều phía Tất điều trở thành động lực lớn giúp em hồn thành tốt đợt thực tập tốt nghiệp Với tất cảm kích trân trọng, em xin gửi lời cảm ơn đến tất người Trước tiên cho em gửi lời cảm ơn đến lãnh đạo trường Đại học Sư Phạm Đà Nẵng, lãnh đạo khoa Tin Học tạo điều kiện tốt để em có mơi trường tốt kiến thức để hồn thành tốt khóa luận Em xin chân thành cảm ơn cô Phạm Dương Thu Hằng thấy cô Khoa Tin Học, Trường Đại học Sư Phạm Đà Nẵng xin cảm ơn q thầy tận tình dậy bảo, giúp đỡ em suốt thời gian em học trường trường thời gian em thực tập vừa qua Xin trận trọng cảm ơn ! Sinh viên thực hiện, Trần Văn Phú NHẬN XÉT CỦA CÁC BỘ HƯỚNG DẪN Đà Nẵng, ngày tháng Cán hướng dẫn năm 2018 NHẬN XÉT CỦA HỘI ĐỒNG PHẢN BIỆN Đà Nẵng, ngày tháng Hội đồng phản biện năm 2018 MỤC LỤC Danh Mục Các Bảng Danh Mục Các Hình Ảnh DANH MỤC CÁC TỪ VIẾT TẮT MỞ ĐẦU Lý chọn đề tài 1.1 Mục tiêu đề tài 1.2 Nhiệm vụ đề tài 1.3 Đối tượng nghiên cứu 1.4 Phạm vi nghiên cứu 1.5 Phương pháp nghiên cứu 1.6 Bố cục đề tài CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 1.1 Giới thiệu ReactJS a)Virtual DOM b)Giới thiệu JSX c)Giới Thiệu Components 10 d)Props Và State 10 1.2 Giới Thiệu Về Redux 10 a)Giới thiệu 10 b)Nguyên lý hoạt động 10 c)Cấu trúc redux 11 d)Redux data follow 12 Trần Văn Phú e)Kết hợp với React 13 1.3 Giới thiệu Python 14 1.4 Giới Thiệu Django REST framework 14 1.5 Giới thiệu MySQL 16 Những lý để sử dụng MySQL 16 CHƯƠNG : PHÂN TÍCH THIẾT KẾ 18 2.1 Khảo sát yêu cầu người dùng 18 2.2 Xác định mục tiêu yêu cầu hệ thống 20 2.3 Xác định tính chính: 20 a)Hiển thị danh sách tour loại tour 20 b)Tìm kiếm tour 20 c)Chức đăng nhập đăng ký 20 d)Đặt Tour 21 e)Tin Tức 21 f)Các chức người quản lý 21 2.4 Phân tích tính 21 2.5 Phân tích thiết kế hệ thống 24 a)Sơ đồ case sử dụng ( Use diagram) 24 b)Đặc tả Use-case 26 2.6 Thiết Kế sở liệu 28 a)Sơ đồ sở liệu 28 b)Cấu trúc ràng buộc 28 CHƯƠNG 3: TRIỂN KHAI VÀ KẾT QUẢ ĐẠT ĐƯỢC 32 Môi trường triển khai 32 Kết triển khai 33 KẾT LUẬN VÀ KIẾN NGHỊ 50 Trần Văn Phú Kết đạt 50 Hạn chế 51 Hướng phát triển 51 TÀI LIỆU THAM KHẢO 51 Danh Mục Các Bảng Bảng 1: Phân tích chức 23 Bảng 2: User Case khách vãng lai 26 Bảng 3:User Case Người Dùng 27 Bảng 4: User Case Admin 28 Bảng 5: Table Tour 29 Bảng 6: Table Tour Details 29 Bảng 7:Table Book Tour 30 Bảng 8:Table User 30 Bảng 9:Table Blog 31 Bảng 10:Table Blog Details 31 Bảng 11:Table Feedback 32 Danh Mục Các Hình Ảnh Hình 1: Cầu trúc redux 11 Hình 2: Cầu trúc reducer 12 Hình 3:Cấu trúc project django 15 Hình 4:Hình Model Django 15 Hình 5: Case sử dụng khách vãng lai 24 Hình 6: Case sử dụng khách hàng 24 Hình 7:Case sử dụng admin 25 Trần Văn Phú Hình 8: Sơ đồ sở liệu 28 Hình 9:Giao Diện Trang Chủ 33 Hình 10:Giao diện trang tour 34 Hình 11:Giao Diện Tour Details 35 Hình 12:Giao diện bình luận tour 36 Hình 13:Giao diện thích viết tour 37 Hình 14:Giao diện đặt tour 38 Hình 15:Giao diện xác nhận đặt tour 39 Hình 16:Giao diện trang About 40 Hình 17:Giao diện hoàn tất đặt tour 41 Hình 18:Giao diện trang blog 42 Hình 19:Giao diện trang Blog Details 43 Hình 20:Giao diện trang contact 44 Hình 21:Giao diện trang đăng nhập 45 Hình 22:Giao diện trang đăng ký 45 Hình 23:Giao diện admin home 46 Hình 24:Giao diện trang admin tour 47 Hình 25:Giao diện trang admin tour add 48 Hình 26:Giao Diện Admin user 49 Hình 27:Giao diện Admin tour detail 50 Trần Văn Phú DANH MỤC CÁC TỪ VIẾT TẮT Ký hiệu STT Tên ký hiệu viết tắt viết tắt REST Representational State Transfer API Application Programming Interface MVC MVC viết tắt Model – View – Controller Là kiến trúc phần mềm hay mơ hình thiết kế sử dụng kỹ thuật phần mềm MySQL Structured Query Language Use case Ca sử dụng Trần Văn Phú MỞ ĐẦU Lý chọn đề tài Ngày nay, Internet (1) trở thành phương tiện giúp việc truyền đạt, trao đổi thông tin, hợp tác, giao lưu… cá nhân, tổ chức quốc gia khắp hành tinh diễn nhanh chóng tiện ích, nơi chia sẻ thơng tin, hình ảnh (cá nhân, tập thể nhóm người đó), tin tức thời người quan tâm với tốc độ tính giây Rất nhiều lĩnh vực kinh tế, xã hội sử dụng Internet giáo dục, y tế, thương mại, ngoại giao…Thậm chí số người cịn tun bố sống họ vô nghĩa khơng có Internet Chúng ta thấy Internet chi phối lĩnh vực, từ bác sĩ, kĩ sư, thầy giáo đến nhân viên làm việc văn phòng Internet thật hỗ trợ nhiều cho công việc đại phận cá thể Đánh vào tâm lí đó, dựa vào internet để tiếp cận với khách hàng cách nhanh chóng Ngành du lịch từ trước đến coi “Ngành du lịch khơng khói” Nó thực ngành kinh tế quan trọng thời đại ngày tạo cơng ăn việc làm cho hàng triệu người lao động, làm tăng nguồn thu nhập quốc dân, phương thức hiệu để phân phối lại thu nhập quốc gia điều chỉnh cán cân thương mại quốc tế Hịa chung xu tồn cầu hóa, hội nhập phát triển với sách mở cửa sách ngoại giao “Việt Nam muốn làm bạn với tất nước giới” làm cho du lịch ngày phát triển Du khách quốc tế đến Việt Nam ngày tăng với nhiều mục đích nghĩ ngơi như: nghĩ ngơi giải trí, tìm hiểu phong tục tập quán, văn hóa, thưởng ngoạn phong cảnh tìm kiếm hội đầu tư kinh doanh Nhìn nhận phát triển ngày mạnh hiệu mà du lịch mang lại cho kinh tế, Việt Nam gần trọng đầu tư phát triển ngành du lịch Vì có nhiều website du lịch đời để phục vụ du lịch lí em làm trang web Trần Văn Phú • Giao diện thích viết tour Hình 13:Giao diện thích viết tour Trần Văn Phú 37 • Giao diện đặt tour Hình 14:Giao diện đặt tour Trần Văn Phú 38 • Giao diện xác nhận đặt tour Hình 15:Giao diện xác nhận đặt tour Trần Văn Phú 39 • Giao diện trang about Hình 16:Giao diện trang About Trần Văn Phú 40 • Giao diện hồn tất đặt tour Hình 17:Giao diện hồn tất đặt tour Trần Văn Phú 41 • Giao diện trang blog Hình 18:Giao diện trang blog Trần Văn Phú 42 • Giao diện trang Blog details Hình 19:Giao diện trang Blog Details Trần Văn Phú 43 • Giao diện trang contact Hình 20:Giao diện trang contact Trần Văn Phú 44 • Giao diện trang đăng nhập Hình 21:Giao diện trang đăng nhập • Giao diện trang đăng ký Hình 22:Giao diện trang đăng ký Trần Văn Phú 45 • Giao diện trang admin trang chủ Hình 23:Giao diện admin home Trần Văn Phú 46 • Trang giao diện admin tour Hình 24:Giao diện trang admin tour Trần Văn Phú 47 Hình 25:Giao diện trang admin tour add Trần Văn Phú 48 • Giao diện trang admin user Hình 26:Giao Diện Admin user Trần Văn Phú 49 • Giao diện trang Admin tour details Hình 27:Giao diện Admin tour detail KẾT LUẬN VÀ KIẾN NGHỊ Kết đạt • Học hỏi nhiều kinh nghiệm cơng việc • Học quy trình xây dựng website với công nghệ ReactJS, Redux thư viện hổ trợ làm cho trang web đẹp hồn thiện • Áp dụng kiến thức học vào việc xây dựng sản phẩm • Nâng cao trách nhiệm cơng việc, tinh thần tự giác, nghiêm túc, • Cải thiện tương đối kỹ đọc – hiểu tiếng Anh • Rút nhiều kinh nghiệm quý báu, học cách tự lập, tự nghiên cứu, kỹ mềm phong cách làm việc môi Trần Văn Phú 50 trường chun nghiệp có nhìn nhận công việc tương lai Hạn chế • Khả làm việc chưa hiệu • Do thời gian có hạn nên chưa nâng cấp phát triển web Hướng phát triển • Sẽ hỗ trợ thêm chức login với facebook, gmail để khác hàng dễ dàng đăng nhập • Liên kết nhà hàng , khách sạn địa điểm du lịch để đưa trang web kiếm tiền từ quảng cáo TÀI LIỆU THAM KHẢO https://reactjs.org/ https://www.django-rest-framework.org/ https://viblo.asia/p/dinh-nghia-ve-component-ojaqG0ddGEKw ĐỊNH NGHĨA MÔ TẢ [1] Internet hệ thống thơng tin tồn cầu truy nhập cơng cộng gồm mạng máy tính liên kết với Trung Quốc, Syria, : s.n., 2018 [2] MySQL hệ quản trị sở liệu tự nguồn mở phổ biến giới nhà phát triển ưa chuộng trình phát triển ứng dụng 2012 [3] Redux js thư viện Javascript giúp tạo thành lớp quản lý trạng thái ứng dụng Trần Văn Phú 51 ... Tên tour price Giá tour total Tổng số lượng người cho tour date Số lượng ngày tour images ảnh đại diện cho tour type _tour Thể loại tour location Vị trí bắt đầu tour date_start Ngày bắt đầu tour. .. book tour name Tên người đặt tour email Email người đặt tour tour Mã tour phone Số điện thoại người đặt tour price Giá tour person Số lượng người tour Bảng 7:Table Book Tour Trên trường Mô tả id... 5: Table Tour Trên trường Mô tả id Mã tour details tour Id tour title Tiêu đề details body Bài viết detail tour Bảng 6: Table Tour Details Trần Văn Phú 29 Trên trường Mô tả id Mã book tour name