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

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

แผนการจดั การเรียนรู้มุง่ เนน้ สมรรถนะ หนว่ ยที่ 16 ชื่อหน่วย JavaScript Form Validation สอนครง้ั ท่ี 16 ชว่ั โมงรวม 3 ชอ่ื เร่ือง JavaScript Form Validation จำนวนชวั่ โมง 3 1. สาระสาคัญ Form Validation คือ กำรตรวจสอบข้อมูลของฟอร์ม เป็นขั้นตอนที่ช่วยในกำรตรวจสอบให้ข้อมูลท่ี รับจำกฟอรม์ HTML มคี วำมถูกตอ้ ง ตรงตำมทต่ี ้องกำรใหม้ ำกที่สุด ซง่ึ นิยมนำไปใช้มำกทีส่ ดุ คอื กำรตรวจสอบ (Validation) form ของผู้ใช้ในหน้ำเวบ็ ซึ่งเป็นเว็บไซต์แบบท่ีมีกำรกรอกข้อมูล information จำกผู้ใช้จำนวน มำกในรูปแบบของ form online และ JavaScript สำมำรถชว่ ยตรวจสอบข้อผดิ พลำดในสว่ นตำ่ งๆได้ ซึ่งกำร ตรวจสอบจะเป็นในลักษณะ Client-Side หรือ กำรทำงำนจะเกิดขึ้นท่ีเคร่ืองที่เปิดใช้งำนเว็บเบรำเซอร์ เมื่อ เรำใช้เว็บเบรำเซอร์เปิดไปเว็บเพจที่มีกำรกรอกข้อมลู ใดๆ เชน่ เว็บเพจสำหรบั สมัครสมำชิก ผู้พัฒนำเว็บเพจ น้ันได้เขียนโค้ด JavaScript เพ่ือตรวจสอบกำรกรอกข้อมูลไว้ในเว็บเพจน้ันแล้ว เช่น ตรวจสอบรูปแบบกำร กรอกข้อมูล E-mail เป็นต้น โค้ด JavaScript เหล่ำนั้น จะถูกส่งมำให้เว็บเบรำเซอร์ไปเปิดใช้งำน เพื่อให้ เว็บเบรำเซอร์ทำหน้ำที่ประมวลผลคำส่ังและตรวจสอบข้อมูลให้ เป็นกำรตรวจสอบท่ีเครื่องคอมพิวเตอร์ที่ ตดิ ต่อไปขอใช้บรกิ ำร 2. สมรรถนะประจาหน่วย แสดงควำมรู้ JavaScript Form Validation 3. จดุ ประสงค์การเรียนรู้ 3.1 ดำ้ นควำมรู้ เขียนโปรแกรม JavaScript Form Validation ได้ 3.2 ด้ำนทกั ษะ นักเรียนมคี วำมรู้ทกั ษะพ้ืนฐำนเกี่ยวกับJavaScript Form Validationและมที ัศนคตทิ ี่ดี 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 Form Validation 5.1.2 ผูส้ อนแจ้งจดุ ประสงค์กำรเรียนของหนว่ ยที่ 16 และขอใหผ้ ู้เรยี นรว่ มกนั ทำกิจกรรมกำร เรยี นกำรสอน 5.1.3 ผสู้ อนให้ผเู้ รยี นแสดงควำมรู้ โดยตง้ั คำถำมวำ่ JavaScript Form Validation นกั เรยี น รจู้ กั ภำษำทใ่ี ช้เขยี นโปรแกรมภำษำอะไรบำ้ งพร้อมใหเ้ หตผุ ลประกอบ 5.2 ข้นั สอน 5.2.1 ผสู้ อนทดสอบควำมรคู้ วำมเขำ้ ใจเกีย่ วกับควำมร้เู บื้องต้นเก่ยี วกบั JavaScript Form Validation โดยใหผ้ เู้ รยี นทำแบบทดสอบก่อนเรียน 5.2.2 ผู้สอนอธบิ ำยเนอ้ื หำเกี่ยวกับบทเรียนวิชำจำวำสครปิ ตเ์ บ้อื งตน้ หน่วยที่ 16 เร่ือง JavaScript Form Validation และใหผ้ ้เู รยี นศึกษำเอกสำรประกอบกำรสอน หน่วยท่ี 16 5.2.3 ผู้สอนและผ้เู รียนร่วมกันอธิบำยพร้อมยกตวั อยำ่ งถงึ แนวคดิ ในกำรพฒั นำโปรแกรมตำมที่ ได้ศึกษำจำกเว็บไซต์ https://www.w3schools.com/js/default.asp 5.3 ขั้นประกอบกจิ กรรมการเรียน 5.3.1 ผสู้ อนให้ผเู้ รยี นทำแบบฝึกหดั ท้ำยหน่วยท่ี 16 5.3.2 ผูส้ อนให้ผู้เรียนแบ่งกลุ่ม ๆ ละเทำ่ ๆ กนั ทำกำรศึกษำเร่ือง JavaScript Form Validation 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 ขน้ั ทดสอบหลงั เรียน นักเรียนทำใบงำนที่ 16 และแบบทดสอบหลังเรียน 6. ส่ือการเรียนร/ู้ แหลง่ การเรียนรู้ 6.1 สอื่ ส่งิ พิมพ์ 6.1.1 เอกสำรประกอบกำรสอนวชิ ำจำวำสคริปตเ์ บอื้ งตน้ 6.1.2 แบบทดสอบกอ่ นเรยี น เรือ่ ง JavaScript Form Validation 6.1.3 แบบทดสอบหลังเรียน เรอ่ื ง JavaScript Form Validation 6.2 ส่อื โสตทัศน์ 6.2.1 Powerpoint เรือ่ ง JavaScript Form Validation 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 ขน้ึ ไป แบบฝกึ หดั และใบงำน กำรทำแบบฝึกปฏิบัติ หน่วยที่ 16 ตอบถูก 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 แนวทำงกำรพัฒนำคุณภำพกำรเรียนรู้ นกั เรยี นสำมำรถนำควำมร้ทู ี่ไดจ้ ำกกำรเรยี นรูใ้ นหนว่ ยน้ีไปประยกุ ตใ์ ชใ้ นชวี ติ ประจำวนั และ เชือ่ มโยงกบั วิชำชพี ได้อย่ำงเหมำะสม

