20903-1003 จาวาสคริปต์เบื้องต้น

ส่งผลต่อความสมดลุ มัน่ คง ย่งั ยืนใน 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 แนวทำงกำรพัฒนำคุณภำพกำรเรียนรู้ นกั เรยี นสำมำรถนำควำมร้ทู ี่ไดจ้ ำกกำรเรยี นรูใ้ นหนว่ ยน้ีไปประยกุ ตใ์ ชใ้ นชวี ติ ประจำวนั และ เชือ่ มโยงกบั วิชำชพี ได้อย่ำงเหมำะสม

แผนการจดั การเรยี นรู้มุ่งเนน้ สมรรถนะ หน่วยท่ี 10 ช่ือหน่วย คำสงั่ ทใี่ ช้กำหนดเงื่อนไข สอนครงั้ ท่ี 10 ช่ัวโมงรวม 3 ช่อื เรื่อง คำส่งั ที่ใชก้ ำหนดเง่ือนไข จำนวนช่ัวโมง 3 1. สาระสาคัญ condition คือเง่ือนไขท่ีต้องกำร statement กค็ อื คำสั่งในโปรแกรม อำจประกอบด้วยหลำยคำสงั่ ถำ้ หำกมีคำสั่งมำกกว่ำหนึ่งให้ใส่วงเล็บปีกกำ{} ครอบคำสั่งท้ังหมดไว้ แต่ถ้ำมีเพียงคำส่ังเดียวไม่ต้องใส่วงเล็บปีก กำก็ได้ ถ้ำหำกไม่มีคำส่ังใด ๆ ให้ใส่วงเล็บเปลำ่ หรือใส่เครื่องหมำย ; ไว้ก็ได้ เน่ืองจำกกำรเขียนโปรแกรมสว่ น ใหญ่จะอำศยั เงอ่ื นไข หรอื ขอ้ กำหนดบำงอยำ่ งในกำรทำงำน ดงั น้นั สง่ิ ทเี่ รำจำเป็นต้องรู้ก็คือกำรกำหนดเง่ือนไข อย่ำงไร จึงจะควบคุมกำรทำงำนให้ได้ผลลัพธ์ภำยในขอบเขตที่เรำต้องกำร ซึ่งในภำษำ Javascript นั้นใช้ if , if...else statement , if...else if....else ,switch statement สำหรับกำรกำหนดเง่ือนไขต่ำงๆเพื่อควบคุม กำรทำงำนของโปรแกรม 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 เงอ่ื นไขทีใ่ ช้ if 4.2 เงือ่ นไขท่ใี ช้ if...else

4.3 เงือ่ นไขที่ใช้ if...else if...else 5. กิจกรรมการเรยี นการสอน ครูแจง้ จดุ ประสงคก์ ำรเรยี นรู้ กำรวัดผลประเมนิ ผล ข้อตกลงขณะเรียน และให้นักเรียนทำ แบบทดสอบก่อนเรยี น 5.1 ข้ันนาเขา้ สบู่ ทเรยี น 5.1.1 ผู้สอนจดั เตรยี มเอกสำร พร้อมกบั แนะนำรำยวิชำ วธิ กี ำรใหค้ ะแนนและวธิ กี ำรเรียนเรื่อง คำสงั่ ท่ีใชก้ ำหนดเง่อื นไข 5.1.2 ผสู้ อนแจ้งจุดประสงค์กำรเรยี นของหน่วยท่ี 10 และขอให้ผู้เรียนรว่ มกนั ทำกิจกรรมกำร เรียนกำรสอน 5.1.3 ผู้สอนใหผ้ ู้เรยี นแสดงควำมรู้ โดยตงั้ คำถำมวำ่ คำสัง่ ท่ใี ชก้ ำหนดเงื่อนไข นักเรยี นรจู้ ักภำษำ ทีใ่ ชเ้ ขยี นโปรแกรมภำษำอะไรบำ้ งพร้อมใหเ้ หตผุ ลประกอบ 5.2 ขน้ั สอน 5.2.1 ผสู้ อนทดสอบควำมรู้ควำมเขำ้ ใจเก่ียวกบั ควำมรเู้ บื้องตน้ เกี่ยวกบั คำสงั่ ทใ่ี ช้กำหนดเงอ่ื นไข โดยให้ผู้เรยี นทำแบบทดสอบกอ่ นเรียน 5.2.2 ผสู้ อนอธิบำยเนื้อหำเก่ียวกบั บทเรียนวิชำจำวำสคริปต์เบอื้ งต้น หน่วยที่ 10 เร่ืองคำสั่งทใ่ี ช้ กำหนดเง่ือนไข และให้ผเู้ รียนศึกษำเอกสำรประกอบกำรสอน หนว่ ยที่ 10 5.2.3 ผสู้ อนและผเู้ รยี นร่วมกันอธบิ ำยพร้อมยกตวั อยำ่ งถึงแนวคิดในกำรพัฒนำโปรแกรมตำมที่ ไดศ้ ึกษำจำกเวบ็ ไซต์ https://www.w3schools.com/js/default.asp 5.3 ขัน้ ประกอบกิจกรรมการเรยี น 5.3.1 ผสู้ อนใหผ้ เู้ รยี นทำแบบฝกึ หดั ท้ำยหนว่ ยที่ 10 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/js/default.asp ท่จี ดั ทำขนึ้

