TRƯ Ờ NG Đ Ạ I H Ọ C NAM C Ầ N THƠ KHOA CÔNG NGH Ệ THÔNG TIN C AO HOÀNG NHU THI Ế T K Ế WEBSITE GI Ớ I THI Ệ U DU L Ị CH T Ỉ NH H Ậ U GIANG BÁO CÁO Đ Ồ ÁN TH Ự C T Ậ P T Ố T NGHI Ệ P N GÀNH : CÔNG NGH Ệ THÔNG TIN Mã s ố ngành: 7480201 C ầ n Thơ, 0 5 /2022 TRƯ Ờ NG Đ Ạ I H Ọ C NAM C Ầ N THƠ KHOA CÔNG NGH Ệ THÔNG TIN CAO HOÀNG NHU M S SV:180631 THI Ế T K Ế WEBSITE GI Ớ I THI Ệ U DU L Ị CH T Ỉ NH H Ậ U GIANG BÁO CÁO Đ Ồ ÁN TH Ự C T Ậ P T Ố T NGHI Ệ P NGÀNH: CÔNG NGH Ệ THÔNG TIN Mã s ố ngành: 7480201 CÁN B Ộ HƯ Ớ NG D Ẫ N Th s VÕ VĂN PHÚC C ầ n Thơ, 0 5 /202 2 i CH Ấ P THU Ậ N C Ủ A H Ộ I Đ Ồ NG Khóa lu ậ n “ Th ự c t ậ p t ố t nghi ệ p ”, do sinh viên Cao Hoàng Nhu th ự c hi ệ n dư ớ i s ự hư ớ ng d ẫ n c ủ a Th s Võ Văn Phúc Khóa lu ậ n này đã báo cáo và đư ợ c H ộ i đ ồ ng ch ấ m khóa lu ậ n thông qua ngày……………… Ủ y viên (Ký tên) -------------------------------------- GHI CH Ứ C DANH, H Ọ , TÊN Thư ký (Ký tên) -------------------------------------- GHI CH Ứ C DANH, H Ọ , TÊN Ph ả n bi ệ n 1 (Ký tên) -------------------------------------- GHI CH Ứ C DANH, H Ọ , TÊN Ph ả n bi ệ n 2 (Ký tên) -------------------------------------- GHI CH Ứ C DANH, H Ọ , TÊN Cán b ộ hư ớ ng d ẫ n (Ký tên) -------------------------------------- GHI CH Ứ C DANH, H Ọ , TÊN Ch ủ t ị ch H ộ i đ ồ ng (Ký tên) -------------------------------------- GHI CH Ứ C DANH, H Ọ , TÊN ii L Ờ I C Ả M T Ạ Đ ể có ki ế n th ứ c và k ế t qu ả th ự c t ế ngày hôm nay, trư ớ c h ế t em xin chân thành c ả m ơn các Th ầ y Cô trong khoa Công ngh ệ thông tin trư ờ ng Đ ạ i h ọ c Nam C ầ n Thơ đã gi ả ng d ạ y và trang b ị cho em nh ữ ng ki ế n th ứ c k ỹ năng cơ b ả n Bên c ạ nh đó, em xin g ử i l ờ i cám ơn chân thành đ ế n ban lãnh đ ạ o và t ậ p th ể công ch ứ c viên ch ứ c S ở Văn hóa, Th ể thao và Du l ị ch t ỉ nh H ậ u Giang - anh Nguyên đã nhi ệ t tình giúp đ ỡ , chia s ẻ kinh nghi ệ m và t ạ o m ọ i đi ề u ki ệ n thu ậ n l ợ i giúp em hoàn thành t ố t đ ồ án th ự c t ậ p c ủ a mình Em cũng xin g ử i l ờ i c ả m ơn đ ế n Th ầ y Võ Văn Phúc đã t ậ n tình ch ỉ d ạ y và truy ề n đ ạ t cho em nh ữ ng kinh nghi ệ m cũng như nh ữ ng ki ế n th ứ c quý báu trong su ố t th ờ i gian th ự c t ậ p và th ự c hi ệ n đ ồ án th ự c t ậ p v ừ a qua V ớ i th ờ i gian th ự c t ậ p còn h ạ n ch ế và s ự hi ể u bi ế t th ự c t ế còn nhi ề u b ỡ ng ỡ nên bài báo cáo c ủ a em s ẽ không tránh kh ỏ i nh ữ ng thi ế u sót Nên em mong nh ậ n đư ợ c ý ki ế n đóng góp đ ể em có th ể đúc k ế t đư ợ c nhi ề u bài h ọ c và kinh nghi ệ m cho b ả n thân, t ừ đó giúp ích đư ợ c nhi ề u cho em khi chính th ứ c bư ớ c vào môi trư ờ ng làm vi ệ c Cu ố i cùng, em xin g ử i đ ế n quý Th ầ y Cô l ờ i chúc s ứ c kh ỏ e và thành công trong s ự nghi ệ p gi ả ng d ạ y, kính c húc quý lãnh đ ạ o S ở Văn hóa, Th ể thao và Du l ị ch t ỉ nh H ậ u Giang và các anh ch ị em trong S ở luôn d ồ i dào s ứ c kh ỏ e, đ ạ t đư ợ c nhi ề u thành công t ố t đ ẹ p C ầ n Thơ, ngày… t háng … năm… Ngư ờ i th ự c hi ệ n Cao Hoàng Nhu iii NH Ậ N XÉT C Ủ A GI Ả NG VIÊN HƯ Ớ NG D Ẫ N C ầ n Thơ, ngày… tháng… năm… Gi ả ng viên hư ớ ng d ẫ n Th s Võ Văn Phúc iv NH Ậ N XÉT C Ủ A GI Ả NG VIÊN PH Ả N BI Ệ N C ầ n Thơ, ngày… tháng… năm…… Gi ả ng viên ph ả n bi ệ n Th s Bùi Th ị Di ễ m Trinh v TRANG CAM K Ế T Tôi xin cam k ế t khóa lu ậ n này đư ợ c hoàn thành d ự a trên các k ế t qu ả nghiên c ứ u c ủ a tôi trong khuôn kh ổ c ủ a đ ể tài d ự án Website gi ớ i thi ệ u du l ị ch t ỉ nh H ậ u Giang D ự án có quy ề n s ử d ụ ng k ế t qu ả c ủ a khóa lu ậ n này đ ể ph ụ c v ụ cho d ự án C ầ n Thơ, ngày… t há ng … n ăm… … Ngư ờ i th ự c hi ệ n Cao Hoàng Nhu vi M Ụ C L Ụ C CH Ấ P THU Ậ N C Ủ A H Ộ I Đ Ồ NG i L Ờ I C Ả M T Ạ ii NH Ậ N XÉT C Ủ A GI Ả NG VIÊN HƯ Ớ NG D Ẫ N iii NH Ậ N XÉT C Ủ A GI Ả NG VIÊN PH Ả N BI Ệ N iv TRANG CAM K Ế T v DANH M Ụ C B Ả NG, SƠ Đ Ồ , HÌNH viii DANH SÁCH C Ụ M T Ừ VI Ế T T Ắ T x L Ờ I M Ở Đ Ầ U xi CHƯƠNG I: GI Ớ I THI Ệ U 1 1 V ề b ả n thân 1 2 T ổ ng quan v ề nơi th ự c t ậ p 2 2 1 L ị ch s ử hình thành 2 2 2 Sơ đ ồ t ổ ch ứ c 5 2 3 V ị trí, ch ứ c năng và nhi ệ m v ụ 5 2 4 Nguyên t ắ c làm vi ệ c 15 CHƯƠNG 2: CƠ S Ở LÝ THUY Ế T 16 2 1 Gi ớ i thi ệ u mô hình MVC 16 2 2 Ho ạ t đ ộ ng c ủ a mô hình MVC 17 2 3 Gi ớ i thi ệ u v ề ASP NET 17 2 3 1 ASP NET WebForm truy ề n th ố ng 18 2 3 2 ASP NET MVC FrameWork 19 2 3 3 Entity Framework 21 2 3 4 Bootstrap 22 2 3 5 Jquery 22 2 3 6 ASP NET MVC 5 23 2 4 Microsoft SQL Server 24 2 5 Microsoft visual studio 24 CHƯƠNG 3: PHÂN TÍCH H Ệ TH Ố NG 25 vii 3 1 Lí do ch ọ n đ ề tài 25 3 2 Hư ớ ng ti ế p c ậ n 25 3 3 Kh ả o sát 25 3 3 1 M ộ t s ố yêu c ầ u cơ b ả n 25 3 3 2 Các tác nhân 26 3 3 3 Các Use case 26 3 4 Mô t ả Use case 30 3 4 1 Use case ngư ờ i dùng 30 3 4 2 Use case Admin 32 3 5 Mô t ả chi ti ế t 34 3 6 Bi ể u đ ồ tu ầ n t ự 57 3 7 Cơ s ở d ữ li ệ u 58 3 7 1 Chu ẩ n hóa d ữ li ệ u 58 3 7 2 Các b ả ng cơ s ở d ữ li ệ u 59 CHƯƠNG 4: K Ế T QU Ả Đ Ề TÀI TH Ự C T Ậ P T Ố T NGHI Ệ P 63 4 1 Ki ế n th ứ c lý thuy ế t đư ợ c c ủ ng c ố 63 4 2 K ỹ năng th ự c hành trau d ồ i 63 4 3 Bài h ọ c ý nghĩa qua đ ợ t th ự c t ậ p 63 4 4 Xây d ự ng giao di ệ n 64 CHƯƠNG 5: K Ế T LU Ậ N 73 5 1 K ế t qu ả th ự c hi ệ n 73 5 2 Đánh giá 73 5 3 Hư ớ ng phát tri ể n 74 5 4 T ổ ng k ế t 74 Tài li ệ u tham kh ả o viii DANH M Ụ C B Ả NG, SƠ Đ Ồ , HÌNH DANH M Ụ C SƠ Đ Ồ Sơ đ ồ 1 1 Sơ đ ồ t ổ ch ứ c S ở 5 Sơ đ ồ 2: tu ầ n t ự mô t ả mô hình MVC 17 Sơ đ ồ 3 Use case t ổ ng 29 Sơ đ ồ 4 Use case ngư ờ i dùng 30 Sơ đ ồ 5 Use case Admin 32 Sơ đ ồ 6 mô hình d ữ li ệ u m ứ c quan h ệ 58 Sơ đ ồ 7 mô hình ERD 59 DANH M Ụ C B Ả NG B ả ng 3 7 2 1 Tài kho ả n 59 B ả ng 3 7 2 2 Ch ứ c v ụ 60 B ả ng 3 7 2 3 Bình lu ậ n 60 B ả ng 3 7 2 4 Đ ặ t vé 60 B ả ng 3 7 2 5 Đánh giá 61 B ả ng 3 7 2 6 Đ ị a đi ể m 61 B ả ng 3 7 2 7 Phân lo ạ i đ ị a đi ể m 61 B ả ng 3 7 2 8 Phân lo ạ i vé 62 B ả ng 3 7 2 9 Vé 62 DANH M Ụ C HÌNH Hình 4 4 1 Giao di ệ n trang ch ủ 64 Hình 4 4 2 Chi ti ế t đ ị a đi ể m 65 Hình 4 4 3 Mô t ả đ ị a đi ể m 65 Hình 4 4 4 Chi ti ế t ẩ m th ự c 66 Hình 4 4 5 Danh sách khách s ạ n 66 Hình 4 4 6 Danh sách ẩ m th ự c 67 Hình 4 4 7 Giao di ệ n đăng nh ậ p 67 Hình 4 4 8 Giao di ệ n đăng ký 68 Hình 4 4 9 Giao di ệ n map 68 ix Hình 4 4 10 Giao di ệ n đánh giá 69 Hình 4 4 11 Giao di ệ n qu ả n lý phân lo ạ i đ ị a đi ể m 69 Hình 4 4 12 Giao di ệ n qu ả n lý đánh giá 70 Hình 4 4 13 Giao di ệ n qu ả n lý phân lo ạ i vé 70 Hình 4 4 14 Giao di ệ n qu ả n lý ch ứ c v ụ 70 Hình 4 4 15 Giao di ệ n qu ả n lý bình lu ậ n 71 Hình 4 4 16 Giao di ệ n qu ả n lý tài kho ả n 71 Hình 4 4 17 Giao di ệ n qu ả n lý vé bán 71 Hình 4 4 18 Giao di ệ n th ố ng kê vé 72 x DANH SÁCH C Ụ M T Ừ VI Ế T T Ắ T VHTTDL Văn hóa , Th ể thao và Du l ị ch CNTT Công ngh ệ thông tin CSDL Cơ s ở d ữ li ệ u UBND Ủ y ban nhân dân
TRƯỜNG ĐẠI HỌC NAM CẦN THƠ KHOA CÔNG NGHỆ THÔNG TIN CAO HOÀNG NHU THIẾT KẾ WEBSITE GIỚI THIỆU DU LỊCH TỈNH HẬU GIANG BÁO CÁO ĐỒ ÁN THỰC TẬP TỐT NGHIỆP NGÀNH: CÔNG NGHỆ THÔNG TIN Mã số ngành: 7480201 Cần Thơ, 05/2022 TRƯỜNG ĐẠI HỌC NAM CẦN THƠ KHOA CÔNG NGHỆ THÔNG TIN CAO HOÀNG NHU MSSV:180631 THIẾT KẾ WEBSITE GIỚI THIỆU DU LỊCH TỈNH HẬU GIANG BÁO CÁO ĐỒ ÁN THỰC TẬP TỐT NGHIỆP NGÀNH: CÔNG NGHỆ THÔNG TIN Mã số ngành: 7480201 CÁN BỘ HƯỚNG DẪN Th.s VÕ VĂN PHÚC Cần Thơ, 05/2022 CHẤP THUẬN CỦA HỘI ĐỒNG Khóa luận “Thực tập tốt nghiệp”, sinh viên Cao Hoàng Nhu thực hướng dẫn Th.s Võ Văn Phúc Khóa luận báo cáo Hội đồng chấm khóa luận thơng qua ngày……………… Ủy viên Thư ký (Ký tên) (Ký tên) GHI CHỨC DANH, HỌ, TÊN GHI CHỨC DANH, HỌ, TÊN Phản biện Phản biện (Ký tên) (Ký tên) GHI CHỨC DANH, HỌ, TÊN GHI CHỨC DANH, HỌ, TÊN Cán hướng dẫn Chủ tịch Hội đồng (Ký tên) (Ký tên) GHI CHỨC DANH, HỌ, TÊN GHI CHỨC DANH, HỌ, TÊN i LỜI CẢM TẠ Để có kiến thức kết thực tế ngày hôm nay, trước hết em xin chân thành cảm ơn Thầy Cô khoa Công nghệ thông tin trường Đại học Nam Cần Thơ giảng dạy trang bị cho em kiến thức kỹ Bên cạnh đó, em xin gửi lời cám ơn chân thành đến ban lãnh đạo tập thể công chức viên chức Sở Văn hóa, Thể thao Du lịch tỉnh Hậu Giang - anh Nguyên nhiệt tình giúp đỡ, chia sẻ kinh nghiệm tạo điều kiện thuận lợi giúp em hồn thành tốt đồ án thực tập Em xin gửi lời cảm ơn đến Thầy Võ Văn Phúc tận tình dạy truyền đạt cho em kinh nghiệm kiến thức quý báu suốt thời gian thực tập thực đồ án thực tập vừa qua Với thời gian thực tập hạn chế hiểu biết thực tế nhiều bỡ ngỡ nên báo cáo em không tránh khỏi thiếu sót Nên em mong nhận ý kiến đóng góp để em đúc kết nhiều học kinh nghiệm cho thân, từ giúp ích nhiều cho em thức bước vào môi trường làm việc Cuối cùng, em xin gửi đến quý Thầy Cô lời chúc sức khỏe thành cơng nghiệp giảng dạy, kính chúc q lãnh đạo Sở Văn hóa, Thể thao Du lịch tỉnh Hậu Giang anh chị em Sở dồi sức khỏe, đạt nhiều thành công tốt đẹp Cần Thơ, ngày… tháng … năm… Người thực Cao Hoàng Nhu ii NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN Cần Thơ, ngày… tháng… năm… Giảng viên hướng dẫn Th.s Võ Văn Phúc iii NHẬN XÉT CỦA GIẢNG VIÊN PHẢN BIỆN Cần Thơ, ngày… tháng… năm…… Giảng viên phản biện Th.s Bùi Thị Diễm Trinh iv TRANG CAM KẾT Tôi xin cam kết khóa luận hồn thành dựa kết nghiên cứu khuôn khổ để tài dự án Website giới thiệu du lịch tỉnh Hậu Giang Dự án có quyền sử dụng kết khóa luận để phục vụ cho dự án Cần Thơ, ngày… tháng … năm…… Người thực Cao Hoàng Nhu v MỤC LỤC CHẤP THUẬN CỦA HỘI ĐỒNG i LỜI CẢM TẠ ii NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN iii NHẬN XÉT CỦA GIẢNG VIÊN PHẢN BIỆN iv TRANG CAM KẾT v DANH MỤC BẢNG, SƠ ĐỒ, HÌNH viii DANH SÁCH CỤM TỪ VIẾT TẮT x LỜI MỞ ĐẦU xi CHƯƠNG I: GIỚI THIỆU 1 Về thân .1 Tổng quan nơi thực tập 2.1 Lịch sử hình thành 2.2 Sơ đồ tổ chức 2.3 Vị trí, chức nhiệm vụ 2.4 Nguyên tắc làm việc 15 CHƯƠNG 2: CƠ SỞ LÝ THUYẾT 16 2.1 Giới thiệu mơ hình MVC 16 2.2 Hoạt động mơ hình MVC 17 2.3 Giới thiệu ASP.NET .17 2.3.1 ASP.NET WebForm truyền thống 18 2.3.2 ASP.NET MVC FrameWork 19 2.3.3 Entity Framework 21 2.3.4 Bootstrap .22 2.3.5 Jquery 22 2.3.6 ASP.NET MVC 23 2.4 Microsoft SQL Server 24 2.5 Microsoft visual studio 24 CHƯƠNG 3: PHÂN TÍCH HỆ THỐNG 25 vi 3.1 Lí chọn đề tài 25 3.2 Hướng tiếp cận 25 3.3 Khảo sát .25 3.3.1 Một số yêu cầu 25 3.3.2 Các tác nhân 26 3.3.3 Các Use case .26 3.4 Mô tả Use case .30 3.4.1 Use case người dùng .30 3.4.2 Use case Admin 32 3.5 Mô tả chi tiết 34 3.6 Biểu đồ 57 3.7 Cơ sở liệu 58 3.7.1 Chuẩn hóa liệu 58 3.7.2 Các bảng sở liệu 59 CHƯƠNG 4: KẾT QUẢ ĐỀ TÀI THỰC TẬP TỐT NGHIỆP 63 4.1 Kiến thức lý thuyết củng cố 63 4.2 Kỹ thực hành trau dồi .63 4.3 Bài học ý nghĩa qua đợt thực tập 63 4.4 Xây dựng giao diện 64 CHƯƠNG 5: KẾT LUẬN 73 5.1 Kết thực 73 5.2 Đánh giá 73 5.3 Hướng phát triển 74 5.4 Tổng kết 74 Tài liệu tham khảo vii DANH MỤC BẢNG, SƠ ĐỒ, HÌNH DANH MỤC SƠ ĐỒ Sơ đồ 1.1 Sơ đồ tổ chức Sở Sơ đồ 2: mơ tả mơ hình MVC .17 Sơ đồ Use case tổng .29 Sơ đồ Use case người dùng 30 Sơ đồ Use case Admin 32 Sơ đồ mơ hình liệu mức quan hệ 58 Sơ đồ mơ hình ERD .59 DANH MỤC BẢNG Bảng 3.7.2 Tài khoản .59 Bảng 3.7.2 Chức vụ 60 Bảng 3.7.2 Bình luận 60 Bảng 3.7.2 Đặt vé 60 Bảng 3.7.2 Đánh giá .61 Bảng 3.7.2 Địa điểm .61 Bảng 3.7.2 Phân loại địa điểm .61 Bảng 3.7.2 Phân loại vé 62 Bảng 3.7.2 Vé .62 DANH MỤC HÌNH Hình 4.4 Giao diện trang chủ 64 Hình 4.4 Chi tiết địa điểm 65 Hình 4.4 Mô tả địa điểm 65 Hình 4.4 Chi tiết ẩm thực .66 Hình 4.4 Danh sách khách sạn .66 Hình 4.4 Danh sách ẩm thực 67 Hình 4.4 Giao diện đăng nhập 67 Hình 4.4 Giao diện đăng ký 68 Hình 4.4 Giao diện map 68 viii Hình 4.4 10 Giao diện đánh giá 69 Hình 4.4 11 Giao diện quản lý phân loại địa điểm 69 Hình 4.4 12 Giao diện quản lý đánh giá 70 Hình 4.4 13 Giao diện quản lý phân loại vé 70 Hình 4.4 14 Giao diện quản lý chức vụ 70 Hình 4.4 15 Giao diện quản lý bình luận 71 Hình 4.4 16 Giao diện quản lý tài khoản 71 Hình 4.4 17 Giao diện quản lý vé bán .71 Hình 4.4 18 Giao diện thống kê vé 72 ix VHTTDL DANH SÁCH CỤM TỪ VIẾT TẮT CNTT CSDL Văn hóa, Thể thao Du lịch UBND Công nghệ thông tin Cơ sở liệu Ủy ban nhân dân x