แผนการจดั การเรยี นรู้มงุ่ เนน้ สมรรถนะ หน่วยท่ี 17 ชือ่ หน่วย การเขยี นโปรแกรมขนาดเลก็ สาหรับงานธรุ กิจ สอนครัง้ ที่ 17 - 18 กรณศี ึกษา ชัว่ โมงรวม 6 ชอ่ื เรื่อง การเขียนโปรแกรมขนาดเล็กสาหรับงานธุรกจิ กรณศี กึ ษา จำนวนชวั่ โมง 6 1. สาระสาคญั JavaScript เป็นภำษำโปรแกรมท่ีเพ่ิมกำรโต้ตอบให้กับเว็บไซต์ของคุณ สิ่งน้ีเกิดข้ึนในเกมในลักษณะ กำรตอบสนองเม่ือกดปุ่มหรือด้วยกำรป้อนข้อมูลในแบบฟอร์ม ด้วยสไตล์ไดนำมิก ด้วยแอนิเมชั่น ฯลฯ บทควำมน้ีจะช่วยให้คุณเร่ิมต้นใช้งำน JavaScript และเพ่ิมควำมเข้ำใจในส่ิงที่เป็นไปได้ JavaScript (ย่อมำ จำก \"JS\") เป็นภำษำกำรเขียนโปรแกรมแบบไดนำมิกที่สมบูรณ์ซ่ึงสำมำรถเพิ่มกำรโตต้ อบให้กับเวบ็ ไซต์ได้ ถูก คิดค้นโดย Brendan Eich (ผู้ร่วมก่อต้ังโครงกำร Mozilla) มูลนิธิ Mozilla และ Mozilla Corporation JavaScript มีควำมหลำกหลำยและเป็นมิตรกับผู้เร่ิมต้น ด้วยประสบกำรณ์ท่ีมำกขึ้นคุณจะสำมำรถสร้ำงเกม กรำฟิก 2 มิติและ 3 มิติแบบเคลื่อนไหวแอปท่ีขับเคล่ือนด้วยฐำนข้อมูลที่ครอบคลุมและอ่ืน ๆ อีกมำกมำย JavaScript นัน้ ค่อนขำ้ งกะทดั รัด แต่มีควำมยืดหยนุ่ สูง นักพฒั นำไดเ้ ขียนเคร่ืองมอื ตำ่ งๆไว้ทด่ี ้ำนบนของภำษำ JavaScript หลักปลดล็อกฟังก์ชันกำรทำงำนจำนวนมำกโดยใช้ควำมพยำยำมเพียงเล็กน้อย ซึ่งรวมถึง: Browser Application Programming Interfaces ( API ) ที่สรำ้ งข้ึนในเวบ็ เบรำวเ์ ซอร์โดยมฟี ังก์ชันต่ำงๆเช่น กำรสรำ้ ง HTML แบบไดนำมิกและกำรต้ังค่ำรปู แบบ CSS รวบรวมและจดั กำรสตรีมวิดีโอจำกเวบ็ แคมของผู้ใช้ หรอื สร้ำงกรำฟิก 3 มติ ิและตวั อย่ำงเสียง API ของบคุ คลทสี่ ำมที่อนุญำตใหน้ ักพัฒนำรวมฟังกช์ ันกำรทำงำนใน ไซต์จำกผู้ให้บริกำรเน้ือหำอื่น ๆ เช่น Twitter หรือ Facebook เฟรมเวิร์กและไลบรำรีของบุคคลท่ีสำมท่ีคุณ สำมำรถใช้กับ HTML เพอ่ื เรง่ กำรสร้ำงไซต์และแอปพลิเคชัน 2. สมรรถนะประจาหน่วย เขยี นโปรแกรมขนำดเลก็ สำหรบั งำนธุรกจิ กรณศี ึกษำ 3. จุดประสงคก์ ารเรยี นรู้ 3.1 ดำ้ นควำมรู้ เขยี นโปรแกรม กำรเขียนโปรแกรมขนำดเลก็ สำหรับงำนธรุ กิจ กรณีศึกษำ ได้ 3.2 ด้ำนทักษะ นกั เรยี นมีควำมรู้ทักษะพ้ืนฐำนเกย่ี วกับการเขยี นโปรแกรมขนาดเลก็ สาหรบั งานธุรกิจ กรณศี ึกษาและมีทัศนคติทีด่ ี 3.3 คณุ ลักษณะทพ่ี ึงประสงค์ (อำ้ งอิง จำกค่ำนยิ มหลักของคนไทย 12 ประกำร) 3.3.1 เขำ้ เรยี นตรงเวลำ

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