SKKN xây dựng website trường THPT ngọc lặc bằng ngôn ngữ lập trình ASP net MVC 5 và hệ quản trị CSDL microsoft SQL server 2014

MỤC LỤC Mở đầu 1.1 Lí chọn đề tài: .1 1.2 Mục đích nghiên cứu: 1.3 Đối tượng nghiên cứu: .2 1.4 Phương pháp nghiên cứu: 2 Nội dung sáng kiến kinh nghiệm 2.1 Cơ sở lí luận sáng kiến kinh nghiệm: 2.2 Thực trạng vấn đề trước áp dụng sáng kiến kinh nghiệm: 2.3 Các sáng kiến kinh nghiệm giải pháp sử dụng để giải vấn đề:4 2.3.1 Các giải pháp thực hiện: 2.3.2 Hướng dẫn cài đặt: 13 2.3.3 Hướng dẫn sử dụng: 13 2.4 Hiệu sáng kiến kinh nghiệm hoạt động giáo dục, với thân, đồng nghiệp nhà trường: 20 Kết luận, kiến nghị .20 3.1 Kết luận: 20 3.2 Kiến nghị: 20 DANH SÁCH TỪ VIẾT TẮT Từ viết tắt Tên đầy đủ Ghi THPT Trung học phổ thông Trung học phổ thông CNTT Công nghệ thông tin Công nghệ thông tin CSDL Cơ sở liệu Cơ sở liệu HTML Hypertext Markup Language Ngôn ngữ đánh dấu siêu văn SQL Structured Query Language Ngôn ngữ truy vấn cấu trúc CSS Cascading Style Sheet Ngôn ngữ tạo phong cách cho trang web Mở đầu 1.1 Lí chọn đề tài: Trong thời đại ngày nay, chứng kiến bùng nổ công nghệ thông tin (CNTT), đặc biệt thời buổi cách mạng 4.0 diễn mạnh mẽ CNTT phát triển trợ thủ đắc lực giúp ích cho người nhiều lĩnh vực khác đời sống, kinh tế, xã hội Cùng với phát triển mạnh mẽ Internet, thiết bị viễn thông đặc biệt mạng 5G dần phổ biến với tốc độ truy cập Internet cực cao (Theo nhà phát minh, mạng 5G có tốc độ nhanh khoảng 100 lần so với mạng 4G nay, giúp mở nhiều khả hấp dẫn Mạng 5G xem chìa khóa để vào giới Mạng lưới vạn vật kết nối Internet (IoT), … [1]) Sự đời phát triển mạng 5G thực cần thiết tất Ngành giáo dục không ngoại lệ, điều thể rõ năm qua, ảnh hưởng dịch bệnh Covid 19 nhà trường, sở giáo dục từ Mầm non đến Đại học nước nước phải chuyển sang hình thức dạy - học online thi cử trực tuyến, mà tốc độ truy cập mạng ln tình trạng tắc nghẽn, rớt mạng, mạng lag, có nhiều người sử dụng dịch vụ này… Bên cạnh việc quản lý, dạy học trực tuyến việc không phần quan trọng nhà trường, sở giáo dục cần phải có website riêng Website để nhà trường, sở giáo dục đăng tải thơng tin, hình ảnh, hoạt động giới thiệu nhà trường, sở vật chất, môi trường học tập, sân chơi, bãi tập, chất lượng giáo dục… để quảng bá thương hiệu nhà trường đến với nhân dân, phụ huynh em học sinh; góp phần giúp học sinh phụ huynh nhân dân hiểu rõ nhà trường Thông qua website: học sinh, phụ huynh quan tâm đến nhà trường dễ dàng tiếp cận với thông tin trường, hoạt động thơng báo từ nhà trường nhanh chóng gửi đến học sinh, phụ huynh thơng qua website, ngồi học sinh phụ huynh tham khảo trước thông tin nhà trường như: sở vật chất, sở hạ tầng, đội ngũ giáo viên trước cho con, em (hay động viên, khuyến khích con, em) định đăng ký thi vào trường mùa tuyển sinh đầu cấp THPT Đặc biệt trường THPT Ngọc Lặc chuẩn bị kỷ niệm 60 năm thành lập trường vào tháng 11 năm 2021, bên cạnh việc quảng bá hình ảnh nhà trường mạng xã hội như: Zalo, Facebook, Instagram, Twitter phương tiện thông tin đại chúng khác báo, đài, truyền hình… việc có website riêng để đăng tải thơng tin thống thực cần thiết Đây nơi để hệ cựu học sinh, cựu giáo viên nhà trường nghỉ chế độ theo dõi trình trưởng thành phát triển nhà trường theo thời gian Có thể thấy, bên cạnh mạng xã hội như: Zalo, Facebook, Instagram, Twitter… website trở thành cơng cụ thơng tin liên lạc thiếu nhà trường nay, trường miền núi phía Tây tỉnh Thanh Hóa trường THPT Ngọc Lặc Có thể nói, website cầu nối nhà trường với gia đình học sinh xã hội Từ lí trên, tơi xin đưa sáng kiến kinh nghiệm: “Xây dựng website trường THPT Ngọc Lặc ngơn ngữ lập trình ASP.Net MVC Hệ quản trị CSDL Microsoft SQL Server 2014” 1.2 Mục đích nghiên cứu: - Giúp nhà trường quảng bá hình ảnh đến với giáo viên, phụ huynh, học sinh nhân dân địa bàn huyện Ngọc Lặc, cựu học sinh rời ghế nhà trường; em học sinh học tập trường THPT Ngọc Lặc Đặc biệt việc quảng bá thơng tin, hình ảnh, hoạt động chuẩn bị cho ngày kỷ niệm thành lập 60 năm trường THPT Ngọc Lặc vào tháng 11 năm 2021 tới - Giúp thầy (cô), em học sinh tìm kiếm tải tài nguyên phục vụ cho công việc giảng dạy học tập như: tài liệu, giáo án, đề thi, thời khóa biểu,… - Góp phần bồi dưỡng, chia sẻ niềm u thích đam mê CNTT với giáo viên học sinh quan tâm đến lĩnh vực 1.3 Đối tượng nghiên cứu: - HTML, CSS, Javascript, Jquery Bootstrap: Thiết kế khung giao diện trang trí cho website - Ngơn ngữ lập trình ASP.Net MVC, C# - Hệ quản trị CSDL: Microsoft SQL Server - Hosting, domain 1.4 Phương pháp nghiên cứu: - Phương pháp nghiên cứu tài liệu - Phương pháp thực nghiệm Nội dung sáng kiến kinh nghiệm 2.1 Cơ sở lí luận sáng kiến kinh nghiệm: Chỉ thị 29/2001/CT-BGD&ĐT Bộ trưởng Bộ Giáo dục Đào tạo nêu rõ: “Đối với giáo dục đào tạo, CNTT có tác dụng mạnh mẽ, làm thay đổi nội dung, phương pháp, phương thức dạy học CNTT phương tiện để tiến tới “xã hội học tập” Mặt khác, giáo dục đào tạo đóng vai trò quan trọng bậc thúc đẩy phát triển CNTT thông qua việc cung cấp nguồn nhân lực cho CNTT” [2] Quyết định số 117/QĐ-TTg Thủ tướng Chính phủ: Phê duyệt Đề án “Tăng cường ứng dụng CNTT quản lý hỗ trợ hoạt động dạy - học, nghiên cứu khoa học góp phần nâng cao chất lượng giáo dục đào tạo giai đoạn 2016 - 2020, định hướng đến năm 2025” theo đó: “…đổi nội dung, phương pháp dạy - học, kiểm tra đánh giá nghiên cứu khoa học công tác quản lý sở giáo dục đào tạo hệ thống giáo dục quốc dân góp phần đại hóa nâng cao chất lượng giáo dục đào tạo”.[3] Theo Nghị Chính phủ 49/CP ký ngày 04/08/1993 thì: “CNTT tập hợp phương pháp khoa học, phương tiện công cụ kĩ thuật đại - chủ yếu kĩ thuật máy tính viễn thơng - nhằm tổ chức khai thác sử dụng có hiệu nguồn tài nguyên thông tin phong phú tiềm lĩnh vực hoạt động người xã hội”.[4] 2.2 Thực trạng vấn đề trước áp dụng sáng kiến kinh nghiệm: Hiện nay, đa phần nhà trường phổ thơng khơng có website riêng, có nội dung khơng cập nhật thường xun, chưa quan tâm trọng, chưa đầu tư mức thời gian công sức, kinh phí để trì, bảo dưỡng, nâng cấp website thường xuyên nhà trường khơng biết thiết kế website lãnh đạo nhà trường chưa hiểu hết vai trò website cần thiết nhà trường phổ thông nên không sử dụng dịch vụ thiết kế website công ty chuyên thiết kế website cung cấp thiết bị mạng Tập đồn viễn thơng qn đội Viettel, Tập đồn viễn thơng VNPT… Trường THPT Ngọc Lặc trước chưa có website riêng, cách năm nhà trường có sử dụng website Viettel cung cấp Tuy nhiên, website Viettel thiết kế khó sử dụng khơng thân thiện khâu đăng viết khơng có nhiều lựa chọn cho người sử dụng hệ thống website Viettel thiết kế cho nhà trường phổ thông nằm hệ thống chung nước nên chuyên mục cố định sẵn thay đổi, nên sau năm sử dụng nhà trường không gia hạn Trước đó, tơi sử dụng phần mềm mã nguồn mở WordPress để thiết kế website cá nhân (sử dụng tên miền hosting miễn phí) sau thời gian hết hạn sử dụng miễn phí tơi chuyển qua sử dụng google site google (hoàn toàn miễn phí) để thiết kế website nhà trường đến website cịn hoạt động tốt Dưới giao diện website trường THPT Ngọc Lặc thiết kế google site (https://sites.google.com/site/c3ngoclac) Hình 1: Giao diện trang chủ trường THPT Ngọc Lặc thiết kế google site Để thiết kế website tin tức cho nhà trường phổ thơng sử dụng nhiều tảng cơng nghệ để thiết kế, kể đến như: WordPress, Java Web, PHP, Python web, Joomla, NukeViet…Tuy nhiên, chọn sử dụng ASP.Net tính bảo mật cao so với tảng mã nguồn mở phần có kiến thức sở lập trình C# 2.3 Các sáng kiến kinh nghiệm giải pháp sử dụng để giải vấn đề: 2.3.1 Các giải pháp thực hiện: a Phân tích thiết kế hệ thống website trường THPT Ngọc Lặc: Đây khâu quan trọng lập trình phần mềm, website hệ thống Để thiết kế website trường phổ thông tốt, ta cần phải trả lời câu hỏi như: Website trường phổ thông cần quản lý gì? Website trường phổ thơng có chức gì? hay Đối tượng sử dụng website trường phổ thông ai? … Trả lời câu hỏi ta có đặc tả hệ thống cho wesite cần xây dựng, sở ta thiết kế CSDL để lưu trữ thông tin cho website: + Website trường THPT Ngọc Lặc cần quản lý thông tin giáo viên, học sinh, lớp học… + Website trường THPT Ngọc Lặc có chức cung cấp thông tin: giới thiệu nhà trường (tên trường, năm thành lập, địa chỉ, hiệu trưởng nhà trường…), tổ chức, đồn thể nhà trường (Cơng đồn, Đồn Thanh niên, Nữ cơng ), kế hoạch hoạt động nhà trường, đoàn niên (kế hoạch hoạt động tuần, hoạt động tháng, kế hoạch thi cử, hoạt động phong trào…), thời khóa biểu (dạy chính, dạy thêm…), tài nguyên dạy - học (đề thi, giáo án, giảng, sáng kiến kinh nghiệm, phần mềm tiện ích, hình ảnh, video…), liên kết với website khác (vnedu, violet…) … + Website trường THPT Ngọc Lặc hướng đến đối tượng: giáo viên, phụ huynh, học sinh, nhân dân địa bàn huyện Ngọc Lặc… b Thiết kế CSDL website trường THPT Ngọc Lặc: Sau có thơng tin cần thiết, ta chuyển qua bước thiết kế CSDL để lưu trữ thông tin - Từ phân tích trên, ta thấy để quản lý website trường trường THPT Ngọc Lặc cần phải có bảng liệu sau: Bảng Bài viết (Lưu trữ viết, tin tức), Bảng Menu (Lưu trữ chủ đề viết), Bảng Tài khoản (Lưu trữ tài khoản), Bảng Phân quyền (Lưu trữ quyền thành viên), Bảng Học sinh (Lưu trữ thông tin học sinh), Bảng Giáo viên (Lưu trữ thông tin giáo viên), Bảng Khối lớp (Lưu trữ thông tin khối lớp), Bảng Lớp (Lưu trữ thông tin lớp học), Bảng Slider (Lưu trữ thông tin slider ảnh) - Để lưu trữ liệu cho website trường THPT Ngọc Lặc, sử dụng hệ quản trị CSDL Microsoft SQL Server 2014 để lưu trữ Minh họa bảng liệu cụ thể hình sau: Hình 2: Table Bài viết Hình 3: Table Menu Hình 4: Table Tài khoản Hình 5: Table Phân quyền Hình 6: Table Học sinh Hình 7: Table Giáo viên Hình 8: Table Khối lớp Hình 9: Table Lớp Hình 10: Table Slider c Phác thảo giao diện website trường THPT Ngọc Lặc: - Website trường THPT website tin tức Do đó, cần có bố cục hài hịa, hợp lí, thân thiện với người dùng, khơng q màu mè, lịe loẹt website quảng cáo hay website dịch vụ thương mại điện tử, giải trí…giúp phụ huynh, học sinh người quan tâm dễ dàng tìm kiếm thơng tin cần thiết… Hình 11: Phác thảo giao diện trang chủ webstie trường THPT Ngọc Lặc - Cấu trúc website trường THPT Ngọc Lặc: Hình 12: Cấu trúc webstie trường THPT Ngọc Lặc d Thiết kế khung giao diện website trường THPT Ngọc Lặc HTML CSS: Phần FrontEnd + Trang chủ: index.html + Trang loại tin: loai-tin.html + Trang chi tiết tin: chi-tiet-tin.html +… Hình 20: Chọn Edit text để sửa file web.config - Mở file Web.config tìm đến thẻ Connection String paste đè chuỗi Connection string vơ hình: Hình 21: Sửa chuỗi kết nối file web.config Hình 22: Sửa chuỗi kết nối file web.config (tiếp) - Sau sửa file web.config, nhấn vào địa website để xem kết Hình 23: Kích chuột vào địa website để xem kết 10 Hình 24: Kết qủa upload website thành công lên hosting somee.com Như upload thành công website lên hosting somee.com miễn phí 11 II Hướng dẫn upload website lên hosting windows Mắt Bão (matbao.net) - Yêu cầu: mua tên miền hosting windows + Các bước mua tên miền Mắt Bão: Hình 1: Kiểm tra tên miền trước mua Hình 2: Kết sau nhấn nút tìm kiếm chọn mua tên miền mong muốn - Sau chọn tên miền mong muốn chúng tiếp tục mua Hosting windows 12 - Các bước mua Hosting Windows Mắt Bão Hình 3: Chọn Hosting & Server Hình 4: Chọn Hosting Windows 13 Hình 5: Lựa chọn gói Hosting phù hợp để mua - Sau có tên miền Hosting chuyển sang bước II Hướng dẫn cấu hình DNS tên miền MANAGE.MATBAO.NET - Để cấu hình DNS cho tên miền, bạn truy cập vào trang quản lý dịch vụ https://manage.matbao.net → Chọn mục Tên Miền → Chọn mục Quản Lý Tên Miền Hình 6: Màn hình quản lý tên miền - Chọn tên miền cần cấu hình DNS danh sách Quản lý tên miền 14 Hình 7: Chọn tên miền danh sách tên miền hình quản lý tên miền - Tại giao diện tên miền chọn bạn thấy mục quản lý cụ thể sau: + Thông tin tổng quan: Sẽ cung cấp cho bạn ngày đăng ký ngày hết hạn tên miền Hình 8: Màn hình thơng tin tổng quan tên miền + Quản trị tên miền: Nơi bạn thực thao tác cấu hình cho tên miền theo nhu cầu sử dụng 15 Hình 9: Màn hình quản trị tên miền + Và số dịch vụ đăng ký sử dụng với tên miền Hình 10: Một số dịch vụ kèm sử dụng với tên miền II.2 Hướng dẫn trỏ DNS tên miền Dịch vụ Cloud Hosting - Bước 1: Tại giao diện Quản trị tên miền Tên miền chọn, chọn mục Cấu hình tên miền (DNS) 16 Hình 11: Màn hình Cấu hình tên miền - Bước 2: Chọn Hosting mua danh sách Tại Mắt Bão nhấn vào nút Xem trước Hình 12: Chọn Hosting mua Mắt Bão - Bước 3: Hệ thống hiển thị Lưu ý khơng có cần phải điều chỉnh nhấn nút Thực Hình 13: Màn hình xem trước II.3 Hướng dẫn upload website lên Cloud Hosting Plesk Panel - Bước 1: Đăng nhập quản trị Hosting + Truy cập vào trang https://manage.matbao.net → Chọn mục “Cloud Hosting” 17 Hình 14: Màn hình quản lý Cloud Hosting + Chọn hosting cần thực Hình 15: Màn hình Chọn bảng điều khiển + Chọn “Bảng điều khiển” để đăng nhập trực tiếp quản trị hosting Hình 16: Màn hình Giao diện bảng điều khiển 18 - Bước 2: Upload liệu + Chọn Files → httpdocs, sau nhấn vào httpdocs → Upload để đưa file source code web lên host Hình 17: Các bước upload source code website + Sau upload, click chọn file nén chọn Extract Files đề giải nén Hình 18: Kết sau upload giải nén source code website - Bước 3: Tạo databases, user database + Vào Tab Databases → Add Database để tạo database Hình 19: Tạo Database cho website 19 + Các bước tạo database: Điền thông tin databases, user databases mật Hình 20: Các bước tạo Database cho website Hình 21: Tạo Database thành công 20 + Tiến hành import liệu databases lên host Hình 22: Chọn file bacckup database để upload - Bước 4: Cấu hình chuỗi kết nối + Mở file web.config để cấu hình chuỗi kết nối Hình 23: Chọn file Web.config để cấu hình chuỗi kết nối + Chỉnh sửa lại thông số: 21 Hình 24: Sửa chuỗi kết nối + Database Host : Host Database IP Server Database + Tên Database : Tên Database tạo Hosting + User Database : Tên User Database tạo Hosting + Password User Database : Password User Database tạo Hosting 22 - Bước 5: Chạy website Hình 25: Kết sau upload thành công website lên Hosting 23 ... kiến kinh nghiệm: ? ?Xây dựng website trường THPT Ngọc Lặc ngơn ngữ lập trình ASP. Net MVC Hệ quản trị CSDL Microsoft SQL Server 2014? ?? 1.2 Mục đích nghiên cứu: - Giúp nhà trường quảng bá hình ảnh... trang chủ webstie trường THPT Ngọc Lặc - Cấu trúc website trường THPT Ngọc Lặc: Hình 12: Cấu trúc webstie trường THPT Ngọc Lặc d Thiết kế khung giao diện website trường THPT Ngọc Lặc HTML CSS: Phần... ngơn ngữ lập trình C# công cụ Visual Studio 2017 để hỗ trợ phần mềm chấm trắc nghiệm tự động Zipgrade Xây dựng website thi trắc nghiệm cho học sinh THPT ngôn ngữ lập trình ASP. Net MVC hệ quản trị