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
Trang 1TRƯỜ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
Trang 2TRƯỜ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
Trang 3CHẤ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
Trang 4LỜ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 chú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… tháng … năm…
Người thực hiện
Cao Hoàng Nhu
Trang 5NHẬ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
Trang 6NHẬ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
Trang 7TRANG 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… tháng … năm……
Người thực hiện
Cao Hoàng Nhu
Trang 8MỤ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
Trang 93.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
Trang 10DANH 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
Trang 11Hì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
Trang 12DANH SÁCH CỤM TỪ VIẾT TẮT