คลังโค้ดครู DevTech

เทมเพลตอัปโหลดไฟล์จากเว็บเพจ PHP ไปยัง Google Drive ผ่าน Google Apps Script

แจกฟรี! DriveUploader เทมเพลตอัปโหลดไฟล์จากเว็บ PHP ไปยัง Google Drive ผ่าน Google Apps Script ใครกำลังทำเว็บไซต์ด้วย PHP แล้วต้องการให้ผู้ใช้งานสามารถอัปโหลดไฟล์จากหน้าเว็บไซต์ไปเก็บไว้บน Google Drive ได้ ระบบนี้สามารถนำไปศึกษา ปรับแต่ง และต่อยอดได้ทันที ระบบนี้ออกแบบให้ PHP ทำหน้าที่เป็นตัวกลางในการรับไฟล์ แล้วส่งต่อไปยัง Google Apps Script เพื่อบันทึกไฟล์ลง Google Drive โดยไม่จำเป็นต้องเชื่อมต่อ Google Drive API โดยตรงจาก PHP โครงสร้างระบบ Frontend index.php หน้าเว็บไซต์สำหรับเลือกไฟล์และอัปโหลด ออกแบบด้วย Tailwind CSS ใช้ JavaScript + Fetch API อัปโหลดแบบ AJAX โดยไม่ต้องรีเฟรชหน้าเว็บ ตรวจสอบขนาดไฟล์เบื้องต้นไม่เกิน 5MB Backend upload.php รับไฟล์จากหน้าเว็บไซต์ ตรวจสอบไฟล์และขนาดไฟล์อีกครั้ง แปลงไฟล์เป็น Base64 สร้างข้อมูล JSON ส่งข้อมูลด้วย cURL ไปยัง Google Apps Script config.php เก็บ URL ของ Google Apps Script Web App ช่วยแยกการตั้งค่าออกจากไฟล์หลักของระบบ Cloud Code.gs รับข้อมูลจาก PHP ถอดรหัส Base64 กลับเป็นไฟล์ สร้าง Blob ตาม Mime Type ของไฟล์ บันทึกไฟล์ลง Google Drive ส่งผลลัพธ์และ URL ของไฟล์กลับไปยัง PHP Workflow ของระบบ ผู้ใช้งาน ↓ เลือกไฟล์บนเว็บไซต์ ↓ index.php ↓ upload.php ↓ แปลงไฟล์เป็น Base64 ↓ ส่ง JSON ผ่าน cURL ↓ Google Apps Script ↓ ถอดรหัส Base64 ↓ สร้างไฟล์ ↓ Google Drive ↓ ส่ง URL กลับมายังเว็บไซต์ วิธีติดตั้ง ขั้นตอนที่ 1 สร้างโฟลเดอร์สำหรับเก็บไฟล์บน Google Drive 1. เข้า Google Drive 2. สร้างโฟลเดอร์ใหม่ เช่น Uploaded Files 3. เปิดโฟลเดอร์ที่สร้าง 4. คัดลอก Folder ID จาก URL ตัวอย่าง drive.google.com/drive/folders/XXXXXXXXXXXX ให้คัดลอกเฉพาะส่วน XXXXXXXXXXXX ขั้นตอนที่ 2 สร้าง Google Apps Script 1. เข้า script.google.com 2. สร้างโปรเจกต์ใหม่ 3. นำโค้ดจาก Code.gs ในระบบไปวาง 4. นำ Folder ID จาก Google Drive ไปใส่ในตัวแปร FOLDER_ID 5. บันทึกโปรเจกต์ ขั้นตอนที่ 3 Deploy Google Apps Script เลือก Deploy → New deployment → เลือก Web app ตั้งค่าดังนี้ Execute as: Me Who has access: Anyone จากนั้นกด Deploy หาก Google ขออนุญาตเข้าถึงบัญชี ให้ดำเนินการอนุญาตตามขั้นตอนของ Google เมื่อ Deploy สำเร็จ ให้คัดลอก Web App URL ที่ลงท้ายด้วย /exec เก็บไว้ เพราะต้องนำไปใช้ใน PHP ขั้นตอนที่ 4 ตั้งค่า PHP นำไฟล์ index.php upload.php config.php ไปไว้ในโฟลเดอร์เว็บไซต์ของคุณ ตัวอย่าง C:\xampp\htdocs\drive_uploader หรืออัปโหลดขึ้น Web Hosting ที่รองรับ PHP และ cURL จากนั้นเปิดไฟล์ config.php นำ Web App URL ที่ได้จาก Google Apps Script ไปใส่แทน YOUR_GOOGLE_APPS_SCRIPT_WEB_APP_URL_HERE บันทึกไฟล์ ขั้นตอนที่ 5 ทดสอบระบบ เปิดเว็บไซต์ เช่น http://localhost/drive_uploader/index.php จากนั้น 1. เลือกไฟล์ 2. ตรวจสอบว่าไฟล์มีขนาดไม่เกิน 5MB 3. กดเริ่มอัปโหลดไฟล์ 4. ระบบจะส่งไฟล์ไปยัง upload.php 5. PHP จะส่งข้อมูลต่อไปยัง Google Apps Script 6. Google Apps Script จะสร้างไฟล์ใน Google Drive 7. ระบบจะแสดงผลการอัปโหลด 8. สามารถกดปุ่มเพื่อเปิดไฟล์บน Google Drive ได้ ข้อจำกัดที่ควรรู้ ระบบตัวอย่างนี้กำหนดขนาดไฟล์ไว้ไม่เกิน 5MB สาเหตุสำคัญคือระบบใช้การแปลงไฟล์เป็น Base64 ก่อนส่งผ่าน JSON ซึ่งทำให้ข้อมูลมีขนาดเพิ่มขึ้นประมาณ 33% ดังนั้นระบบนี้เหมาะกับไฟล์ขนาดเล็ก เช่น เอกสาร รูปภาพ PDF ไฟล์งานของนักเรียน แบบฟอร์ม เอกสารประกอบการเรียน หากต้องการรองรับไฟล์ขนาดใหญ่ ควรออกแบบระบบ Upload ใหม่ให้เหมาะสมกับการใช้งานจริง เรื่องความปลอดภัยก็สำคัญ หากนำระบบขึ้นใช้งานบนเว็บไซต์สาธารณะ ไม่ควรเปิดให้ทุกคนสามารถอัปโหลดไฟล์เข้า Google Drive ได้โดยไม่มีการควบคุม แนะนำให้เพิ่ม ระบบ Login กำหนดสิทธิ์ผู้ใช้งาน จำกัดประเภทไฟล์ จำกัดขนาดไฟล์ ตรวจสอบนามสกุลและ MIME Type ป้องกันการส่ง Request ซ้ำ กำหนดโควตาการอัปโหลด บันทึกประวัติการอัปโหลด เพื่อป้องกันการนำระบบไปใช้ในทางที่ไม่เหมาะสม และป้องกันพื้นที่ Google Drive เต็ม หมายเหตุเกี่ยวกับ Google Apps Script หากแก้ไข Code.gs แล้ว Web App ที่ Deploy ไว้อาจยังทำงานด้วยเวอร์ชันเดิม เมื่อต้องการนำโค้ดเวอร์ชันใหม่ไปใช้งาน ให้สร้าง Deployment/Version ใหม่ตามขั้นตอนของ Apps Script และตรวจสอบ Web App URL ให้ถูกต้อง เหมาะสำหรับนำไปศึกษาและต่อยอด เช่น ระบบส่งงานนักเรียน ระบบรับเอกสารออนไลน์ ระบบส่งผลงาน ระบบรับสมัคร ระบบอัปโหลดเอกสารราชการ ระบบส่งไฟล์ประกอบการเรียน ระบบ Upload ภาพกิจกรรม ระบบจัดเก็บเอกสารลง Google Drive ดาวน์โหลดฟรีในระบบ CodeHub สามารถเข้าไปดาวน์โหลด Source Code พร้อมนำไปศึกษาและพัฒนาต่อยอดได้ในระบบ CodeHub เงื่อนไขการใช้งาน แจกฟรีเพื่อการศึกษาและการพัฒนาระบบ สามารถนำไปปรับแต่งและต่อยอดได้ ไม่อนุญาตให้นำ Source Code นี้ไปจำหน่าย ไม่อนุญาตให้นำไปแจกต่อในรูปแบบที่มีค่าใช้จ่าย หากนำไปพัฒนาต่อ สามารถปรับให้เหมาะกับระบบของโรงเรียนหรือหน่วยงานของตนเองได้ จาก PHP → Google Apps Script → Google Drive เปลี่ยนเว็บไซต์ธรรมดาให้สามารถรับไฟล์และจัดเก็บบน Cloud ได้ง่ายขึ้น เหมาะสำหรับครู นักเรียน และนักพัฒนาที่ต้องการศึกษาแนวทางการเชื่อมต่อ PHP กับ Google Apps Script และ Google Drive

