เว็บไซต์งานโสตทัศนศึกษาโรงเรียนพิจิตรพิทยาคม

เว็บไซต์งานโสตทัศนศึกษาโรงเรียนพิจิตรพิทยาคม คือ ระบบบริหารจัดการงานโสตทัศนศึกษา ขับเคลื่อนด้วยการประสานงานของ 3 องค์ประกอบหลัก ได้แก่:

1. ฮาร์ดแวร์ (Hardware): บริหารจัดการ "ทรัพยากรทางกายภาพ"

2. ซอฟต์แวร์ (Software): ใช้ "ระบบอัตโนมัติและ AI" (Web App, Google Apps Script, Chatbot) เป็นสมองกลในการจัดการงาน ตรวจสอบความทับซ้อน และลดขั้นตอนงาน

3. พีเพิลแวร์ (Peopleware): ออกแบบโดยมี "มนุษย์เป็นศูนย์กลาง" ช่วยให้ครูและนักเรียน หรือบุคคลที่เกี่ยวข้องกับการทำงานของระบบคอมพิวเตอร์ ทั้งทางตรงและทางอ้อมทำงานง่ายขึ้น

การบูรณาการทั้ง 3 ส่วนนี้ สร้างระบบนิเวศการทำงานที่สมบูรณ์ และเพื่อทำความเข้าใจโครงสร้างกลไกการทำงานเบื้องหลัง ผ่าน Flowchart ทั้ง 3 ส่วน ดังต่อไปนี้

โค้ดสำคัญ 4 ชุด

🧠 1. โค้ดส่วน "สมองกล AI" (AI Integration via Groq API)

จุดเด่น: การใช้ Google Apps Scriptเชื่อมต่อกับ AI ระดับโลก (LLaMA 3.3) ผ่าน API พร้อมการสั่งการแบบ (System Prompt) ให้ AI สวมบทบาทเป็นผู้ช่วยโสตฯ

// ฟังก์ชันเชื่อมต่อ AI

function callGeminiAPI(userMessage) {

  var API_KEY = 'บอกไม่ได้'; 

  var url = 'https://api.groq.com/openai/v1/chat/completions';

  // กำหนดบทบาทและข้อจำกัดให้ AI (System Prompt)

  var systemPrompt = "คุณคือ 'BOT-9' ผู้ช่วย AI ประจำงานโสตฯ ร.ร.พิจิตรพิทยาคม ... " +

                     "กฎ: ห้ามสมมติข้อมูลเอง ถ้าจะจองคิวให้แนะนำผู้ใช้กดเมนูติดต่องาน";

  var payload = {

    "model": "llama-3.3-70b-versatile", ใช้สมองกล LLaMA 3.3

    "messages": [

      { "role": "system", "content": systemPrompt },

      { "role": "user", "content": userMessage }

    ]

  };

  การยิง Request ไปหา AI และส่งคำตอบกลับไปหน้าเว็บ

  var response = UrlFetchApp.fetch(url, options);

  return JSON.parse(response.getContentText()).choices[0].message.content;

}

🛡️ 2. โค้ดส่วน "อัลกอริทึมป้องกันการทับซ้อน" (Smart Conflict Detection)

จุดเด่น: ใช้วิธีคิดทางคณิตศาสตร์ ในการตรวจสอบว่า เวลางานที่กำลังจะบันทึก "ชน" กับตารางสอนของครู หรือ "ชน" กับสถานที่ที่มีคนจองไว้แล้วหรือไม่

//ฟังก์ชันตรวจสอบเวลาทับซ้อน

function checkScheduleConflict() {

    const eventStartMins = timeToMins(startTimeStr);

    const eventEndMins = timeToMins(endTimeStr);

    let conflictFound = false;

    วนลูปเช็คกับเวลาตารางสอนของครู

    PERIOD_TIMES.forEach(period => {

        อัลกอริทึม  ถ้า (เริ่มงาน < จบคาบสอน) และ (จบงาน > เริ่มคาบสอน) = ชนกัน!

        if (eventStartMins < period.end && eventEndMins > period.start) {

            conflictFound = true; // แจ้งเตือนแอดมินทันที

        }

    });

}

🤖 3. โค้ดส่วน "State Machine ของแชทบอท" (Conversational UI Logic)

จุดเด่น: การเขียนโปรแกรมแบบจัดการสถานะ (State Management) เพื่อให้บอทจำได้ว่ากำลังคุยถึงขั้นตอนไหน (ถามวันที่ -> สถานที่ -> เวลา)

codeJavaScript

// ฟังก์ชันจัดการสถานะการจองคิวผ่านแชท

function processUserMessage(text) {

    if (chatbotState === 'BOOK_REQ_LOC') {

        bookingData.location = text; // บันทึกสถานที่

        chatbotState = 'BOOK_TIME';  

        addMessage(`บันทึกสถานที่: ${text} | ต้องการใช้เวลาไหนถึงเวลาไหนครับ?`);

        return;

    }

    if (chatbotState === 'BOOK_TIME') {

        const timeMatch = text.match(/(\d{1,2})[:\.](\d{2})\s*(?:-|ถึง)?\s*(\d{1,2})?[:\.]?(\d{2})?/);

        if (timeMatch) {

            bookingData.time = timeMatch[0]; 

            chatbotState = 'BOOK_ACT_NAME';  

            addMessage(`บันทึกเวลา: ${bookingData.time} | ขอทราบชื่อกิจกรรมครับ`);

        } else {

            addMessage("รูปแบบเวลาไม่ถูกต้องครับ รบกวนพิมพ์เช่น 09:00 - 12:00");

        }

    }

}

⚡ 4. โค้ดส่วน "ระบบอัตโนมัติแจ้งเตือน" (Automation & Webhooks)

จุดเด่น: การทำงานร่วมกับระบบภายนอกแบบ Real-time และการทำ Auto-Trigger

// ฟังก์ชันส่งแจ้งเตือน Telegram ทันทีที่มีการกรอกฟอร์ม

function saveJobRequest(data) {

  sheet.appendRow([data.timestamp, data.jobType, data.activityName, ...]);

  var msg = "⬛ <b>มีคำขอติดต่องาน ใหม่!</b>\n" +

            "🤵 ผู้ขอ: " + data.applicantName + "\n" +

            "📅 วันที่: " + data.jobDate + "\n" +

            "📍 สถานที่: " + data.jobLocation;

  // การยิง HTTP POST Request ไปที่ Telegram API

  var url = "https://api.telegram.org/bot" + บอกไม่ได้ + "/sendMessage";

  UrlFetchApp.fetch(url, {

    "method": "post",

    "contentType": "application/json",

    "payload": JSON.stringify({ "chat_id": TELEGRAM_CHAT_ID_JOB, "text": msg })

  });

}

11 Apr.  2026 - 07.09 AM