5.6 ขั้นทดสอบหลงั เรียน นกั เรยี นทำใบงำนที่ 10 และแบบทดสอบหลังเรียน 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 ขน้ึ ไป แบบฝกึ หดั และใบงำน กำรทำแบบฝึกปฏิบัติ หน่วยที่ 10 ตอบถูก 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 แนวทำงกำรพัฒนำคุณภำพกำรเรียนรู้ นกั เรยี นสำมำรถนำควำมร้ทู ี่ไดจ้ ำกกำรเรยี นรูใ้ นหนว่ ยน้ีไปประยกุ ตใ์ ชใ้ นชวี ติ ประจำวนั และ เชือ่ มโยงกบั วิชำชพี ได้อย่ำงเหมำะสม

แผนการจดั การเรียนรู้มุ่งเนน้ สมรรถนะ หน่วยที่ 11 ชอ่ื หน่วย คำ้ สงั่ ท้ำซ้ำตำมเง่ือนไขท่ีกำ้ หนด สอนคร้ังที่ 11 ชว่ั โมงรวม 3 ช่ือเร่อื ง คำ้ สัง่ ท้ำซำ้ ตำมเงื่อนไขท่ีกำ้ หนด จำนวนช่วั โมง 3 1. สาระสาคญั condition คอื เงอื่ นไขท่ตี อ้ งกำร statement กค็ ือคำสง่ั ในโปรแกรม อำจประกอบด้วยหลำยคำส่งั ถำ้ หำกมีคำสั่งมำกกว่ำหนึ่งให้ใส่วงเล็บปีกกำ{} ครอบคำส่ังทั้งหมดไว้ แต่ถ้ำมีเพียงคำสั่งเดียวไม่ต้องใส่วงเล็บปีก กำก็ได้ ถ้ำหำกไม่มีคำสั่งใด ๆ ให้ใส่วงเล็บเปล่ำ หรือใส่เครื่องหมำย ; ไว้ก็ได้ เน่ืองจำกกำรเขียนโปรแกรมสว่ น ใหญ่จะอำศยั เงือ่ นไข หรือขอ้ กำหนดบำงอย่ำงในกำรทำงำน ดงั นน้ั สงิ่ ท่ีเรำจำเป็นต้องรูก้ ็คือกำรกำหนดเงื่อนไข อย่ำงไร จึงจะควบคุมกำรทำงำนให้ได้ผลลพั ธ์ภำยในขอบเขตที่เรำต้องกำร ซ่ึงในภำษำ Javascript น้ันใช้ if , if...else statement , if...else if....else ,switch statement สำหรับกำรกำหนดเงื่อนไขต่ำงๆเพ่ือควบคุม กำรทำงำนของโปรแกรม 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 เง่ือนไขทใี่ ช้ if