ระบบ LINE API Dashboard

🎁 แจกฟรี! ระบบ LINE API Dashboard ระบบสำหรับจัดการ LINE Official Account แบบง่าย ๆ พัฒนาด้วย PHP 🚀 # ภาพรวมและการติดตั้งระบบ LINE API Dashboard (Free Version) ระบบนี้เป็นตัวอย่างโครงสร้างสำหรับการเชื่อมต่อและจัดการ LINE Official Account (บอท) ผ่าน LINE Messaging API โดยประกอบไปด้วยส่วนแสดงผล (Dashboard) และระบบจัดการหลังบ้าน (API & Database) ## 📌 ภาพรวมของระบบ (Architecture) ระบบถูกออกแบบมาเป็นแบบ **API-Driven** แยกส่วนหน้าบ้านและหลังบ้านออกจากกันอย่างชัดเจน: 1. **`config.php` (ตั้งค่าระบบ):** เก็บค่าที่สำคัญเช่น LINE Tokens และตำแหน่งไฟล์ฐานข้อมูล 2. **`api.php` (ระบบหลังบ้าน):** เป็นศูนย์กลางการทำงาน ทำหน้าที่: * เชื่อมต่อฐานข้อมูล SQLite (สร้างไฟล์อัตโนมัติ) * ติดต่อกับเซิร์ฟเวอร์ของ LINE (LINE API) โดยนำ Token จาก `config.php` ไปใช้ * รอรับคำสั่ง (Request) จากหน้าบ้าน (เช่น ดึงข้อมูลบอท, ดึงโควต้า, บันทึกการตั้งค่า) และส่งผลลัพธ์กลับไปเป็นรูปแบบ JSON 3. **`index.php` (หน้าจอ Dashboard):** ส่วนติดต่อผู้ใช้ (Frontend) ใช้ HTML, CSS (Tailwind) และ JavaScript ทำหน้าที่: * แสดงผล UI สวยงาม * ใช้ JavaScript (Fetch API) เรียกไปหา `api.php` เพื่อขอข้อมูลมาแสดงผล (เช่น รูปบอท, หลอดโควต้า) โดยไม่ต้องรีเฟรชหน้าเว็บ *(หมายเหตุ: ไฟล์ `line_dashboard.php` ที่คุณมี เป็นเพียงไฟล์จำลอง (Mockup) สำหรับแสดงผล UI ก่อนที่จะมีการเชื่อมต่อ API จริง หากใช้ `index.php` แล้ว ก็ไม่จำเป็นต้องใช้ `line_dashboard.php` อีก)* --- ## 🚀 ขั้นตอนการติดตั้ง (Installation Guide) ระบบนี้ใช้ **SQLite** เป็นฐานข้อมูลหลัก จึง **ไม่ต้อง** ติดตั้งหรือตั้งค่า MySQL ให้ยุ่งยาก เพียงแค่อัปโหลดไฟล์ก็พร้อมใช้งาน ### ขั้นตอนที่ 1: เตรียมไฟล์ทั้งหมด นำไฟล์ทั้ง 3 ไฟล์หลัก ไปวางไว้ในโฟลเดอร์เดียวกันบน Server หรือโปรแกรมจำลอง Server (เช่น XAMPP, MAMP) * `config.php` * `api.php` * `index.php` ### ขั้นตอนที่ 2: ตั้งค่า LINE API Keys 1. เข้าไปที่ [LINE Developers Console](https://developers.line.biz/console/) 2. เลือก Provider และ Channel (Messaging API) ของคุณ 3. ไปที่แท็บ **Messaging API** * เลื่อนลงมาด้านล่างสุด หาคำว่า **Channel access token (long-lived)** * คลิก **Issue** (หากยังไม่เคยสร้าง) แล้วคัดลอก Token ที่ได้ยาวๆ 4. ไปที่แท็บ **Basic settings** * เลื่อนหาคำว่า **Channel secret** แล้วคัดลอกมา 5. เปิดไฟล์ `config.php` (ในส่วนที่คุณ Highlight ไว้) แล้วนำข้อมูลไปใส่: ```php // ใส่ Token ที่ได้จากแท็บ Messaging API define('LINE_ACCESS_TOKEN', 'YOUR_LONG_CHANNEL_ACCESS_TOKEN'); // ใส่ Secret ที่ได้จากแท็บ Basic settings define('LINE_CHANNEL_SECRET', 'YOUR_CHANNEL_SECRET'); ขั้นตอนที่ 3: ตรวจสอบการอนุญาตไฟล์ (File Permissions) สำคัญมากสำหรับ Server จริง: โฟลเดอร์ที่เก็บไฟล์ api.php ต้องมีสิทธิ์ให้ PHP สามารถสร้างไฟล์และเขียนไฟล์ได้ (เช่น permission 755 หรือ 775) เนื่องจากเมื่อระบบรันครั้งแรก api.php จะทำการสร้างไฟล์ database.sqlite ขึ้นมาอัตโนมัติเพื่อเก็บการตั้งค่า (เช่น ข้อความต้อนรับ) หากไม่มีสิทธิ์เขียนไฟล์ ระบบจะแจ้ง Error ขั้นตอนที่ 4: ทดสอบการใช้งาน เปิด Web Browser แล้วเข้าไปที่ URL ของโปรเจกต์คุณ เช่น http://localhost/line-dashboard/index.php หรือ https://yourdomain.com/index.php หากการตั้งค่า Token ถูกต้อง หน้าจอจะแสดง: รูปโปรไฟล์และชื่อบอทของคุณ โควต้าการส่งข้อความที่เหลืออยู่ กล่องข้อความต้อนรับ ที่คุณสามารถพิมพ์และกด "บันทึกการตั้งค่า" ได้ (ระบบจะบันทึกลงไฟล์ database.sqlite) 💡 คำแนะนำสำหรับการนำไปใช้งานจริง (Production) ถ้าคุณจะนำโค้ดชุดนี้ไปใช้งานบน Server จริง หรือเผยแพร่ให้คนอื่นใช้ ควรปรับปรุงเรื่องความปลอดภัยดังนี้: ปิดการแสดง Error: ในไฟล์ config.php ให้เปลี่ยนค่า ini_set เป็น 0 เพื่อไม่ให้แสดง Error ของ PHP ให้ผู้ใช้ทั่วไปเห็น การเข้าถึง index.php: ควรมีระบบ Login (Authentication) ป้องกันไม่ให้ใครก็ได้เข้ามาดู Token หรือแก้ไขข้อความต้อนรับของคุณ การเข้าถึง database.sqlite: บน Server จริง ไฟล์ .sqlite อาจถูกดาวน์โหลดได้โดยตรงหากมีคนรู้ชื่อไฟล์ ควรตั้งค่า Web Server (เช่น .htaccess ใน Apache) เพื่อบล็อกการเข้าถึงไฟล์ .sqlite หรือย้ายไฟล์ไปไว้ในโฟลเดอร์ที่ไม่สามารถเข้าถึงได้ผ่าน URL 📥 ดาวน์โหลดได้ในระบบ CodeHub ⚠️ แจกฟรีสำหรับนำไปใช้งานและศึกษาเท่านั้น ไม่อนุญาตให้นำไปจำหน่าย #LINEAPI #LINEOA #PHP #WebApp #แจกฟรี #CodeHub #ครูนุ่มเดฟเทค

