10. บันทกึ หลงั สอน 10.1 ผลกำรใช้แผนกำรจัดกำรเรียนรู้ 10.1.1 เนอื้ หำสอดคลอ้ งกบั จุดประสงคเ์ ชิงพฤติกรรม 10.1.2 สำมำรถนำไปใชป้ ฏบิ ัติกำรสอนได้ครบตำมกระบวนกำรเรยี นกำรสอน 10.1.3 เวลำที่กำหนดไว้ในแผนกำรสอนมีควำมเหมำะสม 10.2 ผลกำรเรียนรขู้ องนกั เรียน นักศึกษำ 10.2.1 นักศกึ ษำสว่ นใหญม่ ีควำมสนใจใฝร่ ู้ เขำ้ ใจในบทเรยี น อภิปรำยตอบคำถำมในกลุ่ม และ ร่วมกนั ปฏิบตั ิใบงำนที่ไดร้ บั มอบหมำย 10.2.2 นักศึกษำกระตือรือร้นและรับผิดชอบในกำรทำงำนกลมุ่ เพื่อให้งำนสำเรจ็ ทนั เวลำท่ี กำหนด 10.2.3 นกั ศกึ ษำเลอื กสำมำรถนำควำมรู้ไปใชไ้ ด้จริงในชวี ิตประจำวนั 10.3 แนวทำงกำรพัฒนำคุณภำพกำรเรียนรู้ นกั เรยี นสำมำรถนำควำมร้ทู ี่ไดจ้ ำกกำรเรยี นรูใ้ นหนว่ ยน้ีไปประยกุ ตใ์ ชใ้ นชวี ติ ประจำวนั และ เชือ่ มโยงกบั วิชำชพี ได้อย่ำงเหมำะสม
แผนการจัดการเรยี นรูม้ ุง่ เนน้ สมรรถนะ หน่วยที่ 5 ชื่อหน่วย การใช้งานรว่ ม HTML สอนครั้งที่ 5 ชั่วโมงรวม 5 ช่ือเรือ่ ง การใช้งานรว่ ม HTML จำนวนชว่ั โมง 5 1. สาระสาคญั jQuery DOM กำรจัดกำร ส่วนที่สำคัญอย่ำงหน่ึงของ jQuery คือควำมเป็นไปได้ในกำรจัดกำร DOM jQuery มำพร้อมกับวิธีกำรท่ีเก่ียวข้องกับ DOM มำกมำยที่ทำให้ง่ำยต่อกำรเข้ำถึงและจัดกำร องค์ประกอบและคุณสมบัติ DOM = Document Object Model DOM กำหนดมำตรฐำนสำหรับกำรเข้ำถึง เอกสำร HTML และ XML: \"W3C Document Object Model (DOM) เป็นแพลตฟอร์มและอินเทอร์เฟซที่ เป็นกลำงของภำษำซ่งึ ชว่ ยให้โปรแกรมและสครปิ ตส์ ำมำรถเขำ้ ถึงและอปั เดตเน้ือหำโครงสรำ้ งและ รูปแบบของ เอกสำร \" 2. สมรรถนะประจาหนว่ ย ใช้งำนภำษำเจควิ รีร่วมกับ HTML 3. จุดประสงค์การเรยี นรู้ 3.1 ด้ำนควำมรู้ เขียน jQuery รบั เนื้อหำและคุณสมบตั ิได้ 3.2 ดำ้ นทกั ษะ นักเรียนมีควำมรู้ ทักษะพืน้ ฐำนเก่ียวกับการใชง้ านร่วม HTMLและมีทัศนคติท่ดี ี 3.3 คณุ ลกั ษณะที่พึงประสงค์ (อ้ำงองิ จำกคำ่ นยิ มหลักของคนไทย 12 ประกำร) 3.3.1 เข้ำเรียนตรงเวลำ 3.3.2 แต่งกำยตำมระเบียบกำรปฏบิ ัตงิ ำน 3.3.3 ผลงำนประณตี เรียบร้อย 3.3.4 ปิดเครือ่ งคอมพวิ เตอร์เมื่อเลกิ ใช้งำน 3.3.5 มีน้ำใจชว่ ยเหลอื ผู้อ่นื และกำรปฏิบัตงิ ำนรว่ มกบั ผอู้ ่นื 4. เนือ้ หาสาระการเรยี นรู้ jQuery รับเนื้อหำและคุณสมบัติ
5. กจิ กรรมการเรียนการสอน ครูแจ้งจดุ ประสงค์กำรเรยี นรู้ กำรวัดผลประเมินผล ขอ้ ตกลงขณะเรยี น และให้นักเรียนทำ แบบทดสอบกอ่ นเรยี น 5.1 ข้นั นาเข้าสู่บทเรยี น 5.1.1 ผสู้ อนจดั เตรยี มเอกสำร พรอ้ มกับแนะนำรำยวิชำ วิธกี ำรใหค้ ะแนนและวิธกี ำรเรยี นเร่ือง กำรใชง้ ำนร่วม HTML 5.1.2 ผสู้ อนแจ้งจุดประสงค์กำรเรยี นของหนว่ ยที่ 5 และขอใหผ้ ูเ้ รียนรว่ มกันทำกจิ กรรมกำร เรยี นกำรสอน 5.1.3 ผู้สอนให้ผ้เู รียนแสดงควำมรู้ โดยตง้ั คำถำมว่ำ กำรใช้งำนรว่ ม HTMLนกั เรยี นรู้จักภำษำท่ี ใชเ้ ขยี นโปรแกรมภำษำอะไรบ้ำงพร้อมให้เหตุผลประกอบ 5.2 ขน้ั สอน 5.2.1 ผู้สอนทดสอบควำมรคู้ วำมเข้ำใจเกยี่ วกบั ควำมรูเ้ บ้ืองต้นเก่ียวกับกำรใชง้ ำนรว่ ม HTML โดยให้ผูเ้ รยี นทำแบบทดสอบก่อนเรียน 5.2.2 ผสู้ อนอธบิ ำยเนอื้ หำเก่ียวกับบทเรียนวิชำจำวำสครปิ ต์เบอ้ื งตน้ หน่วยท่ี 5 เรื่องการใช้งาน รว่ ม HTMLและให้ผเู้ รียนศึกษำเอกสำรประกอบกำรสอน หน่วยที่ 5 5.2.3 ผสู้ อนและผู้เรียนรว่ มกันอธบิ ำยพร้อมยกตัวอย่ำงถึงแนวคิดในกำรพัฒนำโปรแกรมตำมท่ี ได้ศึกษำจำกเว็บไซต์ https://www.w3schools.com/jquery/default.asp 5.3 ขน้ั ประกอบกจิ กรรมการเรียน 5.3.1 ผสู้ อนใหผ้ เู้ รยี นทำแบบฝกึ หดั ทำ้ ยหน่วยที่ 5 5.3.2 ผสู้ อนให้ผู้เรยี นแบ่งกลุ่ม ๆ ละเทำ่ ๆ กนั ทำกำรศึกษำเรอ่ื ง กำรใชง้ ำนร่วม HTML 5.4 กลยทุ ธใ์ นการจัดการเรียนรู้ 5.4.1 ครใู หเ้ พื่อนช่วยเพอื่ น ใหน้ กั เรยี นกล่มุ เกง่ และปำนกลำง อยู่กบั กลมุ่ นกั เรยี นทเี่ รยี นอ่อน ชว่ ยกนั ทำควำมเขำ้ ใจในเนื้อหำ 5.4.2 สอนแบบ Active Learning โดยใชเ้ ครือ่ งมอื บนอนิ เทอรเ์ นต็ http://www.linoit.com สอบถำมนักเรยี นว่ำ นักเรียนอยำกได้ห้องเรียนอย่ำงไรเรยี นแลว้ มคี วำมสขุ แสดงควำมคิดเหน็ แตล่ ะคน เพอ่ื เปน็ กำรกระตุ้นเตรยี มควำมพรอ้ มในกำรเรยี น 5.5 ข้ันสรุป 5.5.1 ผสู้ อนและผเู้ รยี นรว่ มกันสรปุ เน้อื หำทไ่ี ด้เรยี นให้มีควำมเขำ้ ใจในทศิ ทำงเดียวกนั 5.5.2 ผสู้ อนให้ผเู้ รยี นศึกษำเพม่ิ เตมิ นอกห้องเรยี น จำก https://www.w3schools.com/jquery/default.asp ท่ีจัดทำขึ้น 5.6 ขั้นทดสอบหลังเรียน นักเรยี นทำ ใบงำนหน่วยท่ี 5 และแบบทดสอบหลังเรียน 6. สอ่ื การเรยี นร้/ู แหลง่ การเรียนรู้
6.1 ส่ือสิ่งพมิ พ์ 6.1.1 เอกสำรประกอบกำรสอนวชิ ำจำวำสครปิ ตเ์ บื้องต้น 6.1.2 แบบทดสอบกอ่ นเรยี น เรอื่ ง กำรใช้งำนร่วม HTML 6.1.3 แบบทดสอบหลังเรียน เรื่อง กำรใชง้ ำนรว่ ม HTML 6.2 สื่อโสตทศั น์ 6.2.1 Powerpoint เร่อื ง กำรใช้งำนร่วม HTML 6.2.2 เคร่อื งฉำยโปรเจคเตอร์ 6.2.3 เคร่ืองคอมพิวเตอร์แบบพกพำ (Notebook) 6.3 อืน่ ๆ (โปรดระบุ)
7. การบรู ณาการ/ความสัมพนั ธก์ ับวิชาอ่นื 7.1 กำรบรู ณำกำรสะเต็มศกึ ษำ S: Science T: Technology E: Engineering M: Mathematics • กำรค้นหำขอ้ มูล • ใช้อินเทอร์เนต็ สืบค้น วธิ ีกำรค้นหำขอ้ มูลใน 6 • คำนวณเวลำในกำร คดั เลือกหรือคัด ข้อมลู ขน้ั ตอน สืบคน้ ข้อมูล แยกข้อมลู ในส่งิ • ใช้เทคโนโลยี • กำรกำหนดหัวขอ้ ต่ำงๆที่อยรู่ อบตัว ออกแบบสอ่ื โฆษณำ • กำรเลือกแหลง่ ขอ้ มูล เรำ ผลติ ภัณฑอ์ ำหำร • กำรเตรยี มอุปกรณ์ • ใช้เทคโนโลยีในกำร • กำรค้นหำและรวบรวม นำเสนอผลงำน ข้อมลู • กำรพิจำรณำ • กำรสรุปผล
8. การบูรณาการหลกั ปรชั ญาของเศรษฐกิจพอเพียงส่กู ารจัดการเรียนรู้ 8.1 ผู้สอน ใชห้ ลักปรัชญำของเศรษฐกิจพอเพียงในกำรจดั กจิ กรรมกำรเรยี นกำรสอน ต่อไปน้ี 3 ห่วง ความพอประมาณ ความมีเหตุผล การสรา้ งภมู ิคุ้มกันในตวั ประเดน็ - เนื้อหำสอดคล้องกับ - ต้องกำรให้ผเู้ รยี นรเู้ รื่องจำวำ - สรุปเนอ้ื หำให้อำ่ นเขำ้ ใจ เนื้อหา ง่ำยมีภำพประกอบเน้ือหำ - แนวคิดในกำร สมรรถนะ ตวั ชวี้ ัด เหมำะสม สครปิ ตเ์ บ้ืองตน้ - เรียงเน้อื หำตำมลำดบั กำร พฒั นำโปรแกรม เรียนรู้ กบั เวลำท่กี ำหนดและวยั - จดั กำรเรียนรู้ได้ครบถว้ น เวลา ตำมที่ออกแบบไว้ 4 ชั่วโมง ของผ้เู รยี น - กำหนดเวลำในแต่ละ กจิ กรรมไว้เกินจรงิ เล็กน้อย การจดั กิจกรรม - กำหนดเวลำในแตล่ ะ - จดั กำรเรยี นรไู้ ด้ครบถว้ น เพือ่ รองรบั กำรเปล่ยี นแปลง ท่ีอำจเกิดระหวำ่ งจดั กิจกรรมเหมำะสมกบั กิจกรรม ตำมท่ีออกแบบไว้ กิจกรรม - แบ่งกลมุ่ คละ และวัยของผู้เรยี น ควำมสำมำรถของนกั เรียน - เตรยี มชุดคำถำมให้พร้อม - แบง่ กลุ่มผูเ้ รยี นให้พอดีกับ - ต้องกำรให้ผู้เรยี นปฏิบัติ ตำมลำดับกิจกรรมกำรเรียน จำนวนนกั เรยี น กิจกรรมอยำ่ งทว่ั ถึงตำม - สังเกตพฤติกรรมและให้ - กำหนดกิจกรรมกำรเรยี นรู้ ควำมสำมำรถ ควำมชว่ ยเหลือเม่ือนักเรยี น เหมำะสมกับเวลำท่กี ำหนด - เพ่ือต้องกำรใหผ้ ูเ้ รยี นเกิดกำร มปี ญั หำ - มอบหมำยภำระงำนและ เรียนรตู้ ำมเปำ้ หมำยทีก่ ำหนด - ฝึกกำรคน้ ควำ้ หำควำมรู้ ชนิ้ งำนเหมำะสมกบั - ผ้เู รียนนำควำมร้ไู ป จำกเพ่ือน และระบบ ควำมสำมำรถผู้เรยี นและ ประยุกตใ์ ช้กบั ภำระงำนได้ อินเทอร์เน็ต สอดคล้องกับเปำ้ หมำยกำร - รบั ฟังควำมคดิ เห็น และ เพือ่ แก้ปญั หำในแบบฝกึ เรยี นรู้ วิเครำะห์ วจิ ำรณอ์ ย่ำงมีเหตุผล ปฏิบัติ และใบงำน
3 ห่วง ความพอประมาณ ความมีเหตุผล การสร้างภมู คิ ้มุ กนั ในตวั ประเดน็ - ต้องกำรใหผ้ ู้เรียนปฏิบัติ การจัดกิจกรรม - แบง่ กลมุ่ ผเู้ รยี นใหพ้ อดีกับ กิจกรรมอย่ำงทว่ั ถึงตำม - แบง่ กลมุ่ คละ จำนวนนักเรยี น ควำมสำมำรถ ควำมสำมำรถของนักเรียน สอ่ื /อปุ กรณ์ - กำหนดกจิ กรรมกำรเรียนรู้ - เพ่อื ต้องกำรให้ผเู้ รียนเกดิ กำร - เตรยี มชดุ คำถำมใหพ้ ร้อม เหมำะสมกบั เวลำท่กี ำหนด เรียนรตู้ ำมเป้ำหมำยที่กำหนด ตำมลำดบั กิจกรรมกำรเรยี น แหลง่ เรียนรู้/ - มอบหมำยภำระงำนและ - ผู้เรียนนำควำมรไู้ ป - สงั เกตพฤติกรรมและให้ ฐานการเรียนรู้ ช้นิ งำนเหมำะสมกบั ประยกุ ต์ใช้กับภำระงำนได้ ควำมช่วยเหลอื เมื่อนักเรยี น ควำมสำมำรถผ้เู รียนและ - รบั ฟังควำมคิดเห็น และ มปี ัญหำ สอดคล้องกบั เป้ำหมำยกำร วเิ ครำะห์ วจิ ำรณ์อยำ่ งมีเหตผุ ล - ฝกึ กำรค้นคว้ำหำควำมรู้ เรียนรู้ จำกเพ่ือน และระบบ - ตอ้ งกำรใหน้ ักเรียนได้ปฏิบตั ิ อินเทอรเ์ น็ต - จำนวนใบควำมรู้ ใบงำน กจิ กรรมไดจ้ รงิ ตำมจุดประสงค์ เพื่อแกป้ ญั หำในแบบฝกึ และวสั ดอุ ปุ กรณ์ เหมำะสม กำรเรียนร้ทู ีก่ ำหนดไว้ ปฏบิ ตั ิ และใบงำน กบั กจิ กรรม และปรมิ ำณ - เตรยี มสื่ออปุ กรณ์ให้พร้อม เพยี งพอกับจำนวนนกั เรียน - ตอ้ งกำรให้นักเรยี นใช้วสั ดุ ก่อนกำรจัดกิจกรรม -ตรวจควำมพร้อมของเครื่อง อปุ กรณ์ทม่ี ีควำมพร้อมใน - มลี ำดับขน้ั ตอนกำรใช้สื่อ คอมพวิ เตอร์กอ่ นเรียน และ หอ้ งปฏบิ ัติกำร มำปฏิบัตกิ ำร และจัดเกบ็ อยำ่ งเป็นระบบ ปิดเครือ่ ง ทดลองตำมตวั ช้วี ัด - มคี วำมชำนำญในกำรใช้ -เกบ็ เกำ้ อ้นี งั่ ให้เรยี บร้อยหลัง ส่อื อุปกรณ์ เลกิ เรียน เพอื่ ควำมเรยี บร้อย และประหยัด - เตรยี มหอ้ งปฏบิ ตั ิกำร - หอ้ งปฏบิ ตั กิ ำรคอมพิวเตอร์ คอมพวิ เตอร์ใหพ้ ร้อมกอ่ น เหมำะสมกบั กิจกรรมที่ กำรทดลอง กำหนด
3 ห่วง ความพอประมาณ ความมีเหตุผล การสร้างภมู คิ ุ้มกันในตวั ประเดน็ การประเมนิ ผล - จัดทำแบบประเมินผลงำน - ต้องกำรประเมินผลกำรเรยี นรู้ - วำงแผนกำรวดั / และประเมินพฤตกิ รรมได้ เหมำะสมกับเป้ำหมำยกำร ตำมเปำ้ หมำยทก่ี ำหนด ประเมนิ ผลตำมข้นั ตอนของ เรียนรู้ กิจกรรม - แบบประเมนิ ผลมีกำร ตรวจสอบควำมเทย่ี งตรงใน กำรวัดตำมตวั ชี้วดั เงื่อนไขความรทู้ ีค่ รตู ้องมีก่อนสอน 3. หลักปรัชญำของเศรษฐกจิ พอเพียง 1. ควำมหมำยคอมพิวเตอร์และสำรสนเทศ 4. จติ วิทยำในกำรสอน 2. กำรใชค้ อมพวิ เตอร์ เงอื่ นไขคณุ ธรรมของครู 3. มีควำมยตุ ิธรรม 1. มีควำมรกั เมตตำศิษย์ 4. ตรงต่อเวลำ 2. มีควำมรับผิดชอบ 8.2 คุณลกั ษณะอยู่อยำ่ งพอเพียงทเ่ี กดิ กบั ผูเ้ รียน พอประมาณ มเี หตผุ ล มีภูมิคุ้มกนั ในตัวที่ดี 1. นกั เรียนกำหนดหนำ้ ที่ของสมำชิก 1. นกั เรียนนำขอ้ มลู กำรหำ 1. วำงแผนกำรทำงำนกลุม่ อย่ำง ภำยในกลมุ่ ไดเ้ หมำะสมกบั ศักยภำพของ คำตอบมำวเิ ครำะหไ์ ด้อยำ่ ง ละเอียดเปน็ ขั้นตอน แตล่ ะคน เปน็ เหตเุ ปน็ ผลเพอ่ื อธิบำย 2. เตรยี มวัสดุอปุ กรณ์กำรทดลองได้ 2. นกั เรียนใช้วัสดุอุปกรณ์ในกำรทดลอง สรุปเนอื้ หำสำระ ครบถ้วน และตรงตำมกิจกรรมกำร ได้เหมำะสมกบั กจิ กรรมกำรทดของ 2. นักเรยี นสำมำรถนำข้อมูล ทดลอง 3. นักเรยี นสำมำรถหำคำตอบได้ มำตอบคำถำมได้อยำ่ งถกู ต้อง 3. ศกึ ษำวิธกี ำรทำใบงำนอยำ่ ง สอดคล้องกับอปุ กรณท์ ี่มี รอบคอบ เง่อื นไขความรู้ 1. ควำมหมำยของ โปรแกรม ภำษำ JavaScript 2. ควำมสำมำรถของ โปรแกรม ภำษำ JavaScript 3. กำรใช้งำนโปรแกรม ภำษำ JavaScript เง่อื นไขคณุ ธรรม 1. ควำมสำมคั คีในกลุ่ม 2. ควำมรบั ผดิ ชอบ 3. แบ่งปนั และเอ้อื เฟื้อเผ่อื แผ่
ส่งผลต่อความสมดลุ มัน่ คง ย่งั ยืนใน 4 มิติ ดังน้ี ด้าน สมดลุ และพร้อมรบั การเปลย่ี นแปลงในดา้ นต่างๆ องคป์ ระกอบ วตั ถุ สงั คม ส่งิ แวดล้อม วัฒนธรรม - มีควำมร้เู กี่ยวกบั ความรู้ - ควำมรู้ในกำรสบื ค้น - มคี วำมรู้ในกำรจดั แบ่ง - มคี วำมรู้ในกำรดูแล คอมพิวเตอร์ในกำร ประยกุ ต์ใช้ใน ข้อมลู จำกคอมพวิ เตอร์ หนำ้ ทภ่ี ำยในกล่มุ ไดอ้ ย่ำง รักษำควำมสะอำดกำร กิจกรรมในท้องถิน่ อยำ่ งถูกต้อง เหมำะสม จัดกำรขยะอยำ่ ง ใช้เทคโนโลยีใน ชวี ติ ประจำวนั ได้ - มีควำมรใู้ นกำรปฏิบัตติ น ถกู ต้องของ - ตระหนักถึงคุณค่ำ ท่จี ะทำงำนรว่ มกบั ผู้อนื่ ห้องปฏิบัตกิ ำร ของเทคโนโลยี คอมพิวเตอร์ ทักษะ - มที กั ษะในกำรใชว้ ัสดุ - ทำงำนร่วมกันภำยใน - รกั ษำควำมสะอำด อปุ กรณ์อย่ำงปลอดภยั กลมุ่ ตำมทีไ่ ด้รบั มอบหมำย ของห้องปฏบิ ัติกำร และประหยดั จนสำเร็จและมีควำมสุข คอมพวิ เตอร์ในกำร สืบค้นขอ้ มุล ค่านยิ ม - เหน็ ควำมสำคัญของกำร - มคี วำมรับผิดชอบต่อกำร - มีจิตสำนกึ ในกำร ใชว้ สั ดุอปุ กรณใ์ นกำร ทำงำนของกลุ่ม รักษำสภำพแวดล้อม สบื ค้นข้อมูลอย่ำงประหยัด - ยอมรบั ควำมคิดเหน็ ซ่ึง ของห้องปฏบิ ตั ิกำร คมุ้ คำ่ กันและกันมีควำมเสียสละ คอมพิวเตอร๋ให้สะอำด อดทน เป็นระเบยี บ 9. การวัดและประเมินผล รายการประเมิน วธิ ีการ เครือ่ งมือที่ใช้ เกณฑ์การประเมินผ่าน แบบทดสอบก่อนเรียน - กำรทดสอบก่อนเรียน กำรทดสอบ จำนวน 10 ขอ้ แบบประเมนิ พฤตกิ รรม ไดร้ ะดับ 2 ข้นึ ไป กำรประเมนิ ระหว่ำงเรยี น กำรสงั เกต กำรเรยี น ตั้งคำถำมให้ครอบคลุม ตอบคำถำมทุกข้อ กำรซักถำม จดุ ประสงค์ ได้ระดบั 2 ข้ึนไป แบบฝกึ หัดและ กำรทำแบบฝึกปฏบิ ตั ิ ใบงำนหนว่ ยท่ี 5 ตอบถูก 8 ข้อขน้ึ ไป แบบทดสอบหลงั เรียน กำรประเมินหลังเรียน กำรทดสอบ จำนวน 10 ข้อ
10. บันทกึ หลงั สอน 10.1 ผลกำรใช้แผนกำรจัดกำรเรียนรู้ 10.1.1 เนอื้ หำสอดคลอ้ งกบั จุดประสงคเ์ ชิงพฤติกรรม 10.1.2 สำมำรถนำไปใชป้ ฏบิ ัติกำรสอนได้ครบตำมกระบวนกำรเรยี นกำรสอน 10.1.3 เวลำที่กำหนดไว้ในแผนกำรสอนมีควำมเหมำะสม 10.2 ผลกำรเรียนรขู้ องนกั เรียน นักศึกษำ 10.2.1 นักศกึ ษำสว่ นใหญม่ ีควำมสนใจใฝร่ ู้ เขำ้ ใจในบทเรยี น อภิปรำยตอบคำถำมในกลุ่ม และ ร่วมกนั ปฏิบตั ิใบงำนที่ไดร้ บั มอบหมำย 10.2.2 นักศึกษำกระตือรือร้นและรับผิดชอบในกำรทำงำนกลมุ่ เพื่อให้งำนสำเรจ็ ทนั เวลำท่ี กำหนด 10.2.3 นกั ศกึ ษำเลอื กสำมำรถนำควำมรู้ไปใชไ้ ด้จริงในชวี ิตประจำวนั 10.3 แนวทำงกำรพัฒนำคุณภำพกำรเรียนรู้ นกั เรยี นสำมำรถนำควำมร้ทู ี่ไดจ้ ำกกำรเรยี นรูใ้ นหนว่ ยน้ีไปประยกุ ตใ์ ชใ้ นชวี ติ ประจำวนั และ เชือ่ มโยงกบั วิชำชพี ได้อย่ำงเหมำะสม
แผนการจดั การเรียนรู้มุ่งเนน้ สมรรถนะ หนว่ ยท่ี 6 ชือ่ หน่วย การใช้เอฟเฟค (Effects) สอนครั้งท่ี 6 ชวั่ โมงรวม 5 ชื่อเรอื่ ง การใชเ้ อฟเฟค (Effects) จำนวนช่ัวโมง 5 1. สาระสาคญั jQuery DOM กำรจัดกำร ส่วนท่ีสำคัญอย่ำงหนึ่งของ jQuery คือควำมเป็นไปได้ในกำรจัดกำร DOM jQuery มำพร้อมกับวิธีกำรท่ีเกี่ยวข้องกับ DOM มำกมำยที่ทำให้ง่ำยต่อกำรเข้ำถึงและจัดกำร องค์ประกอบและคุณสมบัติ DOM = Document Object Model DOM กำหนดมำตรฐำนสำหรับกำรเข้ำถึง เอกสำร HTML และ XML: \"W3C Document Object Model (DOM) เป็นแพลตฟอร์มและอินเทอร์เฟซท่ี เปน็ กลำงของภำษำซึ่งชว่ ยให้โปรแกรมและสครปิ ต์สำมำรถเขำ้ ถงึ และอัปเดตเน้อื หำโครงสรำ้ งและ รูปแบบของ เอกสำร \" 2. สมรรถนะประจาหนว่ ย ใช้เอฟเฟค (Effects) โปรแกรมภำษำเจควิ รี 3. จดุ ประสงค์การเรียนรู้ 3.1 ดำ้ นควำมรู้ เขยี น jQuery Effects แบบต่ำง ๆได้ 3.2 ด้ำนทักษะ นกั เรียนมคี วำมรู้ ทักษะพ้นื ฐำนเกยี่ วกบั การใชเ้ อฟเฟค (Effects)และมีทัศนคติท่ดี ี 3.3 คณุ ลกั ษณะท่ีพึงประสงค์ (อ้ำงองิ จำกค่ำนิยมหลักของคนไทย 12 ประกำร) 3.3.1 เข้ำเรียนตรงเวลำ 3.3.2 แต่งกำยตำมระเบยี บกำรปฏบิ ัติงำน 3.3.3 ผลงำนประณตี เรียบร้อย 3.3.4 ปิดเคร่อื งคอมพวิ เตอรเ์ มอื่ เลกิ ใช้งำน 3.3.5 มีนำ้ ใจชว่ ยเหลอื ผ้อู ืน่ และกำรปฏบิ ตั ิงำนร่วมกบั ผอู้ ่ืน 4. เนอื้ หาสาระการเรียนรู้ jQuery Effects แบบตำ่ ง ๆ
5. กิจกรรมการเรียนการสอน ครูแจง้ จุดประสงคก์ ำรเรียนรู้ กำรวัดผลประเมนิ ผล ขอ้ ตกลงขณะเรยี น และให้นักเรียนทำ แบบทดสอบก่อนเรยี น 5.1 ข้ันนาเขา้ สบู่ ทเรยี น 5.1.1 ผู้สอนจดั เตรยี มเอกสำร พรอ้ มกับแนะนำรำยวิชำ วธิ กี ำรใหค้ ะแนนและวธิ กี ำรเรยี นเรือ่ ง กำรใช้เอฟเฟค (Effects) 5.1.2 ผู้สอนแจ้งจุดประสงคก์ ำรเรยี นของหนว่ ยท่ี 6 และขอให้ผเู้ รียนรว่ มกนั ทำกิจกรรมกำร เรียนกำรสอน 5.1.3 ผสู้ อนใหผ้ เู้ รยี นแสดงควำมรู้ โดยต้ังคำถำมว่ำ กำรใชเ้ อฟเฟค (Effects)นักเรียนรจู้ ักภำษำ ทีใ่ ช้เขียนโปรแกรมภำษำอะไรบำ้ งพร้อมให้เหตผุ ลประกอบ 5.2 ขน้ั สอน 5.2.1 ผสู้ อนทดสอบควำมรคู้ วำมเข้ำใจเกี่ยวกับควำมรู้เบื้องต้นเก่ยี วกับกำรใช้เอฟเฟค (Effects) โดยให้ผูเ้ รยี นทำแบบทดสอบกอ่ นเรยี น 5.2.2 ผู้สอนอธิบำยเน้อื หำเกี่ยวกบั บทเรียนวชิ ำจำวำสครปิ ต์เบือ้ งตน้ หนว่ ยที่ 6 เร่อื งการใชเ้ อฟ เฟค (Effects)และให้ผ้เู รียนศึกษำเอกสำรประกอบกำรสอน หน่วยท่ี 6 5.2.3 ผู้สอนและผเู้ รยี นรว่ มกันอธบิ ำยพร้อมยกตัวอย่ำงถึงแนวคิดในกำรพัฒนำโปรแกรมตำมท่ี ไดศ้ ึกษำจำกเวบ็ ไซต์ https://www.w3schools.com/jquery/default.asp 5.3 ข้นั ประกอบกิจกรรมการเรียน 5.3.1 ผสู้ อนให้ผู้เรยี นทำแบบฝกึ หดั ท้ำยหน่วยท่ี 6 5.3.2 ผสู้ อนให้ผเู้ รยี นแบ่งกลุ่ม ๆ ละเทำ่ ๆ กันทำกำรศกึ ษำเรอื่ ง กำรใชเ้ อฟเฟค (Effects) 5.4 กลยทุ ธ์ในการจดั การเรยี นรู้ 5.4.1 ครใู หเ้ พื่อนช่วยเพื่อน ใหน้ กั เรียนกล่มุ เก่งและปำนกลำง อยกู่ ับกลมุ่ นักเรยี นทเ่ี รียนอ่อน ชว่ ยกนั ทำควำมเขำ้ ใจในเนื้อหำ 5.4.2 สอนแบบ Active Learning โดยใช้เคร่อื งมือบนอินเทอร์เนต็ http://www.linoit.com สอบถำมนักเรียนวำ่ นกั เรยี นอยำกได้ห้องเรยี นอยำ่ งไรเรยี นแล้วมีควำมสุข แสดงควำมคิดเหน็ แตล่ ะคน เพอื่ เปน็ กำรกระตุ้นเตรียมควำมพรอ้ มในกำรเรยี น 5.5 ขนั้ สรปุ 5.5.1 ผสู้ อนและผเู้ รียนร่วมกันสรปุ เน้อื หำท่ไี ด้เรียนใหม้ ีควำมเข้ำใจในทิศทำงเดยี วกัน 5.5.2 ผสู้ อนให้ผ้เู รยี นศกึ ษำเพมิ่ เตมิ นอกห้องเรียน จำก https://www.w3schools.com/jquery/default.asp ทจี่ ัดทำข้นึ 5.6 ข้นั ทดสอบหลังเรียน นกั เรยี นทำ ใบงำนหนว่ ยท่ี 6 และแบบทดสอบหลังเรยี น 6. สือ่ การเรยี นร/ู้ แหล่งการเรยี นรู้
6.1 สื่อส่ิงพิมพ์ 6.1.1 เอกสำรประกอบกำรสอนวชิ ำจำวำสครปิ ตเ์ บอ้ื งต้น 6.1.2 แบบทดสอบกอ่ นเรียน เรือ่ ง กำรใชเ้ อฟเฟค (Effects) 6.1.3 แบบทดสอบหลงั เรยี น เรื่อง กำรใชเ้ อฟเฟค (Effects) 6.2 สื่อโสตทศั น์ 6.2.1 Powerpoint เร่อื ง กำรใช้เอฟเฟค (Effects) 6.2.2 เครอ่ื งฉำยโปรเจคเตอร์ 6.2.3 เครอ่ื งคอมพิวเตอร์แบบพกพำ (Notebook) 6.3 อนื่ ๆ (โปรดระบ)ุ
7. การบรู ณาการ/ความสัมพนั ธก์ ับวิชาอ่นื 7.1 กำรบรู ณำกำรสะเต็มศกึ ษำ S: Science T: Technology E: Engineering M: Mathematics • กำรค้นหำขอ้ มูล • ใช้อินเทอร์เนต็ สืบค้น วธิ ีกำรค้นหำขอ้ มูลใน 6 • คำนวณเวลำในกำร คดั เลือกหรือคัด ข้อมลู ขน้ั ตอน สืบคน้ ข้อมูล แยกข้อมลู ในส่งิ • ใช้เทคโนโลยี • กำรกำหนดหัวขอ้ ต่ำงๆที่อยรู่ อบตัว ออกแบบสอ่ื โฆษณำ • กำรเลือกแหลง่ ขอ้ มูล เรำ ผลติ ภัณฑอ์ ำหำร • กำรเตรยี มอุปกรณ์ • ใช้เทคโนโลยีในกำร • กำรค้นหำและรวบรวม นำเสนอผลงำน ข้อมลู • กำรพิจำรณำ • กำรสรุปผล
8. การบูรณาการหลกั ปรชั ญาของเศรษฐกิจพอเพียงส่กู ารจัดการเรียนรู้ 8.1 ผู้สอน ใชห้ ลักปรัชญำของเศรษฐกิจพอเพียงในกำรจดั กจิ กรรมกำรเรยี นกำรสอน ต่อไปน้ี 3 ห่วง ความพอประมาณ ความมีเหตุผล การสรา้ งภมู ิคุ้มกันในตวั ประเดน็ - เนื้อหำสอดคล้องกับ - ต้องกำรให้ผเู้ รยี นรเู้ รื่องจำวำ - สรุปเนอ้ื หำให้อำ่ นเขำ้ ใจ เนื้อหา ง่ำยมีภำพประกอบเน้ือหำ - แนวคิดในกำร สมรรถนะ ตวั ชวี้ ัด เหมำะสม สครปิ ตเ์ บ้ืองตน้ - เรียงเน้อื หำตำมลำดบั กำร พฒั นำโปรแกรม เรียนรู้ กบั เวลำท่กี ำหนดและวยั - จดั กำรเรียนรู้ได้ครบถว้ น เวลา ตำมที่ออกแบบไว้ 4 ชั่วโมง ของผ้เู รยี น - กำหนดเวลำในแต่ละ กจิ กรรมไว้เกินจรงิ เล็กน้อย การจดั กิจกรรม - กำหนดเวลำในแตล่ ะ - จดั กำรเรยี นรไู้ ด้ครบถว้ น เพือ่ รองรบั กำรเปล่ยี นแปลง ท่ีอำจเกิดระหวำ่ งจดั กิจกรรมเหมำะสมกบั กิจกรรม ตำมท่ีออกแบบไว้ กิจกรรม - แบ่งกลมุ่ คละ และวัยของผู้เรยี น ควำมสำมำรถของนกั เรียน - เตรยี มชุดคำถำมให้พร้อม - แบง่ กลุ่มผูเ้ รยี นให้พอดีกับ - ต้องกำรให้ผู้เรยี นปฏิบัติ ตำมลำดับกิจกรรมกำรเรียน จำนวนนกั เรยี น กิจกรรมอยำ่ งทว่ั ถึงตำม - สังเกตพฤติกรรมและให้ - กำหนดกิจกรรมกำรเรยี นรู้ ควำมสำมำรถ ควำมชว่ ยเหลือเม่ือนักเรยี น เหมำะสมกับเวลำท่กี ำหนด - เพ่ือต้องกำรใหผ้ ูเ้ รยี นเกิดกำร มปี ญั หำ - มอบหมำยภำระงำนและ เรียนรตู้ ำมเปำ้ หมำยทีก่ ำหนด - ฝึกกำรคน้ ควำ้ หำควำมรู้ ชนิ้ งำนเหมำะสมกบั - ผ้เู รียนนำควำมร้ไู ป จำกเพ่ือน และระบบ ควำมสำมำรถผู้เรยี นและ ประยุกตใ์ ช้กบั ภำระงำนได้ อินเทอร์เน็ต สอดคล้องกับเปำ้ หมำยกำร - รบั ฟังควำมคดิ เห็น และ เพือ่ แก้ปญั หำในแบบฝกึ เรยี นรู้ วิเครำะห์ วจิ ำรณอ์ ย่ำงมีเหตุผล ปฏิบัติ และใบงำน
3 ห่วง ความพอประมาณ ความมีเหตุผล การสร้างภมู คิ ้มุ กนั ในตวั ประเดน็ - ต้องกำรใหผ้ ู้เรียนปฏิบัติ การจัดกิจกรรม - แบง่ กลมุ่ ผเู้ รยี นใหพ้ อดีกับ กิจกรรมอย่ำงทว่ั ถึงตำม - แบง่ กลมุ่ คละ จำนวนนักเรยี น ควำมสำมำรถ ควำมสำมำรถของนักเรียน สอ่ื /อปุ กรณ์ - กำหนดกจิ กรรมกำรเรียนรู้ - เพ่อื ต้องกำรให้ผเู้ รียนเกดิ กำร - เตรยี มชดุ คำถำมใหพ้ ร้อม เหมำะสมกบั เวลำท่กี ำหนด เรียนรตู้ ำมเป้ำหมำยที่กำหนด ตำมลำดบั กิจกรรมกำรเรยี น แหลง่ เรียนรู้/ - มอบหมำยภำระงำนและ - ผู้เรียนนำควำมรไู้ ป - สงั เกตพฤติกรรมและให้ ฐานการเรียนรู้ ช้นิ งำนเหมำะสมกบั ประยกุ ต์ใช้กับภำระงำนได้ ควำมช่วยเหลือเมื่อนักเรยี น ควำมสำมำรถผ้เู รียนและ - รบั ฟังควำมคิดเห็น และ มปี ัญหำ สอดคล้องกบั เป้ำหมำยกำร วเิ ครำะห์ วจิ ำรณ์อยำ่ งมีเหตผุ ล - ฝกึ กำรค้นคว้ำหำควำมรู้ เรียนรู้ จำกเพ่ือน และระบบ - ตอ้ งกำรใหน้ ักเรียนได้ปฏิบตั ิ อินเทอรเ์ น็ต - จำนวนใบควำมรู้ ใบงำน กจิ กรรมไดจ้ รงิ ตำมจุดประสงค์ เพื่อแกป้ ญั หำในแบบฝกึ และวสั ดอุ ปุ กรณ์ เหมำะสม กำรเรียนร้ทู ีก่ ำหนดไว้ ปฏบิ ตั ิ และใบงำน กบั กจิ กรรม และปรมิ ำณ - เตรยี มสื่ออปุ กรณ์ให้พร้อม เพยี งพอกับจำนวนนกั เรียน - ตอ้ งกำรให้นักเรยี นใช้วสั ดุ ก่อนกำรจัดกิจกรรม -ตรวจควำมพร้อมของเครื่อง อปุ กรณ์ทม่ี ีควำมพร้อมใน - มลี ำดับขน้ั ตอนกำรใช้สื่อ คอมพวิ เตอร์กอ่ นเรียน และ หอ้ งปฏบิ ัติกำร มำปฏิบัตกิ ำร และจัดเกบ็ อยำ่ งเป็นระบบ ปิดเครือ่ ง ทดลองตำมตวั ช้วี ัด - มคี วำมชำนำญในกำรใช้ -เกบ็ เกำ้ อ้นี งั่ ให้เรยี บร้อยหลัง ส่อื อุปกรณ์ เลกิ เรียน เพอื่ ควำมเรยี บร้อย และประหยัด - เตรยี มหอ้ งปฏบิ ตั ิกำร - หอ้ งปฏบิ ตั กิ ำรคอมพิวเตอร์ คอมพวิ เตอร์ให้พร้อมกอ่ น เหมำะสมกบั กิจกรรมที่ กำรทดลอง กำหนด
3 ห่วง ความพอประมาณ ความมีเหตุผล การสร้างภมู คิ ุ้มกันในตวั ประเดน็ การประเมนิ ผล - จัดทำแบบประเมินผลงำน - ต้องกำรประเมินผลกำรเรยี นรู้ - วำงแผนกำรวดั / และประเมินพฤตกิ รรมได้ เหมำะสมกับเป้ำหมำยกำร ตำมเปำ้ หมำยทก่ี ำหนด ประเมนิ ผลตำมข้นั ตอนของ เรียนรู้ กิจกรรม - แบบประเมนิ ผลมีกำร ตรวจสอบควำมเทย่ี งตรงใน กำรวัดตำมตวั ชี้วดั เงื่อนไขความรทู้ ีค่ รตู ้องมีก่อนสอน 3. หลักปรัชญำของเศรษฐกจิ พอเพียง 1. ควำมหมำยคอมพิวเตอร์และสำรสนเทศ 4. จติ วิทยำในกำรสอน 2. กำรใชค้ อมพวิ เตอร์ เงอื่ นไขคณุ ธรรมของครู 3. มีควำมยตุ ิธรรม 1. มีควำมรกั เมตตำศิษย์ 4. ตรงต่อเวลำ 2. มีควำมรับผิดชอบ 8.2 คุณลกั ษณะอยู่อยำ่ งพอเพียงทเ่ี กดิ กบั ผูเ้ รียน พอประมาณ มเี หตผุ ล มีภูมิคุ้มกนั ในตัวที่ดี 1. นกั เรียนกำหนดหนำ้ ที่ของสมำชิก 1. นกั เรียนนำขอ้ มลู กำรหำ 1. วำงแผนกำรทำงำนกลุม่ อย่ำง ภำยในกลมุ่ ไดเ้ หมำะสมกบั ศักยภำพของ คำตอบมำวเิ ครำะหไ์ ด้อยำ่ ง ละเอียดเปน็ ขั้นตอน แตล่ ะคน เปน็ เหตเุ ปน็ ผลเพอ่ื อธิบำย 2. เตรยี มวัสดุอปุ กรณ์กำรทดลองได้ 2. นกั เรียนใช้วัสดุอุปกรณ์ในกำรทดลอง สรุปเนอื้ หำสำระ ครบถ้วน และตรงตำมกิจกรรมกำร ได้เหมำะสมกบั กจิ กรรมกำรทดของ 2. นักเรยี นสำมำรถนำข้อมูล ทดลอง 3. นักเรยี นสำมำรถหำคำตอบได้ มำตอบคำถำมได้อยำ่ งถกู ต้อง 3. ศกึ ษำวิธกี ำรทำใบงำนอยำ่ ง สอดคล้องกับอปุ กรณท์ ี่มี รอบคอบ เง่อื นไขความรู้ 1. ควำมหมำยของ โปรแกรม ภำษำ JavaScript 2. ควำมสำมำรถของ โปรแกรม ภำษำ JavaScript 3. กำรใช้งำนโปรแกรม ภำษำ JavaScript เง่อื นไขคณุ ธรรม 1. ควำมสำมคั คีในกลุ่ม 2. ควำมรบั ผดิ ชอบ 3. แบ่งปนั และเอ้อื เฟื้อเผ่อื แผ่
ส่งผลต่อความสมดลุ มัน่ คง ย่งั ยืนใน 4 มิติ ดังน้ี ด้าน สมดลุ และพร้อมรบั การเปลย่ี นแปลงในดา้ นต่างๆ องคป์ ระกอบ วตั ถุ สงั คม ส่งิ แวดล้อม วัฒนธรรม - มีควำมร้เู กี่ยวกบั ความรู้ - ควำมรู้ในกำรสบื ค้น - มคี วำมรู้ในกำรจดั แบ่ง - มคี วำมรู้ในกำรดูแล คอมพิวเตอร์ในกำร ประยกุ ต์ใช้ใน ข้อมลู จำกคอมพวิ เตอร์ หนำ้ ทภ่ี ำยในกล่มุ ไดอ้ ย่ำง รักษำควำมสะอำดกำร กิจกรรมในท้องถิน่ อยำ่ งถูกต้อง เหมำะสม จัดกำรขยะอยำ่ ง ใช้เทคโนโลยีใน ชวี ติ ประจำวนั ได้ - มีควำมรใู้ นกำรปฏิบัตติ น ถกู ต้องของ - ตระหนักถึงคุณค่ำ ท่จี ะทำงำนรว่ มกบั ผู้อนื่ ห้องปฏิบัตกิ ำร ของเทคโนโลยี คอมพิวเตอร์ ทักษะ - มที กั ษะในกำรใชว้ ัสดุ - ทำงำนร่วมกันภำยใน - รกั ษำควำมสะอำด อปุ กรณ์อย่ำงปลอดภยั กลมุ่ ตำมทีไ่ ด้รบั มอบหมำย ของห้องปฏบิ ัติกำร และประหยดั จนสำเร็จและมีควำมสุข คอมพวิ เตอร์ในกำร สืบค้นขอ้ มุล ค่านยิ ม - เหน็ ควำมสำคัญของกำร - มคี วำมรับผิดชอบต่อกำร - มีจิตสำนกึ ในกำร ใชว้ สั ดุอปุ กรณใ์ นกำร ทำงำนของกลุ่ม รักษำสภำพแวดล้อม สบื ค้นข้อมูลอย่ำงประหยัด - ยอมรบั ควำมคิดเหน็ ซ่ึง ของห้องปฏบิ ตั ิกำร คมุ้ คำ่ กันและกันมีควำมเสียสละ คอมพิวเตอร๋ให้สะอำด อดทน เป็นระเบยี บ 9. การวัดและประเมินผล รายการประเมิน วธิ ีการ เครือ่ งมือที่ใช้ เกณฑ์การประเมินผ่าน แบบทดสอบก่อนเรียน - กำรทดสอบก่อนเรียน กำรทดสอบ จำนวน 10 ขอ้ แบบประเมนิ พฤตกิ รรม ไดร้ ะดับ 2 ข้นึ ไป กำรประเมนิ ระหว่ำงเรยี น กำรสงั เกต กำรเรยี น ตั้งคำถำมให้ครอบคลุม ตอบคำถำมทุกข้อ กำรซักถำม จดุ ประสงค์ ได้ระดบั 2 ข้ึนไป แบบฝกึ หัดและ กำรทำแบบฝึกปฏบิ ตั ิ ใบงำนหนว่ ยท่ี 6 ตอบถูก 8 ข้อขน้ึ ไป แบบทดสอบหลงั เรียน กำรประเมินหลังเรียน กำรทดสอบ จำนวน 10 ข้อ
10. บันทกึ หลงั สอน 10.1 ผลกำรใช้แผนกำรจัดกำรเรียนรู้ 10.1.1 เนอื้ หำสอดคลอ้ งกบั จุดประสงคเ์ ชิงพฤติกรรม 10.1.2 สำมำรถนำไปใชป้ ฏบิ ัติกำรสอนได้ครบตำมกระบวนกำรเรยี นกำรสอน 10.1.3 เวลำที่กำหนดไว้ในแผนกำรสอนมีควำมเหมำะสม 10.2 ผลกำรเรียนรขู้ องนกั เรียน นักศึกษำ 10.2.1 นักศกึ ษำสว่ นใหญม่ ีควำมสนใจใฝร่ ู้ เขำ้ ใจในบทเรยี น อภิปรำยตอบคำถำมในกลุ่ม และ ร่วมกนั ปฏิบตั ิใบงำนที่ไดร้ บั มอบหมำย 10.2.2 นักศึกษำกระตือรือร้นและรับผิดชอบในกำรทำงำนกลมุ่ เพื่อให้งำนสำเรจ็ ทนั เวลำท่ี กำหนด 10.2.3 นกั ศกึ ษำเลอื กสำมำรถนำควำมรู้ไปใชไ้ ด้จริงในชวี ิตประจำวนั 10.3 แนวทำงกำรพัฒนำคุณภำพกำรเรียนรู้ นกั เรยี นสำมำรถนำควำมร้ทู ี่ไดจ้ ำกกำรเรยี นรูใ้ นหนว่ ยน้ีไปประยกุ ตใ์ ชใ้ นชวี ติ ประจำวนั และ เชือ่ มโยงกบั วิชำชพี ได้อย่ำงเหมำะสม
แผนการจดั การเรยี นรู้มงุ่ เน้นสมรรถนะ หน่วยที่ 7 ชื่อหน่วย การใช้งานรว่ มกับ Ajax สอนคร้งั ที่ 7 ช่ัวโมงรวม 5 ชอื่ เร่ือง การใชง้ านรว่ มกบั Ajax จำนวนชั่วโมง 5 1. สาระสาคญั AJAX = JavaScript และ XML แบบอะซิงโครนัส ในระยะสน้ั ; AJAX เกีย่ วกับกำรโหลดขอ้ มลู ในพ้ืน หลังและแสดงบนเว็บเพจโดยไม่ต้องโหลดซ้ำท้ังหน้ำ ตัวอย่ำงแอปพลิเคชันที่ใช้ AJAX: แท็บ Gmail, Google Maps, Youtube และ Facebook คุณสำมำรถเรียนรู้เพ่ิมเติมเก่ียวกับ AJAX ของเรำในกำรกวดวิชำ AJAX jQuery มวี ธิ กี ำรตำ่ งๆสำหรบั ฟังกช์ ันกำรทำงำนของ AJAX ด้วยวธิ ีกำร jQuery AJAX คณุ สำมำรถขอขอ้ ควำม HTML XML หรือ JSON จำกเซิร์ฟเวอร์ระยะไกลโดยใช้ทั้ง HTTP Get และ HTTP Post - และคุณสำมำรถ โหลดข้อมูลภำยนอกลงในองคป์ ระกอบ HTML ท่เี ลือกไว้ในหนำ้ เวบ็ ของคณุ ไดโ้ ดยตรง 2. สมรรถนะประจาหนว่ ย ใช้งำนเจคิวรีรว่ มกบั Ajax 3. จดุ ประสงคก์ ารเรยี นรู้ 3.1 ด้ำนควำมรู้ เขยี น เจคิวรรี ว่ มกับ Ajax ได้ 3.2 ดำ้ นทักษะ นักเรยี นมีควำมรู้ ทักษะพื้นฐำนเก่ยี วกับการใช้งานรว่ มกบั Ajaxและมีทัศนคติที่ดี 3.3 คุณลักษณะทพี่ ึงประสงค์ (อำ้ งองิ จำกค่ำนยิ มหลักของคนไทย 12 ประกำร) 3.3.1 เข้ำเรียนตรงเวลำ 3.3.2 แต่งกำยตำมระเบียบกำรปฏบิ ตั ิงำน 3.3.3 ผลงำนประณตี เรียบร้อย 3.3.4 ปิดเคร่ืองคอมพวิ เตอร์เมอื่ เลกิ ใชง้ ำน 3.3.5 มีนำ้ ใจช่วยเหลือผอู้ ืน่ และกำรปฏิบัตงิ ำนรว่ มกบั ผูอ้ ื่น 4. เน้อื หาสาระการเรยี นรู้ 4.1.1 วิธี jQuery AJAX 4.1.2 jQuery load ( ) 4.1.3 jQuery AJAX อ้ำงองิ
4.1.4 jQuery - AJAX get () และ post () วิธกี ำร 5. กิจกรรมการเรยี นการสอน ครูแจง้ จดุ ประสงคก์ ำรเรียนรู้ กำรวดั ผลประเมนิ ผล ขอ้ ตกลงขณะเรยี น และให้นักเรียนทำ แบบทดสอบก่อนเรยี น 5.1 ขน้ั นาเข้าสูบ่ ทเรยี น 5.1.1 ผู้สอนจัดเตรียมเอกสำร พร้อมกับแนะนำรำยวชิ ำ วธิ ีกำรใหค้ ะแนนและวิธีกำรเรียนเรอ่ื ง กำรใช้งำนรว่ มกับ Ajax 5.1.2 ผูส้ อนแจ้งจดุ ประสงคก์ ำรเรยี นของหน่วยท่ี 7 และขอให้ผูเ้ รียนร่วมกนั ทำกิจกรรมกำร เรยี นกำรสอน 5.1.3 ผู้สอนให้ผูเ้ รียนแสดงควำมรู้ โดยต้ังคำถำมวำ่ กำรใช้งำนร่วมกับ Ajaxนักเรียนรู้จกั ภำษำที่ ใชเ้ ขียนโปรแกรมภำษำอะไรบำ้ งพร้อมให้เหตุผลประกอบ 5.2 ข้นั สอน 5.2.1 ผู้สอนทดสอบควำมรคู้ วำมเขำ้ ใจเกยี่ วกบั ควำมรเู้ บ้ืองตน้ เก่ียวกบั กำรใชง้ ำนร่วมกับ Ajax โดยใหผ้ ู้เรยี นทำแบบทดสอบก่อนเรยี น 5.2.2 ผูส้ อนอธิบำยเนอื้ หำเก่ียวกบั บทเรยี นวิชำจำวำสครปิ ต์เบ้ืองตน้ หน่วยท่ี 7 เรอื่ งการใชง้ าน ร่วมกบั Ajaxและให้ผูเ้ รียนศึกษำเอกสำรประกอบกำรสอน หน่วยที่ 7 5.2.3 ผสู้ อนและผูเ้ รียนรว่ มกันอธิบำยพร้อมยกตวั อย่ำงถงึ แนวคิดในกำรพัฒนำโปรแกรมตำมท่ี ได้ศึกษำจำกเวบ็ ไซต์ https://www.w3schools.com/jquery/default.asp 5.3 ขัน้ ประกอบกิจกรรมการเรยี น 5.3.1 ผสู้ อนให้ผ้เู รียนทำแบบฝกึ หดั ท้ำยหน่วยท่ี 7 5.3.2 ผู้สอนให้ผูเ้ รยี นแบ่งกลุ่ม ๆ ละเท่ำ ๆ กันทำกำรศึกษำเรอื่ ง กำรใชง้ ำนรว่ มกับ Ajax 5.4 กลยทุ ธ์ในการจดั การเรียนรู้ 5.4.1 ครใู ห้เพื่อนช่วยเพ่อื น ให้นักเรียนกลุ่มเก่งและปำนกลำง อยูก่ ับกลมุ่ นักเรยี นท่เี รยี นออ่ น ช่วยกนั ทำควำมเข้ำใจในเนื้อหำ 5.4.2 สอนแบบ Active Learning โดยใช้เครอ่ื งมอื บนอนิ เทอรเ์ น็ต http://www.linoit.com สอบถำมนักเรียนว่ำ นกั เรยี นอยำกได้หอ้ งเรียนอยำ่ งไรเรยี นแลว้ มีควำมสขุ แสดงควำมคิดเหน็ แตล่ ะคน เพอื่ เปน็ กำรกระตุ้นเตรียมควำมพรอ้ มในกำรเรยี น 5.5 ขน้ั สรุป 5.5.1 ผ้สู อนและผเู้ รยี นร่วมกันสรปุ เน้ือหำที่ไดเ้ รียนใหม้ ีควำมเขำ้ ใจในทิศทำงเดยี วกัน 5.5.2 ผสู้ อนให้ผเู้ รียนศกึ ษำเพมิ่ เตมิ นอกห้องเรยี น จำก https://www.w3schools.com/jquery/default.asp ทจี่ ัดทำข้ึน 5.6 ขน้ั ทดสอบหลงั เรียน นักเรียนทำ ใบงำนหนว่ ยท่ี 7 และแบบทดสอบหลงั เรยี น
6. สื่อการเรียนร/ู้ แหลง่ การเรียนรู้ 6.1 สือ่ ส่ิงพมิ พ์ 6.1.1 เอกสำรประกอบกำรสอนวิชำจำวำสคริปต์เบือ้ งตน้ 6.1.2 แบบทดสอบกอ่ นเรียน เร่ือง กำรใชง้ ำนรว่ มกบั Ajax 6.1.3 แบบทดสอบหลังเรยี น เรือ่ ง กำรใช้งำนรว่ มกับ Ajax 6.2 สอ่ื โสตทศั น์ 6.2.1 Powerpoint เร่อื ง กำรใชง้ ำนร่วมกับ Ajax 6.2.2 เครอ่ื งฉำยโปรเจคเตอร์ 6.2.3 เครอื่ งคอมพิวเตอร์แบบพกพำ (Notebook) 6.3 อืน่ ๆ (โปรดระบ)ุ
7. การบรู ณาการ/ความสัมพนั ธก์ ับวิชาอ่นื 7.1 กำรบรู ณำกำรสะเต็มศกึ ษำ S: Science T: Technology E: Engineering M: Mathematics • กำรค้นหำขอ้ มูล • ใช้อินเทอร์เนต็ สืบค้น วธิ ีกำรค้นหำขอ้ มูลใน 6 • คำนวณเวลำในกำร คดั เลือกหรือคัด ข้อมลู ขน้ั ตอน สืบคน้ ข้อมูล แยกข้อมลู ในส่งิ • ใช้เทคโนโลยี • กำรกำหนดหัวขอ้ ต่ำงๆที่อยรู่ อบตัว ออกแบบสอ่ื โฆษณำ • กำรเลือกแหลง่ ขอ้ มูล เรำ ผลติ ภัณฑอ์ ำหำร • กำรเตรยี มอุปกรณ์ • ใช้เทคโนโลยีในกำร • กำรค้นหำและรวบรวม นำเสนอผลงำน ข้อมลู • กำรพิจำรณำ • กำรสรุปผล
8. การบูรณาการหลกั ปรชั ญาของเศรษฐกิจพอเพียงส่กู ารจัดการเรียนรู้ 8.1 ผู้สอน ใชห้ ลักปรัชญำของเศรษฐกิจพอเพียงในกำรจดั กจิ กรรมกำรเรยี นกำรสอน ต่อไปน้ี 3 ห่วง ความพอประมาณ ความมีเหตุผล การสรา้ งภมู ิคุ้มกันในตวั ประเดน็ - เนื้อหำสอดคล้องกับ - ต้องกำรให้ผเู้ รยี นรเู้ รื่องจำวำ - สรุปเนอ้ื หำให้อำ่ นเขำ้ ใจ เนื้อหา ง่ำยมีภำพประกอบเน้ือหำ - แนวคิดในกำร สมรรถนะ ตวั ชวี้ ัด เหมำะสม สครปิ ตเ์ บ้ืองตน้ - เรียงเน้อื หำตำมลำดบั กำร พฒั นำโปรแกรม เรียนรู้ กบั เวลำท่กี ำหนดและวยั - จดั กำรเรียนรู้ได้ครบถว้ น เวลา ตำมที่ออกแบบไว้ 4 ชั่วโมง ของผ้เู รยี น - กำหนดเวลำในแต่ละ กจิ กรรมไว้เกินจรงิ เล็กน้อย การจดั กิจกรรม - กำหนดเวลำในแตล่ ะ - จดั กำรเรยี นรไู้ ด้ครบถว้ น เพือ่ รองรบั กำรเปล่ยี นแปลง ท่ีอำจเกิดระหวำ่ งจดั กิจกรรมเหมำะสมกบั กิจกรรม ตำมท่ีออกแบบไว้ กิจกรรม - แบ่งกลมุ่ คละ และวัยของผู้เรยี น ควำมสำมำรถของนกั เรียน - เตรยี มชุดคำถำมให้พร้อม - แบง่ กลุ่มผูเ้ รยี นให้พอดีกับ - ต้องกำรให้ผู้เรยี นปฏิบัติ ตำมลำดับกิจกรรมกำรเรียน จำนวนนกั เรยี น กิจกรรมอยำ่ งทว่ั ถึงตำม - สังเกตพฤติกรรมและให้ - กำหนดกิจกรรมกำรเรยี นรู้ ควำมสำมำรถ ควำมชว่ ยเหลือเม่ือนักเรยี น เหมำะสมกับเวลำท่กี ำหนด - เพ่ือต้องกำรใหผ้ ูเ้ รยี นเกิดกำร มปี ญั หำ - มอบหมำยภำระงำนและ เรียนรตู้ ำมเปำ้ หมำยทีก่ ำหนด - ฝึกกำรคน้ ควำ้ หำควำมรู้ ชนิ้ งำนเหมำะสมกบั - ผ้เู รียนนำควำมร้ไู ป จำกเพ่ือน และระบบ ควำมสำมำรถผู้เรยี นและ ประยุกตใ์ ช้กบั ภำระงำนได้ อินเทอร์เน็ต สอดคล้องกับเปำ้ หมำยกำร - รบั ฟังควำมคดิ เห็น และ เพือ่ แก้ปญั หำในแบบฝกึ เรยี นรู้ วิเครำะห์ วจิ ำรณอ์ ย่ำงมีเหตุผล ปฏิบัติ และใบงำน
3 ห่วง ความพอประมาณ ความมีเหตุผล การสร้างภมู คิ ้มุ กนั ในตวั ประเดน็ - ต้องกำรใหผ้ ู้เรียนปฏิบัติ การจัดกิจกรรม - แบง่ กลมุ่ ผเู้ รยี นใหพ้ อดีกับ กิจกรรมอย่ำงทว่ั ถึงตำม - แบง่ กลมุ่ คละ จำนวนนักเรยี น ควำมสำมำรถ ควำมสำมำรถของนักเรียน สอ่ื /อปุ กรณ์ - กำหนดกจิ กรรมกำรเรียนรู้ - เพ่อื ต้องกำรให้ผเู้ รียนเกดิ กำร - เตรยี มชดุ คำถำมใหพ้ ร้อม เหมำะสมกบั เวลำท่กี ำหนด เรียนรตู้ ำมเป้ำหมำยที่กำหนด ตำมลำดบั กิจกรรมกำรเรยี น แหลง่ เรียนรู้/ - มอบหมำยภำระงำนและ - ผู้เรียนนำควำมรไู้ ป - สงั เกตพฤติกรรมและให้ ฐานการเรียนรู้ ช้นิ งำนเหมำะสมกบั ประยกุ ต์ใช้กับภำระงำนได้ ควำมช่วยเหลือเมื่อนักเรยี น ควำมสำมำรถผ้เู รียนและ - รบั ฟังควำมคิดเห็น และ มปี ัญหำ สอดคล้องกบั เป้ำหมำยกำร วเิ ครำะห์ วจิ ำรณ์อยำ่ งมีเหตผุ ล - ฝกึ กำรค้นคว้ำหำควำมรู้ เรียนรู้ จำกเพ่ือน และระบบ - ตอ้ งกำรใหน้ ักเรียนได้ปฏิบตั ิ อินเทอรเ์ น็ต - จำนวนใบควำมรู้ ใบงำน กจิ กรรมไดจ้ รงิ ตำมจุดประสงค์ เพื่อแกป้ ญั หำในแบบฝกึ และวสั ดอุ ปุ กรณ์ เหมำะสม กำรเรียนร้ทู ีก่ ำหนดไว้ ปฏบิ ตั ิ และใบงำน กบั กจิ กรรม และปรมิ ำณ - เตรยี มสื่ออปุ กรณ์ให้พร้อม เพยี งพอกับจำนวนนกั เรียน - ตอ้ งกำรให้นักเรยี นใช้วสั ดุ ก่อนกำรจัดกิจกรรม -ตรวจควำมพร้อมของเครื่อง อปุ กรณ์ทม่ี ีควำมพร้อมใน - มลี ำดับขน้ั ตอนกำรใช้สื่อ คอมพวิ เตอร์กอ่ นเรียน และ หอ้ งปฏบิ ัติกำร มำปฏิบัตกิ ำร และจัดเกบ็ อยำ่ งเป็นระบบ ปิดเครือ่ ง ทดลองตำมตวั ช้วี ัด - มคี วำมชำนำญในกำรใช้ -เกบ็ เกำ้ อ้นี งั่ ให้เรยี บร้อยหลัง ส่อื อุปกรณ์ เลกิ เรียน เพอื่ ควำมเรยี บร้อย และประหยัด - เตรยี มหอ้ งปฏบิ ตั ิกำร - หอ้ งปฏบิ ตั กิ ำรคอมพิวเตอร์ คอมพวิ เตอร์ให้พร้อมกอ่ น เหมำะสมกบั กิจกรรมที่ กำรทดลอง กำหนด
3 ห่วง ความพอประมาณ ความมีเหตุผล การสร้างภมู คิ ุ้มกันในตวั ประเดน็ การประเมนิ ผล - จัดทำแบบประเมินผลงำน - ต้องกำรประเมินผลกำรเรยี นรู้ - วำงแผนกำรวดั / และประเมินพฤตกิ รรมได้ เหมำะสมกับเป้ำหมำยกำร ตำมเปำ้ หมำยทก่ี ำหนด ประเมนิ ผลตำมข้นั ตอนของ เรียนรู้ กิจกรรม - แบบประเมนิ ผลมีกำร ตรวจสอบควำมเทย่ี งตรงใน กำรวัดตำมตวั ชี้วดั เงื่อนไขความรทู้ ีค่ รตู ้องมีก่อนสอน 3. หลักปรัชญำของเศรษฐกจิ พอเพียง 1. ควำมหมำยคอมพิวเตอร์และสำรสนเทศ 4. จติ วิทยำในกำรสอน 2. กำรใชค้ อมพวิ เตอร์ เงอื่ นไขคณุ ธรรมของครู 3. มีควำมยตุ ิธรรม 1. มีควำมรกั เมตตำศิษย์ 4. ตรงต่อเวลำ 2. มีควำมรับผิดชอบ 8.2 คุณลกั ษณะอยู่อยำ่ งพอเพียงทเ่ี กดิ กบั ผูเ้ รียน พอประมาณ มเี หตผุ ล มีภูมิคุ้มกนั ในตัวที่ดี 1. นกั เรียนกำหนดหนำ้ ที่ของสมำชิก 1. นกั เรียนนำขอ้ มลู กำรหำ 1. วำงแผนกำรทำงำนกลุม่ อย่ำง ภำยในกลมุ่ ไดเ้ หมำะสมกบั ศักยภำพของ คำตอบมำวเิ ครำะหไ์ ด้อยำ่ ง ละเอียดเปน็ ขั้นตอน แตล่ ะคน เปน็ เหตเุ ปน็ ผลเพอ่ื อธิบำย 2. เตรยี มวัสดุอปุ กรณ์กำรทดลองได้ 2. นกั เรียนใช้วัสดุอุปกรณ์ในกำรทดลอง สรุปเนอื้ หำสำระ ครบถ้วน และตรงตำมกิจกรรมกำร ได้เหมำะสมกบั กจิ กรรมกำรทดของ 2. นักเรยี นสำมำรถนำข้อมูล ทดลอง 3. นักเรยี นสำมำรถหำคำตอบได้ มำตอบคำถำมได้อยำ่ งถกู ต้อง 3. ศกึ ษำวิธกี ำรทำใบงำนอยำ่ ง สอดคล้องกับอปุ กรณท์ ี่มี รอบคอบ เง่อื นไขความรู้ 1. ควำมหมำยของ โปรแกรม ภำษำ JavaScript 2. ควำมสำมำรถของ โปรแกรม ภำษำ JavaScript 3. กำรใช้งำนโปรแกรม ภำษำ JavaScript เง่อื นไขคณุ ธรรม 1. ควำมสำมคั คีในกลุ่ม 2. ควำมรบั ผดิ ชอบ 3. แบ่งปนั และเอ้อื เฟื้อเผ่อื แผ่
ส่งผลต่อความสมดลุ มัน่ คง ย่งั ยืนใน 4 มิติ ดังน้ี ด้าน สมดลุ และพร้อมรบั การเปลย่ี นแปลงในดา้ นต่างๆ องคป์ ระกอบ วตั ถุ สงั คม ส่งิ แวดล้อม วัฒนธรรม - มีควำมร้เู กี่ยวกบั ความรู้ - ควำมรู้ในกำรสบื ค้น - มคี วำมรู้ในกำรจดั แบ่ง - มคี วำมรู้ในกำรดูแล คอมพิวเตอร์ในกำร ประยกุ ต์ใช้ใน ข้อมลู จำกคอมพวิ เตอร์ หนำ้ ทภ่ี ำยในกล่มุ ไดอ้ ย่ำง รักษำควำมสะอำดกำร กิจกรรมในท้องถิน่ อยำ่ งถูกต้อง เหมำะสม จัดกำรขยะอยำ่ ง ใช้เทคโนโลยีใน ชวี ติ ประจำวนั ได้ - มีควำมรใู้ นกำรปฏิบัตติ น ถกู ต้องของ - ตระหนักถึงคุณค่ำ ท่จี ะทำงำนรว่ มกบั ผู้อนื่ ห้องปฏิบัตกิ ำร ของเทคโนโลยี คอมพิวเตอร์ ทักษะ - มที กั ษะในกำรใชว้ ัสดุ - ทำงำนร่วมกันภำยใน - รกั ษำควำมสะอำด อปุ กรณ์อย่ำงปลอดภยั กลมุ่ ตำมทีไ่ ด้รบั มอบหมำย ของห้องปฏบิ ัติกำร และประหยดั จนสำเร็จและมีควำมสุข คอมพวิ เตอร์ในกำร สืบค้นขอ้ มุล ค่านยิ ม - เหน็ ควำมสำคัญของกำร - มคี วำมรับผิดชอบต่อกำร - มีจิตสำนกึ ในกำร ใชว้ สั ดุอปุ กรณใ์ นกำร ทำงำนของกลุ่ม รักษำสภำพแวดล้อม สบื ค้นข้อมูลอย่ำงประหยัด - ยอมรบั ควำมคิดเหน็ ซ่ึง ของห้องปฏบิ ตั ิกำร คมุ้ คำ่ กันและกันมีควำมเสียสละ คอมพิวเตอร๋ให้สะอำด อดทน เป็นระเบยี บ 9. การวัดและประเมินผล รายการประเมิน วธิ ีการ เครือ่ งมือที่ใช้ เกณฑ์การประเมินผ่าน แบบทดสอบก่อนเรียน - กำรทดสอบก่อนเรียน กำรทดสอบ จำนวน 10 ขอ้ แบบประเมนิ พฤตกิ รรม ไดร้ ะดับ 2 ข้นึ ไป กำรประเมนิ ระหว่ำงเรยี น กำรสงั เกต กำรเรยี น ตั้งคำถำมให้ครอบคลุม ตอบคำถำมทุกข้อ กำรซักถำม จดุ ประสงค์ ได้ระดบั 2 ข้ึนไป แบบฝกึ หัดและ กำรทำแบบฝึกปฏบิ ตั ิ ใบงำนหนว่ ยท่ี 7 ตอบถูก 8 ข้อขน้ึ ไป แบบทดสอบหลงั เรียน กำรประเมินหลังเรียน กำรทดสอบ จำนวน 10 ข้อ
10. บันทกึ หลงั สอน 10.1 ผลกำรใช้แผนกำรจัดกำรเรียนรู้ 10.1.1 เนอื้ หำสอดคลอ้ งกบั จุดประสงคเ์ ชิงพฤติกรรม 10.1.2 สำมำรถนำไปใชป้ ฏบิ ัติกำรสอนได้ครบตำมกระบวนกำรเรยี นกำรสอน 10.1.3 เวลำที่กำหนดไว้ในแผนกำรสอนมีควำมเหมำะสม 10.2 ผลกำรเรียนรขู้ องนกั เรียน นักศึกษำ 10.2.1 นักศกึ ษำสว่ นใหญม่ ีควำมสนใจใฝร่ ู้ เขำ้ ใจในบทเรยี น อภิปรำยตอบคำถำมในกลุ่ม และ ร่วมกนั ปฏิบตั ิใบงำนที่ไดร้ บั มอบหมำย 10.2.2 นักศึกษำกระตือรือร้นและรับผิดชอบในกำรทำงำนกลมุ่ เพื่อให้งำนสำเรจ็ ทนั เวลำท่ี กำหนด 10.2.3 นกั ศกึ ษำเลอื กสำมำรถนำควำมรู้ไปใชไ้ ด้จริงในชวี ิตประจำวนั 10.3 แนวทำงกำรพัฒนำคุณภำพกำรเรียนรู้ นกั เรยี นสำมำรถนำควำมร้ทู ี่ไดจ้ ำกกำรเรยี นรูใ้ นหนว่ ยน้ีไปประยกุ ตใ์ ชใ้ นชวี ติ ประจำวนั และ เชือ่ มโยงกบั วิชำชพี ได้อย่ำงเหมำะสม
แผนการจดั การเรียนรมู้ ุ่งเน้นสมรรถนะ หนว่ ยท่ี 8 ชือ่ หน่วย การเขยี นเจควิ รเี บอ้ื งตน้ สอนคร้ังท่ี 8 ชวั่ โมงรวม 5 ช่ือเร่อื ง การเขียนเจควิ รีเบอ้ื งตน้ จำนวนชัว่ โมง 5 1. สาระสาคัญ AJAX = JavaScript และ XML แบบอะซงิ โครนสั ในระยะสั้น; AJAX เกย่ี วกบั กำรโหลดข้อมูลในพ้ืน หลังและแสดงบนเว็บเพจโดยไม่ต้องโหลดซ้ำท้ังหน้ำ ตัวอย่ำงแอปพลิเคชันที่ใช้ AJAX: แท็บ Gmail, Google Maps, Youtube และ Facebook คุณสำมำรถเรียนรู้เพ่ิมเติมเกี่ยวกับ AJAX ของเรำในกำรกวดวิชำ AJAX jQuery มีวธิ ีกำรตำ่ งๆสำหรับฟังกช์ นั กำรทำงำนของ AJAX ดว้ ยวธิ กี ำร jQuery AJAX คุณสำมำรถขอขอ้ ควำม HTML XML หรือ JSON จำกเซิร์ฟเวอร์ระยะไกลโดยใช้ทั้ง HTTP Get และ HTTP Post - และคุณสำมำรถ โหลดขอ้ มูลภำยนอกลงในองค์ประกอบ HTML ที่เลอื กไวใ้ นหนำ้ เวบ็ ของคณุ ได้โดยตรง 2. สมรรถนะประจาหน่วย เขยี นเจคิวรีเบ้ืองต้น 3. จดุ ประสงคก์ ารเรียนรู้ 3.1 ด้ำนควำมรู้ เขียน เจควิ รีร่วมกับ Ajax ได้ 3.2 ด้ำนทักษะ นักเรยี นมคี วำมรู้ ทักษะพ้นื ฐำนเกยี่ วกบั การเขียนเจคิวรเี บื้องตน้ และมีทัศนคติทดี่ ี 3.3 คณุ ลกั ษณะทพี่ ึงประสงค์ (อำ้ งองิ จำกค่ำนิยมหลักของคนไทย 12 ประกำร) 3.3.1 เขำ้ เรยี นตรงเวลำ 3.3.2 แต่งกำยตำมระเบียบกำรปฏบิ ตั ิงำน 3.3.3 ผลงำนประณีตเรยี บร้อย 3.3.4 ปิดเคร่ืองคอมพิวเตอรเ์ มอื่ เลกิ ใชง้ ำน 3.3.5 มนี ำ้ ใจชว่ ยเหลอื ผูอ้ ืน่ และกำรปฏบิ ัติงำนรว่ มกับผู้อนื่ 4. เนื้อหาสาระการเรียนรู้ 4.1.1 วธิ ี jQuery AJAX 4.1.2 jQuery load ( ) 4.1.3 jQuery AJAX อำ้ งองิ
4.1.4 jQuery - AJAX get () และ post () วธิ กี ำร 5. กิจกรรมการเรียนการสอน ครูแจ้งจดุ ประสงค์กำรเรียนรู้ กำรวัดผลประเมินผล ข้อตกลงขณะเรยี น และให้นักเรยี นทำ แบบทดสอบก่อนเรยี น 5.1 ขั้นนาเขา้ สบู่ ทเรยี น 5.1.1 ผู้สอนจดั เตรยี มเอกสำร พรอ้ มกบั แนะนำรำยวชิ ำ วิธกี ำรให้คะแนนและวิธีกำรเรยี นเร่อื ง กำรเขียนเจควิ รเี บื้องต้น 5.1.2 ผู้สอนแจ้งจดุ ประสงคก์ ำรเรยี นของหน่วยที่ 8 และขอใหผ้ เู้ รยี นรว่ มกนั ทำกิจกรรมกำร เรยี นกำรสอน 5.1.3 ผสู้ อนใหผ้ เู้ รียนแสดงควำมรู้ โดยต้ังคำถำมวำ่ กำรเขียนเจควิ รเี บ้ืองต้นนักเรยี นรจู้ ักภำษำท่ี ใชเ้ ขียนโปรแกรมภำษำอะไรบำ้ งพร้อมใหเ้ หตุผลประกอบ 5.2 ข้ันสอน 5.2.1 ผู้สอนทดสอบควำมรูค้ วำมเข้ำใจเก่ียวกับควำมรู้เบ้ืองต้นเกี่ยวกับกำรเขยี นเจควิ รเี บ้อื งต้น โดยใหผ้ ้เู รียนทำแบบทดสอบกอ่ นเรียน 5.2.2 ผสู้ อนอธบิ ำยเน้อื หำเกี่ยวกบั บทเรยี นวชิ ำจำวำสครปิ ต์เบ้อื งตน้ หนว่ ยท่ี 8 เรื่องการเขยี นเจ ควิ รีเบอ้ื งตน้ และให้ผ้เู รยี นศึกษำเอกสำรประกอบกำรสอน หนว่ ยที่ 8 5.2.3 ผู้สอนและผู้เรยี นรว่ มกันอธบิ ำยพร้อมยกตัวอยำ่ งถึงแนวคดิ ในกำรพฒั นำโปรแกรมตำมท่ี ได้ศึกษำจำกเวบ็ ไซต์ https://www.w3schools.com/jquery/default.asp 5.3 ขัน้ ประกอบกจิ กรรมการเรยี น 5.3.1 ผสู้ อนให้ผู้เรียนทำแบบฝกึ หัดท้ำยหนว่ ยท่ี 8 5.3.2 ผู้สอนให้ผ้เู รียนแบ่งกลุ่ม ๆ ละเท่ำ ๆ กันทำกำรศกึ ษำเรอ่ื ง กำรเขียนเจคิวรเี บ้ืองต้น 5.4 กลยุทธ์ในการจดั การเรียนรู้ 5.4.1 ครูใหเ้ พื่อนชว่ ยเพอื่ น ใหน้ กั เรยี นกลมุ่ เก่งและปำนกลำง อยกู่ ับกล่มุ นกั เรยี นทีเ่ รียนอ่อน ช่วยกันทำควำมเข้ำใจในเนื้อหำ 5.4.2 สอนแบบ Active Learning โดยใช้เคร่ืองมอื บนอินเทอร์เนต็ http://www.linoit.com สอบถำมนักเรยี นว่ำ นกั เรียนอยำกไดห้ อ้ งเรียนอยำ่ งไรเรียนแล้วมีควำมสขุ แสดงควำมคิดเห็นแต่ละคน เพ่ือ เป็นกำรกระตุ้นเตรยี มควำมพร้อมในกำรเรยี น 5.5 ขน้ั สรุป 5.5.1 ผสู้ อนและผู้เรียนรว่ มกันสรปุ เนอ้ื หำทีไ่ ดเ้ รยี นให้มีควำมเขำ้ ใจในทศิ ทำงเดียวกนั 5.5.2 ผสู้ อนใหผ้ ้เู รียนศกึ ษำเพม่ิ เติมนอกหอ้ งเรยี น จำก https://www.w3schools.com/jquery/default.asp ท่จี ดั ทำขึ้น 5.6 ขนั้ ทดสอบหลงั เรียน นกั เรยี นทำ ใบงำนหน่วยที่ 8 และแบบทดสอบหลังเรยี น
6. สื่อการเรียนร/ู้ แหลง่ การเรียนรู้ 6.1 สือ่ ส่ิงพมิ พ์ 6.1.1 เอกสำรประกอบกำรสอนวิชำจำวำสครปิ ตเ์ บอ้ื งต้น 6.1.2 แบบทดสอบกอ่ นเรยี น เร่อื ง กำรเขยี นเจควิ รเี บ้ืองต้น 6.1.3 แบบทดสอบหลงั เรียน เรื่อง กำรเขียนเจคิวรเี บ้อื งต้น 6.2 สอ่ื โสตทศั น์ 6.2.1 Powerpoint เรอ่ื ง กำรเขยี นเจคิวรีเบื้องต้น 6.2.2 เครอ่ื งฉำยโปรเจคเตอร์ 6.2.3 เครอื่ งคอมพิวเตอร์แบบพกพำ (Notebook) 6.3 อืน่ ๆ (โปรดระบ)ุ
7. การบรู ณาการ/ความสัมพนั ธก์ ับวิชาอ่นื 7.1 กำรบรู ณำกำรสะเต็มศกึ ษำ S: Science T: Technology E: Engineering M: Mathematics • กำรค้นหำขอ้ มูล • ใช้อินเทอร์เนต็ สืบค้น วธิ ีกำรค้นหำขอ้ มูลใน 6 • คำนวณเวลำในกำร คดั เลือกหรือคัด ข้อมลู ขน้ั ตอน สืบคน้ ข้อมูล แยกข้อมลู ในส่งิ • ใช้เทคโนโลยี • กำรกำหนดหัวขอ้ ต่ำงๆที่อยรู่ อบตัว ออกแบบสอ่ื โฆษณำ • กำรเลือกแหลง่ ขอ้ มูล เรำ ผลติ ภัณฑอ์ ำหำร • กำรเตรยี มอุปกรณ์ • ใช้เทคโนโลยีในกำร • กำรค้นหำและรวบรวม นำเสนอผลงำน ข้อมลู • กำรพิจำรณำ • กำรสรุปผล
8. การบูรณาการหลกั ปรชั ญาของเศรษฐกิจพอเพียงส่กู ารจัดการเรียนรู้ 8.1 ผู้สอน ใชห้ ลักปรัชญำของเศรษฐกิจพอเพียงในกำรจดั กจิ กรรมกำรเรยี นกำรสอน ต่อไปน้ี 3 ห่วง ความพอประมาณ ความมีเหตุผล การสรา้ งภมู ิคุ้มกันในตวั ประเดน็ - เนื้อหำสอดคล้องกับ - ต้องกำรให้ผเู้ รยี นรเู้ รื่องจำวำ - สรุปเนอ้ื หำให้อำ่ นเขำ้ ใจ เนื้อหา ง่ำยมีภำพประกอบเน้ือหำ - แนวคิดในกำร สมรรถนะ ตวั ชวี้ ัด เหมำะสม สครปิ ตเ์ บ้ืองตน้ - เรียงเน้อื หำตำมลำดบั กำร พฒั นำโปรแกรม เรียนรู้ กบั เวลำท่กี ำหนดและวยั - จดั กำรเรียนรู้ได้ครบถว้ น เวลา ตำมที่ออกแบบไว้ 4 ชั่วโมง ของผ้เู รยี น - กำหนดเวลำในแต่ละ กจิ กรรมไว้เกินจรงิ เล็กน้อย การจดั กิจกรรม - กำหนดเวลำในแตล่ ะ - จดั กำรเรยี นรไู้ ด้ครบถว้ น เพือ่ รองรบั กำรเปล่ยี นแปลง ท่ีอำจเกิดระหวำ่ งจดั กิจกรรมเหมำะสมกบั กิจกรรม ตำมท่ีออกแบบไว้ กิจกรรม - แบ่งกลมุ่ คละ และวัยของผู้เรยี น ควำมสำมำรถของนกั เรียน - เตรยี มชุดคำถำมให้พร้อม - แบง่ กลุ่มผูเ้ รยี นให้พอดีกับ - ต้องกำรให้ผู้เรยี นปฏิบัติ ตำมลำดับกิจกรรมกำรเรียน จำนวนนกั เรยี น กิจกรรมอยำ่ งทว่ั ถึงตำม - สังเกตพฤติกรรมและให้ - กำหนดกิจกรรมกำรเรยี นรู้ ควำมสำมำรถ ควำมชว่ ยเหลือเม่ือนักเรยี น เหมำะสมกับเวลำท่กี ำหนด - เพ่ือต้องกำรใหผ้ ูเ้ รยี นเกิดกำร มปี ญั หำ - มอบหมำยภำระงำนและ เรียนรตู้ ำมเปำ้ หมำยทีก่ ำหนด - ฝึกกำรคน้ ควำ้ หำควำมรู้ ชนิ้ งำนเหมำะสมกบั - ผ้เู รียนนำควำมร้ไู ป จำกเพ่ือน และระบบ ควำมสำมำรถผู้เรยี นและ ประยุกตใ์ ช้กบั ภำระงำนได้ อินเทอร์เน็ต สอดคล้องกับเปำ้ หมำยกำร - รบั ฟังควำมคดิ เห็น และ เพือ่ แก้ปญั หำในแบบฝกึ เรยี นรู้ วิเครำะห์ วจิ ำรณอ์ ย่ำงมีเหตุผล ปฏิบัติ และใบงำน
3 ห่วง ความพอประมาณ ความมีเหตุผล การสร้างภมู คิ ้มุ กนั ในตวั ประเดน็ - ต้องกำรใหผ้ ู้เรียนปฏิบัติ การจัดกิจกรรม - แบง่ กลมุ่ ผเู้ รยี นใหพ้ อดีกับ กิจกรรมอย่ำงทว่ั ถึงตำม - แบง่ กลมุ่ คละ จำนวนนักเรยี น ควำมสำมำรถ ควำมสำมำรถของนักเรียน สอ่ื /อปุ กรณ์ - กำหนดกจิ กรรมกำรเรียนรู้ - เพ่อื ต้องกำรให้ผเู้ รียนเกดิ กำร - เตรยี มชดุ คำถำมใหพ้ ร้อม เหมำะสมกบั เวลำท่กี ำหนด เรียนรตู้ ำมเป้ำหมำยที่กำหนด ตำมลำดบั กิจกรรมกำรเรยี น แหลง่ เรียนรู้/ - มอบหมำยภำระงำนและ - ผู้เรียนนำควำมรไู้ ป - สงั เกตพฤติกรรมและให้ ฐานการเรียนรู้ ช้นิ งำนเหมำะสมกบั ประยกุ ต์ใช้กับภำระงำนได้ ควำมช่วยเหลือเมื่อนักเรยี น ควำมสำมำรถผ้เู รียนและ - รบั ฟังควำมคิดเห็น และ มปี ัญหำ สอดคล้องกบั เป้ำหมำยกำร วเิ ครำะห์ วจิ ำรณ์อยำ่ งมีเหตผุ ล - ฝกึ กำรค้นคว้ำหำควำมรู้ เรียนรู้ จำกเพ่ือน และระบบ - ตอ้ งกำรใหน้ ักเรียนได้ปฏิบตั ิ อินเทอรเ์ น็ต - จำนวนใบควำมรู้ ใบงำน กจิ กรรมไดจ้ รงิ ตำมจุดประสงค์ เพื่อแกป้ ญั หำในแบบฝกึ และวสั ดอุ ปุ กรณ์ เหมำะสม กำรเรียนร้ทู ีก่ ำหนดไว้ ปฏบิ ตั ิ และใบงำน กบั กจิ กรรม และปรมิ ำณ - เตรยี มสื่ออปุ กรณ์ให้พร้อม เพยี งพอกับจำนวนนกั เรียน - ตอ้ งกำรให้นักเรยี นใช้วสั ดุ ก่อนกำรจัดกิจกรรม -ตรวจควำมพร้อมของเครื่อง อปุ กรณ์ทม่ี ีควำมพร้อมใน - มลี ำดับขน้ั ตอนกำรใช้สื่อ คอมพวิ เตอร์กอ่ นเรียน และ หอ้ งปฏบิ ัติกำร มำปฏิบัตกิ ำร และจัดเกบ็ อยำ่ งเป็นระบบ ปิดเครือ่ ง ทดลองตำมตวั ช้วี ัด - มคี วำมชำนำญในกำรใช้ -เกบ็ เกำ้ อ้นี งั่ ให้เรยี บร้อยหลัง ส่อื อุปกรณ์ เลกิ เรียน เพอื่ ควำมเรยี บร้อย และประหยัด - เตรยี มหอ้ งปฏบิ ตั ิกำร - หอ้ งปฏบิ ตั กิ ำรคอมพิวเตอร์ คอมพวิ เตอร์ให้พร้อมกอ่ น เหมำะสมกบั กิจกรรมที่ กำรทดลอง กำหนด
3 ห่วง ความพอประมาณ ความมีเหตุผล การสร้างภมู คิ ุ้มกันในตวั ประเดน็ การประเมนิ ผล - จัดทำแบบประเมินผลงำน - ต้องกำรประเมินผลกำรเรยี นรู้ - วำงแผนกำรวดั / และประเมินพฤตกิ รรมได้ เหมำะสมกับเป้ำหมำยกำร ตำมเปำ้ หมำยทก่ี ำหนด ประเมนิ ผลตำมข้นั ตอนของ เรียนรู้ กิจกรรม - แบบประเมนิ ผลมีกำร ตรวจสอบควำมเทย่ี งตรงใน กำรวัดตำมตวั ชี้วดั เงื่อนไขความรทู้ ีค่ รตู ้องมีก่อนสอน 3. หลักปรัชญำของเศรษฐกจิ พอเพียง 1. ควำมหมำยคอมพิวเตอร์และสำรสนเทศ 4. จติ วิทยำในกำรสอน 2. กำรใชค้ อมพวิ เตอร์ เงอื่ นไขคณุ ธรรมของครู 3. มีควำมยตุ ิธรรม 1. มีควำมรกั เมตตำศิษย์ 4. ตรงต่อเวลำ 2. มีควำมรับผิดชอบ 8.2 คุณลกั ษณะอยู่อยำ่ งพอเพียงทเ่ี กดิ กบั ผูเ้ รียน พอประมาณ มเี หตผุ ล มีภูมิคุ้มกนั ในตัวที่ดี 1. นกั เรียนกำหนดหนำ้ ที่ของสมำชิก 1. นกั เรียนนำขอ้ มลู กำรหำ 1. วำงแผนกำรทำงำนกลุม่ อย่ำง ภำยในกลมุ่ ไดเ้ หมำะสมกบั ศักยภำพของ คำตอบมำวเิ ครำะหไ์ ด้อยำ่ ง ละเอียดเปน็ ขั้นตอน แตล่ ะคน เปน็ เหตเุ ปน็ ผลเพอ่ื อธิบำย 2. เตรยี มวัสดุอปุ กรณ์กำรทดลองได้ 2. นกั เรียนใช้วัสดุอุปกรณ์ในกำรทดลอง สรุปเนอื้ หำสำระ ครบถ้วน และตรงตำมกิจกรรมกำร ได้เหมำะสมกบั กจิ กรรมกำรทดของ 2. นักเรยี นสำมำรถนำข้อมูล ทดลอง 3. นักเรยี นสำมำรถหำคำตอบได้ มำตอบคำถำมได้อยำ่ งถกู ต้อง 3. ศกึ ษำวิธกี ำรทำใบงำนอยำ่ ง สอดคล้องกับอปุ กรณท์ ี่มี รอบคอบ เง่อื นไขความรู้ 1. ควำมหมำยของ โปรแกรม ภำษำ JavaScript 2. ควำมสำมำรถของ โปรแกรม ภำษำ JavaScript 3. กำรใช้งำนโปรแกรม ภำษำ JavaScript เง่อื นไขคณุ ธรรม 1. ควำมสำมคั คีในกลุ่ม 2. ควำมรบั ผดิ ชอบ 3. แบ่งปนั และเอ้อื เฟื้อเผ่อื แผ่
ส่งผลต่อความสมดลุ มัน่ คง ย่งั ยืนใน 4 มิติ ดังน้ี ด้าน สมดลุ และพร้อมรบั การเปลย่ี นแปลงในดา้ นต่างๆ องคป์ ระกอบ วตั ถุ สงั คม ส่งิ แวดล้อม วัฒนธรรม - มีควำมร้เู กี่ยวกบั ความรู้ - ควำมรู้ในกำรสบื ค้น - มคี วำมรู้ในกำรจดั แบ่ง - มคี วำมรู้ในกำรดูแล คอมพิวเตอร์ในกำร ประยกุ ต์ใช้ใน ข้อมลู จำกคอมพวิ เตอร์ หนำ้ ทภ่ี ำยในกล่มุ ไดอ้ ย่ำง รักษำควำมสะอำดกำร กิจกรรมในท้องถิน่ อยำ่ งถูกต้อง เหมำะสม จัดกำรขยะอยำ่ ง ใช้เทคโนโลยีใน ชวี ติ ประจำวนั ได้ - มีควำมรใู้ นกำรปฏิบัตติ น ถกู ต้องของ - ตระหนักถึงคุณค่ำ ท่จี ะทำงำนรว่ มกบั ผู้อนื่ ห้องปฏิบัตกิ ำร ของเทคโนโลยี คอมพิวเตอร์ ทักษะ - มที กั ษะในกำรใชว้ ัสดุ - ทำงำนร่วมกันภำยใน - รกั ษำควำมสะอำด อปุ กรณ์อย่ำงปลอดภยั กลมุ่ ตำมทีไ่ ด้รบั มอบหมำย ของห้องปฏบิ ัติกำร และประหยดั จนสำเร็จและมีควำมสุข คอมพวิ เตอร์ในกำร สืบค้นขอ้ มุล ค่านยิ ม - เหน็ ควำมสำคัญของกำร - มคี วำมรับผิดชอบต่อกำร - มีจิตสำนกึ ในกำร ใชว้ สั ดุอปุ กรณใ์ นกำร ทำงำนของกลุ่ม รักษำสภำพแวดล้อม สบื ค้นข้อมูลอย่ำงประหยัด - ยอมรบั ควำมคิดเหน็ ซ่ึง ของห้องปฏบิ ตั ิกำร คมุ้ คำ่ กันและกันมีควำมเสียสละ คอมพิวเตอร๋ให้สะอำด อดทน เป็นระเบยี บ 9. การวัดและประเมินผล รายการประเมิน วธิ ีการ เครือ่ งมือที่ใช้ เกณฑ์การประเมินผ่าน แบบทดสอบก่อนเรียน - กำรทดสอบก่อนเรียน กำรทดสอบ จำนวน 10 ขอ้ แบบประเมนิ พฤตกิ รรม ไดร้ ะดับ 2 ข้นึ ไป กำรประเมนิ ระหว่ำงเรยี น กำรสงั เกต กำรเรยี น ตั้งคำถำมให้ครอบคลุม ตอบคำถำมทุกข้อ กำรซักถำม จดุ ประสงค์ ได้ระดบั 2 ข้ึนไป แบบฝกึ หัดและ กำรทำแบบฝึกปฏบิ ตั ิ ใบงำนหนว่ ยท่ี 8 ตอบถูก 8 ข้อขน้ึ ไป แบบทดสอบหลงั เรียน กำรประเมินหลังเรียน กำรทดสอบ จำนวน 10 ข้อ
10. บันทกึ หลงั สอน 10.1 ผลกำรใช้แผนกำรจัดกำรเรียนรู้ 10.1.1 เนอื้ หำสอดคลอ้ งกบั จุดประสงคเ์ ชิงพฤติกรรม 10.1.2 สำมำรถนำไปใชป้ ฏบิ ัติกำรสอนได้ครบตำมกระบวนกำรเรยี นกำรสอน 10.1.3 เวลำที่กำหนดไว้ในแผนกำรสอนมีควำมเหมำะสม 10.2 ผลกำรเรียนรขู้ องนกั เรียน นักศึกษำ 10.2.1 นักศกึ ษำสว่ นใหญม่ ีควำมสนใจใฝร่ ู้ เขำ้ ใจในบทเรยี น อภิปรำยตอบคำถำมในกลุ่ม และ ร่วมกนั ปฏิบตั ิใบงำนที่ไดร้ บั มอบหมำย 10.2.2 นักศึกษำกระตือรือร้นและรับผิดชอบในกำรทำงำนกลมุ่ เพื่อให้งำนสำเรจ็ ทนั เวลำท่ี กำหนด 10.2.3 นกั ศกึ ษำเลอื กสำมำรถนำควำมรู้ไปใชไ้ ด้จริงในชวี ิตประจำวนั 10.3 แนวทำงกำรพัฒนำคุณภำพกำรเรียนรู้ นกั เรยี นสำมำรถนำควำมร้ทู ี่ไดจ้ ำกกำรเรยี นรูใ้ นหนว่ ยน้ีไปประยกุ ตใ์ ชใ้ นชวี ติ ประจำวนั และ เชือ่ มโยงกบั วิชำชพี ได้อย่ำงเหมำะสม
แผนการจัดการเรียนรู้มุ่งเนน้ สมรรถนะ หนว่ ยท่ี 9 ชือ่ หน่วย การเขยี นแอพพลเิ คช่นั ขนาดเลก็ สอนคร้งั ท่ี 9 - 18 ชวั่ โมงรวม 50 ช่ือเรื่อง การเขียนแอพพลิเคชั่นขนาดเล็ก จำนวนชั่วโมง 50 1. สาระสาคัญ AJAX = JavaScript และ XML แบบอะซงิ โครนสั ในระยะสน้ั ; AJAX เกยี่ วกับกำรโหลดขอ้ มูลในพื้น หลังและแสดงบนเว็บเพจโดยไม่ต้องโหลดซ้ำทั้งหน้ำ ตัวอย่ำงแอปพลิเคชันท่ีใช้ AJAX: แท็บ Gmail, Google Maps, Youtube และ Facebook คุณสำมำรถเรียนรู้เพิ่มเติมเกี่ยวกับ AJAX ของเรำในกำรกวดวิชำ AJAX jQuery มีวธิ กี ำรต่ำงๆสำหรับฟงั ก์ชันกำรทำงำนของ AJAX ด้วยวิธีกำร jQuery AJAX คณุ สำมำรถขอข้อควำม HTML XML หรือ JSON จำกเซิร์ฟเวอร์ระยะไกลโดยใช้ทั้ง HTTP Get และ HTTP Post - และคุณสำมำรถ โหลดข้อมลู ภำยนอกลงในองคป์ ระกอบ HTML ทีเ่ ลือกไว้ในหนำ้ เว็บของคุณได้โดยตรง 2. สมรรถนะประจาหนว่ ย เขียนแอพพลิเคชนั่ ขนำดเล็ก 3. จุดประสงคก์ ารเรียนรู้ 3.1 ดำ้ นควำมรู้ เขยี นแอพพลิเคชน่ั ขนำดเล็กได้ 3.2 ด้ำนทักษะ นักเรียนมีควำมรู้ ทักษะพืน้ ฐำนเกยี่ วกับการเขยี นแอพพลิเคชั่นขนาดเล็กและมที ัศนคติท่ีดี 3.3 คณุ ลักษณะทพ่ี ึงประสงค์ (อ้ำงอิง จำกค่ำนยิ มหลักของคนไทย 12 ประกำร) 3.3.1 เข้ำเรยี นตรงเวลำ 3.3.2 แต่งกำยตำมระเบียบกำรปฏิบตั ิงำน 3.3.3 ผลงำนประณตี เรียบร้อย 3.3.4 ปดิ เคร่อื งคอมพิวเตอรเ์ ม่ือเลกิ ใชง้ ำน 3.3.5 มีนำ้ ใจช่วยเหลอื ผู้อนื่ และกำรปฏบิ ตั ิงำนรว่ มกบั ผ้อู นื่ 4. เนือ้ หาสาระการเรยี นรู้ 4.1.1 วธิ ี jQuery AJAX 4.1.2 jQuery load ( )
4.1.3 jQuery AJAX อำ้ งอิง 4.1.4 jQuery - AJAX get () และ post () วธิ กี ำร 5. กจิ กรรมการเรียนการสอน ครูแจ้งจุดประสงค์กำรเรยี นรู้ กำรวัดผลประเมนิ ผล ข้อตกลงขณะเรยี น และใหน้ ักเรยี นทำ แบบทดสอบกอ่ นเรียน 5.1 ขนั้ นาเขา้ สูบ่ ทเรียน 5.1.1 ผ้สู อนจดั เตรียมเอกสำร พร้อมกบั แนะนำรำยวิชำ วิธกี ำรใหค้ ะแนนและวิธีกำรเรียนเร่อื ง กำรเขยี นแอพพลเิ คชนั่ ขนำดเล็ก 5.1.2 ผสู้ อนแจ้งจุดประสงคก์ ำรเรียนของหนว่ ยที่ 9 และขอใหผ้ ู้เรียนร่วมกันทำกจิ กรรมกำร เรียนกำรสอน 5.1.3 ผสู้ อนใหผ้ เู้ รยี นแสดงควำมรู้ โดยตง้ั คำถำมวำ่ กำรเขียนแอพพลิเคชน่ั ขนำดเลก็ นักเรยี น รู้จกั ภำษำที่ใชเ้ ขยี นโปรแกรมภำษำอะไรบำ้ งพร้อมให้เหตุผลประกอบ 5.2 ขัน้ สอน 5.2.1 ผู้สอนทดสอบควำมรูค้ วำมเข้ำใจเก่ียวกับควำมรูเ้ บื้องตน้ เกย่ี วกบั กำรเขียนแอพพลิเคชน่ั ขนำดเลก็ โดยให้ผ้เู รียนทำแบบทดสอบก่อนเรยี น 5.2.2 ผ้สู อนอธิบำยเนื้อหำเกี่ยวกบั บทเรียนวิชำจำวำสคริปต์เบือ้ งตน้ หนว่ ยท่ี 9 เรื่องการเขียน แอพพลเิ คช่ันขนาดเล็กและให้ผเู้ รยี นศกึ ษำเอกสำรประกอบกำรสอน หน่วยที่ 9 5.2.3 ผู้สอนและผเู้ รียนรว่ มกันอธิบำยพร้อมยกตวั อย่ำงถึงแนวคดิ ในกำรพัฒนำโปรแกรมตำมท่ี ไดศ้ ึกษำจำกเวบ็ ไซต์ https://www.w3schools.com/jquery/default.asp 5.3 ข้ันประกอบกิจกรรมการเรียน 5.3.1 ผู้สอนใหผ้ เู้ รียนทำแบบฝึกหดั ทำ้ ยหน่วยท่ี 9 5.3.2 ผสู้ อนให้ผเู้ รียนแบ่งกลุ่ม ๆ ละเท่ำ ๆ กันทำกำรศึกษำเร่ือง กำรเขยี นแอพพลิเคช่นั ขนำด เล็ก 5.4 กลยุทธ์ในการจัดการเรยี นรู้ 5.4.1 ครใู หเ้ พื่อนช่วยเพอ่ื น ใหน้ กั เรยี นกลมุ่ เกง่ และปำนกลำง อยกู่ ับกลุ่มนกั เรียนทเ่ี รยี นอ่อน ช่วยกนั ทำควำมเขำ้ ใจในเน้ือหำ 5.4.2 สอนแบบ Active Learning โดยใชเ้ ครอ่ื งมอื บนอินเทอรเ์ น็ต http://www.linoit.com สอบถำมนักเรยี นว่ำ นักเรียนอยำกได้หอ้ งเรียนอยำ่ งไรเรยี นแลว้ มีควำมสุข แสดงควำมคิดเหน็ แตล่ ะคน เพือ่ เป็นกำรกระตุ้นเตรียมควำมพรอ้ มในกำรเรยี น 5.5 ขนั้ สรุป 5.5.1 ผ้สู อนและผ้เู รยี นร่วมกันสรปุ เนือ้ หำทีไ่ ด้เรียนใหม้ ีควำมเขำ้ ใจในทศิ ทำงเดยี วกนั 5.5.2 ผ้สู อนใหผ้ เู้ รียนศึกษำเพม่ิ เตมิ นอกหอ้ งเรยี น จำก https://www.w3schools.com/jquery/default.asp ทจ่ี ดั ทำข้ึน
5.6 ขั้นทดสอบหลงั เรียน นักเรยี นทำ ใบงำนหนว่ ยท่ี 9 และแบบทดสอบหลังเรยี น 6. ส่อื การเรียนรู้/แหล่งการเรยี นรู้ 6.1 สอื่ สง่ิ พมิ พ์ 6.1.1 เอกสำรประกอบกำรสอนวชิ ำจำวำสครปิ ตเ์ บ้ืองต้น 6.1.2 แบบทดสอบกอ่ นเรียน เรอ่ื ง กำรเขียนแอพพลิเคชน่ั ขนำดเลก็ 6.1.3 แบบทดสอบหลงั เรยี น เรอื่ ง กำรเขียนแอพพลิเคช่นั ขนำดเล็ก 6.2 สอื่ โสตทศั น์ 6.2.1 Powerpoint เร่อื ง กำรเขียนแอพพลเิ คชนั่ ขนำดเล็ก 6.2.2 เคร่อื งฉำยโปรเจคเตอร์ 6.2.3 เครื่องคอมพวิ เตอร์แบบพกพำ (Notebook) 6.3 อืน่ ๆ (โปรดระบุ)
7. การบรู ณาการ/ความสัมพนั ธก์ ับวิชาอ่นื 7.1 กำรบรู ณำกำรสะเต็มศกึ ษำ S: Science T: Technology E: Engineering M: Mathematics • กำรค้นหำขอ้ มูล • ใช้อินเทอร์เนต็ สืบค้น วธิ ีกำรค้นหำขอ้ มูลใน 6 • คำนวณเวลำในกำร คดั เลือกหรือคัด ข้อมลู ขน้ั ตอน สืบคน้ ข้อมูล แยกข้อมลู ในส่งิ • ใช้เทคโนโลยี • กำรกำหนดหัวขอ้ ต่ำงๆที่อยรู่ อบตัว ออกแบบสอ่ื โฆษณำ • กำรเลือกแหลง่ ขอ้ มูล เรำ ผลติ ภัณฑอ์ ำหำร • กำรเตรยี มอุปกรณ์ • ใช้เทคโนโลยีในกำร • กำรค้นหำและรวบรวม นำเสนอผลงำน ข้อมลู • กำรพิจำรณำ • กำรสรุปผล
8. การบูรณาการหลกั ปรชั ญาของเศรษฐกิจพอเพียงส่กู ารจัดการเรียนรู้ 8.1 ผู้สอน ใชห้ ลักปรัชญำของเศรษฐกิจพอเพียงในกำรจดั กจิ กรรมกำรเรยี นกำรสอน ต่อไปน้ี 3 ห่วง ความพอประมาณ ความมีเหตุผล การสรา้ งภมู ิคุ้มกันในตวั ประเดน็ - เนื้อหำสอดคล้องกับ - ต้องกำรให้ผเู้ รยี นรเู้ รื่องจำวำ - สรุปเนอ้ื หำให้อำ่ นเขำ้ ใจ เนื้อหา ง่ำยมีภำพประกอบเน้ือหำ - แนวคิดในกำร สมรรถนะ ตวั ชวี้ ัด เหมำะสม สครปิ ตเ์ บ้ืองตน้ - เรียงเน้อื หำตำมลำดบั กำร พฒั นำโปรแกรม เรียนรู้ กบั เวลำท่กี ำหนดและวยั - จดั กำรเรียนรู้ได้ครบถว้ น เวลา ตำมที่ออกแบบไว้ 4 ชั่วโมง ของผ้เู รยี น - กำหนดเวลำในแต่ละ กจิ กรรมไว้เกินจรงิ เล็กน้อย การจดั กิจกรรม - กำหนดเวลำในแตล่ ะ - จดั กำรเรยี นรไู้ ด้ครบถว้ น เพือ่ รองรบั กำรเปล่ยี นแปลง ท่ีอำจเกิดระหวำ่ งจดั กิจกรรมเหมำะสมกบั กิจกรรม ตำมท่ีออกแบบไว้ กิจกรรม - แบ่งกลมุ่ คละ และวัยของผู้เรยี น ควำมสำมำรถของนกั เรียน - เตรยี มชุดคำถำมให้พร้อม - แบง่ กลุ่มผูเ้ รยี นให้พอดีกับ - ต้องกำรให้ผู้เรยี นปฏิบัติ ตำมลำดับกิจกรรมกำรเรียน จำนวนนกั เรยี น กิจกรรมอยำ่ งทว่ั ถึงตำม - สังเกตพฤติกรรมและให้ - กำหนดกิจกรรมกำรเรยี นรู้ ควำมสำมำรถ ควำมชว่ ยเหลือเม่ือนักเรยี น เหมำะสมกับเวลำท่กี ำหนด - เพ่ือต้องกำรใหผ้ ูเ้ รยี นเกิดกำร มปี ญั หำ - มอบหมำยภำระงำนและ เรียนรตู้ ำมเปำ้ หมำยทีก่ ำหนด - ฝึกกำรคน้ ควำ้ หำควำมรู้ ชนิ้ งำนเหมำะสมกบั - ผ้เู รียนนำควำมร้ไู ป จำกเพ่ือน และระบบ ควำมสำมำรถผู้เรยี นและ ประยุกตใ์ ช้กบั ภำระงำนได้ อินเทอร์เน็ต สอดคล้องกับเปำ้ หมำยกำร - รบั ฟังควำมคดิ เห็น และ เพือ่ แก้ปญั หำในแบบฝกึ เรยี นรู้ วิเครำะห์ วจิ ำรณอ์ ย่ำงมีเหตุผล ปฏิบัติ และใบงำน
3 ห่วง ความพอประมาณ ความมีเหตุผล การสร้างภมู คิ ้มุ กนั ในตวั ประเดน็ - ต้องกำรใหผ้ ู้เรียนปฏิบัติ การจัดกิจกรรม - แบง่ กลมุ่ ผเู้ รยี นใหพ้ อดีกับ กิจกรรมอย่ำงทว่ั ถึงตำม - แบง่ กลมุ่ คละ จำนวนนักเรยี น ควำมสำมำรถ ควำมสำมำรถของนักเรียน สอ่ื /อปุ กรณ์ - กำหนดกจิ กรรมกำรเรียนรู้ - เพ่อื ต้องกำรให้ผเู้ รียนเกดิ กำร - เตรยี มชดุ คำถำมใหพ้ ร้อม เหมำะสมกบั เวลำท่กี ำหนด เรียนรตู้ ำมเป้ำหมำยที่กำหนด ตำมลำดบั กิจกรรมกำรเรยี น แหลง่ เรียนรู้/ - มอบหมำยภำระงำนและ - ผู้เรียนนำควำมรไู้ ป - สงั เกตพฤติกรรมและให้ ฐานการเรียนรู้ ช้นิ งำนเหมำะสมกบั ประยกุ ต์ใช้กับภำระงำนได้ ควำมช่วยเหลือเมื่อนักเรยี น ควำมสำมำรถผ้เู รียนและ - รบั ฟังควำมคิดเห็น และ มปี ัญหำ สอดคล้องกบั เป้ำหมำยกำร วเิ ครำะห์ วจิ ำรณ์อยำ่ งมีเหตผุ ล - ฝกึ กำรค้นคว้ำหำควำมรู้ เรียนรู้ จำกเพ่ือน และระบบ - ตอ้ งกำรใหน้ ักเรียนได้ปฏิบตั ิ อินเทอรเ์ น็ต - จำนวนใบควำมรู้ ใบงำน กจิ กรรมไดจ้ รงิ ตำมจุดประสงค์ เพื่อแกป้ ญั หำในแบบฝกึ และวสั ดอุ ปุ กรณ์ เหมำะสม กำรเรียนร้ทู ีก่ ำหนดไว้ ปฏบิ ตั ิ และใบงำน กบั กจิ กรรม และปรมิ ำณ - เตรยี มสื่ออปุ กรณ์ให้พร้อม เพยี งพอกับจำนวนนกั เรียน - ตอ้ งกำรให้นักเรยี นใช้วสั ดุ ก่อนกำรจัดกิจกรรม -ตรวจควำมพร้อมของเครื่อง อปุ กรณ์ทม่ี ีควำมพร้อมใน - มลี ำดับขน้ั ตอนกำรใช้สื่อ คอมพวิ เตอร์กอ่ นเรียน และ หอ้ งปฏบิ ัติกำร มำปฏิบัตกิ ำร และจัดเกบ็ อยำ่ งเป็นระบบ ปิดเครือ่ ง ทดลองตำมตวั ช้วี ัด - มคี วำมชำนำญในกำรใช้ -เกบ็ เกำ้ อ้นี งั่ ให้เรยี บร้อยหลัง ส่อื อุปกรณ์ เลกิ เรียน เพอื่ ควำมเรยี บร้อย และประหยัด - เตรยี มหอ้ งปฏบิ ตั ิกำร - หอ้ งปฏบิ ตั กิ ำรคอมพิวเตอร์ คอมพวิ เตอร์ให้พร้อมกอ่ น เหมำะสมกบั กิจกรรมที่ กำรทดลอง กำหนด
3 ห่วง ความพอประมาณ ความมีเหตุผล การสร้างภมู คิ ุ้มกันในตวั ประเดน็ การประเมนิ ผล - จัดทำแบบประเมินผลงำน - ต้องกำรประเมินผลกำรเรยี นรู้ - วำงแผนกำรวดั / และประเมินพฤตกิ รรมได้ เหมำะสมกับเป้ำหมำยกำร ตำมเปำ้ หมำยทก่ี ำหนด ประเมนิ ผลตำมข้นั ตอนของ เรียนรู้ กิจกรรม - แบบประเมนิ ผลมีกำร ตรวจสอบควำมเทย่ี งตรงใน กำรวัดตำมตวั ชี้วดั เงื่อนไขความรทู้ ีค่ รตู ้องมีก่อนสอน 3. หลักปรัชญำของเศรษฐกจิ พอเพียง 1. ควำมหมำยคอมพิวเตอร์และสำรสนเทศ 4. จติ วิทยำในกำรสอน 2. กำรใชค้ อมพวิ เตอร์ เงอื่ นไขคณุ ธรรมของครู 3. มีควำมยตุ ิธรรม 1. มีควำมรกั เมตตำศิษย์ 4. ตรงต่อเวลำ 2. มีควำมรับผิดชอบ 8.2 คุณลกั ษณะอยู่อยำ่ งพอเพียงทเ่ี กดิ กบั ผูเ้ รียน พอประมาณ มเี หตผุ ล มีภูมิคุ้มกนั ในตัวที่ดี 1. นกั เรียนกำหนดหนำ้ ที่ของสมำชิก 1. นกั เรียนนำขอ้ มลู กำรหำ 1. วำงแผนกำรทำงำนกลุม่ อย่ำง ภำยในกลมุ่ ไดเ้ หมำะสมกบั ศักยภำพของ คำตอบมำวเิ ครำะหไ์ ด้อยำ่ ง ละเอียดเปน็ ขั้นตอน แตล่ ะคน เปน็ เหตเุ ปน็ ผลเพอ่ื อธิบำย 2. เตรยี มวัสดุอปุ กรณ์กำรทดลองได้ 2. นกั เรียนใช้วัสดุอุปกรณ์ในกำรทดลอง สรุปเนอื้ หำสำระ ครบถ้วน และตรงตำมกิจกรรมกำร ได้เหมำะสมกบั กจิ กรรมกำรทดของ 2. นักเรยี นสำมำรถนำข้อมูล ทดลอง 3. นักเรยี นสำมำรถหำคำตอบได้ มำตอบคำถำมได้อยำ่ งถกู ต้อง 3. ศกึ ษำวิธกี ำรทำใบงำนอยำ่ ง สอดคล้องกับอปุ กรณท์ ี่มี รอบคอบ เง่อื นไขความรู้ 1. ควำมหมำยของ โปรแกรม ภำษำ JavaScript 2. ควำมสำมำรถของ โปรแกรม ภำษำ JavaScript 3. กำรใช้งำนโปรแกรม ภำษำ JavaScript เง่อื นไขคณุ ธรรม 1. ควำมสำมคั คีในกลุ่ม 2. ควำมรบั ผดิ ชอบ 3. แบ่งปนั และเอ้อื เฟื้อเผ่อื แผ่
ส่งผลต่อความสมดลุ มัน่ คง ย่งั ยืนใน 4 มิติ ดังน้ี ด้าน สมดลุ และพร้อมรบั การเปลย่ี นแปลงในดา้ นต่างๆ องคป์ ระกอบ วตั ถุ สงั คม ส่งิ แวดล้อม วัฒนธรรม - มีควำมร้เู กี่ยวกบั ความรู้ - ควำมรู้ในกำรสบื ค้น - มคี วำมรู้ในกำรจดั แบ่ง - มคี วำมรู้ในกำรดูแล คอมพิวเตอร์ในกำร ประยกุ ต์ใช้ใน ข้อมลู จำกคอมพวิ เตอร์ หนำ้ ทภ่ี ำยในกล่มุ ไดอ้ ย่ำง รักษำควำมสะอำดกำร กิจกรรมในท้องถิน่ อยำ่ งถูกต้อง เหมำะสม จัดกำรขยะอยำ่ ง ใช้เทคโนโลยีใน ชวี ติ ประจำวนั ได้ - มีควำมรใู้ นกำรปฏิบัตติ น ถกู ต้องของ - ตระหนักถึงคุณค่ำ ท่จี ะทำงำนรว่ มกบั ผู้อนื่ ห้องปฏิบัตกิ ำร ของเทคโนโลยี คอมพิวเตอร์ ทักษะ - มที กั ษะในกำรใชว้ ัสดุ - ทำงำนร่วมกันภำยใน - รกั ษำควำมสะอำด อปุ กรณ์อย่ำงปลอดภยั กลมุ่ ตำมทีไ่ ด้รบั มอบหมำย ของห้องปฏบิ ัติกำร และประหยดั จนสำเร็จและมีควำมสุข คอมพวิ เตอร์ในกำร สืบค้นขอ้ มุล ค่านยิ ม - เหน็ ควำมสำคัญของกำร - มคี วำมรับผิดชอบต่อกำร - มีจิตสำนกึ ในกำร ใชว้ สั ดุอปุ กรณใ์ นกำร ทำงำนของกลุ่ม รักษำสภำพแวดล้อม สบื ค้นข้อมูลอย่ำงประหยัด - ยอมรบั ควำมคิดเหน็ ซ่ึง ของห้องปฏบิ ตั ิกำร คมุ้ คำ่ กันและกันมีควำมเสียสละ คอมพิวเตอร๋ให้สะอำด อดทน เป็นระเบยี บ 9. การวัดและประเมินผล รายการประเมิน วธิ ีการ เครือ่ งมือที่ใช้ เกณฑ์การประเมินผ่าน แบบทดสอบก่อนเรียน - กำรทดสอบก่อนเรียน กำรทดสอบ จำนวน 10 ขอ้ แบบประเมนิ พฤตกิ รรม ไดร้ ะดับ 2 ข้นึ ไป กำรประเมนิ ระหว่ำงเรยี น กำรสงั เกต กำรเรยี น ตั้งคำถำมให้ครอบคลุม ตอบคำถำมทุกข้อ กำรซักถำม จดุ ประสงค์ ได้ระดบั 2 ข้ึนไป แบบฝกึ หัดและ กำรทำแบบฝึกปฏบิ ตั ิ ใบงำนหนว่ ยท่ี 9 ตอบถูก 8 ข้อขน้ึ ไป แบบทดสอบหลงั เรียน กำรประเมินหลังเรียน กำรทดสอบ จำนวน 10 ข้อ
10. บันทกึ หลงั สอน 10.1 ผลกำรใช้แผนกำรจัดกำรเรียนรู้ 10.1.1 เนอื้ หำสอดคลอ้ งกบั จุดประสงคเ์ ชิงพฤติกรรม 10.1.2 สำมำรถนำไปใชป้ ฏบิ ัติกำรสอนได้ครบตำมกระบวนกำรเรยี นกำรสอน 10.1.3 เวลำที่กำหนดไว้ในแผนกำรสอนมีควำมเหมำะสม 10.2 ผลกำรเรียนรขู้ องนกั เรียน นักศึกษำ 10.2.1 นักศกึ ษำสว่ นใหญม่ ีควำมสนใจใฝร่ ู้ เขำ้ ใจในบทเรยี น อภิปรำยตอบคำถำมในกลุ่ม และ ร่วมกนั ปฏิบตั ิใบงำนที่ไดร้ บั มอบหมำย 10.2.2 นักศึกษำกระตือรือร้นและรับผิดชอบในกำรทำงำนกลมุ่ เพื่อให้งำนสำเรจ็ ทนั เวลำท่ี กำหนด 10.2.3 นกั ศกึ ษำเลอื กสำมำรถนำควำมรู้ไปใชไ้ ด้จริงในชวี ิตประจำวนั 10.3 แนวทำงกำรพัฒนำคุณภำพกำรเรียนรู้ นกั เรยี นสำมำรถนำควำมร้ทู ี่ไดจ้ ำกกำรเรยี นรูใ้ นหนว่ ยน้ีไปประยกุ ตใ์ ชใ้ นชวี ติ ประจำวนั และ เชือ่ มโยงกบั วิชำชพี ได้อย่ำงเหมำะสม
Search
