แผนการจัดการเรยี นรมู้ งุ่ เน้นสมรรถนะ บูรณาการคุณธรรม จรยิ ธรรม และหลักปรชั ญาของเศรษฐกจิ พอเพียง หลักสูตรประกาศนียบตั รวิชาชพี พทุ ธศักราช 2562 จดั ทาโดย นายพรพทิ กั ษ์ ศรีแกว้ วิทยาลยั อาชวี ศกึ ษาสุรนิ ทร์ สานกั งานคณะกรรมการการอาชีวศึกษา กระทรวงศกึ ษาธกิ าร
ก หลกั สตู รรายวชิ า รายวิชาเจควิ รีเบอ้ื งต้น รหัสวิชา 20903 - 2106 ทฤษฎี 1 ปฎบิ ัติ 4 หน่วยกติ 3 จุดประสงค์รายวิชา 1. เข้าใจเกยี่ วกับการเขยี นเจควิ รีเบื้องตน้ 2. สามารถเขยี นเจควิ รเี บ้ืองต้นไดต้ ามหลักการ 3. มกี จิ นิสัยในการทางานดว้ ยความประณตี รอบคอบและปลอดภยั ตระหนกั ถึงคุณภาพของงาน และมีจรยิ ธรรมในงานอาชีพ สมรรถนะรายวิชา 1. แสดงความรู้เกย่ี วกับเจคิวรเี บ้ืองตน้ 2. ใชง้ านเคร่ืองมือชว่ ยการเจคิวรีเบ้ืองตน้ 3. ปฏิบตั ิการเจคิวรีเบ้ืองตน้ ได้ตามหลักการ คาอธิบายรายวชิ า ศกึ ษาและปฏบิ ตั เิ กยี่ วกับเจควิ รเี บื้องตน้ พน้ื ฐานเจคิวรี ไวยากรณ์ (Syntax) คณุ สมบัติ(Attributes) เหตุการณ์ (Events) การใช้งานร่วม HTML การใช้เอฟเฟค (Effects) ใช้งานร่วมกับ Ajax รวมทั้งอื่น ๆ ท่ี เกย่ี วขอ้ ง ตัวอยา่ งการเขยี นเจควิ รีเบื้องต้น และปฏบิ ัตกิ ารเขียนแอพพลเิ คช่ันขนาดเลก็ คาอธบิ ายรายวิชา (ปรับปรุง) ศึกษาและปฏบิ ตั เิ กี่ยวกับเจควิ รเี บอื้ งต้น พ้นื ฐานเจควิ รี ไวยากรณ์ (Syntax) คุณสมบตั ิ(Attributes) เหตุการณ์ (Events) การใช้งานร่วม HTML การใช้เอฟเฟค (Effects) ใช้งานร่วมกับ Ajax รวมทั้งอื่น ๆ ที่ เกีย่ วขอ้ ง ตัวอย่างการเขยี นเจคิวรเี บอื้ งตน้ และปฏิบัตกิ ารเขียนแอพพลเิ คช่นั ขนาดเล็ก ปฏิบตั งิ านเจควิ รีร่วม HTML งานร่วมกับ Ajaxงานเขยี นแอพพลเิ คช่นั ขนาดเล็ก
ข ตารางวเิ คราะหห์ นว่ ยการเรียน วิชาเจควิ รเี บื้องตน้ รหัสวิชา 20903 - 2106 ท-ป-น 1-4-3 จานวนชวั่ โมงสอน 5 ช่วั โมง/สัปดาห์ ระดบั ช้นั ปวช. คาอธิบายรายวิชา ชอ่ื หน่วยการเรียนรู้ ศกึ ษาและปฏบิ ตั เิ กี่ยวกับเจควิ รีเบือ้ งต้น 1. พื้นฐานเจควิ รี พน้ื ฐานเจควิ รี ไวยากรณ์ (Syntax) คณุ สมบตั ิ 2. ไวยากรณ์ (Syntax) (Attributes) เหตกุ ารณ์ (Events) การใช้งานรว่ ม HTML 3. คณุ สมบตั ิ(Attributes) การใช้เอฟเฟค (Effects) ใชง้ านรว่ มกบั Ajax รวมท้ังอนื่ 4. เหตุการณ์ (Events) ๆ ท่เี ก่ียวข้อง ตวั อยา่ งการเขียนเจคิวรีเบ้ืองตน้ และ 5. การใช้งานรว่ ม HTML ปฏิบัตกิ ารเขียนแอพพลเิ คชน่ั ขนาดเล็ก 6. การใชเ้ อฟเฟค (Effects) ปฏิบัติงานเจคิวรีร่วม HTML งานร่วมกับ Ajax 7. การใช้งานร่วมกบั Ajax งานเขยี นแอพพลเิ คชั่นขนาดเลก็ 8. การเขยี นเจคิวรีเบอื้ งตน้ 9. การเขียนแอพพลเิ คชั่นขนาดเลก็
ค ตารางวิเคราะห์หลักสตู รรายวชิ า รายวชิ าเจคิวรีเบือ้ งตน้ รหสั วิชา 20903 - 2106 ความสอดคล้องระหวา่ งเนือ้ หากับคาอธบิ ายรายวชิ า จุดประสงคร์ ายวชิ า และสมรรถนะรายวชิ า หนว่ ย ความสอดคล้องกับหลักสตู รรายวิชา การ ช่อื หน่วยการเรยี นรู้ จดุ ประสงค์ สมรรถนะ เรยี นรู้ คาอธบิ ายรายวชิ า รายวชิ า รายวชิ า ท่ี 123123 1 พืน้ ฐานเจควิ รี เจคิวรเี บอ้ื งต้น พื้นฐานเจควิ รี 2 ไวยากรณ์ (Syntax) ไวยากรณ์ (Syntax) 3 คุณสมบตั ิ(Attributes) คุณสมบตั ิ(Attributes) 4 เหตุการณ์ (Events) เหตุการณ์ (Events) 5 การใช้งานร่วม HTML การใชง้ านรว่ ม HTML 6 การใชเ้ อฟเฟค (Effects) การใชเ้ อฟเฟค (Effects) 7 การใช้งานรว่ มกบั Ajax ใช้งานร่วมกบั Ajax รวมทัง้ อื่น ๆ ทเี่ กยี่ วข้อง 8 การเขยี นเจคิวรีเบื้องต้น ตวั อยา่ งการเขียนเจคิวรเี บ้ืองตน้ 9 การเขียนแอพพลเิ คชนั่ ปฏบิ ตั กิ ารเขยี นแอพพลิเคชน่ั ขนาดเล็ก ขนาดเล็ก
ง แหล่งข้อมลู ในการวิเคราะห์หลกั สตู ร รายวิชาเจควิ รีเบ้อื งต้น รหัสวิชา 20903 - 2106 ท-ป-น 1-4-3 จานวนชวั่ โมงสอน 5 ชั่วโมง/สปั ดาห์ ระดบั ช้ัน ปวช. หนว่ ย ชื่อหนว่ ย จานวน ที่มา ท่ี ชัว่ โมง A B C D E 1 พ้นื ฐานเจควิ รี 5 2 ไวยากรณ์ (Syntax) 5 3 คณุ สมบตั ิ(Attributes) 5 4 เหตุการณ์ (Events) 5 5 การใชง้ านร่วม HTML 5 6 การใชเ้ อฟเฟค (Effects) 5 7 การใช้งานร่วมกบั Ajax 5 8 การเขียนเจคิวรเี บื้องตน้ 5 9 การเขียนแอพพลิเคช่นั ขนาดเลก็ 50 รวม 90 หมายเหตุ A = คาอธบิ ายรายวชิ า B = ตารา/เอกสาร C = ผ้เู ชยี่ วชาญ D = ประสบการณ์ E = สถานประกอบการ/ผ้ชู านาญการ
จ กาหนดการสอน/หนว่ ยการเรียนรู้ หนว่ ยท่ี ชอ่ื หน่วยการเรยี นรู้ จานวนช่วั โมง สัปดาหท์ ่ี 1 พืน้ ฐานเจควิ รี 5 1 2 ไวยากรณ์ (Syntax) 2 3 คณุ สมบัต(ิ Attributes) 5 3 4 เหตุการณ์ (Events) 5 4 5 การใช้งานรว่ ม HTML 5 5 6 การใชเ้ อฟเฟค (Effects) 5 6 7 การใช้งานร่วมกบั Ajax 5 7 8 การเขียนเจคิวรีเบ้ืองตน้ 5 8 9 การเขียนแอพพลิเคชนั่ ขนาดเลก็ 5 9 - 18 50
ฉ หน่วยการเรียนรู้ สมรรถนะประจาหน่วย กจิ กรรมการเรียนรู้ และแนวทางการประเมิน แนวทางการประเมนิ หน่วย รายการสอน สมรรถนะ กิจกรรมการเรียนรู้ ทดสอบความรู้ ท่ี ประจาหนว่ ย ประเ ิมนการปฏิบั ิตงาน ประเ ิมนผลงาน ประเ ิมนพฤติกรม ่ือน ๆ (ระบุ) พฤ ิตกรรม 1 พ้นื ฐานเจคิวรี แสดงความรู้พ้นื ฐานเจควิ บรรยาย,แบบฝกึ หัด, รี มอบหมายงาน,ใบงาน 2 ไวยากรณ์ (Syntax) เขยี นไวยากรณ์(Syntax) บรรยาย,แบบฝกึ หัด, โปรแกรมภาษาเจควิ รี มอบหมายงาน,ใบงาน 3 คุณสมบัติ แสดงความรู้คุณสมบตั ิ บรรยาย,แบบฝึกหดั , (Attributes) (Attributes) โปรแกรม มอบหมายงาน,ใบงาน ภาษาเจควิ รี 4 เหตกุ ารณ์ (Events) เขยี นเหตกุ ารณ์ บรรยาย,แบบฝกึ หัด, (Events) โปรแกรม มอบหมายงาน,ใบงาน ภาษาเจคิวรี 5 การใชง้ านร่วม HTML ใช้งานภาษาเจควิ รี บรรยาย,แบบฝกึ หดั , รว่ มกบั HTML มอบหมายงาน,ใบงาน 6 การใช้เอฟเฟค ใชเ้ อฟเฟค (Effects) บรรยาย,แบบฝึกหัด, (Effects) โปรแกรมภาษาเจควิ รี มอบหมายงาน,ใบงาน 7 การใชง้ านรว่ มกบั ใช้งานเจคิวรรี ว่ มกบั บรรยาย,แบบฝกึ หัด, Ajax Ajax มอบหมายงาน,ใบงาน 8 การเขียนเจควิ รี เขยี นเจควิ รีเบ้อื งตน้ บรรยาย,แบบฝกึ หัด, เบือ้ งต้น มอบหมายงาน,ใบงาน 9 การเขียนแอพพลเิ คชน่ั เขียนแอพพลิเคช่นั ขนาด บรรยาย,แบบฝกึ หัด, ขนาดเล็ก เล็ก มอบหมายงาน,ใบงาน
ช ตารางวเิ คราะห์หลักสตู รเชิงพฤตกิ รรม รายวชิ าเจควิ รเี บ้อื งต้น รหสั วิชา 20903 - 2106 หน่วยกิต 3 ระดบั ประกาศนียบัตรวชิ าชีพ พทุ ธพิ สิ ยั ความรู้ พฤตกิ รรม ความเ ้ขาใจ นาไปใ ้ช ช่ือหนว่ ย ิวเคราะ ์ห 1.พน้ื ฐานเจควิ รี ประเ ิมนค่า 2.ไวยากรณ์ (Syntax) ทักษะพิ ัสย 3.คุณสมบตั ิ (Attributes) ิจต ิพ ัสย 4.เหตุการณ์ (Events) รวม 5.การใชง้ านร่วม HTML ร้อยละ 6.การใชเ้ อฟเฟค (Effects) ลาดับความสาคัญ 7.การใชง้ านร่วมกบั Ajax จานวน ั่ชวโมง 8.การเขียนเจคิวรีเบ้ืองต้น จานวน ้ขอสอบ 9.การเขยี นแอพพลิเคชั่นขนาด เลก็ 889 8 10 43 10.91 3 5 5 999 9 10 46 11.68 1 5 5 999 9 10 46 11.68 1 5 4 888 9 10 43 10.91 5 5 4 888 7 10 41 10.41 6 5 4 888 8 10 42 10.66 4 5 4 888 8 10 42 10.66 4 5 4 999 8 10 45 11.42 2 5 5 9 9 10 8 10 46 11.68 1 50 5 รวม 76 76 78 0 0 74 90 394 100 90 40 ลาดับความสาคญั 332 41 หมายเหตุ นา้ หนกั คะแนนความสาคญั มากที่สุด 9 - 10 มาก 7-8 ปานกลาง 4-6 นอ้ ย 2 - 3 นอ้ ยทสี่ ดุ 0 - 1 จานวนชั่วโมงสอน = นา้ หนกั หน่วย X น้าหนกั หน่วย จานวนชวั่ โมงรวม จานวนชว่ั โมงสอน = นา้ หนักช่ัวโมงสอนนX้าหจานนักวรนวมขอ้ สอบรวม จานวนช่ัวโมงสอนรวม
ซ การวดั ผลและการประเมนิ ผล เกณฑก์ ารวดั ผลประเมินผล 20 คะแนน 1. สดั ส่วนการใหค้ ะแนน (คะแนนเตม็ 100 คะแนน) 60 คะแนน 1.1 คะแนนระหว่างภาค 80 คะแนน ประกอบดว้ ย 20 คะแนน 1.1.1 คะแนนคุณธรรม จริยธรรม คา่ นิยม และคณุ ลักษณะอนั พงึ ประสงค์ 1.1.2 คะแนนการประเมินผลตามสภาพจริง 1.2 คะแนนปลายภาค 2. การตดั สินผลการเรียน ใชแ้ บบองิ เกณฑ์ 80 - 100 คะแนน เกรด 4 คะแนนระหวา่ ง 75 - 79 คะแนน เกรด 3.5 คะแนนระหวา่ ง 70 - 74 คะแนน เกรด 3 คะแนนระหวา่ ง 65 - 69 คะแนน เกรด 2.5 คะแนนระหว่าง 60 - 64 คะแนน เกรด 2 คะแนนระหวา่ ง 55 - 54 คะแนน เกรด 1.5 คะแนนระหว่าง 50 - 54 คะแนน เกรด 1 คะแนนระหว่าง 0 - 49 คะแนน เกรด 0 คะแนนระหวา่ ง
ฒ แผนจัดการเรียนการสอนเพ่อื ประเมนิ พฤติกรรมผูเ้ รยี นอาชีวศกึ ษา ตามค่านิยมหลักของคนไทย 12 ประการ วิทยาลัยอาชีวศึกษาสรุ ินทร์ รายวชิ าเจคิวรีเบื้องต้น รหัสวิชา 20903 - 2106 ทฤษฎี 1 ปฎบิ ัติ 2 หน่วยกติ 2 รายการประเมนิ พฤติกรรมท่แี สดงออก พฤติกรรม ประจาหนว่ ยท่ี ที่จะวดั 1. มคี วามรักชาติ 1.1 ร่วมกจิ กรรมเข้าแถว ยนื ตรงเคารพธงชาติ รอ้ ง 1-9 ศาสนา เพลงชาติ พระมหากษัตริย์ 1.2 ร่วมกิจกรรมวนั สาคญั ทางศาสนาท่ตี นนบั ถือ 1-9 1.3 รว่ มกจิ กรรมวนั สาคญั ที่เก่ยี วกับการเทิดทนู สถาบนั 1-9 พระมหากษัตรยิ ์ 2. ซ่อื สตั ย์ เสียสละ 2.1 ประพฤติ ปฏิบัตติ นตามความเปน็ จริง ทแี่ สดงถึง อดทน การยดึ มน่ั ในความถูกต้อง ยอมรับผลการกระทาของ 1-9 ตนเองและผอู้ ่นื 2.2 เสยี สละกาลังกาย ทรัพย์ สติปญั ญา ในการ 1-9 ชว่ ยเหลอื ผอู้ ื่นและสังคม 2.3 ควบคมุ ตนเองเมื่อประสบความยากลาบากและไม่ 1-9 ก่อให้เกดิ ความเสยี หาย 3. กตัญญตู อ่ พอ่ แม่ 3.1 ร้จู ักบุญคุณพ่อแมผ่ ปู้ กครองครูบาอาจารยแ์ ละผู้มี 1-9 ผู้ปกครอง ครูบาอาจารย์ พระคณุ 3.2 เอาใจใส่ ดแู ลชว่ ยเหลอื ภารกิจการงาน ปฏิบัติตน 1-9 ตามคาสงั่ สอนทีถ่ ูกต้องและเหมาะสม 3.3 ตอบแทนบญุ คุณของพ่อแม่ ผ้ปู กครอง ครูบา 1-9 อาจารย์และผู้มีพระคุณ 4. ใฝห่ าความรู้ หมนั่ 4.1 แสวงหาความรูท้ ้ังทางตรงและทางอ้อม 1-9 ศกึ ษา เลา่ เรยี น ท้งั 4.2 มุ่งม่นั ตง้ั ใจเพยี รพยายามในการศกึ ษาและ 1-9 ทางตรงและทางอ้อม ปฏบิ ัตงิ าน 4.3 แก้ปญั หาและพฒั นาสง่ิ ใหม่ ๆ จนบรรลผุ ลสาเรจ็ 1-9 5. รักษาวัฒนธรรม 5.1 เข้ารว่ มโครงการหรอื กจิ กรรมท่ีเป็นไทย 1-9 ประเพณไี ทย อันงดงาม 5.2 ภาคภมู ใิ จในความเป็นไทย 1-9 5.3 อนรุ ักษ์สืบทอดวฒั นธรรมและประเพณีไทยอัน 1-9 งดงาม
ญ รายการประเมนิ พฤติกรรมท่ีแสดงออก พฤตกิ รรม ประจาหนว่ ยท่ี ท่ีจะวดั 6. มีศีลธรรม รกั ษา 6.1 ประพฤติตนตามหลกั ศีลธรรมอนั ดงี าม 1-9 ความสตั ย์ หวังดีตอ่ ผูอ้ ืน่ 6.2 ปฏบิ ัติโดยยดึ ตามกตกิ าข้อตกลง/กฎ/ระเบียบของ 1-9 เผอ่ื แผ่และแบ่งปัน สถานศึกษา 6.3 หวงั ดี โอบออ้ มอารีชว่ ยเหลือผอู้ ื่นตามโอกาส 1 - 9 6.4 ให้ แบง่ ปนั เออ้ื เฟอื้ และชว่ ยเหลือผู้อนื่ 1-9 7. เขา้ ใจเรยี นร้กู ารเปน็ 7.1 เข้าร่วมกจิ กรรมเกี่ยวกบั ประชาธปิ ไตย อนั มี 1-9 ประชาธปิ ไตย อันมี พระมหากษัตริย์ทรงเป็นประมุข พระมหากษัตรยิ ์ทรงเปน็ 7.2 เคารพสทิ ธขิ องผ้อู ่นื 1-9 ประมขุ ท่ถี ูกตอ้ ง 7.3 ปฏิบตั ติ นตามระบอบประชาธปิ ไตยอันมี 1-9 พระมหากษัตริย์ทรงเป็นประมขุ 8. มีระเบียบ วินัย 8.1 ตรงต่อเวลา 1-9 เคารพกฎหมาย ผู้นอ้ ย 8.2 ประพฤติตรงตามคาส่ังหรอื ข้อบังคบั ของ 1-9 รจู้ กั เคารพผู้ใหญ่ สถานศกึ ษา 8.3 เคารพและนอบน้อมต่อผู้ใหญ่ 1-9 9. มสี ติ ร้ตู วั รู้คิด รทู้ า 9.1 คดิ ดี พดู ดี ทาดี 1-9 ร้ปู ฏิบตั ิ ตามพระราช 9.2 สุภาพ เรียบร้อย อ่อนน้อมถ่อมตน ตาม 1-9 ดารัสของพระบาทสมเด็จ สถานภาพและกาลเทศะ พระเจ้าอยูห่ วั ฯ 9.3 รอบคอบเหมาะสมกบั วัยสถานการณ์และบทบาท 1-9 ของตนเองตามแนวพระราชดารัสฯ 10. รูจ้ ักดารงตนอยโู่ ดย 10.1 ใชว้ สั ดถุ กู ตอ้ งพอเพียงและเหมาะสม กบั งาน 1 - 9 ใชห้ ลักปรชั ญาของ เศรษฐกิจพอเพียงตามพระ 10.2 เก็บออมถนอมใชท้ รัพย์สนิ สิ่งของให้เกิด 1-9 ราชดารัสของ ประโยชน์คุ้มค่า พระบาทสมเด็จพระ 10.3 ปฏิบตั ิตามท่ไี ดร้ บั มอบหมายสาเรจ็ ตามกาหนด เจ้าอย่หู ัวฯ รจู้ กั อดออมไว้ โดยคานึงถึงความปลอดภยั ของตนเองและผู้อน่ื ใชเ้ มอ่ื ยามจาเปน็ มไี วพ้ อ กินพอใช้ ถ้าเหลอื ก็ 1-9 แจกจา่ ยจาหน่ายและ พรอ้ มทจ่ี ะขยายกิจการ เมือ่ มีความพร้อมเมื่อมี ภมู ิคมุ้ กันที่ดี
ฎ รายการประเมนิ พฤติกรรมที่แสดงออก พฤติกรรม ประจาหน่วยท่ี ท่ีจะวัด 1-9 11. มคี วามเขม็ แข็งทัง้ 11.1 ดแู ล รกั ษาสขุ ภาพรา่ งกายตามสุขอนามัย 1-9 รา่ ยกาย และจติ ใจไมย่ อม 11.2 ไมเ่ ก่ยี วข้องกบั อบายมุข 1-9 แพ้ต่ออานาจฝา่ ยตา่ หรอื 11.3 ไมน่ าทรัพย์สนิ ของผู้อน่ื เป็นของตนเอง กิเลส มคี วามละอายเกรง 11.4 หลกี เล่ยี งแหลง่ ม่ัวสมุ 1-9 กลัวตอ่ บาปตามหลักของ ศาสนา 1-9 12. คานึงถึงผลประโยชน์ 12.1 มีจิตอาสา อุทศิ ตนเพื่อประโยชน์ตอ่ สงั คมและ 1-9 ของส่วนรวมและของชาติ ส่วนรวม มากกวา่ ผลประโยชน์ของ 12.2 เสียสละความสขุ สว่ นตน เพ่ือทาประโยชน์แก่ ตนเอง ผูอ้ ืน่
แผนการจัดการเรยี นรู้ม่งุ เน้นสมรรถนะ หนว่ ยที่ 1 ช่ือหน่วย พืน้ ฐานเจควิ รี สอนครง้ั ที่ 1 ชว่ั โมงรวม 5 ชอื่ เรอื่ ง พ้ืนฐานเจควิ รี จำนวนช่วั โมง 5 1. สาระสาคัญ jQuery เป็นไลบรำรี JavaScript \"เขียนน้อยลงทำอะไรได้มำก\" จุดประสงค์ของ jQuery คือทำให้ กำรใช้ JavaScript บนเว็บไซต์ของคุณง่ำยขึ้นมำก jQuery ใช้งำนท่ัวไปจำนวนมำกที่ต้องใช้โค้ด JavaScript หลำยบรรทัดเพื่อให้สำเร็จและรวมเป็นวิธีกำรที่คุณสำมำรถเรียกใช้ด้วยโค้ดบรรทัดเดียว jQuery ยังช่วยลด ควำมซับซ้อนของสิ่งต่ำงๆท่ีซับซ้อนจำก JavaScript เช่นกำรโทร AJAX และกำรจัดกำร DOM ไลบรำรี jQuery มีคุณสมบัติดังต่อไปนี้: กำรจัดกำร HTML / DOM กำรจัดกำร CSS วิธีเหตุกำรณ์ HTML เอฟเฟกต์ และภำพเคล่ือนไหว AJAX ยูทิลิต้ี 2. สมรรถนะประจาหน่วย แสดงควำมรู้พ้ืนฐำนเจควิ รี 3. จดุ ประสงคก์ ารเรียนรู้ 3.1 ดำ้ นควำมรู้ 3.1.1 เพิม่ jQuery ในหน้ำเวบ็ ได้ 3.1.2 ดำวนโ์ หลด jQuery ได้ 3.1.3 ใช้ jQuery CDN ได้ 3.2 ด้ำนทักษะ นกั เรยี นมคี วำมรู้ ทักษะพนื้ ฐำนเกย่ี วกบั พืน้ ฐานเจคิวรีและมที ัศนคติท่ีดี 3.3 คุณลกั ษณะทพ่ี ึงประสงค์ (อำ้ งอิง จำกค่ำนยิ มหลักของคนไทย 12 ประกำร) 3.3.1 เขำ้ เรียนตรงเวลำ 3.3.2 แต่งกำยตำมระเบียบกำรปฏิบัตงิ ำน 3.3.3 ผลงำนประณตี เรียบร้อย 3.3.4 ปิดเครอ่ื งคอมพวิ เตอรเ์ ม่ือเลิกใช้งำน 3.3.5 มนี ำ้ ใจช่วยเหลือผอู้ น่ื และกำรปฏบิ ตั งิ ำนรว่ มกับผู้อนื่ 4. เน้อื หาสาระการเรยี นรู้ 4.1 กำรดำวน์โหลด jQuery
4.2 กำรเรยี กใช้ jQuery CDN 5. กิจกรรมการเรียนการสอน ครูแจ้งจดุ ประสงค์กำรเรียนรู้ กำรวัดผลประเมนิ ผล ขอ้ ตกลงขณะเรยี น และใหน้ ักเรียนทำ แบบทดสอบกอ่ นเรยี น 5.1 ขั้นนาเขา้ สู่บทเรียน 5.1.1 ผสู้ อนจัดเตรยี มเอกสำร พร้อมกับแนะนำรำยวิชำ วิธกี ำรให้คะแนนและวธิ ีกำรเรยี นเรื่อง พน้ื ฐำนเจคิวรี 5.1.2 ผสู้ อนแจ้งจุดประสงค์กำรเรียนของหนว่ ยท่ี 1 และขอให้ผูเ้ รียนร่วมกันทำกิจกรรมกำร เรยี นกำรสอน 5.1.3 ผู้สอนใหผ้ ู้เรียนแสดงควำมรู้ โดยต้งั คำถำมวำ่ พื้นฐำนเจควิ รีนกั เรยี นรจู้ กั ภำษำที่ใชเ้ ขียน โปรแกรมภำษำอะไรบำ้ งพรอ้ มให้เหตุผลประกอบ 5.2 ขั้นสอน 5.2.1 ผู้สอนทดสอบควำมรู้ควำมเขำ้ ใจเกี่ยวกบั ควำมรเู้ บื้องตน้ เกย่ี วกับพน้ื ฐำนเจควิ รี โดยให้ ผู้เรียนทำแบบทดสอบก่อนเรียน 5.2.2 ผู้สอนอธบิ ำยเนือ้ หำเก่ียวกับบทเรียนวชิ ำจำวำสครปิ ตเ์ บอ้ื งตน้ หน่วยท่ี 1 เร่อื งพน้ื ฐานเจ คิวรีและให้ผเู้ รยี นศึกษำเอกสำรประกอบกำรสอน หนว่ ยท่ี 1 5.2.3 ผู้สอนและผู้เรียนร่วมกันอธบิ ำยพร้อมยกตวั อย่ำงถึงแนวคดิ ในกำรพัฒนำโปรแกรมตำมท่ี ไดศ้ ึกษำจำกเว็บไซต์ https://www.w3schools.com/jquery/default.asp 5.3 ข้นั ประกอบกิจกรรมการเรียน 5.3.1 ผู้สอนให้ผ้เู รยี นทำแบบฝึกหัดท้ำยหนว่ ยท่ี 1 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 ขนั้ ทดสอบหลังเรียน นกั เรยี นทำใบกิจกรรมที่ 1 ใบงำนท่ี 1 และแบบทดสอบหลงั เรยี น 6. สอ่ื การเรยี นรู้/แหล่งการเรียนรู้ 6.1 ส่อื สง่ิ พิมพ์ 6.1.1 เอกสำรประกอบกำรสอนวิชำจำวำสครปิ ตเ์ บอ้ื งตน้ 6.1.2 แบบทดสอบก่อนเรยี น เรื่อง พน้ื ฐำนเจควิ รี 6.1.3 ใบกิจกรรมที่ 1 เรอ่ื ง ควำมรู้คคู่ ณุ ธรรม 6.1.4 แบบทดสอบหลงั เรียน เรือ่ ง พนื้ ฐำนเจควิ รี 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 ข้นึ ไป แบบฝกึ หัดใบงำนและ กำรทำแบบฝึกปฏบิ ตั ิ ใบกิจกรรมท่ี 1 ตอบถูก 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 แนวทำงกำรพัฒนำคุณภำพกำรเรียนรู้ นกั เรยี นสำมำรถนำควำมร้ทู ี่ไดจ้ ำกกำรเรยี นรูใ้ นหนว่ ยน้ีไปประยกุ ตใ์ ชใ้ นชวี ติ ประจำวนั และ เชือ่ มโยงกบั วิชำชพี ได้อย่ำงเหมำะสม
ใบกิจกรรมท่ี 1 เรื่องความรคู่ ู่คุณธรรม จดุ ประสงคเ์ ชงิ พฤตกิ รรม 1. อธบิ ำยควำมสำคัญของคุณธรรม จริยธรรมกบั กำรดำเนินชีวติ ได้ ( สำนักงำน ป.ป.ช.) 2. ประยุกตใ์ ช้คุณธรรม จรยิ ธรรมในกำรดำเนินชวี ิตได้ (จำก สำนักงำน ป.ป.ช.) คาช้แี จง ผ้เู รยี นศกึ ษำบทกลอน “ควำมรูค้ ่คู ุณธรรม” แล้วตอบคำถำมต่อไปน้ี เม่ือควำมรู้ ยอดเยย่ี ม สูงเทียมเมฆ แต่คุณธรรม ต่ำเฉก ยอดหญ้ำนน่ั อำจเสกสรำ้ ง มิจฉำ สำรพนั ด้วยจิตอนั ไรอ้ ำย ในโลกำ แมค้ ุณธรรม สงู เยย่ี ม ถงึ เทยี มเมฆ แต่ควำมรู้ ตำ่ เฉก เช่นยอดหญำ้ ยอ่ มเป็นเหย่ือ ทรชน จนอุรำ ดว้ ยปญั ญำ อ่อนดอ้ ย นำ่ น้อยใจ หำกควำมรู้ สงู ล้ำ คณุ ธรรมเลิศ แสนประเสรฐิ กอปรกจิ วนิ ิจฉยั จะพฒั นำ ประชำรำษฎร์ ทง้ั ชำติไทย ตอ้ งฝึกให้ ควำมรู้ ค่คู ุณธรรม” ผ้ปู ระพนั ธ์ : ศำสตรำจำรย์อำไพ สจุ รติ กุล
คำถำมผเู้ รยี นตอบคำถำมต่อไปนใ้ี หส้ มบรู ณ์ทส่ี ุด 1.ผเู้ รียนคดิ วำ่ คุณธรรม จริยธรรม มีควำมจำเปน็ หรือไมท่ ่ีจะนำมำใช้ในกำรดำเนนิ ชวี ติ ............................................................................................................................. ................................................ ............................................................................................................................. ................................................ .................................................................................. ........................................................................................... ............................................................................................................................. ................................................ ............................................................................................................................. ................................................ ............................................................................................................................................................................. ............................................................................................................................. ................................................ 2.ผู้เรียนคิดว่ำถำ้ ทุกคนแสวงหำแตค่ วำมรเู้ พียงอย่ำงเดียวจะเกดิ อะไรข้นึ ในสงั คม ............................................................................................................................. ................................................ ............................................................................................................................. ................................................ ............................................................................................................................................................................. ............................................................................................................................. ................................................ ............................................................................................................................. ................................................ ............................................................................................................................................................................. ............................................................................................................................. ................................................ 3.ถ้ำคนส่วนมำกแสวงหำแตท่ ำงธรรมเพียงอยำ่ งเดยี วผเู้ รยี นคิดว่ำจะเกิดอะไรขน้ึ ในสงั คม ............................................................................................................................. ................................................ ............................................................................................................................. ................................................ ............................................................................................................................................................................. ............................................................................................................................. ................................................ ............................................................................................................................. ................................................ ..................................................................................................................................................................... ........ .......................................................................................................................... ................................................... 4.สิ่งทดี่ ีท่สี ุดในกำรดำเนนิ ชีวิตทุกคนต้องแสวงหำส่งิ ใดจึงจะมีชีวิตที่ประเสรฐิ สดุ ............................................................................................................................. ................................................ .................................................................................. ........................................................................................... ............................................................................................................................. ................................................ ............................................................................................................................. ................................................ ............................................................................................................................................................................. ............................................................................................................................. ................................................
5.ให้ผเู้ รยี นคิดหำแนวทำงในกำรปลกู ฝังคุณธรรม จริยธรรม โดยเติมข้อควำมในตำรำงท่ีกำหนด ไวใ้ หส้ มบรู ณท์ ส่ี ดุ บา้ น สถานศึกษา 1............................................................... 1............................................................... 2............................................................... 2............................................................... 3................................................................ 3................................................................ แนวทางการปลูกฝังคณุ ธรรม จริยธรรม สถานทท่ี างาน ชมุ ชน/สังคม 1....................................................... 1.............................................................. 2....................................................... 2.............................................................. 3....................................................... 3...............................................................
แผนการจัดการเรียนรมู้ ุ่งเนน้ สมรรถนะ หนว่ ยที่ 2 ชอ่ื หน่วย ไวยากรณ์ (Syntax) สอนคร้งั ท่ี 2 ชั่วโมงรวม 5 ช่อื เรือ่ ง ไวยากรณ์ (Syntax) จำนวนช่วั โมง 5 1. สาระสาคญั jQuery เป็นไลบรำรี JavaScript \"เขียนน้อยลงทำอะไรได้มำก\" จุดประสงค์ของ jQuery คือทำให้ กำรใช้ JavaScript บนเว็บไซต์ของคุณง่ำยขึ้นมำก jQuery ใช้งำนท่ัวไปจำนวนมำกที่ต้องใช้โค้ด JavaScript หลำยบรรทัดเพื่อให้สำเร็จและรวมเป็นวิธีกำรที่คุณสำมำรถเรียกใช้ด้วยโค้ดบรรทัดเดียว jQuery ยังช่วยลด ควำมซับซ้อนของสิ่งต่ำงๆที่ซับซ้อนจำก JavaScript เช่นกำรโทร AJAX และกำรจัดกำร DOM ไลบรำรี jQuery มีคุณสมบัติดังต่อไปนี้: กำรจัดกำร HTML / DOM กำรจัดกำร CSS วิธีเหตุกำรณ์ HTML เอฟเฟกต์ และภำพเคลอ่ื นไหว AJAX ยูทิลติ ี้ 2. สมรรถนะประจาหน่วย เขียนไวยำกรณ์(Syntax) โปรแกรมภำษำเจคิวรี 3. จุดประสงคก์ ารเรยี นรู้ 3.1 ดำ้ นควำมรู้ 3.1.1 เขียน jQuery Syntaxได้ 3.1.2 ใช้ Document Ready Eventได้ 3.2 ดำ้ นทักษะ นกั เรยี นมีควำมรู้ ทักษะพน้ื ฐำนเก่ียวกับไวยากรณ์ (Syntax)และมีทัศนคติที่ดี 3.3 คณุ ลกั ษณะทพี่ ึงประสงค์ (อำ้ งองิ จำกค่ำนยิ มหลักของคนไทย 12 ประกำร) 3.3.1 เข้ำเรียนตรงเวลำ 3.3.2 แต่งกำยตำมระเบียบกำรปฏบิ ตั ิงำน 3.3.3 ผลงำนประณีตเรียบร้อย 3.3.4 ปิดเครอ่ื งคอมพิวเตอรเ์ มื่อเลกิ ใชง้ ำน 3.3.5 มนี ้ำใจช่วยเหลอื ผอู้ ื่นและกำรปฏบิ ัติงำนร่วมกบั ผ้อู ื่น 4. เนอื้ หาสาระการเรียนรู้ 4.1 CDN jQuery Syntax 4.2 Document Ready Event
5. กจิ กรรมการเรียนการสอน ครแู จ้งจุดประสงค์กำรเรยี นรู้ กำรวัดผลประเมินผล ข้อตกลงขณะเรยี น และให้นักเรียนทำ แบบทดสอบก่อนเรยี น 5.1 ขั้นนาเข้าส่บู ทเรยี น 5.1.1 ผสู้ อนจดั เตรยี มเอกสำร พรอ้ มกบั แนะนำรำยวิชำ วธิ กี ำรใหค้ ะแนนและวธิ ีกำรเรียนเรือ่ ง ไวยำกรณ์ (Syntax) 5.1.2 ผสู้ อนแจ้งจดุ ประสงคก์ ำรเรยี นของหนว่ ยท่ี 2 และขอใหผ้ เู้ รยี นรว่ มกนั ทำกจิ กรรมกำร เรียนกำรสอน 5.1.3 ผู้สอนให้ผู้เรยี นแสดงควำมรู้ โดยตัง้ คำถำมว่ำ ไวยำกรณ์ (Syntax)นกั เรียนรจู้ กั ภำษำทีใ่ ช้ เขยี นโปรแกรมภำษำอะไรบำ้ งพร้อมใหเ้ หตุผลประกอบ 5.2 ข้นั สอน 5.2.1 ผสู้ อนทดสอบควำมร้คู วำมเขำ้ ใจเกีย่ วกับควำมรเู้ บื้องต้นเกี่ยวกบั ไวยำกรณ์ (Syntax) โดย ใหผ้ ้เู รียนทำแบบทดสอบก่อนเรยี น 5.2.2 ผสู้ อนอธบิ ำยเน้อื หำเก่ียวกบั บทเรียนวิชำจำวำสคริปตเ์ บือ้ งตน้ หน่วยที่ 2 เร่อื งไวยากรณ์ (Syntax)และให้ผ้เู รียนศึกษำเอกสำรประกอบกำรสอน หนว่ ยท่ี 2 5.2.3 ผู้สอนและผ้เู รียนรว่ มกันอธบิ ำยพร้อมยกตวั อย่ำงถึงแนวคิดในกำรพัฒนำโปรแกรมตำมท่ี ไดศ้ ึกษำจำกเวบ็ ไซต์ https://www.w3schools.com/jquery/default.asp 5.3 ขั้นประกอบกิจกรรมการเรียน 5.3.1 ผสู้ อนให้ผูเ้ รยี นทำแบบฝึกหัดท้ำยหนว่ ยที่ 2 5.3.2 ผู้สอนให้ผู้เรยี นแบง่ กลุ่ม ๆ ละเท่ำ ๆ กันทำกำรศึกษำเร่ือง ไวยำกรณ์ (Syntax) 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 ข้ันทดสอบหลังเรียน นักเรียนทำ ใบงำนที่ 2 และแบบทดสอบหลังเรยี น
6. สื่อการเรียนรู้/แหลง่ การเรยี นรู้ 6.1 สือ่ สง่ิ พมิ พ์ 6.1.1 เอกสำรประกอบกำรสอนวิชำจำวำสคริปตเ์ บ้อื งต้น 6.1.2 แบบทดสอบก่อนเรยี น เรือ่ ง ไวยำกรณ์ (Syntax) 6.1.3 แบบทดสอบหลังเรยี น เรื่อง ไวยำกรณ์ (Syntax) 6.2 สอ่ื โสตทศั น์ 6.2.1 Powerpoint เรือ่ ง ไวยำกรณ์ (Syntax) 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 ข้ึนไป แบบฝกึ หัดและ กำรทำแบบฝึกปฏบิ ตั ิ ใบงำนหนว่ ยท่ี 2 ตอบถูก 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 แนวทำงกำรพัฒนำคุณภำพกำรเรียนรู้ นกั เรยี นสำมำรถนำควำมร้ทู ี่ไดจ้ ำกกำรเรยี นรูใ้ นหนว่ ยน้ีไปประยกุ ตใ์ ชใ้ นชวี ติ ประจำวนั และ เชือ่ มโยงกบั วิชำชพี ได้อย่ำงเหมำะสม
แผนการจัดการเรยี นรมู้ ุ่งเน้นสมรรถนะ หน่วยที่ 3 ชอื่ หน่วย คณุ สมบตั ิ (Attributes) สอนคร้ังที่ 3 ชว่ั โมงรวม 5 ช่อื เรื่อง คณุ สมบัติ (Attributes) จำนวนชว่ั โมง 5 1. สาระสาคัญ jQuery Syntax ไวยำกรณ์ jQuery ถูกตัดสำหรับกำรเลือกองค์ประกอบ HTML และดำเนินกำร บำงส่วนกำรดำเนินกำรในองค์ประกอบ (s) ไวยำกรณ์พื้นฐำนคือ$ ( ตัวเลือก ) กำรกระทำ () เครื่องหมำย $ เพื่อกำหนด / เข้ำถึง jQuery องค์ประกอบ HTML ( ตัวเลือก ) เพื่อ \"แบบสอบถำม (หรือค้นหำ)\" กำร ดำเนนิ กำร jQuery () ทจ่ี ะดำเนนิ กำรกบั องคป์ ระกอบ 2. สมรรถนะประจาหน่วย แสดงควำมรู้คุณสมบตั (ิ Attributes) โปรแกรมภำษำเจควิ รี 3. จดุ ประสงค์การเรยี นรู้ 3.1 ดำ้ นควำมรู้ เขียน jQuery selectors ได้ 3.2 ด้ำนทักษะ นักเรยี นมีควำมรู้ ทักษะพื้นฐำนเกี่ยวกับคุณสมบตั ิ (Attributes)และมที ัศนคติท่ดี ี 3.3 คณุ ลกั ษณะทพ่ี ึงประสงค์ (อ้ำงอิง จำกคำ่ นยิ มหลักของคนไทย 12 ประกำร) 3.3.1 เขำ้ เรียนตรงเวลำ 3.3.2 แตง่ กำยตำมระเบยี บกำรปฏิบัติงำน 3.3.3 ผลงำนประณตี เรียบร้อย 3.3.4 ปดิ เครอื่ งคอมพวิ เตอร์เมอ่ื เลิกใช้งำน 3.3.5 มีนำ้ ใจชว่ ยเหลอื ผู้อืน่ และกำรปฏบิ ัตงิ ำนรว่ มกับผูอ้ น่ื 4. เนือ้ หาสาระการเรียนรู้ jQuery selectors 5. กจิ กรรมการเรียนการสอน ครแู จง้ จดุ ประสงคก์ ำรเรยี นรู้ กำรวดั ผลประเมนิ ผล ข้อตกลงขณะเรยี น และใหน้ ักเรียนทำ แบบทดสอบกอ่ นเรียน
5.1 ขน้ั นาเขา้ สูบ่ ทเรียน 5.1.1 ผสู้ อนจดั เตรยี มเอกสำร พรอ้ มกบั แนะนำรำยวิชำ วิธีกำรให้คะแนนและวิธีกำรเรยี นเรือ่ ง คณุ สมบัติ (Attributes) 5.1.2 ผสู้ อนแจ้งจุดประสงคก์ ำรเรียนของหน่วยท่ี 3 และขอใหผ้ ้เู รียนร่วมกันทำกจิ กรรมกำร เรยี นกำรสอน 5.1.3 ผู้สอนใหผ้ ้เู รยี นแสดงควำมรู้ โดยตัง้ คำถำมว่ำ คุณสมบัติ (Attributes)นกั เรียนรู้จักภำษำท่ี ใชเ้ ขียนโปรแกรมภำษำอะไรบ้ำงพร้อมใหเ้ หตผุ ลประกอบ 5.2 ข้ันสอน 5.2.1 ผู้สอนทดสอบควำมรคู้ วำมเขำ้ ใจเก่ียวกบั ควำมรู้เบ้ืองตน้ เก่ยี วกับคุณสมบตั ิ (Attributes) โดยใหผ้ เู้ รียนทำแบบทดสอบกอ่ นเรยี น 5.2.2 ผสู้ อนอธิบำยเนอ้ื หำเกี่ยวกับบทเรียนวชิ ำจำวำสครปิ ตเ์ บ้ืองตน้ หน่วยท่ี 3 เร่ืองคุณสมบัติ (Attributes)และให้ผเู้ รียนศึกษำเอกสำรประกอบกำรสอน หน่วยท่ี 3 5.2.3 ผสู้ อนและผเู้ รียนรว่ มกันอธบิ ำยพร้อมยกตวั อย่ำงถึงแนวคิดในกำรพฒั นำโปรแกรมตำมท่ี ได้ศึกษำจำกเวบ็ ไซต์ https://www.w3schools.com/jquery/default.asp 5.3 ข้นั ประกอบกิจกรรมการเรียน 5.3.1 ผสู้ อนใหผ้ ู้เรยี นทำแบบฝกึ หัดทำ้ ยหนว่ ยท่ี 3 5.3.2 ผสู้ อนให้ผเู้ รียนแบ่งกลุ่ม ๆ ละเท่ำ ๆ กันทำกำรศึกษำเร่อื ง คุณสมบัติ (Attributes) 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 ขน้ั ทดสอบหลงั เรียน นกั เรยี นทำ ใบงำนท่ี 3 และแบบทดสอบหลังเรียน 6. สอื่ การเรียนร/ู้ แหลง่ การเรียนรู้ 6.1 ส่ือสิง่ พมิ พ์ 6.1.1 เอกสำรประกอบกำรสอนวิชำจำวำสคริปต์เบ้อื งตน้ 6.1.2 แบบทดสอบก่อนเรยี น เรอื่ ง คุณสมบตั ิ (Attributes)
6.1.3 แบบทดสอบหลงั เรยี น เรื่อง คณุ สมบัติ (Attributes) 6.2 สื่อโสตทศั น์ 6.2.1 Powerpoint เรอื่ ง คุณสมบัติ (Attributes) 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 ข้ึนไป แบบฝกึ หัดและ กำรทำแบบฝึกปฏบิ ตั ิ ใบงำนหนว่ ยท่ี 3 ตอบถูก 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 แนวทำงกำรพัฒนำคุณภำพกำรเรียนรู้ นกั เรยี นสำมำรถนำควำมร้ทู ี่ไดจ้ ำกกำรเรยี นรูใ้ นหนว่ ยน้ีไปประยกุ ตใ์ ชใ้ นชวี ติ ประจำวนั และ เชือ่ มโยงกบั วิชำชพี ได้อย่ำงเหมำะสม
แผนการจดั การเรียนรู้มุ่งเน้นสมรรถนะ หน่วยท่ี 4 ชือ่ หน่วย เหตุการณ์ (Events) สอนคร้งั ที่ 4 ชวั่ โมงรวม 5 ชื่อเร่อื ง เหตุการณ์ (Events) จำนวนชั่วโมง 5 1. สาระสาคญั เหตุกำรณ์คือ กำรกระทำต่ำงๆของผู้เยี่ยมชมที่หน้ำเว็บสำมำรถตอบสนองเรียกว่ำเหตุกำรณ์ เหตุกำรณ์แสดงถึงช่วงเวลำที่แม่นยำเม่ือมีบำงสิ่งเกิดขึ้น ตัวอย่ำง: เลื่อนเมำส์ไปที่องค์ประกอบ เลือกปุ่ม ตัวเลือก คลกิ ท่ีองค์ประกอบ คำว่ำ\"ยงิ / ยงิ \"มักใชก้ บั เหตกุ ำรณ์ ตวั อยำ่ ง: \"เหตกุ ำรณก์ ำรกดแป้นจะเร่ิมทำงำน ทนั ทที ่คี ุณกดแปน้ \" 2. สมรรถนะประจาหน่วย เขยี นเหตุกำรณ์ (Events) โปรแกรมภำษำเจควิ รี 3. จดุ ประสงคก์ ารเรยี นรู้ 3.1 ด้ำนควำมรู้ เขยี น jQuery Syntax สำหรบั Event Methodsได้ 3.2 ดำ้ นทกั ษะ นกั เรยี นมีควำมรู้ ทักษะพน้ื ฐำนเกยี่ วกับเหตุการณ์ (Events)และมีทัศนคติที่ดี 3.3 คณุ ลกั ษณะทพี่ ึงประสงค์ (อำ้ งอิง จำกค่ำนิยมหลักของคนไทย 12 ประกำร) 3.3.1 เข้ำเรียนตรงเวลำ 3.3.2 แตง่ กำยตำมระเบียบกำรปฏบิ ัตงิ ำน 3.3.3 ผลงำนประณตี เรียบร้อย 3.3.4 ปิดเคร่อื งคอมพวิ เตอรเ์ มื่อเลิกใชง้ ำน 3.3.5 มีนำ้ ใจชว่ ยเหลอื ผ้อู น่ื และกำรปฏบิ ตั งิ ำนร่วมกบั ผอู้ น่ื 4. เน้ือหาสาระการเรียนรู้ jQuery Syntax สำหรับ Event Methods 5. กจิ กรรมการเรียนการสอน ครูแจง้ จุดประสงคก์ ำรเรียนรู้ กำรวัดผลประเมินผล ขอ้ ตกลงขณะเรยี น และใหน้ ักเรียนทำ แบบทดสอบก่อนเรยี น
5.1 ข้นั นาเขา้ สบู่ ทเรยี น 5.1.1 ผู้สอนจัดเตรยี มเอกสำร พรอ้ มกบั แนะนำรำยวิชำ วิธกี ำรใหค้ ะแนนและวธิ ีกำรเรียนเรอ่ื ง เหตกุ ำรณ์ (Events) 5.1.2 ผสู้ อนแจ้งจุดประสงคก์ ำรเรยี นของหนว่ ยท่ี 4 และขอใหผ้ เู้ รยี นรว่ มกันทำกจิ กรรมกำร เรยี นกำรสอน 5.1.3 ผู้สอนใหผ้ ู้เรียนแสดงควำมรู้ โดยต้งั คำถำมวำ่ เหตุกำรณ์ (Events)นักเรียนรู้จกั ภำษำทีใ่ ช้ เขยี นโปรแกรมภำษำอะไรบำ้ งพรอ้ มใหเ้ หตุผลประกอบ 5.2 ขั้นสอน 5.2.1 ผ้สู อนทดสอบควำมรู้ควำมเข้ำใจเกย่ี วกบั ควำมรเู้ บ้ืองตน้ เกยี่ วกบั เหตุกำรณ์ (Events) โดย ใหผ้ ูเ้ รียนทำแบบทดสอบก่อนเรยี น 5.2.2 ผู้สอนอธิบำยเนือ้ หำเก่ียวกบั บทเรียนวิชำจำวำสคริปตเ์ บอื้ งต้น หน่วยที่ 4 เรอื่ งเหตกุ ารณ์ (Events)และให้ผ้เู รยี นศึกษำเอกสำรประกอบกำรสอน หน่วยท่ี 4 5.2.3 ผู้สอนและผูเ้ รยี นร่วมกันอธบิ ำยพร้อมยกตัวอย่ำงถึงแนวคิดในกำรพัฒนำโปรแกรมตำมท่ี ได้ศึกษำจำกเวบ็ ไซต์ https://www.w3schools.com/jquery/default.asp 5.3 ขัน้ ประกอบกิจกรรมการเรียน 5.3.1 ผูส้ อนให้ผู้เรียนทำแบบฝกึ หัดท้ำยหนว่ ยท่ี 4 5.3.2 ผู้สอนใหผ้ ู้เรยี นแบง่ กลุ่ม ๆ ละเท่ำ ๆ กนั ทำกำรศกึ ษำเร่ือง เหตุกำรณ์ (Events) 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 ข้นั ทดสอบหลงั เรียน นกั เรยี นทำ ใบงำนหน่วยท่ี 4 และแบบทดสอบหลงั เรยี น 6. สื่อการเรยี นรู/้ แหลง่ การเรยี นรู้ 6.1 สือ่ ส่ิงพิมพ์ 6.1.1 เอกสำรประกอบกำรสอนวชิ ำจำวำสครปิ ต์เบ้อื งต้น 6.1.2 แบบทดสอบกอ่ นเรยี น เรอ่ื ง เหตุกำรณ์ (Events)
6.1.3 แบบทดสอบหลังเรยี น เร่อื ง เหตกุ ำรณ์ (Events) 6.2 สื่อโสตทัศน์ 6.2.1 Powerpoint เรือ่ ง เหตุกำรณ์ (Events) 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 ข้ึนไป แบบฝกึ หัดและ กำรทำแบบฝึกปฏบิ ตั ิ ใบงำนหนว่ ยท่ี 4 ตอบถูก 8 ข้อขน้ึ ไป แบบทดสอบหลงั เรียน กำรประเมินหลังเรียน กำรทดสอบ จำนวน 10 ข้อ
Search