Template ระบบแจ้งเตือน Admin ผ่าน LINE Official Account (LINE OA)

🎉 แจกฟรี! Template ระบบแจ้งเตือน Admin ผ่าน LINE Official Account (LINE OA) สวัสดีค่ะ 😊 วันนี้ครูนุ่มมี Template ระบบแจ้งเตือน Admin ผ่าน LINE Official Account มาแจกฟรี สำหรับทุกท่านที่กำลังพัฒนา Web App ด้วย Google Apps Script ค่ะ เทมเพลตนี้ออกแบบให้เป็น Template กลาง สามารถนำไปต่อยอดกับระบบต่าง ๆ ได้ทันที ไม่ว่าจะเป็น ✅ ระบบแจ้งซ่อม ✅ ระบบขอใช้รถราชการ ✅ ระบบจองห้องประชุม ✅ ระบบลงทะเบียน ✅ ระบบลางาน ✅ ระบบครุภัณฑ์ ✅ หรือ Web App อื่น ๆ ที่ต้องการแจ้งเตือนผ่าน LINE OA ✨ จุดเด่นของระบบ 🔹 Admin เชื่อมต่อ LINE OA ได้ด้วยตัวเองผ่านหน้าเว็บไซต์ 🔹 ไม่ต้องรู้หรือกรอก LINE User ID เอง 🔹 รองรับผู้ดูแลหลายคนในระบบเดียว 🔹 ส่งแจ้งเตือนเฉพาะผู้ที่เชื่อมต่อสำเร็จ (Active) 🔹 แยกโครงสร้างโค้ดเป็นสัดส่วน ใช้งานและต่อยอดง่าย 🔹 เขียนด้วย JavaScript ES6 พร้อม JSDoc และจัดโครงสร้างแบบมืออาชีพ 📦 ภายใน Template ประกอบด้วย ✅ ระบบสร้างรหัสเชื่อมต่อ LINE อัตโนมัติ ✅ LINE Webhook สำหรับยืนยันการเชื่อมต่อ ✅ ระบบ Push Message แจ้งเตือน ✅ ส่งแจ้งเตือนทุก Admin หรือเลือกส่งเฉพาะรายบุคคล ✅ ระบบยกเลิกการเชื่อมต่อ ✅ ระบบตรวจสอบสถานะการเชื่อมต่อ ✅ Utilities สำหรับ Reply / Push / Broadcast ✅ แยกไฟล์ Config, Utils, Service และ Webhook อย่างเป็นระเบียบ ตัวอย่างการแจ้งเตือน 📢 มีคำขอใช้รถราชการใหม่ 📢 มีรายการแจ้งซ่อมใหม่ 📢 มีผู้ลงทะเบียนใหม่ 📢 มีการอนุมัติคำขอ 📢 แจ้งเตือนเฉพาะผู้ดูแลที่เกี่ยวข้อง ทั้งหมดสามารถเรียกใช้งานได้เพียงไม่กี่บรรทัดของโค้ด 💝 แจกฟรีเพื่อการศึกษาและพัฒนาระบบเท่านั้น ❌ ไม่อนุญาตให้นำไปจำหน่าย ❌ ไม่อนุญาตให้นำไปขายต่อหรือดัดแปลงเพื่อจำหน่าย ✅ สามารถนำไปศึกษา ปรับปรุง และประยุกต์ใช้กับหน่วยงานหรือโรงเรียนของตนเองได้ 🚀 ขั้นตอนการติดตั้งและนำไปใช้งาน (Workflow) 1. เตรียมฐานข้อมูล Google Sheets สร้าง Google Sheets ใหม่ 1 ไฟล์ และตั้งชื่อ Sheet ว่า line_users จากนั้นพิมพ์หัวคอลัมน์ในแถวที่ 1 ให้ตรงตามนี้เป๊ะๆ (ห้ามเว้นวรรค): id, admin_id, name, line_user_id, verify_code, status, created_at, connected_at, last_notify 2. ตั้งค่า LINE Official Account ไปที่ LINE Developers สร้าง Provider และ Messaging API Channel ในแท็บ Messaging API ให้คัดลอก Channel access token (long-lived) เก็บไว้ ในเมนู LINE Official Account features ปิดการใช้งาน Auto-reply messages และ Greeting messages (เพื่อให้ Webhook ทำงานแทน) 3. นำโค้ดไปใส่ใน Google Apps Script ไปที่ Google Sheets ของคุณ เลือกเมนู ส่วนขยาย (Extensions) > Apps Script คัดลอกโค้ดทั้งหมดที่ผมสร้างให้ไปวางทับใน Code.gs (หรือจะสร้างไฟล์แยกตาม Comment ในโค้ดก็ได้ครับ) แก้ไขค่า 2 จุดในส่วนบนสุด (Config): ACCESS_TOKEN: วาง Token จากข้อ 2 SHEET.ID: วาง ID ของ Google Sheets (ดูได้จาก URL ของ Sheet) 4. Deploy เป็น Web App กดปุ่ม Deploy (การทำให้ใช้งานได้) ด้านขวาบน > New deployment เลือกประเภทเป็น Web App Execute as: Me (อีเมลของคุณ) Who has access: Anyone (ทุกคน) กด Deploy และให้สิทธิ์อนุญาตบัญชี (Authorize) คัดลอก Web App URL ที่ได้เก็บไว้ 5. เชื่อมต่อ Webhook เข้ากับ LINE กลับไปที่ LINE Developers (แท็บ Messaging API) เลื่อนลงมาที่หมวด Webhook URL นำ Web App URL จากข้อ 4 มาวางและเปิด Use webhook กด Verify เพื่อทดสอบ (ถ้าขึ้น Success คือผ่าน) 💻 การเชื่อมต่อกับเว็บแอปพลิเคชัน (Frontend) ระบบนี้รองรับการทำงานแบบ API ทำให้เว็บแอป (HTML/JS) สามารถสื่อสารผ่าน HTTP GET Request ได้ง่ายๆ: สร้างรหัส: เมื่อแอดมินกด "เชื่อมต่อ LINE" ให้ยิง Fetch ไปยัง Web App URL GET {WebApp_URL}?action=generateCode&admin_id=xxx&name=xxx (ระบบจะคืนค่ารหัสสุ่ม 6 ตัว เช่น K4P8M2 ให้นำไปแสดงบนหน้าเว็บให้ Admin ทราบ) ยกเลิกการเชื่อมต่อ: GET {WebApp_URL}?action=disconnect&admin_id=xxx 🔔 การนำไปใช้กับระบบอื่นๆ ภายใน Apps Script หากคุณเขียนระบบอื่น (เช่น ระบบแจ้งซ่อม) ใน Apps Script โปรเจ็กต์นี้ คุณสามารถเรียกใช้ 2 คำสั่งนี้ได้ทุกที่เลยครับ: NotificationSystem.sendNotify("📢 มีการแจ้งซ่อมใหม่..."); (ส่งหาแอดมินทุกคน) NotificationSystem.sendNotifyToAdmin("admin001", "แจ้งเตือนเฉพาะคุณ"); (ส่งรายบุคคล) หากโพสต์นี้เป็นประโยชน์ ฝากกด 👍 กดแชร์ และติดตามเพจ ครูนุ่ม เดฟเทค เพื่อไม่พลาดเทคนิคการพัฒนา Web App, Google Apps Script, PHP, AI และเครื่องมือใหม่ ๆ ที่จะช่วยให้การพัฒนาระบบง่ายขึ้นด้วยนะคะ ❤️

