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

ระบบปฏิทินกิจกรรมหน่วยงาน

📢 แจกฟรี! App Script ระบบปฏิทินกิจกรรมหน่วยงาน (Public Calendar) วันนี้ขอมาแชร์ระบบ “ปฏิทินกิจกรรมหน่วยงาน” ที่พัฒนาเป็น Web Application ใช้งานได้จริง และที่สำคัญคือใช้เครื่องมือฟรีจาก Google ทั้งระบบ! 💡 เหมาะสำหรับ: หน่วยงาน / โรงเรียน / องค์กร ที่ต้องการจัดการตารางกิจกรรมให้ดูง่าย ทันสมัย และเข้าถึงได้ทุกอุปกรณ์ ⸻ 🔧 โครงสร้างระบบ (System Architecture) 1️⃣ ฐานข้อมูล (Database) – Google Sheet ใช้เก็บข้อมูลกิจกรรมทั้งหมด เช่น • ชื่อกิจกรรม • วันเริ่ม / วันสิ้นสุด • รายละเอียด • สีของกิจกรรม 👉 แก้ไขง่าย เพิ่ม/ลบ/ปรับข้อมูลได้เหมือนพิมพ์งานทั่วไป ⸻ 2️⃣ ระบบประมวลผล (Backend) – Google Apps Script ทำหน้าที่เป็น API เชื่อมระหว่างหน้าเว็บกับฐานข้อมูล • doGet() → โหลดหน้าเว็บให้ผู้ใช้งาน • getEvents() → ดึงข้อมูลกิจกรรมจาก Sheet • addEvent() → บันทึกกิจกรรมใหม่ลงระบบ ⸻ 3️⃣ ส่วนแสดงผล (Frontend) – HTML / CSS / JavaScript • ใช้ Bootstrap 5 → รองรับมือถือ (Responsive) • ใช้ FullCalendar.js → แสดงปฏิทินแบบสวยงาม • ใช้ google.script.run → เชื่อมข้อมูลแบบไม่ต้องรีเฟรชหน้า ⸻ 🔄 การทำงานของระบบ (Data Flow) 📌 กรณีดูปฏิทิน • ผู้ใช้เปิดลิงก์ • ระบบโหลดหน้าเว็บ • ดึงข้อมูลจาก Google Sheet • แสดงผลบนปฏิทินทันที 📌 กรณีเพิ่มกิจกรรม • กรอกข้อมูลผ่านฟอร์ม • ระบบส่งข้อมูลไปบันทึกใน Sheet • แสดงผลบนปฏิทินทันที (ไม่ต้องรีเฟรช) ⸻ ✨ จุดเด่นของระบบนี้ ✅ ใช้งานฟรี 100% (Serverless) ✅ ไม่ต้องเช่าโฮสติ้ง ✅ อัปเดตข้อมูลแบบ Real-time ✅ โครงสร้างเข้าใจง่าย แยก Frontend / Backend ชัดเจน ✅ พร้อมนำไปใช้งานจริง หรือพัฒนาต่อยอดได้ทันที ⸻ 💬 ใครที่กำลังมองหาระบบปฏิทินใช้งานในหน่วยงาน หรืออยากศึกษาแนวทางการทำ Web App ด้วย Google Apps Script ตัวนี้ตอบโจทย์มากค่ะ ⸻

ระบบขอใช้รถราชการออนไลน์