4.2 เงอ่ื นไขที่ใช้ if...else 4.3 เงือ่ นไขทใี่ ช้ if...else if...else 5. กจิ กรรมการเรยี นการสอน ครูแจ้งจดุ ประสงค์กำรเรียนรู้ กำรวัดผลประเมนิ ผล ขอ้ ตกลงขณะเรียน และใหน้ ักเรยี นทำ แบบทดสอบก่อนเรยี น 5.1 ขนั้ นาเข้าสู่บทเรยี น 5.1.1 ผู้สอนจดั เตรยี มเอกสำร พรอ้ มกับแนะนำรำยวิชำ วธิ กี ำรให้คะแนนและวธิ ีกำรเรียนเร่ือง คำสั่งทำซ้ำตำมเง่ือนไขท่ีกำหนด 5.1.2 ผสู้ อนแจ้งจุดประสงค์กำรเรียนของหน่วยท่ี 11 และขอให้ผเู้ รยี นร่วมกนั ทำกิจกรรมกำร เรียนกำรสอน 5.1.3 ผู้สอนใหผ้ ้เู รยี นแสดงควำมรู้ โดยตงั้ คำถำมว่ำ คำส่ังทำซำ้ ตำมเง่ือนไขท่กี ำหนด นกั เรียน รู้จกั ภำษำทใี่ ช้เขยี นโปรแกรมภำษำอะไรบำ้ งพร้อมใหเ้ หตผุ ลประกอบ 5.2 ข้นั สอน 5.2.1 ผู้สอนทดสอบควำมร้คู วำมเขำ้ ใจเก่ียวกับควำมรู้เบ้ืองตน้ เก่ียวกบั คำส่งั ทำซำ้ ตำมเงื่อนไขที่ กำหนด โดยใหผ้ ู้เรยี นทำแบบทดสอบก่อนเรยี น 5.2.2 ผสู้ อนอธิบำยเน้อื หำเกี่ยวกบั บทเรียนวชิ ำจำวำสครปิ ตเ์ บอ้ื งตน้ หน่วยที่ 11 เร่ืองค้ำส่งั ทำ้ ซำ้ ตำมเงือ่ นไขทีก่ ำ้ หนด และใหผ้ ูเ้ รยี นศึกษำเอกสำรประกอบกำรสอน หน่วยที่ 11 5.2.3 ผู้สอนและผู้เรียนร่วมกันอธิบำยพร้อมยกตวั อย่ำงถงึ แนวคิดในกำรพฒั นำโปรแกรมตำมท่ี ไดศ้ ึกษำจำกเว็บไซต์ https://www.w3schools.com/js/default.asp 5.3 ข้นั ประกอบกิจกรรมการเรยี น 5.3.1 ผู้สอนให้ผู้เรยี นทำแบบฝึกหดั ท้ำยหน่วยที่ 11 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/js/default.asp ทีจ่ ัดทำข้ึน

5.6 ขั้นทดสอบหลงั เรียน นกั เรยี นทำใบงำนท่ี 11 และแบบทดสอบหลงั เรยี น 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 ขน้ึ ไป แบบฝกึ หดั และใบงำน กำรทำแบบฝึกปฏิบัติ หน่วยที่ 11 ตอบถูก 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 แนวทำงกำรพัฒนำคุณภำพกำรเรียนรู้ นกั เรยี นสำมำรถนำควำมร้ทู ี่ไดจ้ ำกกำรเรยี นรูใ้ นหนว่ ยน้ีไปประยกุ ตใ์ ชใ้ นชวี ติ ประจำวนั และ เชือ่ มโยงกบั วิชำชพี ได้อย่ำงเหมำะสม

แผนการจัดการเรยี นรูม้ ุ่งเนน้ สมรรถนะ หน่วยท่ี 12 ชื่อหน่วย ค้ำสัง่ ส้ำหรับกำรท้ำซำ้ ของโปรแกรม สอนครง้ั ท่ี 12 ชัว่ โมงรวม 3 ชือ่ เร่ือง คำ้ สงั่ ส้ำหรับกำรทำ้ ซำ้ ของโปรแกรม จำนวนชั่วโมง 3 1. สาระสาคัญ condition คือเงือ่ นไขที่ตอ้ งกำร statement ก็คอื คำสัง่ ในโปรแกรม อำจประกอบด้วยหลำยคำสั่ง ถ้ำ หำกมีคำสั่งมำกกว่ำหนึ่งให้ใส่วงเล็บปีกกำ{} ครอบคำสั่งท้ังหมดไว้ แต่ถ้ำมีเพียงคำส่ังเดียวไม่ต้องใส่วงเล็บปีก กำก็ได้ ถ้ำหำกไม่มีคำสั่งใด ๆ ให้ใส่วงเล็บเปล่ำ หรือใส่เครื่องหมำย ; ไว้ก็ได้ เน่ืองจำกกำรเขียนโปรแกรมสว่ น ใหญจ่ ะอำศัยเงอ่ื นไข หรือข้อกำหนดบำงอยำ่ งในกำรทำงำน ดังนั้นส่ิงท่ีเรำจำเป็นต้องรู้ก็คือกำรกำหนดเง่ือนไข อย่ำงไร จึงจะควบคุมกำรทำงำนให้ได้ผลลัพธ์ภำยในขอบเขตที่เรำต้องกำร ซ่ึงในภำษำ Javascript น้ันใช้ if , if...else statement , if...else if....else ,switch statement สำหรับกำรกำหนดเงื่อนไขต่ำงๆเพื่อควบคุม กำรทำงำนของโปรแกรม 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 เงอื่ นไขทใี่ ช้ if 4.2 เงอื่ นไขทใ่ี ช้ if...else

