BỘ GIÁO DỤC VÀ ĐÀO TẠO
TRƯỜNG ĐẠI HỌC ĐẠI NAM
ĐẠI NAM UNTWER SITY
BAI TAP LON
TEN HQC PHAN: THUC TAP CNTT 4 LAP TRINH BACK-END
DE TAI 19: THIET KE WEBSITE DAY HỌC LICH SU VA DIA LY DIA PHUONG
Giáo viên hướng dẫn: TS Phạm Văn Tiệp Sinh viên thực hiện:
STT Mã sv Họ và tên Lớp
1 1571020142 Ngô Văn Kiên CNTT 15 - 02
Hà Nội, năm 2023
Trang 2BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC ĐẠI NAM
ĐẠI NA
UNIVERSITY
BÀI TẬP LỚN
TÊN HỌC PHẢN: THỰC TẬP CNTT 4
LẬP TRÌNH BACK-END Điểm STT | Ma Sinh Vien Họ và Tên Ngày Sinh Bằng Bằng Số Chữ 1 1571020142 Ngô Văn Kiên
CAN BO CHAM THI
Hà Nội, năm 2023
Trang 3
MỤC LỤC
DANH MỤC HÌNH ẢNH 555:22221222111222111211112221111221111211112111.211 4 CHUONG 1 PHAN MO DAU 6 1.1 Giới thiệu về đề tài 6 1.2 Đối tượng nghiên cứu 6 1.3 Mục đích nghiên cứu của đề tài 7 1.4 Phạm vi nghiên cứu của đề tài 8 CHƯƠNG 2 CO SO LY THUYET 9 2.1 Visual Studio là gi? 9 2.1.1 Một số tính năng của phần mềm Visual Studio 55-5ccccxszxszszx2 9 2.2 Backend la gi? 9 2.2.1 Vị sao nên sur dung Visual Studio? 00.00 ececeneenseenseenseens II 2.3 ASP.NetCore 12 2.3.1 ASP.NET Core 1a 9? o ccccccccccccccccceceneceetesssesesesesesesessesesssesssessessenes 12 2.3.2 ASP.NET Core ra đời trong hoàn cảnh nào? - 2c s5 552 5cssscss2 12 2.3.3 Mơ hình MVC là gÌ? S2 2.1 2119 11101111111110111 011101121 tre 13 CHƯƠNG 3: MÔ TA CHUC NANG VA THIET KE CO SO DU LIEU CHO ỨNG DỤNG WEB TRA CỨU NHÀ Ở VÀ CHO THUÊ VĂN PHÒNG 16 3.1 Các bước thiết kế CSDL 16 3.2 Mơ tả bài tốn 17
3.3 Danh sách chức năng 17 3.3.1 Các chức năng của admIn: - 2 22 2222112122111 11115 115 x+2 17
Trang 43.4.1 — Bảng Caf€BOFV Q.22 0022 H TH TH HH n HH 14x11 kg 19
3.4.2, Bang Genre 4 19 ah 19 SA: š‹ 9 4 20 “:.e® oan 20 3.4.6 “: ưu 21
CHUONG 4 THIET KE GIAO DIEN 22
4.1 Giao điện trang bài học 22
CHƯƠNG 5: Một số Code chức năng chính 26
5.1 Thêm, sửa, xóa các loại sản phẩm 26 5.2 Bảng tra cứu vào thông tin 27
5.3 Kết nối database 27
Trang 5LỜI NÓI ĐẦU
Trong thời đại công nghệ thông tin phát triển như hiện nay, website là một công cụ quan trong dé truyền tải thông tin, kiến thức và giao tiếp với người dùng Trong lĩnh vực giáo dục, website có vai trò hỗ trợ cho việc dạy học, giúp cho giáo viên và học sinh có thể tiếp cận với các nguồn tài liệu phong phú, cập nhật và sinh động Một trong những môn học quan trọng nhưng lại khó thu hút sự chú ý của học sinh là môn Lịch sử - Địa ly Đề giải quyết vấn đề này, việc thiết kế website dạy học Lịch sử - Dia lý là một giải pháp hiệu quả
Tuy nhiên, để thiết kế website dạy học Lịch sử - Địa lý không phải là công việc đơn giản Nó đòi hỏi người thiết kế phải có kiến thức về lịch sử và địa lý, biết cách sắp xếp và trình bày nội dung hợp lý, biết cách sử đụng các công nghệ web để tạo ra giao diện thân thiện và tính năng hữu ích cho người dùng Ngoài ra, người thiết kế còn phải chú ý đến các yếu tố như tính tương thích, tính bảo mật, tính khả chuyển và tính mở rộng của website
Trong bài tập lớn này, em sẽ sử dụng ngôn ngữ lập trình ASP.NET để thiết kế website day hoc Lich su - Dia ly ASP.NET la mot nén tảng ứng dụng web được phát triển và cung cấp bởi Microsoft, cho phép những người lập trình tạo ra những trang web động, những ứng dụng web và những dịch vụ web ASP.NET có nhiều ưu điểm như chạy ôn định, giải quyết được hiện tượng nghẽn cô chai, hỗ trợ trong quá trình thiết kế web với tính bảo mật cao, có khả năng trải rộng thích hợp bởi nhiều server Tuy nhiên, ASP.NET cũng có một số khó khăn như yêu cầu máy chủ Windows Server đề chạy, chi phí cao hơn so với các công nghệ web khác
Mục tiêu của bài tập lớn này là thiết kế website day hoc Lich str - Dia ly cho cac học sinh tiêu học Đối tượng nghiên cứu là các giáo viên và học sinh tiểu hoc Pham vi của bài tập lớn là thiết kế giao điện và các chức năng cơ bản của website nhu xem bai giảng, làm bài kiểm tra, xem video clip, chơi gameshow Giới hạn của bài tập lớn là không xây dựng các chức năng quản lý website như quản lý người dùng, quản lý nội
Trang 6dung Cách tiếp cận của bải tập lớn là sử dụng ASP.NET Web Forms để xây dựng các trang web Phương pháp nghiên cứu là tổng hợp các kiến thức từ sách, internet và các nguồn tham khảo khác
Nội dung của bài tập lớn gồm có 5 chương: Chương I: Giới thiệu tông quan về đề tài Chương 2: Cơ sở lý thuyết
Chương 3: Phân tích yêu cầu Chương 4: Thiết kế website
Trang 7DANH MỤC HÌNH ẢNH Hinh I Hinh mô tả Visual Studio 201Š - 1 c1 22121121 1121121 1111121181 11111112 12118 re 10 0:00 sài ái in 0 11 Hinh 3: Bang Category 4 19 si 80 06 0n - 19 Hinh 5 Bang 90 720077 = 4 19 Hinh 6 Bảng ResultQu1z - 2 22 2211211111221 1211111111201 111111121 81101111111 ra 20 Hinh 7 Bảng ShortSŠtOFy Q0 22012112 112112111121 1111111151111 11 1111111211111 1 ra 20 Hình § Bảng ser - 2 200021011101 1101 11111111 11111111110111 0111 1110111011111 ng 21 Hinh 9 Giao dién trang bat ho —- 22
Hinh 10 Giao diện trang đăng ký . ccc cece censtenstenseesssesssenssenseeetssenseenieens 22 Hinh 11 Giao diện trang admim - c2 22 2221222111211 121 1111111111111 118111811181 23 Hình 12 Giao diện trang trắc nghiệm . - 52111 1112112111111 11211211112111 11c 23 Hình 13 Danh sách cả thể loại -: 2222:22222222222111122211112222111122211 11 ke 24 Hình 14 Danh sách bài học H11 1111125511111 1111111111111 11c n1 1151115111111 r cay 24 Hinh 15 Danh 1á 0n 25
Hình l6 Code thêm sửa xóa sản phẩm l 55-51 1 1E E11 11221211E117112112111 1x rtx 26 Hình L7 Code thêm sửa xóa sản phẩm 2 - 5 S11 1 E1E11112112111171121121111 1c 26
Trang 8BANG CAC TU VIET TAT
STT TU VIET TAT VIET DAY DU
1 CSDL Cơ sở dữ liệu
2 PHP Hypertext Preprocessor 3 MVC Model-View-Controller
Trang 9
CHUONG 1 PHAN MO DAU
1.1 Giới thiệu về đề tài
Trong bối cảnh hiện Tay, có rất Ít các website day hoc Lịch sử - Dia lý cho học sinh tiêu học được thiết kế băng asp net Các website này thường có giao diện khô khan, ít hình ảnh minh họa, không có video clip hay gameshow để thu hút sự chú ý của học sinh Do đó, em muốn thực hiện bài tiểu luận nảy để thiết kế một website day hoc Lich sử - Địa lý cho học sinh tiêu học bằng asp net với mong muốn mang lại cho học sinh
một nguồn kiến thức bồ ích và một trải nghiệm học tập thú vị
Mục tiêu tông quát của bài tiểu luận nảy là thiết kế website day hoc Lich str - Dia lý cho các học sinh tiểu học Các mục tiêu cụ thé của bài tiểu luận là:
Nghiên cứu các kiến thức về lịch sử và địa lý cho học sinh tiểu học theo chương trinh giáo dục
Trang 10Người quan tâm: Trang web cũng có thê hướng đến những người quan tâm đến Lịch sử và Địa lý địa phương mà không nhất thiết là học sinh, sinh viên hoặc giáo viên Các người quan tâm này có thê là những người muốn nghiên cứu hoặc tìm hiểu vé lĩnh vực nảy tử quan điểm tự học
Đối tượng nghiên cứu sẽ ảnh hưởng đến cách thiết kế và cung cấp nội dung trên trang web, để đáp ứng nhu cầu học tập và nghiên cứu của các đối tượng này
1.3 Mục đích nghiên cứu của đề tài\
Mục đích nghiên cứu của đề tài "Thiết kế website dạy học Lịch sử và Địa lý địa phương bang ASP.NET Core MVC và SQL Server" có thể bao gồm:
Cung cấp một nên tảng trực tuyến để hỗ trợ việc học tập và nghiên cứu về Lịch sử và Dia lý địa phương: Mục đích chính của trang web là tạo ra một môi trường trực tuyến thuận tiện và dễ truy cập cho học sinh, sinh viên và những người quan tâm để học và nghiên cứu về Lịch sử và Địa lý địa phương
Cung cấp tài liệu học phù hợp và chất lượng: Trang web sẽ cung cấp các khóa học, bài giảng, bài tập và tài liệu học được tô chức và chuẩn bị một cách cân thận để đảm bảo tính chính xác và hiệu quả trong việc truyền đạt kiến thức
Trang 111.4 Phạm vi nghiên cứu của đề tài
Phạm vi nghiên cứu của đề tài "Thiết kế website dạy học Lịch sử và Địa lý địa phương bằng ASP.NET Core MVC và SQL Server" có thể bao gồm các khía cạnh sau: Phát triển giao diện người dùng: Nghiên cứu sẽ tập trung vào thiết kế và phát triển giao diện người dùng hấp dẫn và đễ sử dụng cho trang web Điều này bao gồm việc tạo các trang chủ, trang khóa học, trang bài giảng, trang bài tập, trang đăng nhập, trang dang ky, V.V
Xây dựng cơ sở đữ liệu: Nghiên cứu sẽ tạo và quản lý cơ sở đữ liệu SQL Server đề lưu trữ thông tin về người dùng, khóa học, bài giảng, bài tập và kết quả học tập Sẽ xác định cầu trúc cơ sở dữ liệu, bao gồm các bảng, quan hệ và truy vấn
Quản lý người dùng: Nghiên cứu sẽ tập trung vào việc triển khai chức năng đăng nhập, đăng ký và quản lý người dùng Điều này bao gồm xác thực người dùng, quản lý thông tin cá nhân, phân quyền truy cập, v.v
Tạo khóa học và bài giảng: Nghiên cứu sẽ tạo các khóa học và bài giảng cho môn Lịch sử và Địa lý địa phương Điều này bao gồm việc tạo và quản lý nội dung bài giảng, bai tập tài liệu học, đánh giá và phản hôi
Tương 3%c giữa người dùng và nội dung: Nghiên cứu sẽ tập trung vào việc xây dựng tính năng tương tác giữa người dùng và nội dung Điêu này có thê bao gôm hệ thông đánh giá, phản hôi, thảo luận, hồ trợ trực tuyên và công cụ tìm kiêm
Trang 12CHUONG 2 CO SO LY THUYET
2.1 Visual Studio là gì?
2.1.1 Một số tính năng của phần mềm Visual Studio
Visual studio là một trong những công cụ hỗ trợ /dp trinh website rất nỗi tiếng nhất hiện nay của Merosoft và chưa có một phần mềm nào có thể thay thế được nó Visual Studio được viết băng 2 ngôn ngữ đó chính là C# và VB+ Đây là 2 ngôn ngữ lập trình giúp người dùng có thê lập trình được hệ thống một các đễ dàng và nhanh chóng nhất thông qua Visual Studio
Visual Studio là một phần mềm lập trình hệ thông được sản xuất trực tiếp từ Microsoft Từ khi ra đời đến nay, Visual Studio đã có rất nhiều các phiên bản sử dụng khác nhau Điều đó, giúp cho người dùng có thể lựa chọn được phiên bản tương thích với dòng máy của mình cũng như cấu hình sử dụng phù hợp nhất
Bên cạnh đó, Visual Studio còn cho phép người dùng có thê tự chọn lựa giao điện chính cho máy của mình tủy thuộc vào nhu cầu sử dụng
2.2 Backend là gi?
Giống như bất kỳ một IDE khác, Visual Studio gồm có một trình soạn thảo mã hỗ trợ tô sáng cú pháp và hoàn thiện mả bằng các sử dụng IntelliSense không chỉ cho các hàm, biển và các phương pháp mà còn sử dụng cho các cấu trúc ngôn ngữ như: Truy vấn hoặc vòng điều khiền
Bên cạnh đó, các trình biên tập mã Visual Studio cũng hỗ trợ cài đặt dấu trang trong mã dé có thể điều hướng một cách nhanh chóng và đễ dàng Hỗ trợ các điều hướng
như: Thu hẹp các khối mã lệnh, tìm kiếm gia tăng
Trang 13GetCon Sị Locati GetActo tion nRotat RotateVector 6 Dg Visual Studio 2015 PlaySoundAtLocation eee 1, GetActorLocatior GetAnimInstance Hình 1 Hinh mé ta Visual Studio 2015 Visual Studio có một trình gỡ lỗi có tính năng vừa lập trình gỡ lỗi cấp máy và gỡ lỗi cấp mã nguồn Tính năng này hoạt động với cả hai mã quản lý giỗng như ngôn ngữ máy và có thê sử dụng đề gỡ lỗi các ứng dụng được viết bằng các ngôn ngữ được hỗ trợ bởi Visual Studio
Visual Studio cũng có một trình soạn thảo và thiết kế website cho phép các trang web được thiết kế theo tính năng kéo và thả đối tượng Mục đích là đề hỗ trợ người dùng tạo trang web dễ dàng hơn, những yêu cầu đơn giản như thiết kế web du lịch hay các trang siới thiệu của công ty có thể sử dụng tính năng nảy vì nó vẫn đảm bảo cho bạn sở hữu được một website hoàn chỉnh
Trang 14Hinh 2 mé ta Visual Studio 2.2.1 Vì sao nên sử dụng Visual Studio?
Dé tra loi cho câu hỏi này, các bạn có thê tìm hiệu những điêm mạnh của Visual Studio:
Visual Studio hé trợ lập trình trên nhiều ngôn ngữ như: C/C++, C#, F#, Visual Basic, HTML, CSS, JavaScript
Là một công cụ hỗ trợ việc Debug một cách dễ đàng và mạnh mẽ như: Break Point, xem giá trị của biến trong quá trình chạy, hỗ trợ debug từng câu lệnh
Giao điện Visual Studio rất dễ sử dụng đối với người mới bắt đầu lập trinh Visual Studio hỗ trợ phát triển các ứng dung: desktop MFC, Windows Form, Universal App, ing dung mobile Windows Phone 8/8.1, Windows 10,
Trang 15Visual Studio hỗ trợ xây dựng ứng dụng một cách chuyên nghiệp bằng các công cụ kéo thả
Visual Studio được đông đảo lập trình viên trên thể giới sử dụng
Chúng tôi vừa chia sẻ với các bạn một số thông tin về phần mềm Visual Studio Mong răng những thông tin này đã giúp ích cho bạn và giúp bạn lựa chọn được phiên bản Visual Studio phù hợp với cầu hình máy của mình nhất
2.3 ASP.NetCore 2.3.1 ASP.NET Core la g?
ASP.NET Core la g? No 1a mét open-source méi va framework da nén tang (cross-platform) cho việc xây dựng những ứng dụng hiện tại dựa trên kết nối đám mây, giống như web apps, IoT và backend cho mobile
Ứng dụng ASP.NET Core có thể chạy trên NET Core hoặc trên phiên bản đầy đủ của NET Framework Nó được thiết kế để cung cấp và tối ưu development framework cho những dụng cái mà được triển khai trên đám mây (clound) hoặc chạy on-promise
Nó bao gồm các thành phần theo hướng module nhằm tối thiểu tài nguyên và chỉ phí phát triển, như vậy bạn giữ lại được sự mềm giẻo trong việc xây dựng giải pháp của bạn Bạn có thể phát triển và chạy những ứng dụng ASP.NET Core đa nền tảng trên Windows, Mac va Linux
Đồng thời nó đã trở thành một mã nguồn mở Đây là một thay đổi rất lớn va theo mình là quan trọng nhất của ASP.NET Core Điều mà trước đây khó có một lập trình viên nào có thê nghĩ đến Có lẽ đó cũng là một xu thế mà các ngôn ngữ lập trình hiện nay đang hướng tới
2.3.2 ASP.NET Core ra đời trong hoàn cảnh nào?
Bản phát hành đầu tiên của ASP.NET đã xuất hiện cách đây 15 năm trước, nó là