🚗💼 “ระบบขอใช้รถราชการออนไลน์” ฉบับใช้งานจริง! ระบบนี้ถูกออกแบบมาให้ “เล็ก เบา ใช้งานง่าย” แต่ฟีเจอร์ครบ ตอบโจทย์หน่วยงานที่ต้องการจัดการรถราชการแบบเป็นระบบ ลดความซ้ำซ้อน และป้องกันข้อผิดพลาดได้อย่างมีประสิทธิภาพ 🔹 โครงสร้างผู้ใช้งาน (User Roles) 👤 ผู้ใช้งานทั่วไป (ผู้ขอใช้รถ) • ไม่ต้องล็อกอิน เข้าใช้งานได้ทันที • กรอกฟอร์มจองครบในหน้าเดียว (ชื่อ, รถ, วันเวลา, จุดหมาย, วัตถุประสงค์) • ดูตารางปฏิทินการใช้งานรถแบบเรียลไทม์ • แสดงสถานะชัดเจน (เขียว=อนุมัติ / เหลือง=รอตรวจสอบ) • คลิกดูรายละเอียดผ่าน Popup สวยงาม แยกข้อมูลชัดเจน ไม่สับสน 🛡️ ผู้ดูแลระบบ (Admin) • เข้าใช้งานผ่านระบบล็อกอินเท่านั้น • Dashboard แสดงรายการ “รอตรวจสอบ” พร้อมปุ่ม อนุมัติ / ปฏิเสธ • จัดการข้อมูลรถได้เอง (เพิ่ม / แก้ไข / ลบ / เปลี่ยนสถานะรถ) 🔹 ฟีเจอร์เด่น (Key Features) ✅ ป้องกันการจองซ้ำ (Overlap Protection) ระบบจะตรวจสอบทันที หากมีการจองรถคันเดียวกันในช่วงเวลาทับซ้อน → ไม่สามารถบันทึกได้ ✅ แจ้งเตือนสวยงาม (SweetAlert2) แทน Alert แบบเดิม ด้วย Popup ที่ดูดี ใช้งานลื่น ไม่มีบัคแจ้งเตือนซ้ำ ✅ รองรับทุกอุปกรณ์ (Responsive Design) • มือถือ → เรียงแนวตั้ง ใช้งานง่าย • คอม → แบ่ง 2 ฝั่ง ฟอร์ม + ปฏิทิน ดูเป็นระเบียบ 🔹 โครงสร้างฐานข้อมูล ใช้ MySQL เพียง 2 ตารางหลัก: • vehicles → ข้อมูลรถ (ทะเบียน, รุ่น, ที่นั่ง, สถานะ) • reservations → ข้อมูลการจอง (ผู้จอง, รถ, เวลา, สถานะ) เชื่อมกันด้วย Foreign Key ทำให้ข้อมูลสัมพันธ์กันอย่างถูกต้อง 🔹 เทคโนโลยีที่ใช้ Backend: PHP 8+ (PDO ปลอดภัย ป้องกัน SQL Injection) Frontend: HTML5, CSS3, JavaScript Libraries: • Bootstrap 5 • Bootstrap Icons • FullCalendar • SweetAlert2 🔹 Workflow การทำงาน ดูปฏิทิน → กรอกฟอร์ม → เช็คเวลาซ้ำ → บันทึกรออนุมัติ → แอดมินตรวจสอบ → อนุมัติ → แสดงผลในปฏิทิน (สีเขียว) ✨ จุดเด่นสำคัญ โครงสร้างไฟล์ถูกจัดระเบียบ (แยก Header / Footer) ทำให้ง่ายต่อการพัฒนาต่อยอดในอนาคต เช่น เพิ่มระบบแจ้งเตือน Line หรือฟีเจอร์อื่น ๆ ได้ทันที ⸻ 📌 ระบบนี้เหมาะกับ: โรงเรียน / อบต / เทศบาล / หน่วยงานราชการ ที่ต้องการระบบจองรถแบบง่าย แต่ใช้งานได้จริง #ระบบจองรถ #ระบบราชการดิจิทัล #PHP #WebApp #พัฒนาองค์กร วิดีโอแนะนำระบบ : https://www.youtube.com/watch?v=_q0IRbgZMEo&t=46s

ระบบคลังรูปภาพกิจกรรมหน่วยงาน

