SKKN phát triển năng lực học lập trình cho học sinh qua các ứng dụng thực tế

SỞ GIÁO DỤC & ĐÀO TẠO NGHỆ AN TRƯỜNG THPT THANH CHƯƠNG I ……………………………… SÁNG KIẾN KINH NGHIỆM Đề tài: PHÁT TRIỂN NĂNG LỰC HỌC LẬP TRÌNH CHO HỌC SINH QUA CÁC ỨNG DỤNG THỰC TẾ ( TẠO WEBSITE DU LỊCH, DI TÍCH LỊCH SỬ, WEBSITE BÁN HÀNG, MODUL TRA CỨU TỪ ĐIỂN TIẾNG DÂN TỘC THÁI HUYỆN THANH CHƯƠNG ) Người thực : NGUYỄN VĂN HÙNG Tổ : TOÁN – TIN Điện thoại: 0912.533.519 NĂM HỌC: 2021 – 2022 PHẦN I ĐẶT VẤN ĐỀ Lí chọn đề tài Với tình hình đại dịch Covid diễn phức tạp, phủ có nhiều giải pháp chuyển đổi số cho nhiều lĩnh vực, giáo dục khơng ngoại lệ tính cấp thiết Các ứng dụng dạy học online, giao dịch ví điện tử, học lúc nơi … Trên tinh thần đó, thân tơi hồn thành khố học lập trình website với ngơn ngữ PHP Microsoft Nhất Nghệ năm 2013 Bản thân hoàn thành nhiều ứng ụng thực tế website, mã nguồn lựu chọn wordpress, jomla, nukeviet nhận thấy cần hướng dẫn cho học sinh tạo ứng dụng thực tế mùa dịch với mục đích tạo động lực học lập trình cho học sinh khối 11 hệ quản trị CSDL khối 12 Mã nguồn phù hợp chọn Nukeviet mã nguồn cộng đồng người việt tạo dựa mã nguồn phpnuke dễ dùng cho người bắt đầu làm quen với thương mại điện tử, tính bảo mật tuỳ biến linh hoạt dễ dàng phân quyền người sử dụng giáo dục đào tạo khuyên dùng thông tư 08/2010/TT-BGDĐT, thông tin truyền thông quy định ưu tiên dùng quan, tổ chức nhà nước thông tư số 20/2014 TT- BTTTT, trao giải nhân tài Đất Việt năm 2011 Mục đích nghiên cứu Đề tài giúp giáo viên có thêm phương pháp giáo dục mới, nhằm phát triển lực học sinh Từ tập dự án, giúp học sinh có kỹ làm việc theo nhóm kỹ lập trình, phân tích thiết kế hệ thống để hình thành thiết kế CSDL theo mơ hình phổ biến CSDL quan hệ dạng bảng liệu Nhiệm vụ phạm vi nghiên cứu 3.1 Nhiệm vụ nghiên cứu Sử dụng phương pháp dạy học theo dự án, học sinh hoạt động học 3.2 Phạm vi nghiên cứu Đề tài nghiên cứu trình dạy học trường THPT Thanh Chương địa bàn huyện Thanh Chương Đối tượng nghiên cứu - Sách giáo khoa tin học 11, 12 - Chuẩn kiến thức kỹ môn Tin học trung học phổ thông _ NXB Giáo dục - Tài liệu thiết kế trang http://nukeviet.vn - Tài liệu tập huấn dạy học theo chương trình - Tài liệu PHP, MySQL, Bootstrap, HTML, Xtemplate, CSS, JavaScript, Photoshop - Học sinh khối 11,12 năm học 2021-2022 Phương pháp nghiên cứu - Phương pháp sưu tầm, tổng hợp: Tổng hợp, tham khảo từ liệu huyện Thanh Chương( Từ điển dân tộc Thái, Địa danh lịch sử, Các nhà hàng, khách sạn, Đặc sản Thanh Chương) - Phương pháp thực nghiệm: Làm dự án thực tế tạo website thương mại điện tử Thanh Chương với tên miền http://thanhchuong.net PHẦN II NỘI DUNG THỰC TRẠNG TRƯỚC KHI THỰC HIỆN CÁC GIẢI PHÁP SÁNG KIẾN Trong thời đại chuyển đổi số môn tin học môn học quan trọng nhằm giúp học sinh giải vấn đề thực tế hiệu Nhưng môn tin chưa đưa vào thi tốt nghiệp Đại học nên nhiều học sinh phụ huynh không quan tâm không thấy tầm quan trọng môn học Các chương trình lập trình chưa giải cơng việc cụ thể mang tính ứng dụng Bên cạnh hầu hết học sinh chưa có kiến thức HTML, CSS, JAVACRIP, PHOTOSHOP, PHP, CSDL MySQL nên để tạo trang thương mại điện tử http://thanhchuong.net không dễ dàng, bắt buộc giáo viên phải tư nên chọn mã nguồn mở phù hợp đáp ứng giải vấn đề NỘI DUNG, PHƯƠNG PHÁP THỰC HIỆN SÁNG KIẾN Chọn mã nguồn Nukeviet, hướng dẫn học sinh cài đặt môi trường Localhost qua phần mềm XAMPP thực thi dự án thương mại điện tử PC Laptop với hệ điều hành Windows 10 64bit 2.1.1 : Vào links trang chủ nukeviet để download mã nguồn viết web Link : https://nukeviet.vn/vi/download/ma-nguon/NukeViet-4-4-04.html 2.1.2 XAMPP phần mềm cho phép giả lập môi trường server hosting máy tính bạn, cho phép bạn chạy demo website mà không cần phải mua hosting Links : https://www.apachefriends.org/download.html chọn 8.1.4 / PHP 8.1.4 2.1.3 Cài đặt Xampp sau download 2.1.4.Tạo CSDL để cài đặt Nukeviet - Bật Start apache MySQL hình sau - Chọn Admin nhãn MySQL để tạo CSDL hộp thoại localhost / 127.0.0.1 | phpMyAdmin 5.1.3 xuất chọn new, đánh tên CSDL cần tạo vào ô Database name : đánh tên CSDL cần tạo thanhchuong chọn Create hộp thoại sau : 2.1.5.Cài đặt website với mã nguồn nukeviet 4.4.04 có CSDL rỗng thanhchuong.sql vừa tạo : - Sau download mã nguồn nukeviet 4.4.04 trang chủ nukeviet.vn hướng dẫn học sinh cài sau : + Giải nén copy mã nguồn vào thư mục c:\xampp\htdocs đổi tên thư mục thành thanhchuong Như hình sau : + Vào trình duyệt web google chomre gõ http://localhost/thanhchuong trình cài đặt diễn hình sau : + Chọn ngôn ngữ cài đặt tiếng việt chọn next để tiến hành trình cài đặt hộp thoại xuất sau : + Chọn bước để tiến hành cài đặt hộp thoại xuất sau : + Chọn bước để tiến hành cài đặt hộp thoại xuất sau : + Bước cấu hình CSDL : + Chọn thực để kết nối CSDL đổ liệu website vào CSDL tạo thanhchuong.sql, username root( khơng đặt pass cài Xampp PC) hộp thoại xuất sau : * Gõ tên site: thanhchuong * Tài khoản: admin( để vào phần backend web – phần quản trị web) * Email: * Mật khẩu: mật để vào phần quản trị web * Chọn câu hỏi bảo mật để phục hồi mật sau quên Chọn thực để hoàn thành cài đặt, hộp thoại xuất có nghĩa cài đặt thành công + Chọn xem trang đăng nhập vào phần quản trị để xem kết * Chọn xem trang chủ giao diện sau : * Chọn đăng nhập quản trị theo link : http://localhost/thanhchuong/admin Qua bước học sinh hình dung website gồm phần * FrontEnd : Là giao diện trang web để tương tác với người dùng * BackEnd : Là giao diện quản trị web để người quản trị đưa liệu, quản trị phân quyền cho website( mà người dùng khơng nhìn thấy) 2.1.6 Giới thiệu chức có sẵn nukeviet cách tuỳ biến giao diện, cài modul ý tưởng học sinh tham khảo website có internet Với giao diện PC trang http://thanhchuong.net học sinh thiết kế sau( vẽ phần mềm Paint Photoshop – ưu tiên Photoshop) : Sau cài thành công modul Shop vào menu chợ mua bán trang chủ có giao diện sau( gồm chọn sản phẩm, giỏ hàng, đặt hàng … ) : 18 Như vấn đề thiết kế giao diện thực thi, có giao diện ý tưởng thiết kế cần hướng dẫn học sinh đăng phần quản trị liệu lấy từ nhiều bảng CSDL sau : Nhìn vào 128 bảng liệu để hình thành trang thương mại điện tử với đầy đủ chức việc thiết kế CSDL quan trọng Từ học sinh thấy tầm quan trọng CSDL quan hệ Các em liên hệ với học ‘‘Liên kết bảng SGK tin học trang 57 lớp 12’’( hiểu khố bảng) 19 2.1.8 Bài tập dự án tra cứu từ điển tiếng dân tộc thái học sinh thực Sau em tạo website với tuỳ biến giao diện bản, tiếp tục cho làm tập nhóm để tạo động lực học lập trình thiết kế CSDL Chia nhóm bạn lớp 11A1 lớp 12K trường THPT Thanh Chương để làm dự án viết modul tra cứu từ điển với liệu thu thập từ bảng Excel - Các nhóm tìm hiểu để đưa liệu thu thập từ dạng Excel sang SQL ? - Quá trình tạo bảng dạng CSDL quan hệ Acess để import liệu từ Excel ? Sau thời gian tìm hiểu em đưa phương pháp đưa liệu từ Excel sang SQL phương pháp gián tiếp chuyển file EXCEL sang file CSV import vào SQL kết import liệu thành công gồm 1187 từ : 20 - Bước nhóm tự viết Code PHP thẻ HTML để kết nối đến CSDL vừa import với hướng dẫn giáo viên chuyển đổi từ Code C++ sang PHP( Do em làm quen nên chưa viết theo mơ hình MVC đóng gói Nukeviet mà cho viết độc lập chạy theo liên kết) + Các nhóm đưa Form đăng nhập để tra cứu Dùng thẻ HTML CSS để tạo Form tra từ sau : Như em xác định cần lấy liệu từ người dùng nhập vào so sánh với kết bảng liệu từ điển có để hình thành thuật tốn tìm kiếm, duyệt Cần kết nối CSDL với bảng đó, phương thức lấy liệu đăng nhập tra từ POST Code File Index.php sau : 21 nav{ background-color:#6699CC; } nav a{ display:inline-block; padding:10px; font-size:14px; color: #FF9900; font-weight:bold; text-decoration:none; } nav a:hover{ background-color:#006CB5; } Website Tra cứu từ điển tiếng thái 22 TRANG TRA CỨU TỪ ĐIỂN TIẾNG THÁI - Mọi thắc mắc xin liên hệ: 0912.533.519 GIỚI THIỆU |