4.3 เงอื่ นไขท่ีใช้ if...else if...else 5. กิจกรรมการเรยี นการสอน ครูแจ้งจุดประสงค์กำรเรียนรู้ กำรวดั ผลประเมินผล ข้อตกลงขณะเรียน และใหน้ ักเรียนทำ แบบทดสอบก่อนเรียน 5.1 ข้นั นาเข้าสบู่ ทเรียน 5.1.1 ผู้สอนจัดเตรยี มเอกสำร พรอ้ มกับแนะนำรำยวิชำ วิธีกำรใหค้ ะแนนและวิธกี ำรเรยี นเรือ่ ง คำสงั่ สำหรับกำรทำซำ้ ของโปรแกรม 5.1.2 ผสู้ อนแจ้งจุดประสงคก์ ำรเรียนของหน่วยท่ี 12 และขอให้ผู้เรียนร่วมกนั ทำกิจกรรมกำร เรยี นกำรสอน 5.1.3 ผู้สอนให้ผู้เรยี นแสดงควำมรู้ โดยตัง้ คำถำมวำ่ คำส่ังสำหรับกำรทำซ้ำของโปรแกรม นกั เรยี นรู้จักภำษำทีใ่ ช้เขียนโปรแกรมภำษำอะไรบำ้ งพร้อมให้เหตผุ ลประกอบ 5.2 ข้ันสอน 5.2.1 ผสู้ อนทดสอบควำมร้คู วำมเข้ำใจเกยี่ วกบั ควำมรู้เบ้ืองตน้ เกยี่ วกับคำสงั่ สำหรับกำรทำซำ้ ของโปรแกรม โดยใหผ้ ้เู รียนทำแบบทดสอบก่อนเรยี น 5.2.2 ผู้สอนอธิบำยเน้ือหำเกี่ยวกบั บทเรยี นวชิ ำจำวำสคริปต์เบอ้ื งต้น หนว่ ยที่ 12 เรื่องค้ำสัง่ สำ้ หรบั กำรท้ำซ้ำของโปรแกรม และใหผ้ เู้ รยี นศึกษำเอกสำรประกอบกำรสอน หน่วยที่ 12 5.2.3 ผสู้ อนและผู้เรียนรว่ มกันอธิบำยพร้อมยกตวั อยำ่ งถงึ แนวคิดในกำรพฒั นำโปรแกรมตำมที่ ได้ศึกษำจำกเว็บไซต์ https://www.w3schools.com/js/default.asp 5.3 ข้นั ประกอบกจิ กรรมการเรยี น 5.3.1 ผู้สอนใหผ้ ูเ้ รียนทำแบบฝกึ หดั ทำ้ ยหนว่ ยที่ 12 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/js/default.asp ท่จี ดั ทำข้ึน

5.6 ขั้นทดสอบหลงั เรียน นกั เรยี นทำใบงำนท่ี 12 และแบบทดสอบหลงั เรียน 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 ขน้ึ ไป แบบฝกึ หดั และใบงำน กำรทำแบบฝึกปฏิบัติ หน่วยที่ 12 ตอบถูก 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 แนวทำงกำรพัฒนำคุณภำพกำรเรียนรู้ นกั เรยี นสำมำรถนำควำมร้ทู ี่ไดจ้ ำกกำรเรยี นรูใ้ นหนว่ ยน้ีไปประยกุ ตใ์ ชใ้ นชวี ติ ประจำวนั และ เชือ่ มโยงกบั วิชำชพี ได้อย่ำงเหมำะสม