📸 แจกฟรี! App Script ระบบคลังรูปภาพกิจกรรมหน่วยงาน 🎉 ใช้งานได้จริง พร้อมโค้ดครบ! เหมาะสำหรับโรงเรียน หน่วยงานราชการ องค์กรต่างๆ ❗ระบบนี้แจกให้ใช้ฟรีเพื่อการใช้งานเท่านั้น ไม่อนุญาตให้นำไปจำหน่ายทุกกรณี ⸻ 💡 มาดูภาพรวมการทำงานแบบเข้าใจง่าย: ระบบนี้เป็น Web Application ที่ใช้ * Google Sheets เป็นฐานข้อมูล * Google Apps Script เป็น Backend * และโค้ดใน Canvas คือหน้าบ้าน (Frontend) สำหรับแสดงผล ⸻ 🔹 ขั้นตอนการทำงานของระบบ 1️⃣ เริ่มโหลดหน้าเว็บ เมื่อเปิดลิงก์ ระบบจะแสดงหน้าเว็บ พร้อมไอคอนโหลด ขึ้นข้อความ “กำลังดึงข้อมูลกิจกรรม…” 2️⃣ ดึงข้อมูลจากหลังบ้าน หน้าเว็บจะเรียกคำสั่ง google.script.run.getGalleryData() เพื่อไปดึงข้อมูลจาก Google Sheets (แท็บ Gallery) 3️⃣ จัดการข้อมูลก่อนแสดงผล * แปลงลิงก์ Google Drive ให้แสดงรูปได้ทันที * ป้องกันอักขระพิเศษ * ตรวจสอบว่ามีข้อมูลหรือไม่ 4️⃣ แสดงผลเป็นหน้า Gallery สวยๆ * แสดงเป็นการ์ดรูปภาพ (Image Card) * มีชื่อกิจกรรม วันที่ หมวดหมู่ รายละเอียด * เรียงเป็น Grid รองรับมือถือ (Responsive) 5️⃣ คลิกดูรูปใหญ่ (Lightbox) * คลิกภาพเพื่อดูแบบเต็มจอ * ปิดได้ด้วยปุ่ม X / คลิกพื้นหลัง / กด ESC ⸻ 📌 สรุปสั้นๆ: เปิดเว็บ → ดึงข้อมูลจาก Sheet → แปลงลิงก์ → แสดงรูป → คลิกดูภาพใหญ่ได้ทันที ⸻

ระบบเช็คชื่อด้วยใบหน้าอัจฉริยะV1

