Nội dung sáng kiến kinh nghiệm
Cơ sở lí luận của sáng kiến kinh nghiệm
Chỉ thị 29/2001/CT-BGD&ĐT của Bộ Giáo dục và Đào tạo nhấn mạnh vai trò quan trọng của công nghệ thông tin (CNTT) trong giáo dục, cho rằng CNTT không chỉ thay đổi nội dung và phương pháp dạy học mà còn là công cụ thiết yếu để xây dựng một “xã hội học tập” Đồng thời, giáo dục và đào tạo cũng góp phần quan trọng vào sự phát triển của CNTT bằng cách cung cấp nguồn nhân lực chất lượng cho lĩnh vực này.
Quyết định số 117/QĐ-TTg của Thủ tướng Chính phủ phê duyệt Đề án “Tăng cường ứng dụng CNTT trong quản lý và hỗ trợ các hoạt động dạy - học, nghiên cứu khoa học” nhằm nâng cao chất lượng giáo dục và đào tạo giai đoạn 2016 - 2020, với định hướng đến năm 2025 Đề án tập trung vào việc đổi mới nội dung, phương pháp dạy - học, kiểm tra đánh giá, nghiên cứu khoa học và công tác quản lý tại các cơ sở giáo dục, góp phần hiện đại hóa và nâng cao chất lượng giáo dục trong hệ thống giáo dục quốc dân.
Theo Nghị quyết Chính phủ 49/CP ngày 04/08/1993, công nghệ thông tin (CNTT) được định nghĩa là sự kết hợp của các phương pháp khoa học, công cụ và thiết bị kỹ thuật hiện đại, chủ yếu là công nghệ máy tính và viễn thông Mục tiêu của CNTT là tổ chức, khai thác và sử dụng hiệu quả các nguồn tài nguyên thông tin phong phú và tiềm năng trong mọi lĩnh vực hoạt động của con người và xã hội.
Thực trạng vấn đề trước khi áp dụng sáng kiến kinh nghiệm
Hiện nay, nhiều trường phổ thông chưa có website riêng hoặc nếu có thì nội dung không được cập nhật thường xuyên Nguyên nhân có thể do thiếu sự quan tâm, đầu tư về thời gian và công sức, cũng như thiếu kiến thức về thiết kế website Hơn nữa, lãnh đạo nhà trường có thể chưa nhận thức đầy đủ về vai trò quan trọng của website trong việc phát triển giáo dục, dẫn đến việc không sử dụng dịch vụ thiết kế website từ các công ty chuyên nghiệp như Tập đoàn viễn thông quân đội Viettel và Tập đoàn viễn thông VNPT.
Trường THPT Ngọc Lặc trước đây chưa có website riêng và đã sử dụng một website do Viettel cung cấp cách đây 3 năm Tuy nhiên, website này khó sử dụng, không thân thiện và hạn chế trong việc đăng bài viết do các chuyên mục cố định không thể thay đổi Sau một năm sử dụng, nhà trường quyết định không gia hạn dịch vụ này nữa.
Trước đây, tôi đã sử dụng WordPress để tạo website cá nhân với tên miền và hosting miễn phí Tuy nhiên, khi thời gian sử dụng miễn phí kết thúc, tôi đã chuyển sang Google Sites, hoàn toàn miễn phí, để thiết kế website cho trường học Đến nay, website của trường THPT Ngọc Lặc vẫn hoạt động tốt và có giao diện thân thiện Bạn có thể xem website tại đây: [THPT Ngọc Lặc](https://sites.google.com/site/c3ngoclac).
Để thiết kế website tin tức cho trường THPT Ngọc Lặc, có nhiều nền tảng công nghệ có thể sử dụng như WordPress, Java Web, PHP, Python web, Joomla, và NukeViet Tuy nhiên, tôi đã chọn ASP.Net vì nó cung cấp tính bảo mật cao hơn so với các nền tảng mã nguồn mở, đồng thời tôi cũng đã có kiến thức cơ bản về lập trình C#.
Các sáng kiến kinh nghiệm hoặc các giải pháp đã sử dụng để giải quyết vấn đề:4 1 Các giải pháp thực hiệ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 là khâu rất quan trọng trong 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ác câu hỏi như: Website trường phổ thông cần quản lý cái gì? Website trường phổ thông có chức năng gì? hay Đối tượng sử dụng website trường phổ thông là ai? …
Trả lời các câu hỏi trên giúp chúng ta xây dựng một bản đặc tả hệ thống cho website, từ đó có thể thiết kế cơ sở dữ liệu (CSDL) để lưu trữ thông tin cần thiết 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 cung cấp thông tin chi tiết về nhà trường như tên, năm thành lập, địa chỉ, và hiệu trưởng Ngoài ra, trang web giới thiệu các tổ chức, đoàn thể trong trường như Công đoàn, Đoàn Thanh niên, và Nữ công, cùng với các kế hoạch hoạt động hàng tuần, tháng, và các sự kiện thi cử Thời khóa biểu bao gồm dạy chính và dạy thêm, cùng với tài nguyên dạy - học như đề thi, giáo án, bài giảng, và video Website cũng liên kết với các trang khác như vnedu và violet Đối tượng hướng đến của website bao gồm giáo viên, phụ huynh, học sinh, và cộng đồng dân cư tại huyện Ngọc Lặc.
Sau khi đã có được các thông tin cần thiết, ta chuyển qua bước thiết kế CSDL để lưu trữ các thông tin đó
Để quản lý website trường THPT Ngọc Lặc hiệu quả, cần thiết lập các bảng dữ liệu quan trọng như: Bảng Bài viết để lưu trữ các bài viết và tin tức, Bảng Menu cho các chủ đề bài viết, Bảng Tài khoản để quản lý thông tin tài khoản, Bảng Phân quyền lưu trữ quyền hạn của các thành viên, Bảng Học sinh chứa thông tin về học sinh, Bảng Giáo viên cho thông tin giáo viên, Bảng Khối lớp lưu trữ thông tin về các khối lớp, Bảng Lớp để quản lý thông tin lớp học, và Bảng Slider để lưu trữ thông tin về slider ảnh.
Để lưu trữ dữ liệu cho website trường THPT Ngọc Lặc, tôi đã sử dụng hệ quản trị cơ sở dữ liệu Microsoft SQL Server 2014 Dưới đây là minh họa các bảng dữ liệu cụ thể.
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 cần có bố cục hài hòa, hợp lý và thân thiện với người dùng, tránh thiết kế quá màu mè hay lòe loẹt như các website quảng cáo hay thương mại điện tử Điều này giúp phụ huynh, học sinh và những 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 bằng HTML và 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 13: Khung giao diện trang chủ website trường THPT Ngọc Lặc bằng ngôn ngữ HTML e Phát triển Website: Phần BackEnd
Website được thiết kế bằng HTML, CSS và Javascript thường là website tĩnh, không có cơ sở dữ liệu (CSDL), do đó người dùng chỉ có thể xem nội dung mà không thể tương tác nhiều Để tạo ra website “động” và dễ dàng thay đổi nội dung, cần sử dụng CSDL như SQL Server hoặc MySQL và một ngôn ngữ lập trình phía server như PHP, Python, Java hoặc ASP.Net để thực hiện các thao tác truy xuất, thêm, sửa, xóa và cập nhật dữ liệu.
Sau khi hoàn thiện thiết kế khung website cơ bản bằng HTML và CSS, tôi tiếp tục sử dụng ASP Net MVC để biến website thành một ứng dụng động.
MVC, viết tắt của Model, View và Controller, là một kiến trúc phần mềm quan trọng Model chịu trách nhiệm tương tác với cơ sở dữ liệu (CSDL), trong khi View đảm nhiệm việc hiển thị giao diện người dùng Controller nhận lệnh từ người dùng, gửi yêu cầu đến Model để lấy hoặc cập nhật dữ liệu, và cuối cùng truyền lệnh đến View để cập nhật giao diện hiển thị phù hợp với dữ liệu mới.
Dưới đây minh họa một vài đoạn code bằng ASP.Net
Hình 15: Code trang chủ trong ASP.Net MVC
Hình 16: Code trang chủ trong ASP.Net MVC
Hình 17: Code hiển thị trang chủ trong file Index.cshtml
Hình 18: Code lấy Chi tiết bài viết trong HomeController
Hình 19: Code hiển thị Chi tiết bài viết trong file Detail.cshtml
Để tái sử dụng code cho các phần chung ít thay đổi trong website như Banner và Menu, tôi đã áp dụng Partial View Partial View cho phép chia nhỏ View thành các phần dễ quản lý và bảo trì, giúp tránh lặp lại code Chúng tôi chỉ cần tạo một lần và sử dụng lại trong các View cần thiết, tương tự như User Control trong ASP.Net Webform Điều này mang lại sự linh hoạt và khả năng thay đổi nhanh chóng cho website, không gây ức chế cho người dùng Trong quá trình thiết kế website trường THPT Ngọc Lặc, tôi đã tạo một số Partial View.
_LoadMenuCon.cshtml, _PartialSlider.cshtml, _LoadMenuDocCon.cshtml, _TinCapNhat.cshtml, _Menu.cshtml, _MenuDoc.cshtml, …
Hình 20: PartialView _LoadMenuCon trong HomeController
Hình 21: PartialView _TinCapNhat trong HomeController
Hình 22: Code hiển thị Tin cập nhật _TinCapNhat.cshtml
- Upload website lên hosting: Xem phần phụ lục.
- Truy cập website: http://thptngoclac.edu.vn, http://thptngoclac.somee.com
2.3.3 Hướng dẫn sử dụng: a Các chức năng:
Phần quản trị website (Admin) có thể thực hiện các tác vụ sau:
+ Quản lý tài khoản: Thêm, xóa, sửa, xem danh sách tài khoản.
+ Quản lý menu (chủ đề bài viết): Thêm, xóa, sửa menu.
+ Quản lý bài viết (tin tức): Thêm, xóa, sửa tin tức.
+… b Chi tiết các chức năng:
- Chức năng quản lý tài khoản:
Để thêm mới tài khoản, bạn hãy nhấn vào “Quản lý tài khoản” trên thanh menu, sau đó chọn nút “Thêm mới” Tiếp theo, nhập đầy đủ thông tin yêu cầu và nhấn nút “Thêm mới tài khoản” để hoàn tất.
Hình 23: Thêm mới tài khoản
Để cập nhật thông tin tài khoản, bạn chỉ cần nhấn vào nút “Sửa” bên cạnh tài khoản cần chỉnh sửa trong “Danh sách tài khoản” như hình minh họa dưới đây.
Hình 24: Chọn tài khoản để sửa
Sau khi nhập đầy đủ các thông tin cần sửa như hình bên dưới, nhấn vào nút
“Cập nhật” để lưu lại.
Hình 25: Sửa thông tài khoản
+ Xóa tài khoản: để xóa tài khoản, nhấn vào nút “Xóa” bên cạnh tài khoản cần xóa.
- Chức năng quản lý menu:
Hình 26: Màn hình Quản lý menu
+ Thêm mới menu: để thêm mới menu, nhấn chọn “Quản lý menu” trên thanh menu và chọn nút “Thêm mới menu” như hình bên dưới.
Nhập đầy đủ thông tin trên màn hình rồi nhấn nút “Thêm mới” để thêm một menu
+ Sửa menu: để sửa menu, nhấn chọn nút “Sửa” bên cột “Chức năng” tương ứng với menu cần sửa trong “Danh sách menu”.
Hình 28: Chọn menu cần sửa trong danh sách các menu
Sau khi chỉnh sửa xong, nhấn nút “Save” để lưu lại.
+ Xóa menu: để xóa menu, nhấn vào nút “Xóa” bên cạnh menu cần xóa.
- Chức năng quản lý bài viết (tin tức):
Hình 30: Quản lý bài viết
Để thêm mới bài viết, bạn chỉ cần nhấn vào “Thêm mới bài viết” trên thanh menu và chọn nút tương ứng, hoặc bạn có thể chọn “Thêm mới bài viết” từ phần chi tiết của bài viết.
Hình 31: Chọn thêm mới bài viết từ trang chi tiết bài viết đang xem
Hình 32: Thêm mới bài viết
Sau khi nhập đầy đủ nội dung, nhấn nút “Thêm mới” để thêm một bài viết vàoCSDL.
+ Sửa bài viết: để sửa bài viết, nhấn chọn nút “Sửa” bên cột “Lựa chọn” tương ứng với bài viết cần sửa trong “Danh sách bài viết”.
Hình 33: Chọn bài viết cần sửa trong danh sách bài viết
Hình 34: Chọn bài viết cần sửa từ trang chi tiết bài viết đang xem
Hình 35: Sửa bài viết đã chọn
Sau khi hoàn tất việc chỉnh sửa nội dung bài viết, hãy nhấn nút “Cập nhật” để lưu trữ nội dung vào cơ sở dữ liệu Để tìm kiếm một bài viết, bạn có thể sử dụng tùy chọn tìm kiếm theo “Từ khóa” hoặc “Chủ đề”, hoặc kết hợp cả hai, sau đó nhấn nút “Tìm kiếm” để nhận kết quả.
Hình 36: Kết qủa tìm kiếm bài viết
+ Xóa bài viết: để xóa bài viết, nhấn vào nút “Xóa” bên cạnh bài viết cần xóa hoặc
Hiệu quả của sáng kiến kinh nghiệm đối với hoạt động giáo dục, với bản thân, đồng nghiệp và nhà trường
Sau một thời gian hoạt động, website của trường THPT Ngọc Lặc đã đáp ứng nhu cầu thông tin của nhiều phụ huynh và học sinh trong huyện Ngọc Lặc Điều này được minh chứng qua số lượng người truy cập website hàng ngày, cho thấy sự quan tâm ngày càng tăng đối với nhà trường.
- Website đã giúp phụ huynh và các em học sinh theo dõi các thông tin, hoạt động đã diễn ra của nhà trường.
Nhà trường đang tích cực chuẩn bị cho lễ kỷ niệm 60 năm thành lập vào tháng 11 tới, với sự tham gia của giáo viên và học sinh Các hoạt động được tổ chức nhằm tôn vinh lịch sử phát triển và thành tựu của nhà trường, đồng thời tạo cơ hội cho cộng đồng giáo dục giao lưu và chia sẻ kinh nghiệm Thông tin chi tiết về sự kiện sẽ được cập nhật thường xuyên để mọi người có thể tham gia và cùng nhau chúc mừng dịp đặc biệt này.
2021 và đón nhận trường chuẩn quốc gia.