ระบบสอบออนไลน์ครบวงจร พร้อมระบบป้องกันการทุจริต

🎉 **แจกฟรี! Google Apps Script ระบบสอบออนไลน์ครบวงจร** พร้อมระบบป้องกันการทุจริต ใช้งานได้จริงในโรงเรียน 🚀 📢 สำหรับคุณครูและสถานศึกษาที่กำลังมองหาระบบสอบออนไลน์แบบครบเครื่อง วันนี้ครูนุ่มเปิดให้ **ดาวน์โหลดฟรี** ผ่านระบบ **CodeHub** (❌ ไม่อนุญาตให้นำไปจำหน่าย) ## ✨ ความสามารถเด่นของระบบ ✅ เว็บแอปพลิเคชันใช้งานผ่าน Browser ไม่ต้องติดตั้งโปรแกรม ✅ พัฒนาด้วย Google Apps Script เชื่อมต่อ Google Workspace ได้อย่างลงตัว ✅ รองรับ 3 บทบาทการใช้งาน * 👨‍💼 ผู้ดูแลระบบ (Admin) * 👨‍🏫 ครูผู้สอน * 👨‍🎓 นักเรียน ### 👨‍💼 สำหรับผู้ดูแลระบบ 🔹 ตั้งค่าชื่อโรงเรียน ภาคเรียน และปีการศึกษา 🔹 จัดการรายวิชา ห้องเรียน และบัญชีครู 🔹 นำเข้ารายชื่อนักเรียนแบบ CSV ได้ทั้งห้อง 🔹 เปิดปีการศึกษาใหม่โดยแยกฐานข้อมูลแต่ละปี 🔹 ดูรายงานภาพรวมทั้งโรงเรียน พร้อม Export เป็น Google Sheet / Excel ### 👨‍🏫 สำหรับครูผู้สอน 📝 สร้างข้อสอบได้ทั้ง * ปรนัย * อัตนัย * แบบผสม 📚 เพิ่มข้อสอบได้ทั้ง * เพิ่มทีละข้อ * นำเข้าหลายข้อด้วยข้อความ (Bulk Import) 🎯 กำหนด * วันและเวลาเปิด-ปิดสอบ * เวลาทำข้อสอบ * สุ่มข้อสอบ * สุ่มตัวเลือก * มอบหมายหลายห้องเรียน * เกณฑ์การตรวจจับการทุจริต 📊 ตรวจข้อสอบอัตนัย พร้อมสรุปผลคะแนนและกราฟรายงาน ### 👨‍🎓 สำหรับนักเรียน 📱 เข้าสอบผ่านโทรศัพท์ แท็บเล็ต หรือคอมพิวเตอร์ ✔️ ระบบบันทึกคำตอบอัตโนมัติ ✔️ แสดงสถานะการทำข้อสอบ ✔️ ส่งข้อสอบออนไลน์ ✔️ เห็นคะแนนปรนัยทันทีหลังสอบ ✔️ รอคะแนนอัตนัยหลังครูตรวจ ## 🛡️ ระบบป้องกันการทุจริต ระบบตรวจจับพฤติกรรมต้องสงสัยระหว่างสอบ เช่น 🚫 สลับแท็บหรือออกจากหน้าสอบ 🚫 คลิกขวา 🚫 คัดลอก (Copy) 🚫 วางข้อความ (Paste) เมื่อเกินจำนวนครั้งที่ครูกำหนด ระบบจะ **บังคับส่งข้อสอบอัตโนมัติ** เพื่อช่วยลดการทุจริตในการสอบออนไลน์ ## 💡 เหมาะสำหรับ 🏫 โรงเรียน 🎓 วิทยาลัย 📖 การอบรมออนไลน์ 💻 การสอบก่อนเรียน-หลังเรียน 📋 การสอบวัดผลภายในองค์กร 🎁 **ดาวน์โหลดฟรีได้ในระบบ CodeHub** ❌ **ไม่อนุญาตให้นำไปจำหน่าย ดัดแปลงเพื่อจำหน่าย หรือเผยแพร่เชิงพาณิชย์** ** การติดตั้งอยู่ในไฟล์ README.md ** หากโพสต์นี้มีประโยชน์ ฝากกด ❤️ กดแชร์ และติดตามเพจ **ครูนุ่ม DevTech** เพื่อรับระบบฟรีและเทคนิคการพัฒนา Google Apps Script, PHP และ AI สำหรับงานการศึกษาอย่างต่อเนื่องค่ะ 😊