🎯 เปิดเทอมใหม่นี้พร้อมหรือยัง !! ระบบเช็คชื่อด้วยใบหน้าอัจฉริยะ : KruDevTech Facial Attendance “เปลี่ยนการเช็คชื่อแบบเดิมๆ ให้รวดเร็ว แม่นยำ และล้ำสมัยในเสี้ยววินาที” 💡 ทำไมต้องเลือกระบบนี้? (Key Selling Points) ⚡ รวดเร็วปานสายฟ้า (Real-time Scan): แค่เดินผ่านกล้อง ระบบก็ตรวจจับและเช็คชื่อให้ทันที พร้อมเสียงแจ้งเตือน “ปิ๊ง!” โดยไม่ต้องสัมผัสอุปกรณ์ 🧑‍🏫 ใช้งานง่าย ไม่ต้องเก่งไอที: ครูสามารถนำเข้ารายชื่อนักเรียนทั้งห้องได้ในคลิกเดียวผ่านไฟล์ CSV และมีหน้า Dashboard สรุปข้อมูลให้ดูง่ายๆ 🔒 ประหยัดและเป็นส่วนตัวสูง (Privacy First): ระบบ AI ประมวลผลใบหน้าบนเบราว์เซอร์ของเครื่องคอมพิวเตอร์ (Client-side) ทำให้ไม่ต้องพึ่งพาอินเทอร์เน็ตความเร็วสูง รูปเด็กไม่ถูกส่งออกไปประมวลผลที่เซิร์ฟเวอร์ภายนอก ข้อมูลปลอดภัย 100% 🖨️ จบงานไว พิมพ์รายงานได้ทันที: มีหน้ารายงานสรุปยอดรายวัน แยก “มาเรียน” และ “ขาดเรียน” ชัดเจน พร้อมปุ่มสั่งพิมพ์ส่งฝ่ายวิชาการได้ทันที 🚀 ฟีเจอร์การทำงานหลัก (Core Features) 🏠 Smart Dashboard (หน้าแรกต้อนรับ) * สรุปสถิติจำนวนนักเรียนทั้งหมดและคนที่เข้าเรียนแล้วในวันนี้แบบเรียลไทม์ * เมนูลัดขนาดใหญ่ เข้าถึงทุกฟังก์ชันได้ทันที 📷 Face Scanning (สแกนเช็คชื่ออัจฉริยะ) * ระบบจับใบหน้าพร้อมแสดงกรอบสี่เหลี่ยม (สีเขียว = เช็คชื่อผ่าน / สีแดง = ไม่รู้จัก) * แสดงชื่อ-นามสกุล และเปอร์เซ็นต์ความแม่นยำบนวิดีโอ * มีระบบ Cooldown ป้องกันการสแกนซ้ำรัวๆ * มีเสียงแจ้งเตือนสังเคราะห์ (Web Audio API) ทันทีที่เช็คชื่อสำเร็จ 👤 Face Enrollment (ลงทะเบียนใบหน้า) * รับค่าใบหน้าของนักเรียนครั้งแรกผ่านเว็บแคม และแปลงเป็นฐานข้อมูลตัวเลข (Face Descriptor) อย่างแม่นยำ 📂 Student Management (จัดการรายชื่อ) * รองรับการนำเข้ารายชื่อนักเรียนทีละหลายร้อยคนผ่านไฟล์ Excel (CSV) * เพิ่ม แก้ไข และลบรายชื่อนักเรียนรายบุคคลได้ * มีปุ่ม “ล้างข้อมูลทั้งหมด” พร้อมเริ่มใช้งานในเทอมใหม่/ปีการศึกษาใหม่ 📊 Daily Summary (สรุปยอดรายวัน) * แสดงเปอร์เซ็นต์การเข้าเรียน * เลือกดูรายงานย้อนหลังตามวันที่ต้องการได้ * รูปแบบตารางพร้อมแถบสีสถานะ (มาเรียน/ขาดเรียน) มองเห็นง่าย 📖 คู่มือการใช้งานเบ็ดเสร็จ * มีหน้า “วิธีการใช้งาน” อธิบาย 4 ขั้นตอนสั้นๆ ให้ครูที่เพิ่งเริ่มใช้เข้าใจได้ทันที 💻 เทคโนโลยีเบื้องหลัง (สำหรับนำเสนอความน่าเชื่อถือ) * AI Engine: ทำงานแบบ Local ปราศจากค่าใช้จ่ายรายเดือนของ API ภายนอก * Backend & DB: พัฒนาด้วย PHP 8+ และ MySQL เสถียรและรองรับข้อมูลจำนวนมาก * UI/UX: ดีไซน์ด้วย HTML/CSS โทนสีม่วง-ขาว ทันสมัย สบายตา รองรับการแสดงผลบนทุกหน้าจอ (Responsive) 📌 ลิงก์ทดสอบระบบ https://demo.krudevtech.com/school_attendance/ 📦 แพ็กเกจขาย (Pricing Models) ☁️ กลุ่มที่ 1: แพ็กเกจเช่าใช้ระบบ (Cloud / SaaS) เหมาะสำหรับ: คุณครูหรือโรงเรียนที่ไม่อยากยุ่งยากเรื่องการติดตั้ง ไม่มีเซิร์ฟเวอร์ แค่มีอินเทอร์เน็ต ล็อกอินผ่านเว็บแล้วเปิดกล้องสแกนได้ทันที แพ็กเกจ "ครูประจำชั้น/ครูผู้สอน" (ไม่จำกัดจำนวนนักเรียน) รายเทอม: 390 บาท / เทอม รายปี: 690 บาท / ปี (🔥 Best Value! ประหยัดไป 90 บาท) สิ่งที่จะได้รับ: บัญชีใช้งานส่วนตัว 1 แอคเคาต์, นำเข้าข้อมูลได้เอง, สรุปรายงานรายวัน 💻 กลุ่มที่ 2: แพ็กเกจซื้อขาด (Source Code / Self-Hosted) เหมาะสำหรับ: สายไอที หรือโรงเรียนที่มีแผนกคอมพิวเตอร์ต้องการนำไปติดตั้งลงเครื่องเซิร์ฟเวอร์ของโรงเรียนเอง (Intranet) จ่ายครั้งเดียวจบ 1. แพ็กเกจ Basic (ไฟล์ติดตั้งทำเอง) ราคา: 490 บาท (จ่ายครั้งเดียว) สิ่งที่จะได้รับ: ไฟล์ Source Code ทั้งหมด, ไฟล์ฐานข้อมูล (.sql), และคู่มือการติดตั้ง (readme.html) แบบละเอียดสำหรับติดตั้งบน XAMPP เงื่อนไข: ลูกค้านำไปติดตั้งเอง ไม่รวมบริการซัพพอร์ตหลังการขาย 2. แพ็กเกจ Pro (พร้อมบริการติดตั้ง) ราคา: 1,290 บาท (จ่ายครั้งเดียว) สิ่งที่จะได้รับ: Source Code ครบชุด + บริการรีโมทติดตั้ง (AnyDesk/TeamViewer) ให้บนเครื่องของลูกค้าจนพร้อมใช้งานจริง 1 ครั้ง เงื่อนไข: ประหยัดเวลาคุณครูฝ่ายไอที ซื้อความชัวร์ว่าระบบทำงานได้ 100% ติดต่อสอบถามเพิ่มเติม : https://www.facebook.com/krunoomdevtech/

