Loài người chúng ta đang sống trong cuộc cách mạng khoa học công nghệ 4.0. Đặc biệt từ khi xảy ra đại dịch covid19 thì ngành giáo dục đã ứng dụng triệt để công nghệ thông tin để dạy và học trực tuyến. Công nghệ thông tin là một trong những ngành khoa học ngày càng được quan tâm và sử dụng rộng rãi hơn, đặc biệt trong lĩnh vực giáo dục ngày nay. Lập trình cho thiết bị di động và PC đang là xu thế, trong đó có thiết bị chạy hệ điều hành android OS, iOS, windows OS... Lập trình web chạy trên đa nền tảng đang là xu thế và phát triển nhanh ở Việt Nam cũng như Thế giới. Vì vậy để giúp đỡ các bạn học sinh trong lớp học tập tốt hơn chúng em đã cùng nhau tạo ra một trang web hệ thống cho dự án thi khoa học kĩ thuật năm học 20212022. Dự án đó có tên là “KIỂM TRA ĐÁNH GIÁ ONLINE MÔN HÓA HỌC 8, 9”.
PHÒNG GIÁO DỤC VÀ ĐÀO TẠO H.DẦU TIẾNG TRƯỜNG TRUNG HỌC CƠ SỞ ĐỊNH HIỆP SÁNG KIẾN ĐỀ TÀI KIỂM TRA ĐÁNH GIÁ ONLINE MƠN HĨA HỌC 8, GV thực hiện: Mai Văn Việt NĂM HỌC: 2021 – 2022 Kiểm tra đánh giá online mơn Hóa Học 8, MỤC LỤC TT I II III IV V VI VII VIII NỘI DUNG LÝ DO CHỌN ĐỀ TÀI MỤC ĐÍCH NGHIÊN CỨU PHƯƠNG PHÁP NGHIÊN CỨU PHẠM VI NGHIEN CỨU THỰC HIỆN THIẾT KẾ VÀ VIẾT CODE CHO ỨNG DỤNG KẾT QUẢ NĂM HỌC 2020 - 2021 KẾT LUẬN TÀI LIỆU THAM KHẢO PHỤ LỤC trang 4 5 15 16 17 18 Kiểm tra đánh giá online mơn Hóa Học 8, I LÝ DO CHỌN ĐỀ TÀI Loài người sống cách mạng khoa học công nghệ 4.0 Đặc biệt từ xảy đại dịch covid-19 ngành giáo dục ứng dụng triệt để công nghệ thông tin để dạy học trực tuyến Công nghệ thông tin ngành khoa học ngày quan tâm sử dụng rộng rãi hơn, đặc biệt lĩnh vực giáo dục ngày Lập trình cho thiết bị di động PC xu thế, có thi ết bị chạy hệ điều hành android OS, iOS, windows OS Lập trình web ch ạy đa tảng xu phát triển nhanh Việt Nam nh Thế gi ới Vì để giúp đỡ bạn học sinh lớp học tập tốt chúng em tạo trang web hệ thống cho dự án thi khoa học kĩ thuật năm học 2021-2022 Dự án có tên “KIỂM TRA ĐÁNH GIÁ ONLINE MƠN HĨA HỌC 8, 9” II MỤC ĐÍCH NGHIÊN CỨU Công nghệ thông tin hỗ trợ đắc lực đại dịch covid-19 hoành hành toàn giới nói chung Việt Nam nói riêng Các văn c ngành việc thực công nghệ thông tin th ời đại 4.0 thúc đ ẩy s ự lớn mạnh hiệu công tác giảng dạy nh ki ểm tra đánh giá Từ giúp tơi có động lực tìm sáng kiến viết ứng dụng dành cho web nói chung thiết bị di động nói riêng với tảng Tạo mẻ cho học sinh học mơn hóa học nh thay đ ổi cách kiểm tra đánh giá khả tự học học sinh Với máy tính điện thoại thơng minh có mạng internet wifi học sinh có th ể h ọc ki ểm tra đánh giá lúc nơi III PHƯƠNG PHÁP NGHIÊN CỨU Soạn đề trắc nghiệm word Google Tài liệu (Google Document) Tạo bảng liệu chứa đáp án Google Sheets Sau viết mã cho phần mềm Sublime Text với phần gồm html, js, css… Kiểm tra đánh giá online mơn Hóa Học 8, Để viết chương trình tơi tham khảo tài liệu hướng dẫn lập trình web: html, css, javascript Tơi viết code chạy th nghiệm chương trình để tìm lỗi khắc phục lỗi IV PHẠM VI NGHIÊN CỨU Dành cho học sinh học mơn Hóa học lớp lớp năm h ọc 2020 – 2021 học kỳ I học kỳ II năm học 2021 – 2022 V THỰC HIỆN - Nhập địa website: https://www.google.com.vn - Click Đăng nhập - Gõ địa email để đăng nhập, click Tiếp theo Kiểm tra đánh giá online mơn Hóa Học 8, - Gõ password, click Tiếp theo - Click vào chọn - Sẽ xuất Driver Hoặc gõ vào địa chỉ: http://driver.google.com/driver/my-driver Kiểm tra đánh giá online mơn Hóa Học 8, click vào chọn Google Trang tính t ạo b ảng ch ứa d ữ li ệu (Googlesheets) đồng thời viết Google Apps Script chạy để lấy link th ực thi - Kết nối Ứng dụng với Google Trang tính (Googlesheets) VI THIẾT KẾ VÀ VIẾT CODE CHO ỨNG DỤNG Giao diện ứng dụng Kiểm tra đánh giá online mơn Hóa Học 8, Phần mềm chạy tốt trình duyệt Chrome Google, Firefox Khi khởi động xong, giao diện phần mềm sau: Với thiết kế menu bên trái mang phong cách đại Mu ốn s d ụng phần click chuột vào mục tương ứng Các phần trang web Kiểm tra đánh giá online mơn Hóa Học 8, 9 Kiểm tra đánh giá online mơn Hóa Học 8, Code HTML Kiểm tra thường xuyên hóa học 8 Kiểm tra thường xuyên hóa học 9 Kiểm tra kỳ hóa học 8, 9 Kiểm tra cuối kỳ hóa học 8, 9 KIỂM TRA ĐÁNH GIÁ ONLINE MƠN HĨA HỌC 8, 9Giới thiệu: Kiểm tra đánh giá online sử dụng ngơn ngữ lập trình HTML, CSS, JAVASCRIPT, sở liệu Google Sheets Ưu điểm trang web chạy tất thiết bị di động PC (đa tảng) Trang web gồm: kiểm tra thường xuyên hóa học 8, 9; kiểm tra kỳ hóa học 8, 9; kiểm tra cuối kỳ hóa học 8, theo quy định hành ngành giáo dục Thiết kế chấm điểm trắc nghiệm tự động, phần tự luận chấm thủ công.
Copyright © 2021-2022 Code CSS 10 Kiểm tra đánh giá online mơn Hóa Học 8, *{margin: 10px 10px;} /*Canh lề cho trang web*/ kiemtrathuongxuyenhoa8{ height: 60px; width: 160px; background: red; color: white; font-size: 16px; border-radius: 10px; } kiemtragiuakyhoa8{ height: 60px; width: 160px; background: blue; color: white; font-size: 16px; border-radius: 10px; } kiemtrathuongxuyenhoa9{ height: 60px; width: 160px; background: green; color: white; font-size: 16px; border-radius: 10px; } kiemtragiuakyhoa9{ height: 60px; width: 160px; background: yellow; color: red; font-size: 16px; border-radius: 10px; } kiemtracuoikyhoa8{ height: 60px; width: 160px; background: yellow; color: red; font-size: 16px; border-radius: 10px; } kiemtracuoikyhoa9{ 11 Kiểm tra đánh giá online mơn Hóa Học 8, color: #fff; font-size: 18px; border-radius: 10px; text-align: center; } input[type="hoten"]{ margin: 5px; padding: 5px; width: 400px; height: 25px; color: blue; font-size: 20px; font-style: bold; display:block; border: 1px solid blue; border-bottom: 3px solid blue; } input[type="lop"]{ margin: 5px; padding: 5px; width: 250px; height: 25px; color: blue; font-size: 20px; font-style: bold; display:block; border: 1px solid blue; border-bottom: 3px solid blue; } cau{ margin: 5px; padding: 5px; width: 400px; height: 25px; color: blue; font-size: 20px; border: 1px solid blue; border-bottom: 3px solid blue; } h2{ color: red } h3{ color: blue } p{ font-size: 20px; } ::placeholder { /* chạy tốt Chrome, Firefox, Opera, Safari 10.1+ */ 31 Kiểm tra đánh giá online mơn Hóa Học 8, color: blue; opacity: 1; /* Firefox */ } :-ms-input-placeholder { /* chạy Internet Explorer 10-11 */ color: blue; } ::-ms-input-placeholder { /* chạy Microsoft Edge */ color: blue; } var count = 600; //đặt số giây 600 giây function countDown(){ var timer = document.getElementById("timer"); if(count > 0){ count ; timer.innerHTML = "Thời gian làm bạn còn: "+count+" giây."; setTimeout("countDown()", 1000); document.getElementById('submit-form').style.visibility = 'hidden'; document.getElementById('xemdiem').style.visibility = 'hidden'; }else{ document.getElementById('submit-form').style.visibility = 'visible'; document.getElementById('xemdiem').style.visibility = 'visible'; } } Bài kiểm tra có tất 14 câu hỏi, chọn đáp án đúng. Hết điền họ tên, lớp GỞI BÀI countDown(); I TRẮC NGHIỆM Câu 1: Dung dịch axit làm đổi màu quỳ tím sang màu gì? A Không màu. B Xanh. C Tím. 32 Kiểm tra đánh giá online mơn Hóa Học 8, D Đỏ. Câu 2: Oxit bazơ oxit sau đây? A CaO, CO₂. B CaO, Fe₂O₃. C SO₂, CuO. D SO₂, K₂O. Câu 3: Khí CO có lẫn tạp chất CO₂ SO₂ Dùng dung dịch để loại bỏ tạp chất CO₂ SO₂ với giá thành rẻ nhất? A Dung dịch Ca(OH)₂. B Dung dịch H₂CO₃. C Nước. D Dung dịch H₂SO₃. Câu 4: Có tượng xảy cho dung dịch BaCl₂ ống nghiệm đựng sẵn dung dịch Na₂SO₄? A Không có tượng gì. B Tạo kết tủa trắng ống nghiệm. C Có khí khơng màu ra. D Có kết tủa trắng khí ra. Câu 5: Kim loại sau khơng tác dụng với dung dịch axit lỗng? A Cu. B Fe. C Zn. D Al. Câu 6: Khí sau làm khô canxi oxit? A Khí O₂. B Khí CO₂. 33 Kiểm tra đánh giá online mơn Hóa Học 8, C Khí SO₂. D Khí SO₃. Câu 7: Dung dịch muối AgNO₃ tác dụng với kim loại sau đây? A Zn, Fe, Cu, Al. B Ca, Fe, Cu, K. C Na, Fe, Cu, Mg. D Cu, Al, K, Fe. Câu 8: Phản ứng axit với bazơ phản ứng? A Thế. B Trung hòa. C Phân hủy. D Hóa hợp. Câu 9: Bazơ sau bị nhiệt phân hủy? A KOH, Ca(OH)₂, Mg(OH)₂. B NaOH, KOH, Ba(OH)₂. C Mg(OH)₂, Cu(OH)₂, Fe(OH)₂. D NaOH, Ca(OH)₂, Fe(OH)₂. Câu 10: Dung dịch NaOH tác dụng với CO₂ theo tỉ lệ 1:1 muối thu gì? A Na₂CO₃. B NaOHCO₃. C NaHCO₃. D NaOHCO₂. Câu 11: Thuốc thử dùng để phân biệt dung dịch NaCl dung dịch Na₂SO₄ gì? A Qùy tím dd AgNO₃. B dd BaCl₂ dd AgNO₃. C Quỳ tím dd KCl. 34 Kiểm tra đánh giá online mơn Hóa Học 8, D dd NaOH dd BaCl₂. Câu 12: Có dung dịch Ca(OH)₂, NaOH, dùng chất sau để nhận dung dịch trên? A phenolphtalein. B O₂. C quỳ tím. D CO₂. Câu 13: Dung dịch bazơ làm quỳ tím chuyển sang màu gì? A Xanh. B Đỏ. C Tím. D Khơng màu. Câu 14: Có dung dịch axit HCl H₂SO₄ cách nhận axit trên? A Dùng quỳ tím. B Dùng NaOH. C Dùng dd BaCl₂. D Dùng phenolphtalein. II TỰ LUẬNCâu 1 (1.0 điểm): Có lọ nhãn đựng dung dịch sau: HCl, Ca(OH)₂, H₂SO₄ Bằng phương pháp hóa học nhận biết dung dịch trên. Câu 2 (2.0 điểm): Hòa tan hết 6,5 g kẽm vào 200ml dung dịch axit HCl loãng. a) Viết phương trình hóa học? b) Tính thể tích khí ra(đktc)? c) Tính nồng độ mol dung dịch HCl cần dùng? (Cho: H =1, O = 16, Cl = 35,5, Zn = 65)
35 Kiểm tra đánh giá online mơn Hóa Học 8, XEM ĐIỂM NỘP BÀI $(document).ready(function() { var submit = $("button[type='submit']"); submit.click(function() { var data = $('form#test-form').serialize(); $.ajax({ type : 'GET', url:'https://script.google.com/macros/s/AKfycbwk9jHasuo1m8sfm9yNZ7YwfMUdfHo9XZA3I5epFrn3UsAGQc/exec', dataType:'json', crossDomain : true, data : data, success : function(data) { if(data == 'false') { alert('Chưa lưu liệu'); }else{ alert('Đã lưu liệu'); } } }); return false; }); }); function ucwords(str,force){ 36 Kiểm tra đánh giá online mơn Hóa Học 8, str=force ? str.toLowerCase() : str; //return str.replace(/(\b)([a-zA-Z-đĐ])/g, return str.replace(/(^([a-zA-Z-đĐ\p{M}]))|([ -][a-zA-Z-đĐ\p{M}])/g, function(firstLetter){ return firstLetter.toUpperCase(); }); } $('input[type="hoten"]').keyup(function(evt){ var cp_value= ucwords($(this).val(),true) ; $(this).val(cp_value); }); //khai báo biến slideIndex đại diện cho slide var slideIndex; // KHai bào hàm hiển thị slide function showSlides() { var i; var slides = document.getElementsByClassName("mySlides"); for (i = 0; i < slides.length; i++) { slides[i].style.display = "none"; } slides[slideIndex].style.display = "block"; //chuyển đến slide slideIndex++; //nếu slide cuối chuyển slide đầu //if (slideIndex > slides.length - 1) { // slideIndex = //} //tự động chuyển đổi slide sau 60 giây = 60000ms setTimeout(showSlides, 60000); } //mặc định hiển thị slide showSlides(slideIndex = 0); CODE UPLOAD FILE HÌNH ẢNH LÊN GOOGLE SHEETS 37 Kiểm tra đánh giá online môn Hóa Học 8, Upload_file image #progress_bar { margin: 10px 0; padding: 3px; border: 1px solid #000; font-size: 14px; clear: both; opacity: 0; -moz-transition: opacity 1s linear; -o-transition: opacity 1s linear; -webkit-transition: opacity 1s linear; } #progress_bar.loading { opacity: 1.0; } #progress_bar percent { background-color: #99ccff; height: auto; width: 0; } #btnSubmit{ border: 1px; outline: blue; width: 100px; height: 30px; background: #fb2525; color: #fff; font-size: 16px; border-radius: 10px; text-align: center; cursor: pointer; } Tải file ảnh làm 0% 38 Kiểm tra đánh giá online mơn Hóa Học 8, var reader; var progress = document.querySelector('.percent'); // on error function errorHandler(evt) { switch(evt.target.error.code) { case evt.target.error.NOT_FOUND_ERR: alert('File Not Found!'); break; case evt.target.error.NOT_READABLE_ERR: alert('File is not readable'); break; case evt.target.error.ABORT_ERR: break; // noop default: alert('An error occurred reading this file.'); }; } // close html-window: https://developers.google.com/appsscript/guides/html/communication function closeMe() { google.script.host.close(); } // onprogress function updateProgress(evt) { // evt is an ProgressEvent if (evt.lengthComputable) { var percentLoaded = Math.round((evt.loaded / evt.total) * 100); // Increase the progress bar length if (percentLoaded < 100) { progress.style.width = percentLoaded + '%'; progress.textContent = percentLoaded + '%'; } } } // to forse click-event The form with file-select will open automatically function clickForse_() { var element = document.getElementById("uploadfile"); element.click(); } // on file selected by user function handleFileSelect(evt) { // Reset progress indicator on new file selection progress.style.width = '0%'; progress.textContent = '0%'; reader = new FileReader(); 39 Kiểm tra đánh giá online mơn Hóa Học 8, // remember selected file (first selected) var file = this.files[0]; reader.fileName = file.name; // save name reader.onerror = errorHandler; reader.onprogress = updateProgress; reader.onabort = function(e) { alert('File read cancelled'); }; reader.onloadstart = function(e) { document.getElementById('progress_bar').className = 'loading'; }; reader.onload = function(e) { // create data object // form will send data via #data element html = ''; html += ''; html += ''; $("#data").empty().append(html); // Ensure that the progress bar displays 100% at the end progress.style.width = '100%'; progress.textContent = '100%'; // The form will close automatically when load to Google Drive is finished google.script.run.withSuccessHandler(closeMe).clientSideFunctionToProcessReturnedData(); } // Read in the image file as a Data URL reader.readAsDataURL(file); } // when user clicks button #uploadfile, add event handleFileSelect document.getElementById('uploadfile').addEventListener('change', handleFileSelect, false); // when document is loaded, add event document.addEventListener('DOMContentLoaded', clickForse_, false); // gives error GHI CHÚ: Phần code phần khác tương tự SCRIPT BACKEND – XỬ LÝ GỞI DỮ LIỆU LÊN GOOGLE SHEETS //https://docs.google.com/spreadsheets/d/1AaKYARbwkutNCIBkrFcTsBxMDuXqMppgbUI_SJx 3AZM/edit#gid=0 function doGet(e){ 40 Kiểm tra đánh giá online mơn Hóa Học 8, return handleResponse(e); } // Enter sheet name where data is to be written below var SHEET_NAME = "Sheet1"; var SCRIPT_PROP = PropertiesService.getScriptProperties(); // new property service function handleResponse(e) { // shortly after my original solution Google announced the LockService[1] // this prevents concurrent access overwritting data // [1] http://googleappsdeveloper.blogspot.co.uk/2011/10/concurrency-and-google-appsscript.html // we want a public lock, one that locks for all invocations var lock = LockService.getPublicLock(); lock.waitLock(30000); // wait 30 seconds before conceding defeat try { // next set where we write the data - you could write to multiple/alternate destinations var doc = SpreadsheetApp.openById(SCRIPT_PROP.getProperty("key")); var sheet = doc.getSheetByName(SHEET_NAME); // we'll assume header is in row but you can override with header_row in GET/POST data var headRow = e.parameter.header_row || 1; var headers = sheet.getRange(1, 1, 1, sheet.getLastColumn()).getValues()[0]; var nextRow = sheet.getLastRow()+1; // get next row var row = []; // loop through the header columns for (i in headers){ if (headers[i] == "Timestamp"){ // special case if you include a 'Timestamp' column row.push(new Date()); } else { // else use header name to get data row.push(e.parameter[headers[i]]); } } // more efficient to set values as [][] array than individually sheet.getRange(nextRow, 1, 1, row.length).setValues([row]); // return json success results return ContentService createTextOutput(JSON.stringify({"result":"success", "row": nextRow})) setMimeType(ContentService.MimeType.JSON); } catch(e){ // if error return this return ContentService createTextOutput(JSON.stringify({"result":"error", "error": e})) setMimeType(ContentService.MimeType.JSON); } finally { //release lock lock.releaseLock(); } } 41 Kiểm tra đánh giá online mơn Hóa Học 8, function setup() { var doc = SpreadsheetApp.getActiveSpreadsheet(); SCRIPT_PROP.setProperty("key", doc.getId()); } SCRIPT BACKEND – XỬ LÝ GỞI DỮ LIỆU HÌNH ẢNH LÊN GOOGLE SHEETS (DÙNG CHO PHẦN TỰ LUẬN) // this function executes from html-form function doPost(e) { var data = Utilities.base64Decode(e.parameters.data); var blob = Utilities.newBlob(data, e.parameters.mimetype, e.parameters.filename); // save image to selected folder var folder = DriveApp.getFolderById('1OB65jX3VEkuD-rapLqR-3aPq8LOY9IVP'); // your folder id var file = folder.createFile(blob); // put the image with the help of a formula in a cell in Google Sheets // https://webapps.stackexchange.com/questions/86081/insert-image-from-google-drive-intogoogle-sheets var ss = SpreadsheetApp.openById('1FnuExqQLFrSYTkdNb2f0v8YUBkpmZJXCuTyaU5915k'); // your spreadsheet id var r = ss.getSheetByName('upload').getRange('B2'); // your sheet name and cell-address var id = file.getId(); r.setFormula('=IMAGE("https://docs.google.com/uc?export=view&id=' + id + '")'); // here I want browser window to close PropertiesService.getScriptProperties().setProperty('my_unique_key', 'Done') var output = HtmlService.createHtmlOutput("Done!"); output.setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL); return output; } function doGet(e) { } // this function openes dialog window function openImageForm() { var html = HtmlService.createHtmlOutputFromFile('UploadForm'); SpreadsheetApp.getUi() // Or DocumentApp or SlidesApp or FormApp .showModalDialog(html, 'Select image'); } // this function executes from HTML-form and returnes signal to close the window // after successful loading of the file to Drive function clientSideFunctionToProcessReturnedData() { 42 Kiểm tra đánh giá online mơn Hóa Học 8, var key = 'my_unique_key'; var props = PropertiesService.getScriptProperties() while (true) { var result = props.getProperty(key); if (result === 'Done') { props.deleteProperty(key); return true; } // check each second Utilities.sleep(1000); } } ĐÁNH GIÁ CỦA HỘI ĐỒNG KHOA HỌC TRƯỜNG 43 Kiểm tra đánh giá online môn Hóa Học 8, ĐÁNH GIÁ CỦA HỘI ĐỒNG CẤP TRÊN 44 Kiểm tra đánh giá online mơn Hóa Học 8, 45 ... Hóa học lớp lớp năm h ọc 2020 – 2021 học kỳ I học kỳ II năm học 2021 – 2022 V THỰC HIỆN - Nhập địa website: https://www.google.com.vn - Click Đăng nhập - Gõ địa email để đăng nhập, click Tiếp theo... chung Việt Nam nói riêng Các văn c ngành việc thực công nghệ thông tin th ời đại 4.0 thúc đ ẩy s ự lớn mạnh hiệu công tác giảng dạy nh ki ểm tra đánh giá Từ giúp tơi có động lực tìm sáng kiến. .. tảng xu phát triển nhanh Việt Nam nh Thế gi ới Vì để giúp đỡ bạn học sinh lớp học tập tốt chúng em tạo trang web hệ thống cho dự án thi khoa học kĩ thuật năm học 2021- 2022 Dự án có tên “KIỂM TRA