ระบบคลังบทเรียนออนไลน์

🎉 **แจกฟรี! ระบบคลังบทเรียนออนไลน์ (Science Lesson Hub)** 📚 ระบบคลังบทเรียนออนไลน์ พัฒนาด้วย **Canva + PHP + MySQL/MariaDB** พร้อมซอร์สโค้ดเต็ม เหมาะสำหรับโรงเรียนหรือครูที่ต้องการสร้างศูนย์รวมบทเรียนออนไลน์ ใช้งานได้จริง และสามารถนำไปพัฒนาต่อยอดได้ ✨ **ฟีเจอร์เด่น** ✅ รองรับผู้ใช้งาน 3 บทบาท * 👨‍🎓 นักเรียน สมัครสมาชิก เข้าดูบทเรียน กดไลก์ และแก้ไขข้อมูลส่วนตัว * 👩‍🏫 ครู เพิ่ม แก้ไข ลบ "บทเรียนของตนเอง" ได้อย่างปลอดภัย * 👨‍💼 ผู้ดูแลระบบ จัดการผู้ใช้ บทเรียน และตั้งค่าเว็บไซต์ได้ทั้งหมด ✅ ระบบตั้งค่าเว็บไซต์ผ่านหน้า Admin * เปลี่ยนโลโก้ * เปลี่ยนชื่อเว็บไซต์ * เปลี่ยนชื่อโรงเรียน * เปลี่ยนสีธีมเว็บไซต์ * แก้ไขคำอธิบายหน้าเว็บ **ไม่ต้องแก้ไขโค้ด** ✅ ธีมสีบทเรียนอัตโนมัติตาม 11 กลุ่มสาระการเรียนรู้ ✅ รองรับการกดไลก์และนับจำนวนผู้เข้าเรียน ✅ หน้ารายละเอียดบทเรียนแสดงภาพเต็ม ไม่ถูกครอป ✅ ดาวน์โหลดข้อมูลผู้ใช้งานและข้อมูลการเข้าเรียนเป็นไฟล์ CSV ✅ พัฒนาด้วย * PHP 8+ * MySQL / MariaDB * mysqli (Prepared Statements) * Tailwind CSS * jQuery + DataTables 🔒 คำนึงถึงความปลอดภัย * เข้ารหัสรหัสผ่านด้วย Password Hash * ใช้ Prepared Statements ป้องกัน SQL Injection * ตรวจสอบสิทธิ์ทุกการทำงานฝั่งเซิร์ฟเวอร์ * รองรับการจัดการบทเรียนตามสิทธิ์ของผู้ใช้งาน 💯 เหมาะสำหรับ 🏫 โรงเรียน 👩‍🏫 ครูผู้สอน 💻 ผู้พัฒนาระบบการศึกษา 📖 ผู้ที่ต้องการศึกษาตัวอย่างการพัฒนาเว็บไซต์ด้วย PHP + MySQL 🎁 **แจกฟรีสำหรับสมาชิก VIP ในระบบ CodeHub** ❌ **ไม่อนุญาตให้นำซอร์สโค้ดไปจำหน่าย ดัดแปลงเพื่อจำหน่าย หรือเผยแพร่ต่อในเชิงพาณิชย์ทุกกรณี** ขอความร่วมมือเคารพสิทธิ์ของผู้พัฒนา เพื่อให้สามารถพัฒนาผลงานดี ๆ แจกให้กับทุกท่านต่อไป