ระบบรับข้อร้องเรียน

ระบบรับข้อร้องเรียน (Complaint System) ด้วย App Script ใช้งานได้จริง 💬📩 ใครกำลังมองหาระบบรับเรื่องร้องเรียนแบบง่ายๆ แต่ครบจบในตัวเดียว ห้ามพลาดเลยค่ะ 👇 🔥 จุดเด่นของระบบนี้ ✅ ใช้งานผ่านหน้าเว็บ (รองรับมือถือ/คอม) ✅ บันทึกข้อมูลลง Google Sheets อัตโนมัติ ✅ แจ้งเตือนเข้า Telegram ทันที ✅ ไม่ต้องรีเฟรชหน้าเว็บ (UX ลื่นมาก) ✅ พร้อมใช้งาน + แก้ไขต่อยอดได้ ❌ ไม่อนุญาตให้นำไปจำหน่าย ❌ ⸻ 💡 ภาพรวมการทำงานของระบบ (เข้าใจง่ายใน 3 ส่วน) 🖥️ 1. Frontend (หน้าเว็บ) • ฟอร์มกรอกข้อมูล: ชื่อผู้แจ้ง, ช่องทางติดต่อ, หัวข้อ, รายละเอียด • ออกแบบด้วย Tailwind CSS (Responsive ใช้ได้ทุกอุปกรณ์) • กดส่งแล้วไม่ต้องรีเฟรชหน้า (ใช้ google.script.run) • มี Loading + ป้องกันการกดซ้ำ ⚙️ 2. Backend (App Script) • ใช้ doGet() แสดงหน้าเว็บ • ฟังก์ชัน submitComplaint() 👉 บันทึกข้อมูลลง Google Sheets 👉 สร้างหัวตารางอัตโนมัติ 👉 เก็บ Timestamp เวลาไทย • หลังบันทึกเสร็จ → ส่งแจ้งเตือนทันที 📲 3. ระบบแจ้งเตือน (Telegram Bot) • ส่งข้อมูลผ่าน Telegram Bot API • จัดรูปแบบข้อความให้อ่านง่าย (มีไอคอน/ตัวหนา) • ผู้ดูแลได้รับแจ้งเตือนแบบ Real-time ⸻ 🔄 Workflow การทำงาน ผู้ใช้กรอกฟอร์ม → กดส่ง ➡️ ระบบบันทึกลง Google Sheets ➡️ แจ้งเตือนเข้า Telegram ➡️ ผู้ใช้เห็น Pop-up แจ้งว่าส่งสำเร็จ ⸻ 🎯 เหมาะสำหรับ • โรงเรียน / หน่วยงานราชการ • อบต. / เทศบาล • องค์กรที่ต้องการรับ Feedback / ร้องเรียน • คนที่อยากเริ่มต้นทำระบบด้วย App Script ⸻ 💬 ใครนำไปใช้แล้ว มารีวิวให้ฟังได้นะคะ 😊