แผนการจัดการเรยี นรมู้ ุ่งเน้นสมรรถนะ หนว่ ยท่ี 13 ชอ่ื หน่วย การตรวจสอบเงื่อนไขท้าย Loop สอนคร้ังที่ 13 ชวั่ โมงรวม 3 ชื่อเร่ือง การตรวจสอบเงือ่ นไขท้าย Loop จำนวนชัว่ โมง 3 1. สาระสาคญั For Loop หรือ กำรวนลูปแบบ for ในภำษำ Javascript เป็นกำรทำงำนแบบซำๆ ตำมเงื่อนไขท่ี กำหนด โดยลปู แบบ for จะตอ้ งมตี ัวแปรท่ีทำหน้ำทีเปน็ ตัวนับสำหรบั กำหนดค่ำเริม่ ต้นและค่ำสุดท้ำยของกำร ทำซำ ดังนั้นกำรใชล้ ูปแบบ for จงึ เหมำะกบั กำรวนลปู ทมี่ จี ำนวนแน่นอน มีรปู แบบคำสัง่ ดงั น้ี for (ตวั แปร=ค่ำ เร่ิมต้น;เงื่อนไข;กำรเปลี่ยนค่ำตัวแปร) {// เมื่อเง่ือนไขเป็นจริงจะทำตำมคำส่ังน้ี;} เรำจะกำหนด ค่ำเร่ิมต้น ให้กับ Loop ก่อน แล้วทำกำร ตรวจสอบ ค่ำ และ เพ่ิม หรือลดค่ำ แล้วโปรแกรมจะทำกำรตรวจสอบ หำกผล กำรตรวจสอบ เป็นจริง ก็ยังกระทำใน Loop หำกเป็นเท็จ ก็จะกระโดด ออกจำก Loop นอกจำกนี้ไม่ จำเปน็ ต้องเพิ่มหรือลดทีล่ะ 1 อำจเปน็ คำ่ ทีม่ ำกกวำ่ หนงึ่ ก้ได้ 2. สมรรถนะประจาหน่วย ตรวจสอบเงอื่ นไขทำ้ ย Loop 3. จดุ ประสงค์การเรียนรู้ 3.1 ด้ำนควำมรู้ เขียนกำรตรวจสอบเง่ือนไขท้ำย Loopได้ 3.2 ดำ้ นทกั ษะ นกั เรียนมีควำมรู้ทกั ษะพ้นื ฐำนเกย่ี วกบั การตรวจสอบเงือ่ นไขท้าย Loopและมที ัศนคติที่ดี 3.3 คณุ ลักษณะท่ีพึงประสงค์ (อำ้ งอิง จำกคำ่ นิยมหลักของคนไทย 12 ประกำร) 3.3.1 เขำ้ เรียนตรงเวลำ 3.3.2 แตง่ กำยตำมระเบยี บกำรปฏิบตั ิงำน 3.3.3 ผลงำนประณตี เรยี บร้อย 3.3.4 ปดิ เคร่ืองคอมพวิ เตอรเ์ มอ่ื เลกิ ใช้งำน 3.3.5 มนี ้ำใจช่วยเหลือผอู้ นื่ และกำรปฏบิ ัตงิ ำนร่วมกบั ผู้อ่นื 4. เนือ้ หาสาระการเรยี นรู้ 4.1 กำรวนลปู แบบ for 4.2 กำรใช้ลูปแบบ for ซอ้ นกัน

5. กิจกรรมการเรยี นการสอน ครแู จ้งจดุ ประสงค์กำรเรียนรู้ กำรวัดผลประเมินผล ข้อตกลงขณะเรยี น และให้นักเรยี นทำ แบบทดสอบก่อนเรียน 5.1 ขน้ั นาเขา้ สบู่ ทเรยี น 5.1.1 ผู้สอนจัดเตรยี มเอกสำร พรอ้ มกับแนะนำรำยวชิ ำ วธิ ีกำรใหค้ ะแนนและวธิ กี ำรเรียนเรอ่ื ง กำรตรวจสอบเง่ือนไขท้ำย Loop 5.1.2 ผู้สอนแจ้งจดุ ประสงค์กำรเรียนของหน่วยท่ี 13 และขอใหผ้ เู้ รยี นร่วมกนั ทำกจิ กรรมกำร เรียนกำรสอน 5.1.3 ผสู้ อนให้ผ้เู รียนแสดงควำมรู้ โดยตง้ั คำถำมวำ่ กำรตรวจสอบเง่ือนไขทำ้ ย Loop นักเรยี น รจู้ กั ภำษำที่ใช้เขยี นโปรแกรมภำษำอะไรบำ้ งพร้อมให้เหตผุ ลประกอบ 5.2 ขั้นสอน 5.2.1 ผู้สอนทดสอบควำมรู้ควำมเขำ้ ใจเกยี่ วกับควำมรู้เบื้องตน้ เกีย่ วกับกำรตรวจสอบเงื่อนไข ท้ำย Loop โดยให้ผเู้ รียนทำแบบทดสอบก่อนเรียน 5.2.2 ผสู้ อนอธิบำยเนื้อหำเก่ียวกบั บทเรียนวิชำจำวำสคริปตเ์ บอ้ื งต้น หน่วยท่ี 13 เรื่องการ ตรวจสอบเงอ่ื นไขท้าย Loop และใหผ้ ู้เรยี นศึกษำเอกสำรประกอบกำรสอน หนว่ ยที่ 13 5.2.3 ผสู้ อนและผเู้ รยี นรว่ มกันอธิบำยพร้อมยกตัวอย่ำงถึงแนวคดิ ในกำรพฒั นำโปรแกรมตำมท่ี ได้ศึกษำจำกเวบ็ ไซต์ https://www.w3schools.com/js/default.asp 5.3 ขน้ั ประกอบกจิ กรรมการเรียน 5.3.1 ผสู้ อนให้ผูเ้ รียนทำแบบฝกึ หดั ท้ำยหน่วยท่ี 13 5.3.2 ผสู้ อนใหผ้ เู้ รยี นแบ่งกลุ่ม ๆ ละเท่ำ ๆ กนั ทำกำรศึกษำเรอื่ ง กำรตรวจสอบเงอ่ื นไขทำ้ ย Loop 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/js/default.asp ทีจ่ ัดทำขึ้น 5.6 ขั้นทดสอบหลังเรียน นกั เรยี นทำใบงำนที่ 13 และแบบทดสอบหลังเรยี น

6. สื่อการเรียนร/ู้ แหลง่ การเรียนรู้ 6.1 สือ่ ส่ิงพมิ พ์ 6.1.1 เอกสำรประกอบกำรสอนวชิ ำจำวำสครปิ ต์เบ้อื งต้น 6.1.2 แบบทดสอบก่อนเรียน เร่อื ง กำรตรวจสอบเง่ือนไขท้ำย Loop 6.1.3 แบบทดสอบหลงั เรยี น เรื่อง กำรตรวจสอบเง่อื นไขท้ำย Loop 6.2 สอ่ื โสตทศั น์ 6.2.1 Powerpoint เรอ่ื ง กำรตรวจสอบเง่ือนไขท้ำย Loop 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 ขน้ึ ไป แบบฝกึ หดั และใบงำน กำรทำแบบฝึกปฏิบัติ หน่วยที่ 13 ตอบถูก 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 แนวทำงกำรพัฒนำคุณภำพกำรเรียนรู้ นกั เรยี นสำมำรถนำควำมร้ทู ี่ไดจ้ ำกกำรเรยี นรูใ้ นหนว่ ยน้ีไปประยกุ ตใ์ ชใ้ นชวี ติ ประจำวนั และ เชือ่ มโยงกบั วิชำชพี ได้อย่ำงเหมำะสม

แผนการจัดการเรยี นร้มู งุ่ เนน้ สมรรถนะ หนว่ ยท่ี 14 ช่ือหน่วย การทาใหโ้ ปรแกรมหยุดการทางานและไปต่อ สอนครั้งท่ี 14 ชว่ั โมงรวม 3 ชื่อเรอ่ื ง การทาให้โปรแกรมหยุดการทางานและไปต่อ จำนวนชวั่ โมง 3 1. สาระสาคญั JavaScript Break and Continue ทำให้โปรแกรมหยุดกำรทำงำนและไปต่อ break เป็นกำรให้ \"ออกจำกลูป\" โดยหยุดกำรตรวจสอบเง่ือนไขถัดไป continue เป็นกำรสั่งให้ \"วนลูปถัดไป\" โดยไม่ทำคำส่ังท่ี เหลือในลปู นัน้ 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 กำรวนลปู แบบ for 4.2 กำรใชล้ ูปแบบ for ซอ้ นกัน

5. กจิ กรรมการเรียนการสอน ครูแจ้งจดุ ประสงค์กำรเรยี นรู้ กำรวัดผลประเมนิ ผล ข้อตกลงขณะเรยี น และใหน้ ักเรียนทำ แบบทดสอบกอ่ นเรียน 5.1 ขน้ั นาเข้าสูบ่ ทเรยี น 5.1.1 ผสู้ อนจัดเตรยี มเอกสำร พรอ้ มกบั แนะนำรำยวชิ ำ วธิ กี ำรให้คะแนนและวธิ กี ำรเรียนเรอื่ ง กำรทำใหโ้ ปรแกรมหยดุ กำรทำงำนและไปต่อ 5.1.2 ผูส้ อนแจ้งจดุ ประสงค์กำรเรียนของหน่วยท่ี 14 และขอให้ผู้เรยี นร่วมกันทำกจิ กรรมกำร เรียนกำรสอน 5.1.3 ผู้สอนให้ผู้เรยี นแสดงควำมรู้ โดยตัง้ คำถำมวำ่ กำรทำให้โปรแกรมหยุดกำรทำงำนและไป ตอ่ นักเรยี นรู้จักภำษำทใ่ี ช้เขียนโปรแกรมภำษำอะไรบ้ำงพร้อมใหเ้ หตุผลประกอบ 5.2 ขนั้ สอน 5.2.1 ผูส้ อนทดสอบควำมร้คู วำมเข้ำใจเก่ียวกับควำมรเู้ บ้ืองต้นเกีย่ วกบั กำรทำใหโ้ ปรแกรมหยุด กำรทำงำนและไปตอ่ โดยให้ผเู้ รยี นทำแบบทดสอบก่อนเรียน 5.2.2 ผ้สู อนอธิบำยเน้ือหำเกี่ยวกับบทเรยี นวชิ ำจำวำสคริปต์เบอื้ งตน้ หน่วยท่ี 14 เร่ืองการทาให้ โปรแกรมหยุดการทางานและไปตอ่ และใหผ้ ้เู รยี นศึกษำเอกสำรประกอบกำรสอน หน่วยที่ 14 5.2.3 ผสู้ อนและผ้เู รียนร่วมกันอธบิ ำยพร้อมยกตัวอย่ำงถงึ แนวคดิ ในกำรพฒั นำโปรแกรมตำมท่ี ไดศ้ ึกษำจำกเวบ็ ไซต์ https://www.w3schools.com/js/default.asp 5.3 ขั้นประกอบกจิ กรรมการเรยี น 5.3.1 ผ้สู อนใหผ้ ู้เรยี นทำแบบฝึกหัดทำ้ ยหนว่ ยที่ 14 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/js/default.asp ทีจ่ ดั ทำข้ึน 5.6 ขน้ั ทดสอบหลงั เรียน นักเรียนทำใบงำนท่ี 14 และแบบทดสอบหลงั เรียน

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 ขน้ึ ไป แบบฝกึ หดั และใบงำน กำรทำแบบฝึกปฏิบัติ หน่วยที่ 14 ตอบถูก 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 แนวทำงกำรพัฒนำคุณภำพกำรเรียนรู้ นกั เรยี นสำมำรถนำควำมร้ทู ี่ไดจ้ ำกกำรเรยี นรูใ้ นหนว่ ยน้ีไปประยกุ ตใ์ ชใ้ นชวี ติ ประจำวนั และ เชือ่ มโยงกบั วิชำชพี ได้อย่ำงเหมำะสม

แผนการจัดการเรยี นรูม้ งุ่ เนน้ สมรรถนะ หน่วยที่ 15 ชอื่ หน่วย JavaScript Errors สอนครั้งท่ี 15 ชัว่ โมงรวม 3 ชือ่ เรือ่ ง JavaScript Errors จำนวนชว่ั โมง 3 1. สาระสาคัญ JavaScript สำมำรถเขียนคำสั่งเพื่อตรวจสอบกำรป้อนข้อมูลในฟอร์มก่อนท่ีจะส่งข้อมูลนั้นไป ประมวลผลท่ีเซิร์ฟเวอร์ เช่น กำรตรวจสอบฟิลด์ที่ต้องป้อนข้อมูล ,ตรวจสอบกำร ป้อนข้อมูลอีเมลล์, ตรวจสอบกำรป้อนข้อมูลวนั ท่ี , ตรวจสอบกำรป้อนขอ้ มลู ตวั เลข เปน็ ต้น Form Validation คือ กำรตรวจสอบ ข้อมูลของฟอร์ม เป็นขั้นตอนที่ช่วยในกำรตรวจสอบให้ข้อมูลที่รับจำกฟอร์ม HTML มีควำมถูกต้อง ตรง ตำมท่ีต้องกำรให้มำกที่สุด ซ่ึงนิยมนำไปใช้มำกที่สุดคือกำรตรวจสอบ (Validation) form ของผู้ใช้ในหน้ำเว็บ ซ่ึงเป็นเว็บไซต์แบบที่มีกำรกรอกข้อมูล information จำกผู้ใช้จำนวนมำกในรูปแบบของ form online และ JavaScript สำมำรถช่วยตรวจสอบข้อผิดพลำดในส่วนต่ำงๆได้ ซึ่งกำรตรวจสอบจะเป็นในลักษณะ Client- Side หรอื กำรทำงำนจะเกิดขึ้นท่ีเคร่ืองทเี่ ปิดใช้งำนเว็บเบรำเซอร์ เมื่อเรำใช้เว็บเบรำเซอร์เปิดไปเว็บเพจท่ีมี กำรกรอกข้อมูลใดๆ เช่น เว็บเพจสำหรับสมัครสมำชิก ผู้พัฒนำเว็บเพจน้ันได้เขียนโค้ด JavaScript เพื่อ ตรวจสอบกำรกรอกข้อมลู ไวใ้ นเวบ็ เพจนั้นแล้ว เช่น ตรวจสอบรูปแบบกำรกรอกข้อมูล E-mail เป็นตน้ โคด้ JavaScript เหล่ำนั้น จะถูกส่งมำให้เว็บเบรำเซอร์ไปเปิดใช้งำน เพื่อให้เว็บเบรำเซอร์ทำหน้ำท่ีประมวลผล คำส่งั และตรวจสอบขอ้ มูลให้ เปน็ กำรตรวจสอบท่เี คร่อื งคอมพิวเตอรท์ ่ตี ดิ ตอ่ ไปขอใชบ้ รกิ ำร 2. สมรรถนะประจาหน่วย แสดงควำมรู้ JavaScript Errors 3. จดุ ประสงคก์ ารเรยี นรู้ 3.1 ด้ำนควำมรู้ เขียนโปรแกรม JavaScript Errors ได้ 3.2 ด้ำนทักษะ นกั เรียนมีควำมรู้ทักษะพ้ืนฐำนเกีย่ วกับJavaScript Errorsและมีทัศนคติทีด่ ี 3.3 คณุ ลักษณะท่ีพึงประสงค์ (อ้ำงองิ จำกคำ่ นิยมหลักของคนไทย 12 ประกำร) 3.3.1 เข้ำเรียนตรงเวลำ 3.3.2 แต่งกำยตำมระเบียบกำรปฏิบตั ิงำน 3.3.3 ผลงำนประณีตเรียบร้อย 3.3.4 ปดิ เครอื่ งคอมพิวเตอร์เมื่อเลิกใช้งำน

3.3.5 มนี ำ้ ใจช่วยเหลือผ้อู ่นื และกำรปฏิบตั งิ ำนร่วมกบั ผอู้ ่ืน 4. เนอ้ื หาสาระการเรยี นรู้ 4.1 Required Fields (กำรเชค็ ขอ้ มลู ทวั่ ไป) 4.2 E-mail Validation (กำรตรวจเชค็ อเี มล) 5. กิจกรรมการเรียนการสอน ครูแจง้ จุดประสงคก์ ำรเรียนรู้ กำรวดั ผลประเมนิ ผล ข้อตกลงขณะเรียน และให้นักเรียนทำ แบบทดสอบก่อนเรยี น 5.1 ขน้ั นาเขา้ สู่บทเรียน 5.1.1 ผู้สอนจดั เตรียมเอกสำร พรอ้ มกบั แนะนำรำยวชิ ำ วิธกี ำรใหค้ ะแนนและวิธีกำรเรยี นเรื่อง JavaScript Errors 5.1.2 ผสู้ อนแจ้งจดุ ประสงคก์ ำรเรยี นของหน่วยที่ 15 และขอใหผ้ ู้เรียนรว่ มกันทำกิจกรรมกำร เรยี นกำรสอน 5.1.3 ผสู้ อนให้ผเู้ รยี นแสดงควำมรู้ โดยต้ังคำถำมวำ่ JavaScript Errors นักเรียนรจู้ กั ภำษำท่ใี ช้ เขียนโปรแกรมภำษำอะไรบำ้ งพร้อมใหเ้ หตุผลประกอบ 5.2 ขั้นสอน 5.2.1 ผสู้ อนทดสอบควำมรูค้ วำมเขำ้ ใจเกยี่ วกับควำมรเู้ บ้ืองตน้ เกยี่ วกับJavaScript Errors โดย ใหผ้ ูเ้ รยี นทำแบบทดสอบก่อนเรียน 5.2.2 ผูส้ อนอธิบำยเน้อื หำเก่ียวกับบทเรียนวิชำจำวำสคริปตเ์ บอ้ื งตน้ หนว่ ยที่ 15 เรื่อง JavaScript Errors และให้ผเู้ รยี นศึกษำเอกสำรประกอบกำรสอน หนว่ ยที่ 15 5.2.3 ผู้สอนและผเู้ รยี นรว่ มกันอธิบำยพร้อมยกตัวอย่ำงถึงแนวคิดในกำรพัฒนำโปรแกรมตำมที่ ไดศ้ ึกษำจำกเวบ็ ไซต์ https://www.w3schools.com/js/default.asp 5.3 ขน้ั ประกอบกจิ กรรมการเรียน 5.3.1 ผูส้ อนใหผ้ เู้ รยี นทำแบบฝึกหัดท้ำยหนว่ ยท่ี 15 5.3.2 ผู้สอนให้ผเู้ รยี นแบ่งกลุ่ม ๆ ละเท่ำ ๆ กันทำกำรศกึ ษำเรือ่ ง JavaScript Errors 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/js/default.asp ทีจ่ ดั ทำขึน้ 5.6 ขน้ั ทดสอบหลงั เรียน นักเรียนทำใบงำนท่ี 15 และแบบทดสอบหลงั เรียน 6. ส่ือการเรียนร/ู้ แหลง่ การเรียนรู้ 6.1 สอื่ ส่งิ พิมพ์ 6.1.1 เอกสำรประกอบกำรสอนวชิ ำจำวำสคริปตเ์ บือ้ งต้น 6.1.2 แบบทดสอบกอ่ นเรยี น เรอื่ ง JavaScript Errors 6.1.3 แบบทดสอบหลงั เรยี น เรอ่ื ง JavaScript Errors 6.2 ส่อื โสตทัศน์ 6.2.1 Powerpoint เรื่อง JavaScript Errors 6.2.2 เครื่องฉำยโปรเจคเตอร์ 6.2.3 เครื่องคอมพิวเตอร์แบบพกพำ (Notebook) 6.3 อืน่ ๆ (โปรดระบ)ุ