bài tập lớn lập trình back end đề tài 19 thiết kế website dạy học lịch sử và địa lý địa phương

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.. Đối tượng nghiên cứu Đối tượng nghiên cứu của t

BỘ GIÁO DỤC VÀ ĐÀO TẠO

ĐẠ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:

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC ĐẠI NAM

1 1571020142 Ngô Văn Kiên

CAN BO CHAM THI

Hà Nội, năm 2023

MỤC LỤC

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

3.4.1 — Bảng Caf€BOFV Q.22 0022 H TH TH HH n HH 14x11 kg 19

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

CHƯƠNG 6: KÉT LUẬN 28 DANH MỤC TÀI LIỆU THAM KHẢO 29

LỜ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

2

dung 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

Chương 5: Kết luận và kiến nghị

DANH 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

Hinh 18 Code tra cứu thông tin - 2c 221112111211 1211 12111211 11211121201 110111011 ng 27 Hình 19 Code liên kết đatabase 552 2s 92 22112212711271112211121121112112112 212 ye 27

BANG CAC TU VIET TAT

STT TU VIET TAT VIET DAY DU

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

Nghiên cứu các công nghệ web liên quan đến ASP NET để thiết kế website Thiết kế giao diện và các chức năng của website như xem bài giảng, làm bài kiểm

tra,

Kiểm tra và đánh giá hiệu quả của website

1.2 Đối tượng nghiên cứu

Đối tượng nghiên cứu của trang web dạy học Lịch sử và Địa lý địa phương có thể bao gồm:

Học sinh: Trang web có thể cung cấp các khóa học, bài giảng, bài tập và tài liệu học cho học sinh các cấp độ, từ tiểu học đến trung học

Sinh viên: Trang web có thể cung cấp các tài liệu học, bài giảng và khóa học bố sung cho sinh viên đang theo học các ngành liên quan đến Lịch sử và Địa lý địa phương Giáo viên: Trang web có thể cung cấp các tài liệu học, bài giảng mẫu và công cụ hỗ trợ giảng dạy cho giáo viên giảng dạy môn Lịch sử và Địa lý địa phương

Ngườ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

Tạo môi trường học tập tương tác: Trang web sẽ cung cấp các tính năng tương tác như

hệ thống đăng ký, hệ thống đánh giá và phản hồi, hỗ trợ trò chuyện và thảo luận giữa học sinh và giáo viên, tạo điều kiện cho sự tương tác và hợp tác trong quá trình học tập Quản lý đữ liệu học tập: Trang web sẽ sử dụng cơ sở dữ liệu SQL Server để lưu trữ và quản lý 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 Mục đích là tạo ra một hệ thống quản lý thông tin học tập hiệu quả và đễ dàng truy xuất Nâng cao chất lượng giảng dạy và học tập: Trang web sẽ hỗ trợ giáo viên trong việc chuẩn bị và trình bày bài giảng, cung cấp các công cụ hỗ trợ giảng dạy và đánh giá, từ

đó nâng cao chất lượng giảng đạy và tăng cường hiệu quả học tập của học sinh và sinh viên

1.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

Tôi ưu hóa hiệu suât: Nghiên cứu cũng có thê xem xét các biện pháp đê tôi ưu hiệu suất của trang web, bao gôm tôi ưu hóa cơ sở dữ liệu, bộ nhớ cache, tôi ưu hóa mã nguôn vả tôi ưu hóa truy vân

CHUONG 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

Visual Studio còn có tính năng biên dịch nền tức là khi mã đang được viết thì phần mềm này sẽ biên dịch nó trong nền đề nhằm cung cấp thông tin phản hồi về cú pháp cũng như biên dịch lỗi và được đánh dấu bằng các gạch gợn sóng mảu đỏ

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

10

Hinh 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,

11

Visual 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à

một phần của NET Framework Từ đó, hàng triệu lập trình viên đã sử dụng nó đề xây

12

dựng những ứng dụng web tuyệt vời, và trên những năm đó Microsoft đã phát triển thêm

nhiều tính năng mới

ASP.NET Core có một số thay đổi kiến trúc lớn, đó là kết quả của việc học hỏi rất nhiều từ các framework module hóa khác ASP.NET Core không còn dựa trên System Web.dll nữa Nó được dựa trên một tập hợp các gói, các module hay cũng được gọi là các Nuget packages

2.3.3 Mô hình MVC là gì?

Mô hình Model-View-Controller (MVC) là một mẫu kiến trúc phân tách một ứng dụng thành ba thành phần logic chính Model, View và Controller Do đó viết tắt MVC Mỗi thành phần kiến trúc được xây dựng để xử lý khía cạnh phát triển cụ thể của một

ứng dụng MVC tách lớp logic nghiệp vụ và lớp hiển thị ra riêng biệt Ngày nay, kiến

trúc MVC đã trở nên phô biến để thiết kế các ứng dụng web cũng như ứng dụng di động Kiến trúc MVC được thảo luận lần đầu vào năm 1979 bởi Trygve Reenskaug

Mô hình MVC được giới thiệu lần đầu tiên vào năm 1987 bằng ngôn ngữ lập trình Smalltalk

MVC lần đầu tiên được chấp nhận như một khái niệm chung, trong một bài báo năm

1988

Trong thời gian gần đây, MVC pattern được sử dụng rộng rãi trong các ứng dụng web hiện đại

MVC quan trọng bao gồm:

-_ Model: Nó bao gồm tất cả dữ liệu và logic liên quan của nó

- View: Trinh bay dir ligu cho người dùng hoặc xử lý tương tác của người dùng

- Controller; La phan quan trong nhat trong mô hình, nó liên kết phần Model và View,

2.3.3.1 View

- _ View là một phần của ứng dụng đại diện cho việc trình bày đữ liệu

13