ระบบประเมินครูผู้สอนออนไลน์

🎁 แจกฟรี! ระบบประเมินครูผู้สอนออนไลน์ (KruEval System) พัฒนาด้วย PHP 8.2 + MySQL | พร้อมนำไปใช้งานและพัฒนาต่อยอด จากงานประเมินที่เคยใช้เอกสารจำนวนมาก สู่ระบบประเมินออนไลน์แบบครบวงจร (Paperless) ที่ช่วยให้โรงเรียนบริหารจัดการกระบวนการประเมินได้ง่ายขึ้น รวดเร็วขึ้น และตรวจสอบได้ทุกขั้นตอน ระบบถูกออกแบบให้รองรับการทำงานจริงในสถานศึกษา โดยใช้งานได้ผ่านทั้งสมาร์ทโฟน แท็บเล็ต และคอมพิวเตอร์ 🧩 โครงสร้างระบบ • พัฒนาแบบ Native PHP 8.2 (OOP) • Modular Architecture (ไม่ใช้ Framework และไม่ใช้ MVC) • Frontend: HTML5 + Bootstrap 5 + Vanilla JavaScript (Fetch API) • Backend: API + JSON Response • Database: MySQL / MariaDB ผ่าน PDO เพื่อความปลอดภัยและประสิทธิภาพ ━━━━━━━━━━━━━━ 👨‍💼 ส่วนผู้ดูแลระบบ (Admin) ━━━━━━━━━━━━━━ ✅ กำหนดปีการศึกษาและภาคเรียนที่ใช้งาน ✅ จัดการบัญชีผู้ใช้งาน (ครู / ผู้ประเมิน / ผู้ดูแล) ✅ สร้างแบบประเมินและกำหนดช่วงเวลาเปิด–ปิด ✅ ออกแบบตัวชี้วัดและคำถามได้เอง ✅ รองรับหลายรูปแบบคำตอบ (Rating / Checkbox / Text) ✅ ดู Dashboard ภาพรวมการประเมิน ✅ สรุปรายงานรายบุคคล / รายกลุ่ม / รายแผนก ✅ Export ข้อมูลเป็น PDF และ Excel ━━━━━━━━━━━━━━ 📝 ส่วนผู้ประเมิน (นักเรียน / ผู้บริหาร) ━━━━━━━━━━━━━━ ✅ เข้าสู่ระบบพร้อมระบบตรวจสอบความปลอดภัย ✅ เลือกครูผู้สอนที่ต้องการประเมิน ✅ ทำแบบประเมินผ่านมือถือหรือคอมพิวเตอร์ ✅ บันทึกข้อมูลอย่างรวดเร็วและเป็นระบบ ✅ รองรับการประเมินตามช่วงเวลาที่กำหนด ━━━━━━━━━━━━━━ 👩‍🏫 ส่วนครูผู้สอน ━━━━━━━━━━━━━━ ✅ ดูผลการประเมินตนเองได้ทันที ✅ ดูคะแนนเฉลี่ยแยกตามด้านการประเมิน ✅ แสดงผลแบบกราฟเข้าใจง่าย ✅ อ่านข้อเสนอแนะเพื่อนำไปพัฒนาการสอน ✅ ไม่เปิดเผยตัวผู้ประเมิน เพื่อความโปร่งใส ━━━━━━━━━━━━━━ 🔐 ระบบความปลอดภัย ━━━━━━━━━━━━━━ ✔ Authentication & Authorization ✔ Session Validation ✔ CSRF Protection ✔ SQL Injection Protection (Prepared Statements) ✔ Audit Log ตรวจสอบประวัติการใช้งาน ✔ โครงสร้างพร้อมต่อยอดและบำรุงรักษาง่าย 🎯 เหมาะสำหรับ 🏫 โรงเรียนระดับมัธยมศึกษา 📊 งานประเมินคุณภาพการศึกษา 📚 งานประเมินครูผู้สอน 📄 งานจัดทำรายงานและข้อมูลประกอบการบริหาร 📥 ดาวน์โหลดฟรีผ่านระบบ CodeHub สามารถนำไปศึกษา ปรับปรุง และพัฒนาต่อยอดได้ ❌ ไม่อนุญาตให้นำไปจำหน่าย ❌ ไม่อนุญาตรีแบรนด์เพื่อขายต่อ หากนำไปใช้งานจริง สามารถแชร์ผลงานหรือแนวทางการต่อยอดมาแลกเปลี่ยนกันได้ค่ะ 🙏