ระบบจัดการใบเสร็จ

ระบบพร้อมใช้งาน! “ระบบจัดการใบเสร็จ (Receipt Management System)” ตอบโจทย์ธุรกิจและงานโรงเรียน ฯลฯ ออกใบเสร็จง่าย สะดวก ครบจบในระบบเดียว 💼📄 ✨ ใครที่กำลังเจอปัญหาออกใบเสร็จยุ่งยาก ข้อมูลกระจัดกระจาย หรืออยากมีระบบมืออาชีพไว้ใช้งาน… ระบบนี้ช่วยคุณได้! 🔧 พัฒนาด้วยเทคโนโลยีทันสมัย • PHP + MySQL • UI สวยงาม ใช้งานง่าย ด้วย Bootstrap 5 • รองรับการใช้งานผ่านเว็บ ไม่ต้องติดตั้งโปรแกรม 🚀 ฟีเจอร์เด่นภายในระบบ ✅ ระบบเข้าสู่ระบบ (Admin) ปลอดภัย มีการเข้ารหัสรหัสผ่าน ✅ Dashboard สรุปภาพรวมแบบเรียลไทม์ • จำนวนใบเสร็จทั้งหมด • รายรับรวม • จำนวนลูกค้า (โรงเรียน) • แสดงใบเสร็จล่าสุดอัตโนมัติ ✅ จัดการข้อมูลลูกค้า • เพิ่ม / แก้ไข / ลบ ได้ง่าย ✅ จัดการรายการสินค้า/บริการ • ตั้งราคามาตรฐานล่วงหน้า ลดเวลาการทำงาน ✅ สร้างใบเสร็จได้ทันที • เลือกลูกค้า เพิ่มรายการ ระบุจำนวน/ราคา • คำนวณอัตโนมัติ ✅ แปลงตัวเลขเป็น “ข้อความภาษาไทย” อัตโนมัติ (เหมาะกับเอกสารราชการ/โรงเรียน) ✅ ส่งออกใบเสร็จเป็นไฟล์ PDF • ด้วยระบบ mPDF พร้อมพิมพ์ใช้งานจริง 💡 เหมาะสำหรับ: 🏫 โรงเรียน / สถานศึกษา 🏢 ธุรกิจขนาดเล็ก - กลาง 👩‍💼 บุคคลทั่วไปที่ต้องการระบบออกใบเสร็จมืออาชีพ 🎯 จุดเด่นของระบบนี้ ✔ ใช้งานง่าย ไม่ซับซ้อน ✔ ลดงานเอกสารซ้ำซ้อน ✔ เพิ่มความน่าเชื่อถือให้ธุรกิจ ✔ ปรับแก้และพัฒนาต่อยอดได้ ผู้ดูแลระบบ Username : admin Password : 123456