แผนการจัดการเรียนรู้ คอมพิวเตอร์ (เพิ่มเต

แผนการจัดการเรยี นรู้ วิชาคอมพวิ เตอร์ (เพิม่ เติม) ระดบั ชนั้ ประถมศึกษาปที ่ี 5 นายธรี ะภทั ร นิลนติ ย์ ตำแหนง่ ครผู ชู้ ว่ ย กล่มุ สาระการเรยี นรู้วทิ ยาศาสตร์และเทคโนโลยี ปกี ารศึกษา 2566 โรงเรียนบา้ นนาวงั สำนกั งานเขตพื้นท่ีการศึกษาประถมศกึ ษาชลบรุ ี เขต 3 กระทรวงศกึ ษาธกิ าร

คำนำ การจัดทำแผนการจัดการเรียนรนู้ ับเปน็ วธิ ีหน่ึงที่ทำให้ครูผู้สอนได้มีการเตรยี มการสอนล่วงหน้า ก่อนท่ีจะ ทำการสอนจริง โดยมกี ารเตรียมเน้ือหาเตรยี มกจิ กรรม เตรยี มสอ่ื การเรียนการสอน รวมท้งั วธิ กี ารวัดผลประเมนิ ผล ซ่ึงการเตรียมการสอนจะช่วยให้ครูผู้สอนมีความพร้อมท่ีจะสอนให้ ผู้เรียนบรรลุตามจุดมุ่งหมายของหลักสูตร การจัดทำแผนการจัดการเรียนรู้ฉบับนี้ ผู้จัดทำได้ศึกษาค้นคว้าหลักสูตรแกนกลางการศึกษา ข้ันพ้ืนฐาน พุทธศักราช 2551 (ฉบับปรับปรุง พุทธศักราช 2560) เอกสารอื่นๆ ท่ีเก่ียวข้อง วิเคราะห์ หลักสูตร จัดทำ กำหนดการสอน โครงสร้างรายวิชา และหารูปแบบการทำแผนการจัดการเรียนรู้โดย เน้นให้ผู้เรียนได้เรียนผ่าน กระบวนการคิดด้วยตนเอง โดยคำนึงถึงสภาพแวดล้อมของผู้เรียน โรงเรยี น และชุมชนเป็นหลัก แผนการจัดการ เรียนรู้ฉบับนี้ เป็นแผนการจัดการเรียนรู้กลุ่มสาระการเรียนรู้วิทยาศาสตร์และเทคโนโลยี ช้ันประถมศึกษาปีท่ี 5 เพ่ือพัฒนาทักษะด้านการออกแบบ โดยเน้นให้นักเรียนมีความคิดสร้างสรรคผ์ ลงานให้ออกมามีประสิทธิภาพมาก ที่สุด โดยแผนการจัดการเรียนรู้น้ีจัดทำไว้ เพ่ือสะดวกต่อการจัดกิจกรรมการเรียนการสอน สามารถนำไป ประยุกต์ใช้ไดท้ ุกปีการศึกษา ผู้ท่จี ะนำไปใช้ควรอา่ นคำชแ้ี จงการใช้แผนการจัดการเรียนรูใ้ หเ้ ข้าใจก่อนนำไปใชจ้ ริง ข้าพเจ้าหวังเป็นอย่างยิ่งว่า แผนการจัดการเรียนรู้ฉบับน้ีจะช่วยให้การเรียนการสอน กลุ่มสาระการเรียนรู้ วิทยาศาสตร์และเทคโนโลยี ชั้นประถมศึกษาปีที่ 5 ดำเนินไปด้วยดี และทำให้ผู้เรียนมีความรู้ ความสามารถ มีทักษะกระบวนการและมีคณุ ลกั ษณะอนั พึงประสงคต์ รงตามจุดมงุ่ หมายของหลักสูตร ต่อไป นายธีระภัทร นลิ นิตย์ ผจู้ ดั ทำ

สารบญั เรื่อง หน้า คณุ ลกั ษณะอันพึงประสงค์ ……………………………………………………………………………………………………………. 1 สมรรถนะสำคญั ของผู้เรียน …………………………………………………………………………………………………………… 1 คำอธิบายรายวิชา ………………………………………………………………………………………………………………………… 2 โครงสร้างรายวิชา ………………………………………………………………………………………………………………………… 3 โครงสร้างการจัดเวลาเรยี น ……………………………………………………………………………………………………………. 6 แผนการจัดการเรียนรทู้ ่ี 1 …………………………………………………………………………………………………………….. 8 แผนการจดั การเรียนรู้ท่ี 2 …………………………………………………………………………………………………………….. 14 แผนการจัดการเรยี นรู้ท่ี 3 …………………………………………………………………………………………………………….. 22 แผนการจัดการเรยี นรทู้ ่ี 4 …………………………………………………………………………………………………………….. 29 แผนการจัดการเรยี นรู้ท่ี 5 …………………………………………………………………………………………………………….. 37 แผนการจัดการเรียนรู้ท่ี 6 …………………………………………………………………………………………………………….. 46 แผนการจดั การเรยี นรู้ที่ 7 …………………………………………………………………………………………………………….. 54 แผนการจัดการเรียนรทู้ ี่ 8 …………………………………………………………………………………………………………….. 62 แผนการจดั การเรียนรทู้ ่ี 9 …………………………………………………………………………………………………………….. 68 แผนการจดั การเรียนรูท้ ี่ 10 …………………………………………………………………………………………………………… 74 แผนการจดั การเรียนรู้ท่ี 11 …………………………………………………………………………………………………………… 82 แผนการจดั การเรียนรู้ที่ 12 …………………………………………………………………………………………………………… 87 แผนการจดั การเรยี นรู้ที่ 13 …………………………………………………………………………………………………………… 92 แผนการจดั การเรยี นรทู้ ี่ 14 …………………………………………………………………………………………………………… 99 แผนการจดั การเรยี นรทู้ ี่ 15 …………………………………………………………………………………………………………… 104 แผนการจัดการเรียนรทู้ ี่ 16 …………………………………………………………………………………………………………… 111 แผนการจัดการเรยี นรู้ท่ี 17 …………………………………………………………………………………………………………… 117 แผนการจัดการเรียนรทู้ ี่ 18 …………………………………………………………………………………………………………… 124 แผนการจัดการเรยี นรู้ที่ 19 …………………………………………………………………………………………………………… 130 แผนการจดั การเรียนรทู้ ี่ 20 …………………………………………………………………………………………………………… 135

1 คณุ ลักษณะอนั พงึ ประสงค์ หลักสูตรแกนกลางการศึกษาข้ันพ้ืนฐาน มุ่งพัฒนาผเู้ รียนให้มีคุณลักษณะอันพึงประสงค์ เพื่อให้สามารถ อยรู่ ่วมกับผ้อู ่นื อยู่ในสังคมไดอ้ ย่างมีความสุข ในฐานะเปน็ พลเมืองไทยและพลโลก ดังนี้ ๑. รักชาติ ศาสน์ กษัตริย์ ๒. ซ่อื สัตย์สจุ ริต ๓. มวี ินยั ๔. ไฝ่เรยี นรู้ ๕. อยอู่ ยา่ งพอเพียง ๖. ม่งุ ม่นั ในการทำงาน ๗. รกั ความเป็นไทย ๘. มจี ิตสาธารณะ สมรรถนะสำคญั ของผ้เู รียน หลกั สูตรแกนกลางการศึกษาข้นั พน้ื ฐาน มุ่งพัฒนาผู้เรยี นให้มีคุณภาพตามมาตรฐานดฃการเรยี นรู้ ซ่งึ การ พัฒนาผเู้ รยี นให้บรรลุมาตรฐานการเรียนรู้ทกี่ ำหนดน้ัน จะช่วยใหผ้ เู้ รียนเกดิ สมรรถนะสำคญั ๕ ประการ ดงั นี้ ๑. ความสามารถในการส่ือสาร เป็นความสามารถในการรับและส่งสาร มีวัฒนธรรมในการใช้ภาษา ถ่ายทอดความคิด ความรู้ความเข้าใจ ความรู้สึก และทัศนะของตนเองเพ่ือแลกเปลี่ยนข้อมูลข่าวสาร และ ประสบการณ์อันจะเป็นประโยชน์ต่อการพัฒนาตนเองและสังคม รวมทั้งการเจรจาต่อรองเพ่ือขจัดและลดปญั หา ความขัดแย้งต่างๆ การเลือกรับหรือไม่รับข้อมูลข่าวสารด้วยหลักเหตุผล และความถูกต้อง ตลอดจนการเลือกใช้ วิธีการส่อื สารท่ีมปี ระสทิ ธิภาพโดยคำนงึ ถึงผลกระทบทม่ี ีต่อตนเองและสังคม ๒. ความสามารถในการคิด เป็นความสามารถในการคิดวิเคราะห์ การคิดสังเคราะห์ การคิดอย่าง สรา้ งสรรค์ การคิดอยา่ งมีวจิ ารณญาณ และการคิดเป็นระบบ เพ่ือนำไปสกู่ ารสร้างสรรคอ์ งคค์ วามรู้หรือสารสนเทศ เพอ่ื การตดั สนิ ใจเก่ียวกบั ตนเองและสงั คมได้อยา่ งเหมาะสม ๓. ความสามารถในการแกป้ ัญหา เป็นความสามารถในการแกป้ ญั หาและอุปสรรคตา่ งๆ ท่ีเผชิญได้อยา่ ง ถูกต้องเหมาะสมบนพ้ืนฐานของหลักเหตุผล คุณธรรมและข้อมูลสารสนเทศ เข้าใจความสำพันธ์และกการ เปล่ียนแปลงของเหตุการณ์ต่างๆ ในสังคม แสวงหาความรู้ ประยุกต์ความรู้มาใช้ในการป้องกันและแก้ไขปัญหา และมกี ารตดั สินใจทีม่ ีประสทิ ธ์ภิ าพโดยคำนงึ ถึงผลกระทบที่เกดิ ขน้ึ ต่อตนเอง สงั คมและสงิ่ แวดลอ้ ม ๔. ความสามารถในการใช้ทักษะชีวติ เปน็ ความสามารถในการนำกระบวนการต่างๆ ไปใช้ในการนำเนิน ชีวิตประจำวัน การเรียนรดู้ ว้ ยตนเอง การเรียนร้อู ย่างต่อเน่อื ง การทำงาน และการอยูร่ ่วมกันในสงั คมดว้ ยการสรา้ ง เสริมความสัมพันธอ์ ันดรี ะหว่างบุคคล การจัดการปัญหาและความขดั แย้งต่างๆ อย่างเหมาะสม การปรับตัวให้ทัน กับการเปลี่ยนแปลงของสังคมและสภาพแวดล้อม และการรู้จักหลีกเล่ียงพฤติกรรมไม่พึงประสงค์ที่ส่งผลกระทบ ตอ่ ตนเองและผอู้ นื่ ๕. ความสามารถในการใช้เทคโนโลยี เป็นความสามารถในการเลือกและใช้เทคโนโลยีด้านต่างๆ และมี ทกั ษะกระบวนการทางเทคโนโลยี เพอ่ื การพัฒนาตนเองและสังคม ในด้านการเรียนรู้ การสื่อสาร การทำงาน การ แก้ปัญหาอยา่ งสร้างสรรค์ ถกู ตอ้ ง เหมาะสมละมคี ุณธรรม

2 คำอธบิ ายรายวิชา รายวิชาคอมพวิ เตอร์ (เพ่ิมเติม) กลุ่มสาระการเรยี นรวู้ ิทยาศาสตร์และเทคโนโลยี ชนั้ ประถมศึกษาปีที่ 5 เวลา 40 ชัว่ โมง ศึกษาการใช้ Canva ในการออกแบบอินโฟกราฟิก (Infographic) เตรียมข้อมูลเพ่ือใช้ในงาน อินโฟกราฟิก (Infographic) สามารถบอกส่วนประกอบของหน้าต่างและวิธีใช้งาน Canva ได้อย่างถูกต้อง มี ความรู้ ความเขา้ ใจ และทกั ษะเกย่ี วกับการใช้งาน Canva ในการสรา้ งชน้ิ งาน สามารถนำความรู้ และทักษะมาสรา้ งชิ้นงาน และออกแบบอินโฟกราฟกิ (Infographic) เพ่ือนำเสนอขอ้ มูลสารสนเทศ ทีม่ ีประสิทธภิ าพ สรา้ งชิน้ งานจากจินตนาการดว้ ยความรบั ผิดชอบ และมคี วามคดิ ริเริ่มสร้างสรรค์ สามารถใช้งานอปุ กรณ์เทคโนโลยี ใช้งานซอฟตแ์ วร์ ในการสร้าง จดั เก็บ และเรยี กใชไ้ ฟล์ตามวัตถุประสงค์ ดูแลรักษาอปุ กรณ์ การใช้งานเทคโนโลยสี ารสนเทศอย่างเหมาะสม ผลการเรยี นรู้ 1. อธบิ ายไดว้ ่าอินโฟกราฟิก (Infographic) คอื อะไร 2. บอกประโยชนข์ องอนิ โฟกราฟิก (Infographic) ได้ 3. อธบิ ายเกย่ี วกับการใช้งาน และประโยชนข์ อง Canva ได้ 4. บอกวิธใี ชง้ านเคร่ืองมือในโปรแกรม Canva ได้อยา่ งถูกต้อง 5. บอกเคร่อื งมอื ทใ่ี ชใ้ นการออกแบบอินโฟกราฟิก (Infographic) ได้ 6. อธบิ ายหลักการออกแบบอนิ โฟกราฟกิ (Infographic) ได้ 7. เตรยี มขอ้ มลู เพ่อื ใชใ้ นงานอินโฟกราฟิก (Infographic) ได้ 8. ใชค้ วามรแู้ ละทักษะการใช้งาน Canva ในการสรา้ งอนิ โฟกราฟกิ (Infographic) ไดอ้ ย่างเหมาะสม รวมท้งั หมด 8 ผลการเรียนรู้

3 โครงสร้างรายวิชาคอมพวิ เตอร์ (เพิม่ เตมิ ) ชน้ั ประถมศึกษาปีท่ี 5 เวลาเรียน 40 ช่ัวโมง ลำดับท่ี หน่วยการเรียนรู้/เรื่อง ผลการเรยี นรู้ สาระสำคัญ เวลา คะแนน (ชวั่ โมง) 5 1 อินโฟกราฟิก - อธบิ ายได้วา่ อนิ โฟ 1. อินโฟกราฟกิ 4 10 (Infographic) คอื กราฟิก (Infographic) (Infographic) คือ การ อะไร? คอื อะไร แปลงขอ้ มูลให้เป็นภาพ - บอกประโยชนข์ อง เพื่อให้เขา้ ใจไดง้ า่ ยและ อนิ โฟกราฟิก ส่อื สารกบั ผูค้ นด้วยสิ่งทจ่ี ับ (Infographic) ได้ ต้องได้ (Infographic = Information + graphic) 2. ประโยชน์ของอินโฟ กราฟิก (Infographic) 3. ข้อจำกัดของอินโฟ กราฟิก (Infographic) 2 หลักการออกแบบ - อธิบายหลกั การ 1. เทคนิค 9 Layout 8 อินโฟกราฟกิ ออกแบบอินโฟกราฟกิ 2. Adobe Color เป็น (Infographic) (Infographic) ได้ เครอ่ื งมอื ท่ีชว่ ยวเิ คราะห์ เฉดสี 3. จิตวิทยาสี (Color Psycho) 4.ภาพประกอบ (illustration) เปน็ ภาพที่ เขยี นข้นึ เพอ่ื บอกเลา่ เรอื่ งราวหรือถา่ ยทอด เหตุการณ์ต่าง ๆ 5. การเลอื กใช้ฟ้อนต์ (FONT) ในการออกแบบอินโฟ กราฟกิ (Infographic)

4 ลำดบั ที่ หนว่ ยการเรียนร/ู้ เรื่อง ผลการเรยี นรู้ สาระสำคญั เวลา คะแนน (ช่ัวโมง) 5 3 การเตรียมข้อมูลเพื่อ - เตรียมขอ้ มูลเพอื่ ใช้ใน 1. กระบวนการท่ดี ีในการ 10 ออกแบบอนิ โฟกราฟิก 6 ใช้ในงานอนิ โฟกราฟกิ งานอินโฟกราฟิก (Infographic) 10 2. เนอ้ื หาที่เหมาะสมกบั 6 (Infographic) (Infographic) ได้ อนิ โฟกราฟิก (Infographic) 10 4 เครอ่ื งมอื ทใี่ ช้ในการ - บอกเคร่ืองมือที่ใช้ 3. ขั้นตอนการเตรียม ข้อมูลทใี่ ช้ในอนิ โฟกราฟิก สรา้ งงานอนิ โฟกราฟกิ ในการออกแบบอนิ โฟ 1. Draft Infographic (Infographic) กราฟกิ (Infographic) คือ อนิ โฟกราฟกิ (Infographic) ฉบบั รา่ ง ได้ 2. ขน้ั ตอนในการ Draft Infographic 5 การใช้งาน Canva - อธบิ ายเก่ียวกบั การใช้ 3. เคร่ืองมือทใี่ ช้ในการ สรา้ งงานอนิ โฟกราฟิก ในการสรา้ งงาน งาน และประโยชนข์ อง (Infographic) แบบ ออนไลน์ อินโฟกราฟิก โปรแกรม Canva ได้ 4. เครือ่ งมอื ทใ่ี ชใ้ นการ สร้างงานอินโฟกราฟกิ (Infographic) - บอกวิธีใช้งานเคร่อื งมอื (Infographic) แบบ ออฟไลน์ ในโปรแกรม Canva ได้ 1. การสมัครใชง้ าน อย่างถกู ต้อง Canva 2. ส่วนประกอบหนา้ ตา่ ง ของ Canva 3. วธิ กี ารใชง้ าน เมนู Templates 4. วิธีการใชง้ าน เมนู Elements 5. วธิ กี ารใช้งานเมนู Text

5 ลำดบั ท่ี หนว่ ยการเรียนร/ู้ เรอ่ื ง ผลการเรียนรู้ สาระสำคญั เวลา คะแนน (ชัว่ โมง) 20 6 Project - เตรยี มขอ้ มูลเพื่อใชใ้ น 1. วธิ ีการรวบรวมข้อมลู 6 40 100 งานอนิ โฟกราฟิก 2. การใชห้ ลักการ 5W1H (Infographic) ได้ 3. ข้นั ตอนการเตรยี ม - ใชค้ วามร้แู ละทักษะการ ขอ้ มูล ใช้งานโปรแกรม Canva 4. การ Draft ในการสรา้ งอนิ โฟกราฟิก Infographic ตามข้ันตอน (Infographic) การ Draft Infographic ไดอ้ ย่างเหมาะสม 5. การนำเสนอ (Presentation) เป็น วิธีการหรือเคร่อื งมอื ใน การติดตอ่ สอื่ สาร (Communication) สอบปลายภาค รวม 40

โครงสรา้ งการจดั เวลาเรียน 6 กลุ่มสาระการเรียนร้วู ิทยาศาสตร์และเทคโนโลยี ภาคเรียนที่ 1 ชั้นประถมศกึ ษาปีที่ 5 ภาคเรียนท่ี 1 เวลาเรียน 20 ช่ัวโมง หนว่ ยการเรยี นร/ู้ แผนการจัดการเรียนรู้ เวลาเรยี น (ช่ัวโมง) หนว่ ยการเรียนรู้ที่ 1 อินโฟกราฟิก (Infographic) คอื อะไร? • แผนการจัดการเรียนรู้ที่ 1 อินโฟกราฟิก (Infographic) คอื อะไร? 2 • แผนการจดั การเรียนรู้ที่ 2 ประโยชน์ของอนิ โฟกราฟิก (Infographic) 2 หนว่ ยการเรยี นรู้ท่ี 2 หลกั การออกแบบอนิ โฟกราฟิก (Infographic) • แผนการจัดการเรียนร้ทู ี่ 3 Layout 2 • แผนการจัดการเรยี นรทู้ ่ี 4 Color 2 • แผนการจดั การเรียนร้ทู ่ี 5 illustration 2 • แผนการจดั การเรียนรทู้ ี่ 6 Font 2 หน่วยการเรยี นรู้ที่ 2 หลักการออกแบบอนิ โฟกราฟิก (Infographic) • แผนการจัดการเรยี นรู้ที่ 7 กระบวนการในการสร้างงานอินโฟกราฟิก (Infographic) 2 • แผนการจัดการเรียนรู้ที่ 8 เน้ือหาที่เหมาะสมกับอินโฟกราฟิก (Infographic) 2 • แผนการจัดการเรียนรทู้ ี่ 9 การเตรียมเน้อื หา 2 • แผนการจดั การเรียนรูท้ ่ี 10 DRAFT 2 20 รวม

7 โครงสร้างการจัดเวลาเรียน กลุ่มสาระการเรียนรูว้ ทิ ยาศาสตร์และเทคโนโลยี ภาคเรยี นท่ี 2 ชัน้ ประถมศกึ ษาปีที่ 5 ภาคเรียนที่ 2 เวลาเรยี น 20 ชั่วโมง หนว่ ยการเรยี นร้/ู แผนการจดั การเรียนรู้ เวลาเรียน (ชวั่ โมง) หนว่ ยการเรยี นรูท้ ่ี 4 เครอื่ งมือทใ่ี ช้ในการสร้างงานอนิ โฟกราฟกิ (Infographic) • แผนการจัดการเรยี นรทู้ ี่ 11 เครอ่ื งมอื ในการสร้างงานอินโฟกราฟกิ แบบออนไลน์ 2 • แผนการจัดการเรียนร้ทู ่ี 12 เครอื่ งมือ ในการสร้างงานอนิ โฟกราฟิกแบบออฟไลน์ 2 หน่วยการเรยี นร้ทู ่ี 5 การใช้งานCanva ในการสร้างงานอินโฟกราฟิก (Infographic) • แผนการจัดการเรยี นรู้ที่ 13 การสมัครใช้งาน Canva 2 • แผนการจัดการเรยี นรู้ที่ 14 ส่วนประกอบหนา้ ต่างของ Canva 2 • แผนการจัดการเรยี นร้ทู ี่ 15 Template 2 • แผนการจดั การเรยี นรู้ท่ี 16 Element 2 • แผนการจดั การเรียนรู้ท่ี 17 Text 2 หนว่ ยการเรยี นรู้ท่ี 6 Project • แผนการจดั การเรียนรูท้ ่ี 18 รวบรวมขอ้ มูล 2 • แผนการจัดการเรียนรทู้ ่ี 19 DRAFT INFOGRAPHIC PROJECT 2 • แผนการจัดการเรยี นรู้ท่ี 20 นำเสนอ (PRESENT) 2 20 รวม

8 กลุ่มสาระการเรยี นรวู้ ิทยาศาสตร์และเทคโนโลยี ช้ันประถมศึกษาปีที่ 5 คอมพวิ เตอร์เพมิ่ เตมิ การออกแบบ Infographic ดว้ ย Canva จำนวน 4 ช่ัวโมง หนว่ ยการเรยี นร้ทู ่ี 1 อินโฟกราฟกิ (Infographic) คืออะไร? เวลาเรยี น 2 ชว่ั โมง แผนการจัดการเรียนร้ทู ่ี 1 อนิ โฟกราฟิก (Infographic) คืออะไร? 1. ผลการเรียนรู้ อธบิ ายได้วา่ อนิ โฟกราฟิก (Infographic) คอื อะไร 2. สาระสำคัญ/ความคดิ รวบยอด อนิ โฟกราฟิก (Infographic) หมายถงึ การนำข้อมูลหรอื ความรูม้ าสรุปใหเ้ ป็น “สารสนเทศในลักษณะของ ข้อมูล” (สญั ลักษณ์ กราฟ แผนภมู ิ ไดอะแกรม แผนท)่ี เพือ่ นำเสนอขอ้ มูลให้สามารถเข้าใจได้ง่ายและรวดเร็ว 3. จุดประสงค์การเรยี นรู้ 1. บอกได้วา่ อินโฟกราฟิก (Infographic) คืออะไร (K) 2. เลือกวธิ กี ารสง่ สารทเี่ หมาะสมได้ (P) 3. เหน็ ประโยชน์ของการนำเสนอข้อมูลในรูปแบบของอินโฟกราฟกิ (Infographic) (A) 4. สาระการเรยี นรู้ 1. องค์ประกอบของการส่อื สาร 2. อินโฟกราฟกิ (Infographic) คอื การแปลงข้อมูลให้เปน็ ภาพ เพือ่ ให้เขา้ ใจได้ง่ายและส่ือสารกับผคู้ น ด้วยสิ่งทีจ่ บั ตอ้ งได้ (Infographic = Information + graphic) 5. สมรรถนะสำคญั ของผเู้ รียน 1. ความสามารถในการสอื่ สาร 2. ความสามารถในการคดิ 3. ความสามารถในการแกป้ ัญหา 4. ความสามารถในการใช้ทักษะชีวติ 5. ความสามารถในการใช้เทคโนโลยี 6. คุณลักษณะอันพงึ ประสงค์

9 1. มวี นิ ัย 2. ใฝเ่ รียนรู้ 3. ม่งุ ม่นั ในการทำงาน 7. ภาระงาน 1. กจิ กรรม Say What? 2. ใบงานท่ี 1 Infographic คืออะไร? 8. การจดั กิจกรรมการเรียนรู้ 1. วธิ กี ารสอนแบบสร้างสรรคเ์ ป็นฐาน (Creativity-Based Learning : CBL) 2. การจัดการเรียนการสอนแบบ Active Learning ชัว่ โมงท่ี 1 ขน้ั นำเขำ้ ส่บู ทเรียน 1. ผสู้ อนถามผเู้ รียนเพื่อเป็นการทบทวนความร้เู ดิม และเพ่ือกระต้นุ ความสนใจของผู้เรียน เชน่ “นกั เรียนเคยนำเสนอข้อมลู ด้วยวธิ ใี ดบา้ ง?” แนวคำตอบ : รายงาน สไลดน์ ำเสนอ แผน่ พบั โปสเตอร์ ข้ันสอน 2. ผู้สอนให้นักเรียนแบ่งกลุ่ม กลุ่มละ 5-7 คน เพ่ือทำกิจกรรม Say What? ผู้สอนอธิบายวิธีการทำ กิจกรรม คือ 1. ให้แตล่ ะกลมุ่ ยืนหนั หลัง เรียงเปน็ แถวตอน 2. ผ้สู อนใหห้ ัวแถวของแต่ละกลมุ่ หันมาอา่ นขอ้ ความท่ผี ู้สอนเตรยี มไว้ และนำข้อความไปบอกคน ถัดไปโดยไมอ่ อกเสียง ทำไปเร่ือย ๆ จนถงึ คนสดุ ท้าย 3. ใหค้ นสุดทา้ ยของแต่ละกลุ่มเขียนข้อความทไี่ ดจ้ ากสง่ สารลงในกระดาษ 4. ผู้สอนเฉลยขอ้ ความ และอ่านคำตอบของแต่ละกลุม่ ให้ฟัง

10 3. ผสู้ อนอธบิ ายวา่ องคป์ ระกอบของการส่ือสาร โดยทว่ั ไปประกอบดว้ ย 1. ผู้ส่งสาร (Sender) คือ ผู้เร่ิมต้นการส่ือสาร ผู้ส่งสารจะทำหน้าท่ีเข้ารหัส (Encoding) อัน เปน็ การแปรสารใหอ้ ยู่ในรูปของสัญลักษณ์ทมี่ นุษยค์ ดิ สรา้ งขึน้ แทนความคิด 2. สาร (Message) คือ เร่ืองราวอันมีความหมายและแสดงออกมาโดยอาศัยภาษา หรือ สญั ลักษณใ์ ด ๆ กต็ ามทสี่ ามารถทำใหเ้ กดิ การรับรรู้ ว่ มกันได้ 3. ช่องทางการส่ือสารหรือสื่อ (Channel) ผู้ส่งสารย่อมต้องอาศัยช่องทางหรือส่ือให้ทำหน้าท่ี นำสารไปยังผรู้ ับสาร โดยท่ัวไปแล้วสารท่ีถกู ผู้ส่งสารถ่ายทอดไปยังผู้รับสารจะเข้าไปสู่ระบบการรับรู้ ของมนุษยโ์ ดยผา่ นประสาทสมั ผัสทางใดทางหนง่ึ หรอื หลายทาง 4. ผู้รับสาร (Receiver) คือ บุคคล ที่รับเรื่องราวจากผู้ส่งสารและนำสารไปใช้ต่อตาม วัตถุประสงค์ต่าง ๆ 4. จากกิจกรรม Say What? การส่งสารต่อไปเรื่อย ๆ ย่อมเกิดความคลาดเคลื่อน โดยมีสาเหตุมาจาก หลายปัจจัย เช่น สภาพแวดล้อม ตัวสาร ประสบการณ์ของผู้รับสาร ดังน้ัน เพื่อให้การสื่อสารมี ประสทิ ธภิ าพ เพ่อื ใหก้ ารสื่อสารขอ้ มลู ไปถึงผรู้ บั สารได้อย่างถกู ตอ้ งครบถ้วน ตรงตามวัตถปุ ระสงค์ ผู้ส่งสารจงึ ควรเลอื กใชว้ ธิ กี ารส่งสารทเี่ หมาะสม 5. ผู้สอนประเมินความเข้าใจของผู้เรียนโดยการยกตัวอย่าง การสอนในช้ันเรียน ว่าใครเป็นผู้รับสาร อะไรคอื สาร อะไรคอื ช่องทางการส่ือสาร และใครคือผู้รับสาร แนวคำตอบ ผูส้ ง่ สาร (Sender) คอื คณุ ครู สาร (Message) คอื เนอื้ หาของเรือ่ งทค่ี ณุ ครตู อ้ งการจะถ่ายทอด ชอ่ งทางการสื่อสารหรือสือ่ (Channel) คอื หนังสือ ใบงาน หรอื สือ่ การสอนตา่ ง ๆ ผ้รู บั สาร (Receiver) คือ นกั เรียน 6. ผู้สอนอธิบายเพ่ิมเติมว่า ในบางคร้ัง เราก็เป็นท้ังผู้ส่ือสารและผู้รับสาร เช่น เมื่อนักเรียนได้รับรู้ เรอื่ งราวมาหน่ึงเรื่อง นักเรยี นก็คอื ผู้รับสาร และเม่ือนักเรียนนำเรื่องราวน้ันไปเผยแพร่ต่อ นักเรยี นก็ คอื ผู้สง่ สาร

11 7. ชว่ั โมงที่ 2 ข้นั สอน (ต่อ) 8. ผู้สอนอธิบายว่า อินโฟกราฟิก (Infographic) ถือเป็นช่องทางการส่ือสารวิธีหน่ึง ท่ีนิยมใช้กันอย่าง แพร่หลายในปัจจบุ นั เน่ืองจาก อนิ โฟกราฟิก (Infographic) สามารถส่ือให้ผู้รบั สารเข้าใจความหมายของ ข้อมลู ทง้ั หมดได้โดยไมจ่ ำ เป็นตอ้ งมผี นู้ ำเสนอมาช่วยขยายความเข้าใจอกี 9. ผสู้ อนแจก ใบงานที่ 1 Infographic คอื อะไร? พรอ้ มอธิบายวธิ ีการทำใบงาน คือ ให้ผู้เรยี น หาคำตอบ เกย่ี วกับ อินโฟกราฟิก (Infographic) ตามท่รี ะบใุ นใบงานให้ครบถว้ น 10. ผสู้ อนให้เวลาผู้เรียนในการทำใบงาน โดยทผี่ ู้สอนคอยดูแลความเรยี บร้อยและคอยใหค้ ำแนะนำเพิ่มเติม 11. เม่ือครบกำหนดเวลาผู้สอนให้ผู้เรียนแต่ละคนออกมนำเสนอใบงาน โดยให้ผู้เรียนคนอื่น ๆ ร่วมกัน เสนอแนะแสดงความคิดเหน็ 12. ผสู้ อนเปิด Slide สื่อการสอน อินโฟกราฟิก (Infographic) คืออะไร? พร้อมอธิบาย เพ่ือเป็นการสรุป ความรเู้ ก่ียวกบั อนิ โฟกราฟิก (Infographic) ให้ผู้เรียนเขา้ ใจอีกคร้ัง อนิ โฟกราฟกิ (Infographic) หมายถึง การนำขอ้ มูลหรือความรู้มาสรุปเป็นสารสนเทศในลักษณะ ของข้อมูลและกราฟิกที่อาจเป็นลายเส้น สัญลักษณ์ กราฟ แผนภูมิ ไดอะแกรม แผนที่ ฯลฯ ที่ ออกแบบเป็นภาพน่ิง หรือภาพเคลื่อนไหว ดูแล้วเข้าใจง่ายในเวลารวดเร็วและชัดเจนสามารถส่ือให้ ผู้ชมเข้าใจความหมายของข้อมูลทั้งหมดไดโ้ ดยไม่จำเป็นต้องมีผู้นำเสนออินโฟกราฟิกจะประกอบไป ด้วย 2 ส่วนหลักๆ คือ ข้อมูล (Information) หรือตัวหนังสือ และภาพกราฟิก (Graphic) อินโฟ กราฟกิ เป็นการแสดงข้อมูลหรือความรูต้ า่ ง ๆ ทีม่ เี น้ือหาเปน็ จำนวนมาก ทผี่ ่านการวิเคราะหแ์ ละสรุป ออกมาใหอ้ ยู่ในรปู แบบของ “ภาพ” เพอื่ ใหผ้ ทู้ ่ีพบเห็นเข้าใจในเวลารวดเรว็ เพียงแค่ “ด”ู โดยไมต่ อ้ ง มีคำอธิบายเพม่ิ เติม ซึ่งอนิ โฟกราฟกิ สามารถนำไปใช้ร่วมกับศาสตร์ต่าง ๆ เพื่อใช้สรุปเน้อื หาทีม่ ีความ ซบั ซ้อนและมีจำนวนมากใหส้ ามารถเขา้ ใจไดง้ ่าย ๆ และ “จบในภาพเดยี ว” ขน้ั สรุป 13. ผสู้ อนสรุปให้ผู้เรียนเขา้ ใจวา่ อินโฟกราฟิก (Infographic) เปน็ ชอ่ งทางการสอื่ สารทผี่ ่านการวิเคราะหแ์ ละ สรุปออกมาใหอ้ ยใู่ นรูปแบบของ “ภาพ” เพ่อื ใหผ้ ู้ที่พบเห็นเขา้ ใจในเวลารวดเรว็ ซง่ึ อนิ โฟกราฟกิ ประกอบ ไปดว้ ย 2 สว่ นหลัก ๆ คือ ขอ้ มูล หรือตวั หนังสอื และภาพกราฟกิ (Infographic = Information + graphic) 14. ผู้สอนเปิดโอกาสให้ผ้เู รยี นสอบถามเพิ่มเติม

12 9. สอื่ การเรยี นรู้ 1. กิจกรรม Say What? 2. ใบงานที่ 1 Infographic คอื อะไร? 3. Slide สอื่ การสอน อินโฟกราฟกิ (Infographic) คอื อะไร? 10. การวัดและประเมินผล วธิ กี าร เครอ่ื งมือ เกณฑ์ แบบประเมินพฤตกิ รรม กิจกรรม Say What? คุณภาพอยู่ในระดบั ดี รายบคุ คล ผ่านเกณฑ์ ตรวจ ใบงานท่ี 1 แบบประเมนิ ผลงาน Infographic คอื อะไร? คณุ ภาพอยใู่ นระดบั ดี ประเมินพฤติกรรมกลุ่ม แบบประเมินพฤตกิ รรมกลุ่ม ผา่ นเกณฑ์ จากการทำกจิ กรรม Say What? คณุ ภาพอยูใ่ นระดับ ดี ผา่ นเกณฑ์

13 ขอ้ เสนอแนะของครูพเ่ี ลี้ยง .................................................................................................................................................................................... ...................................................................................................................................................................................... .................................................................................................................................................................................... ลงชอ่ื ...................................... (นางสาวจริ าภรณ์ โงนเนยี ม) ตำแหนง่ ครู คศ.1 ขอ้ เสนอแนะของผบู้ ริหารสถานศกึ ษา .................................................................................................................................................................................... ...................................................................................................................................................................................... .................................................................................................................................................................................... ลงชื่อ ...................................... (นายแมนสรวง เมนะเนตร) ตำแหนง่ ผ้อู ำนวยการโรงเรียนบา้ นนาวงั

14 กลุ่มสาระการเรียนรวู้ ิทยาศาสตร์และเทคโนโลยี ชั้นประถมศกึ ษาปีท่ี 5 คอมพวิ เตอรเ์ พิ่มเตมิ การออกแบบ Infographic ดว้ ย Canva จำนวน 4 ชั่วโมง หนว่ ยการเรียนรูท้ ี่ 1 อินโฟกราฟิก (Infographic) คอื อะไร? เวลาเรียน 2 ชั่วโมง แผนการจัดการเรียนรทู้ ่ี 2 ประโยชน์ของอินโฟกราฟิก (Infographic) 1. ผลการเรียนรู้ บอกประโยชน์ของอินโฟกราฟิก (Infographic) ได้ 2. สาระสำคัญ/ความคดิ รวบยอด ประโยชนข์ องอนิ โฟกราฟิก (Infographic) อนิ โฟกราฟิกช่วยให้ สรปุ ข้อมูลในปรมิ าณมากให้เข้าใจได้งา่ ยขึ้น การใชภ้ าพชว่ ยให้นา่ สนใจและจดจำได้ดี เหมาะสำหรับการให้ข้อมูลในหลากหลายประเภท และสะดวกในการเผยแพร่ ข้อจำกดั ของอินโฟกราฟกิ (Infographic) อินโฟกราฟิกมีข้อจำกัด คอื อาจเกดิ ความเข้าใจไม่ตรงกันเพราะการตคี วามและการคดิ วิเคราะหข์ องแต่ละ คนไมเ่ หมือนกัน 3. จดุ ประสงค์การเรยี นรู้ 1. บอกประโยชน์ของอินโฟกราฟิก (Infographic) ได้ (K) 2. เลอื กชอ่ งทางการส่ือสารที่เหมาะสมในการนำเสนอข้อมูลได้ (P) 3. เหน็ ความสำคัญของการใชอ้ นิ โฟกราฟกิ (Infographic) เพ่อื การส่ือสาร (A) 4. สาระการเรียนรู้ 1. ความเปน็ มาของอินโฟกราฟิก (Infographic) 2. ข้อจำกดั ของอินโฟกราฟิก (Infographic) 3. ประโยชน์ของอนิ โฟกราฟิก (Infographic) 5. สมรรถนะสำคัญของผู้เรยี น 1. ความสามารถในการสอ่ื สาร 1. ความสามารถในการคิด 2. ความสามารถในการแกป้ ัญหา 3. ความสามารถในการใช้ทักษะชีวติ 4. ความสามารถในการใชเ้ ทคโนโลยี

15 6. คุณลกั ษณะอันพงึ ประสงค์ 1. มีวนิ ยั 2. ใฝเ่ รยี นรู้ 3. มุ่งมนั่ ในการทำงาน 7. ภาระงาน 1. กิจกรรมค้นควา้ หาความรู้ 2. กจิ กรรมหวั ทา้ ยตายกอ่ น 3. ใบงานที่ 2 ความเป็นมาของอนิ โฟกราฟิก (Infographic) 4. ใบงานท่ี 3 ประโยชนแ์ ละขอ้ จำกัดของอนิ โฟกราฟกิ 8. การจัดกิจกรรมการเรยี นรู้ 1. วธิ กี ารสอนแบบสรา้ งสรรค์เป็นฐาน (Creativity-Based Learning : CBL) 2. การจดั การเรียนการสอนแบบ Active Learning

16 ชัว่ โมงท่ี 1 ข้นั นำเข้ำสูบ่ ทเรียน 1. ผู้สอนเปิดคลิปวิดีโอ Infographic คืออะไร เพื่อเป็นการกระตุ้นความสนใจ และเพ่ือเป็นการ ทบทวนความรเู้ ดิมของผ้เู รียน จากลิงค์ https://www.youtube.com/watch?v=_VVOo9iBUYg 2. ผ้สู อนถามผู้เรยี นเพ่ือเปน็ การกระตุน้ ใหเ้ กดิ การเรยี นรู้ เช่น “นกั เรียนคิดว่า ทำไม อินโฟกราฟกิ ถึงถูกนำมาใช้เปน็ ช่องทางการสอ่ื สารข้อมลู และความรู้ ที่นยิ มมากในปัจจบุ นั ” แนวคำตอบ : ช่วยให้ สรุปข้อมูลในปริมาณมากให้เข้าใจได้ง่ายขึ้น การใช้ภาพช่วยให้น่าสนใจและ จดจำไดด้ ี ขัน้ สอน 3. ผสู้ อนอธิบายว่า ปัจจุบันอินโฟกราฟิก (Infographic) ปรากฏตามสื่อ ตามป้ายสาธารณะ หรือแม้แต่ คมู่ ือการใชง้ านในหลายอยา่ ง โดยอินโฟกราฟิก (Infographic) เกดิ ขน้ึ สามปี ก่อนคริสต์ศกั ราช และ ถกู ใช้งานมาอย่างต่อเนือ่ ง เนื่องจากอินโฟกราฟิกชว่ ยใหก้ ารนำเสนอข้อมลู น่าสนใจมากขึน้ ทำใหก้ าร สื่อสารเปน็ ไปอย่างราบรื่นในเวลารวดเร็ว 4. ผู้สอนเปิด Slide สื่อการสอน ความเปน็ มาของอนิ โฟกราฟกิ (Infographic) พร้อมกบั อธิบาย สามปี กอ่ นครสิ ตศ์ กั ราช ภาพเขียนบนผนังถํ้าสามารถอนุมานได้ว่าเป็นอินโฟกราฟิกชิ้นแรกท่ีเกิดขึ้น เช่นเดียวกับ วฒั นธรรมการใชอ้ ักษร ภาพของชาวอยี ิปต์เพ่อื เล่าเรื่องราวชีวิต การทาํ งานและศาสนา หรอื ชาวจนี ท่ี มคี ําจารึกตามเศษกระดกู สตั วห์ รอื กระดองเต่า ท่ีเรียกกนั วา่ กระดกู เสยี่ งทาย (Oracle bone) ปี ค.ศ.1786 William Playfair วิศวกรชาวสกอตแลนด์เป็นคนแรกท่ีนําขอ้ มูลทางสถิติมาแสดงในรูปแบบของ แผนภูมิและกราฟเพ่ือแสดงถึงเศรษฐกิจของประเทศอังกฤษและได้ตีพิมพ์ลงในหนังสือชื่อ The Commercial and Political Atlas ปี ค.ศ.1857

17 พยาบาลชาวองั กฤษ ฟลอเรนซ์ ไนตงิ เกล (Florence Nightingale) เปน็ ผอู้ อกแบบอินโฟกราฟิก “กุหลาบไนติงเกล” (Nightingale Rose Diagram) ไดอะแกรมทรงพลังระดับเปลี่ยนสังคมข้ึนมาได้ จากการได้เขา้ ไปดูแลทหารท่ีผา่ นสงครามมาในค่าย โดยนําเสนอขอ้ มลู ในรปู แบบทีท่ ัง้ ดึงดดู ทสี่ ุด และ เขา้ ใจง่ายท่สี ุดไปพรอ้ มกัน ปี ค.ศ.1933 ท่ีประเทศอังกฤษ เมื่อ Harry Beck ได้สร้างแผนท่ีการคมนาคมของกรุงลอนดอนเป็นคร้ังแรก โดยแสดงเส้นทางการขนสง่ มวลชนสาธารณะและสถานเี ดนิ รถ เปน็ การนาํ แผนภมู ริ ปู ภาพ เขา้ มาใชใ้ น ชวี ิตประจําวัน ปี ค.ศ.1972 OtlAicher นักออกแบบชาวเยอรมันได้จัดทําสัญลักษณ์ภาพ (Pictogram) สําหรับงานกีฬา โอลมิ ปิกท่ีจดั ขึ้นทเี่ มืองมวิ นกิ ประเทศเยอรมัน โดยสัญลักษณ์ภาพท่จี ดั ทําข้ึนเปน็ รูปรา่ งท่าทางต่าง ๆ ของมนษุ ย์ ซึง่ ยังมีอทิ ธิพลตอ่ เนื่องมาถึงสัญลกั ษณต์ ามปา้ ยสาธารณะต่างๆ ปี ค.ศ.1982 หนังสือพิมพ์ USA TODAY ใช้อินโฟกราฟิกในการนําเสนอข่าวสารเปลี่ยนจากการนําเสนอใน รูปแบบตัวหนังสือระบบพิมพ์ขาวดํามาเป็นใช้ระบบพิมพ์แบบสีและใช้การทํางานของ ภาพอินโฟ กราฟิกในการนาํ เสนอข่าวสารแทนรปู แบบเดิม ปี ค.ศ.2005 เว็บไซต์ digg และ reddit ที่รวบรวมและเผยแพร่ข่าวสารบทความด้านเทคโนโลยี ซ่ึงทํางาน ร่วมกับเครือข่ายสังคม โดยเปิดช่องทางให้ใครก็ได้โพสต์ข้อมูลท่ีน่าสนใจ โดยคนส่วนมากนำเสนอ ขอ้ มลู โดยใชอ้ ินโฟกราฟกิ ปจั จุบัน ปัจจุบันอินโฟกราฟิกถูกนำไปใช้หลากหลายมากย่ิงข้ึนเรื่อยๆ ต้ังแต่วัตถุประสงค์เพ่ือการ ประชาสัมพันธ์ ไปจนถึงการย่อยข้อมูลท่ียากๆ ให้ส่ือสารเข้าใจง่าย ซ่ึงแนวโน้มการใช้อินโฟกราฟิก เร่ิมเห็นไดอ้ ย่างชัดเจนในช่วง 5 – 8 ปี ที่ผา่ นมา 5. ผูส้ อนให้ผเู้ รียนทำกิจกรรม คน้ คว้าหาความรู้ พรอ้ มอธิบายวธิ กี ารทำกจิ กรรม คอื ใหผ้ เู้ รยี นหาขอ้ มูล เพ่มิ เตมิ เก่ยี วกับหวั ขอ้ ที่กำหนด ซึง่ ประกอบด้วย 1. กระดูกเสยี่ งทาย (Oracle bone) 2. แผนภูมิและกราฟเพื่อแสดงถงึ เศรษฐกิจของประเทศองั กฤษและไดต้ พี มิ พ์ลงในหนงั สอื ชือ่ The Commercial and Political Atlas 3. กหุ ลาบไนตงิ เกล (Nightingale Rose Diagram) 4. แผนทกี่ ารคมนาคมของกรุงลอนดอน ท่ีสร้างขึน้ คร้งั แรก 5. Pictogram ในงานกฬี าโอลิมปิกที่จดั ขึน้ ทเ่ี มอื งมิวนิก ประเทศเยอรมัน

18 6. ผสู้ อนแจกใบงานท่ี 2 ความเป็นมาของอินโฟกราฟิก (Infographic) พรอ้ มอธบิ ายวิธีการทำใบงาน คอื จากข้อมูลที่ผู้สอนได้อธิบายไปเกี่ยวกับประวัติความเป็นมาของอินโฟกราฟิก และจากข้อมูลที่ได้ จากการค้นหาข้อมูลเพิ่มเติม ให้นักเรียน สรุปข้อมูลเพื่อนำเสนอ โดยวาดภาพเพื่อเล่าเรื่องความ เป็นมาของอินโฟกราฟิก โดยแบง่ เปน็ ปี ค.ศ. ตามทผ่ี ูส้ อนได้อธิบายไป 7. ผู้สอนให้เวลาผู้เรียนในการทำใบงาน โดยท่ีผู้สอนคอยดูแลความเรียบร้อยและคอยให้คำแนะนำ เพม่ิ เตมิ 8. เม่ือครบกำหนดเวลา ผู้สอนสุ่มผู้เรยี นออกมนำเสนอใบงาน โดยให้ผเู้ รยี นคนอื่น ๆ ร่วมกันเสนอแนะ แสดงความคิดเหน็ 9. ผู้สอนอธิบายเพ่ิมเติมว่า จากความเป็นมาของอินโฟกราฟิกจะเห็นว่าอินโฟกราฟิกมีความสำคัญใน การชว่ ย สรุปข้อมูลในปริมาณมากให้เข้าใจได้ง่ายข้ึน ช่วยให้การนำเสนอขอ้ มูลน่าสนใจมากขึ้น ช่วย ให้การสือ่ สารเปน็ ไปอยา่ งราบรนื่ ในเวลารวดเรว็ และชัดเจน 6ช.่ัวโมงที่ 2 ขัน้ สอน (ต่อ) 10. ผสู้ อนให้ผเู้ รียนแบ่งกลุม่ กลมุ่ ละ 3 คน เพอื่ ทำกจิ กรรม “หวั ทา้ ย ตายกอ่ น” พรอ้ มกบั อธบิ าย วธิ ีการทำกิจกรรมคือ a. ผู้สอนจะแจก ใบงานที่ 3 ประโยชนแ์ ละขอ้ จำกัดของอนิ โฟกราฟกิ b. ในชอ่ งรอบท่ี 1 ให้แตล่ ะกลมุ่ เขยี นประโยชน์ของอนิ โฟกราฟิก ภายในระยะเวลา 10 นาที c. ครบ 10 นาที ให้ทุกกล่มุ วางปากกา กลุ่มใดเขยี นไดม้ ากทส่ี ุดตกรอบ กลมุ่ ใดเขียนไดน้ อ้ ยทสี่ ุด ตกรอบ กลุม่ ที่จะได้เข้ารอบต่อไปเป็นกล่มุ ที่ได้คะแนนกลาง ๆ d. ในชอ่ งรอบท่ี 2 ใหแ้ ตล่ ะกลุ่มเขยี นข้อจำกัดของอินโฟกราฟิกภายในระยะเวลา 10 นาที e. ครบ 10 นาที ให้ทุกกลมุ่ วางปากกา กลมุ่ ใดเขียนได้มากทีส่ ุดตกรอบ กล่มุ ใดเขียนไดน้ อ้ ยทสี่ ุด ตกรอบ กลุ่มท่ีจะได้เขา้ รอบตอ่ ไปเป็นกลมุ่ ท่ีได้คะแนนกลาง ๆ f. ในช่องรอบท่ี 3 ให้แต่ละกลุ่มเขยี นอาชีพที่ควรใช้อินโฟกราฟกิ เพอื่ เพิ่มประสทิ ธิภาพการทำงาน พร้อมบอกเหตผุ ล ภายในระยะเวลา 10 นาที g. ครบ 10 นาที ให้ทกุ กลมุ่ วางปากกา กล่มุ ใดเขยี นไดม้ ากท่สี ุดตกรอบ กลุ่มใดเขียนได้นอ้ ยทส่ี ุด ตกรอบ กลุ่มทไ่ี ด้คะแนนกลาง ๆ เปน็ ผชู้ นะ h. ผู้สอนให้กลุ่มที่ชนะ (อาจจะมีมากกว่า 1 กลุ่มก็ได้) นำเสนอใบงาน โดยให้กลุ่มอื่น ๆ ร่วมกัน เสนอแนะแสดงความคดิ เห็น

19 11. ผสู้ อนอธิบายเพ่ิมเติมวา่ การสื่อสารดว้ ยอินโฟกราฟิกมีจุดเดน่ คือ ง่ายต่อการทำความเข้าใจเนื้อหา ช่วยให้ผู้รับสารสามารถจดจำข้อมูลได้ดีกว่า ประหยัดเวลาในการศึกษาข้อมูล และยังสามารถดึงดูด ความสนใจได้มากกว่าอีกด้วย นอกจากน้ี การนำข้อมูลไปเผยแพรต่ ่อยังสามารถทำได้ได้ง่าย จึงสรุป เป็นประโยชนข์ องอนิ โฟกราฟกิ ได้ ดงั น้ี 1. ชว่ ยให้การนำเสนอขอ้ มลู ข่าวสารนน้ั ๆ ดึงดูดความสนใจของกลมุ่ เป้าหมายได้มากขึ้น 2. ชว่ ยให้เข้าใจเน้ือหาสาระทม่ี เี ป็นจำนวนมากไดง้ ่ายข้นึ และรวดเร็วขนึ้ 3. ช่วยพัฒนาทกั ษะการคดิ วิเคราะห์ ยกระดับความสามารถในการคิด และพฒั นาการจัดการ กับแนวคิด 4. ทำใหผ้ ู้รบั สารมีความจำในเร่ืองท่ีรบั ร้เู พม่ิ มากขึ้น 5. สามารถแสดงผลได้หลากหลายรูปแบบ เชน่ ภาพนิ่ง ภาพเคล่อื นไหว ข้ันสรปุ 12. ผู้สอนและผู้เรยี นร่วมกันสรปุ วา่ อนิ โฟกราฟกิ มีท้งั ข้อดีและข้อจำกดั เปน็ ช่องทางการสือ่ สาร ท่ีเหมาะสำหรบั ทุกสาขาอาชีพ เพอ่ื ใช้ในการส่อื สารทมี่ ีประสิทธิภาพ และนา่ สนใจมากยงิ่ ข้ึน 13. ผ้สู อนเปิดโอกาสให้ผูเ้ รยี นสอบถามเพมิ่ เติม 9. สื่อการเรียนรู้ 1. คลปิ วิดีโอ Infographic คอื อะไร ลิงค์ https://www.youtube.com/watch?v=_VVOo9iBUYg 2. Slide สื่อการสอน ความเปน็ มาของอนิ โฟกราฟกิ (Infographic) 3. กจิ กรรม คน้ ควา้ หาความรู้ 4. ใบงานท่ี 2 ความเปน็ มาของอนิ โฟกราฟิก (Infographic) 5. กิจกรรม “หวั ทา้ ย ตายกอ่ น” 6. ใบงานท่ี 3 ประโยชน์และขอ้ จำกัดของอินโฟกราฟกิ

20 10. การวัดและประเมนิ ผล เคร่อื งมอื เกณฑ์ วธิ ีการ คณุ ภาพอยใู่ นระดับ ดี กจิ กรรม ค้นคว้าหาความรู้ แบบประเมินพฤตกิ รรมกลมุ่ ผา่ นเกณฑ์ ตรวจใบงานที่ 2 ความเป็นมา แบบประเมินผลงาน คุณภาพอยูใ่ นระดับ ดี ของอินโฟกราฟิก (Infographic) ผ่านเกณฑ์ กิจกรรม “หัวทา้ ย ตายก่อน” แบบประเมินพฤติกรรมกลุ่ม คณุ ภาพอยใู่ นระดับ ดี ผา่ นเกณฑ์ ตรวจใบงานที่ 3 ประโยชนแ์ ละ แบบประเมนิ ผลงาน ข้อจำกัดของอินโฟกราฟิก คณุ ภาพอยู่ในระดับ ดี ผ่านเกณฑ์

21 ข้อเสนอแนะของครูพี่เลย้ี ง .................................................................................................................................................................................... ...................................................................................................................................................................................... .................................................................................................................................................................................... ลงช่ือ ...................................... (นางสาวจริ าภรณ์ โงนเนยี ม) ตำแหนง่ ครู คศ.1 ข้อเสนอแนะของผบู้ ริหารสถานศึกษา .................................................................................................................................................................................... ...................................................................................................................................................................................... .................................................................................................................................................................................... ลงช่ือ ...................................... (นายแมนสรวง เมนะเนตร) ตำแหนง่ ผ้อู ำนวยการโรงเรียนบา้ นนาวงั

22 กลุ่มสาระการเรียนร้วู ิทยาศาสตรแ์ ละเทคโนโลยี ชน้ั ประถมศกึ ษาปีท่ี 5 คอมพวิ เตอรเ์ พมิ่ เติม การออกแบบ Infographic ด้วย Canva จำนวน 8 ชวั่ โมง หน่วยการเรยี นรูท้ ี่ 2 หลักการออกแบบอินโฟกราฟกิ (Infographic) เวลาเรยี น 2 ชั่วโมง แผนการจัดการเรียนรทู้ ี่ 3 Layout 1. ผลการเรยี นรู้ อธบิ ายหลักการออกแบบอนิ โฟกราฟิก (Infographic) ได้ 2. สาระสำคญั /ความคดิ รวบยอด การออกแบบอินโฟกราฟิก ใหด้ ูนา่ สนใจ สามารถออกแบบได้ด้วย เทคนิค 9 Layout ซึง่ ประกอบดว้ ย • แบบท่ี 1 Visualized Article Layout • แบบท่ี 2 Listed Layout • แบบท่ี 3 Comparison Layout • แบบที่ 4 Structure Layout • แบบที่ 5 Timeline Layout • แบบที่ 6 Flowchart Layout • แบบที่ 7 Roadmap Layout • แบบที่ 8 Useful Bait Layout • แบบที่ 9 NumberPorn Layout 3. จุดประสงค์การเรียนรู้ 1. อธิบายวิธีการวาง Layout ในการออกแบบอนิ โฟกราฟกิ (Infographic) ในแบบต่าง ๆ ได้ (K) 2. เลือก Layout ท่ีเหมาะสมในการออกแบบอินโฟกราฟิก (Infographic) (P) 3. เห็นความสำคัญของการเลอื ก Layout ในการออกแบบอินโฟกราฟิก (Infographic) (A) 4. สาระการเรยี นรู้ 1. หลักการออกแบบอนิ โฟกราฟิกใหน้ ่าสนใจ 2. การใช้เทคนคิ 9 Layout ในการออกแบบอนิ โฟกราฟิก (Infographic) 3. ตัวอยา่ งอินโฟกราฟกิ ที่ใช้ เทคนิค 9 Layout 4. โมชนั อนิ โฟกราฟกิ (Motion infographic) คือ อินโฟกราฟิกแบบเคลือ่ นไหวได้

23 5. สมรรถนะสำคญั ของผู้เรยี น 1. ความสามารถในการสอ่ื สาร 2. ความสามารถในการคิด 3. ความสามารถในการแกป้ ัญหา 4. ความสามารถในการใชท้ กั ษะชีวิต 5. ความสามารถในการใช้เทคโนโลยี 6. คุณลักษณะอันพึงประสงค์ 1. มีวนิ ยั 2. ใฝเ่ รียนรู้ 3. มุ่งมน่ั ในการทำงาน 7. ภาระงาน 1. ใบงานที่ 4 หลกั การออกแบบอินโฟกราฟิกใหน้ ่าสนใจ 2. ใบงานท่ี 5 เทคนคิ 9 Layout 8. การจดั กิจกรรมการเรียนรู้ 1. วิธีการสอนแบบสร้างสรรคเ์ ปน็ ฐาน (Creativity-Based Learning : CBL) 2. การจัดการเรยี นการสอนแบบ Active Learning

24 ชว่ั โมงท่ี 1 ขัน้ นำเข้ำส่บู ทเรียน 1. ผสู้ อนเปิดคลปิ วดิ ีโอ โรคเบาหวาน เพื่อเปน็ การกระตนุ้ ความสนใจของผูเ้ รียน จากลงิ ค์ https://www.youtube.com/watch?v=JFjPZkkSztA 2. ผู้สอนอธิบายว่า จากคลิปวีดีโอ เป็นการนำเสนอข้อมูลเกี่ยวกับโรคเบาหวานด้วยโมชันอินโฟราฟิก (Motion infographic) หรอื อนิ โฟกราฟิกแบบเคล่ือนไหวได้ ทำให้น่าสนใจมากย่ิงขน้ึ นักเรียนคิดว่า มีเทคนิคอะไรบา้ งท่ที ำให้คลิปวดี ีโอนม้ี าความนา่ สนใจ แนวคำตอบ การเลือกใชส้ ี การเลือกใช้ภาพ การใช้คำพดู ทก่ี ระชบั ขัน้ สอน 3. ผู้สอนเปิด Slide สอ่ื การสอน เรอื่ ง หลกั การออกแบบอนิ โฟกราฟกิ ใหน้ ่าสนใจ พร้อมอธบิ าย 1. เน้นท่หี วั ขอ้ หลกั หัวข้อเดยี ว (Focus on a single topic) พจิ ารณาหัวข้อหลกั ในการสรา้ งอนิ โฟกราฟิก หลังจากกำหนดหัวข้อแลว้ กำหนดคำถามเฉพาะท่ี ตอ้ งการคำตอบในอินโฟกราฟกิ 2. ออกแบบให้เขา้ ใจง่าย (Keep it simple) ขอ้ มลู ไม่อดั แน่นซับซ้อนสับสน เขา้ ใจไดง้ า่ ย ไมท่ ำ ให้ผอู้ า่ นและผูช้ มยุง่ ยาก ภาพที่ซับซอ้ น จะทำ ให้การตีความผดิ พลาด 3. ขอ้ มูลเป็นสง่ิ สำคัญ (Data is important) การสรา้ งอนิ โฟกราฟิกต้องคำนึงถึงข้อมูลที่เก่ียวกับหัวขอ้ เป็นสำคัญ การออกแบบต้องไม่ทำ เกิน ขอบเขตของหวั ขอ้ ซึ่งจะเปน็ การทำลายขอ้ มลู ท่ีจำเป็น ตอ้ งแนใ่ จว่าการออกแบบเนน้ ท่ีขอ้ มูล และรปู แบบของอินโฟกราฟิก 4. แน่ใจวา่ ข้อเท็จจริงถูกต้อง (Be sure facts are correct) การทำข้อมูลให้ถูกต้องเป็นส่ิงสำคัญ ถ้าไม่ถูกต้องจะลดความน่าเช่ือถือของอินโฟกราฟิกดังน้ัน กอ่ นทจี่ ะสรา้ งอนิ โฟกราฟกิ ต้องแนใ่ จวา่ ขอ้ มูลถกู ต้อง ศกึ ษาค้นคว้าหาขอ้ เทจ็ จริง

25 5. ใหอ้ นิ โฟกราฟกิ เป็นตวั เลา่ เรอื่ ง (Let it tell a story) อินโฟกราฟิกท่ีมีประสิทธิภาพสามารถเล่าเร่ืองราวด้วยภาพวาดหรือกราฟิก ซ่ึงสามารถสามารถ ถ่ายทอดข้อมูลได้ ถึงแมว้ า่ ผูช้ มจะไม่ได้อ่านขอ้ มูลมาก่อน 6. การออกแบบท่ีดที ำ ใหม้ ปี ระสิทธภิ าพ (Good design is effective) การบรรยายด้วยภาพถ้ามีการออกแบบที่ดีจะดึงดูดใจผู้ชม ใช้ความคิดสร้างสรรค์ออกแบบให้ น่าสนใจ ภาพ กราฟิก สี ชนดิ แบบ และชอ่ งวา่ ง เปน็ ส่ิงสำคัญในการออกแบบ 7. ใช้สที ด่ี ึงดดู ความสนใจ (Choose attractive colors) ควรเลอื กใช้สีที่กระตุ้นดึงดูดความสนใจผชู้ ม ใช้สีให้ถูกต้องเหมาะสมกบั หัวข้อ กำหนดกลุ่มเป้าหมาย ให้ชดั เจน ใชส้ ี 2 – 4 สี 8. ใชค้ ำพดู ท่ีกระชับ (Use short texts) สรุปข้อความให้สนั้ กระชับตรงกบั จดุ หมายท่ตี ้องการนำเสนอ อาจใช้แผ่นป้ายหรือข้อมูลส้ันๆ มา สนบั สนุนภาพ การทำ เรอ่ื งราวให้ดงึ ดูดความสนใจอาจใชต้ ัวเลขมาสรุปเปรยี บเทยี บขอ้ มลู และควรใช้ ตัวหนังสือที่อ่านเข้าใจง่าย 9. ตรวจสอบตวั เลขข้อมลู Check your numbers) การนำเสนอข้อมูลด้วยตัวเลขผ่านกราฟและแผนผัง ต้องตรวจสอบความถูกต้องของตัวเลขและ ภาพวาด และต้องรู้ว่าตัวเลขไหนควรใช้และไม่ควรมีอยู่ ด้วยวิธีนี้จะทำ ให้อินโฟกราฟิกส์มี ประสทิ ธิภาพมากข้ึน 10. ทำไฟล์อินโฟกราฟิกให้เล็ก (Make the file size small) ทำไฟล์อินโฟกราฟิกให้เล็ก แต่ไม่ควรลดคุณภาพของรูปภาพควรใช้ไฟล์ เพื่อให้ผู้ชมเข้าถึงและ ดาวน์โหลดข้อมลู ได้ง่าย และนำไปใช้ตอ่ ได้ดี ตามจุดประสงคท์ ี่ต้องการ 4. ผ้สู อนแจกใบงานท่ี 4 หลักการออกแบบอนิ โฟกราฟิกให้น่าสนใจ พร้อมอธิบายวิธกี ารทำใบงาน คือ ให้ผู้เรียนเปรียบเทียบ อินโฟกราฟิก ท้ังสอบแบบว่าแบบใดมีความน่าสนใจมากกว่า พร้อมกับบอก เหตผุ ล 5. ผู้สอนให้เวลาผู้เรียนในการทำใบงาน โดยที่ผู้สอนคอยดูแลความเรียบร้อยและคอยให้คำแนะนำ เพม่ิ เตมิ 6. ผู้สอนสุ่มผู้เรียนออกมานำเสนอใบงาน โดยให้ผู้เรียนคนอื่น ๆ รวมท้ังผู้สอนร่วมกันเสนอแนะแสดง ความคดิ เห็น 7. ผู้สอนอธิบายเพ่ิมเติม ว่า การจัดห้องนอน หรือ ห้องเรียน ให้เป็นระเบียบ เป็นสัดส่วน มีประโยชน์ ชว่ ยให้ห้องโลง่ สบายตา เป็นระเบียบ เรียบร้อย เช่นเดียวกับ การออกแบบอินโฟกราฟกิ จะต้องแบ่ง สัดส่วนของข้อมูล และ รูปภาพให้เหมาะสม เรยี กวา่ การวาง Layout เมื่อนักเรียนมขี ้อมลู ดี ๆ แต่ นำเสนอไม่ถูกวิธี ข้อมูลดี ๆ ก็อาจกลายเปน็ ไม่ดีได้

26 ชวั่ โมงที่ 2 ขนั้ สอน (ต่อ) 8. ผู้สอนแบ่งกลุ่มนักเรียน กลุ่มละ 3 คน และให้แต่ละกลุ่มศึกษาเทคนิค 9 Layout จากลิงค์ shorturl.asia/IjOt6 โดยผสู้ อนให้เวลาผเู้ รยี นในการศกึ ษาข้อมลู 20 นาที 9. ผสู้ อนคอยดูแลความเรยี บรอ้ ยและคอยใหค้ ำแนะนำเพ่ิมเตมิ 10. ผู้สอนแจกใบงานที่ 5 เทคนิค 9 Layout ให้แต่ละกลมุ่ พรอ้ มอธิบายวิธีการทำใบงาน คือ ให้แต่ละ กลุ่ม วาดรปู แบบโครงร่างของ Layout ตามที่ผู้สอนกำหนดให้แต่ละกลมุ่ พร้อมอธิบายว่า Layout ที่ ผู้สอนกำหนดให้ เหมาะสมกับการนำเสนอขอ้ มลู ประเภทใด 11. ผู้สอนให้เวลาผู้เรียนในการทำใบงาน โดยท่ีผู้สอนคอยดูแลความเรียบร้อยและคอยให้คำแนะนำ เพม่ิ เติม 12. ผู้สอนให้ผู้เรียนแต่ละกลุ่มออกมานำเสนอใบงาน โดยให้ผู้เรียนกลุ่มอ่ืน ๆ ร่วมกันเสนอแนะ แสดง ความคิดเห็น 13. ผสู้ อนอธบิ ายเพ่มิ เติม ว่า การออกแบบอนิ โฟกราฟิก ให้ดนู า่ สนใจ สามารถออกแบบไดด้ ้วย เทคนิค 9 Layout ซึ่งประกอบด้วย แบบท่ี 1 Visualized Article Layout แบบท่ี 2 Listed Layout แบบที่ 3 Comparison Layout แบบที่ 4 Structure Layout แบบที่ 5 Timeline Layout แบบที่ 6 Flowchart Layout แบบที่ 7 Roadmap Layout แบบท่ี 8 Useful Bait Layout แบบท่ี 9 NumberPorn Layout ขัน้ สรุป 14. ผู้สอนและผู้เรยี นร่วมกนั สรปุ วา่ การออกแบบอินโฟกราฟิกใหน้ ่าสนใจ ไมค่ วรใช้ขอ้ มลู มากเกินไป ไม่ควรใช้สีมากเกินไป ไม่ควรใช้ตัวเลขท่ีมากเกินไป และควรตรวจสอบการสะกดคำให้ถูกต้อง ตรวจสอบแหล่งทม่ี าของข้อมลู ประเมินความนา่ เชือ่ ถอื ของข้อมูล รวมทัง้ ใชเ้ ทคนิคการวาง Layout โดยเลือก Layout ท่ีเหมาะสมกบั เนอื้ หาทีต่ ้องการนำเสนอ เพ่ือทำให้อินโฟกราฟกิ มีความนา่ สนใจ

27 15. ผู้สอนเปิดโอกาสใหผ้ ูเ้ รยี นสอบถามเพ่ิมเติม 9. ส่อื การเรยี นรู้ 1. คลิปวดิ โี อ โรคเบาหวาน จากลงิ ค์ https://www.youtube.com/watch?v=JFjPZkkSztA 2. Slide สอ่ื การสอน เร่ือง หลักการออกแบบอนิ โฟกราฟกิ ให้นา่ สนใจ 3. ใบงานท่ี 4 หลักการออกแบบอนิ โฟกราฟกิ ใหน้ า่ สนใจ 4. เทคนคิ 9 Layout จากลงิ ค์ shorturl.asia/IjOt6 5. ใบงานที่ 5 เทคนิค 9 Layout 10. การวัดและประเมนิ ผล วธิ กี าร เครื่องมือ เกณฑ์ ตรวจ ใบงานท่ี 4 หลกั การ แบบประเมินผลงาน คุณภาพอยู่ในระดับ ดี ออกแบบอนิ โฟกราฟิกใหน้ ่าสนใจ ผา่ นเกณฑ์ ตรวจ ใบงานท่ี 5 เทคนิค 9 แบบประเมนิ ผลงาน คณุ ภาพอย่ใู นระดับ ดี Layout ผา่ นเกณฑ์ ประเมนิ พฤตกิ รรมรายบุคคลจาก แบบประเมินพฤติกรรม คุณภาพอยใู่ นระดับ ดี การทำกิจกรรม รายบุคคล ผ่านเกณฑ์ ในห้องเรียน

28 ข้อเสนอแนะของครูพ่ีเลย้ี ง .................................................................................................................................................................................... ...................................................................................................................................................................................... .................................................................................................................................................................................... ลงชื่อ ...................................... (นางสาวจริ าภรณ์ โงนเนยี ม) ตำแหนง่ ครู คศ.1 ข้อเสนอแนะของผบู้ รหิ ารสถานศกึ ษา .................................................................................................................................................................................... ...................................................................................................................................................................................... .................................................................................................................................................................................... ลงช่ือ ...................................... (นายแมนสรวง เมนะเนตร) ตำแหนง่ ผ้อู ำนวยการโรงเรียนบา้ นนาวงั

29 กลุ่มสาระการเรยี นรูว้ ิทยาศาสตร์และเทคโนโลยี ชั้นประถมศกึ ษาปที ่ี 5 คอมพวิ เตอรเ์ พมิ่ เตมิ การออกแบบ Infographic ด้วย Canva จำนวน 8 ชั่วโมง หนว่ ยการเรียนรทู้ ่ี 2 หลกั การออกแบบอินโฟกราฟิก (Infographic) เวลาเรยี น 2 ชว่ั โมง แผนการจดั การเรียนรู้ท่ี 4 Color 1. ผลการเรียนรู้ อธิบายหลกั การออกแบบอินโฟกราฟกิ (Infographic) ได้ 2. สาระสำคัญ/ความคดิ รวบยอด ในการออกแบบอินโฟกราฟิกให้น่าสนใจ จำเป็นต้องเลือกใช้จิตวิทยาสี (Color Psycho) เน่ืองจาก สีมี อิทธิพล และส่งผลต่อความรู้สึก ช่วยดึงดูดความสนใจ ควรเลือกสีที่เหมาะสมกบั เรอ่ื งท่ีตอ้ งการจะส่ือสาร และไม่ ควรใชส้ เี กนิ 4 สี Adobe Color เป็นเครื่องมือท่ชี ่วยวเิ คราะห์เฉดสี โดยฟงั กช์ ันในการใช้งานมีอยู่ 3 สว่ นหลักๆ คอื 1. การสรา้ งชดุ สจี ากวงล้อสี 2. การเลือกชุดสจี ากเมนู Explore 3. การสร้างชดุ สจี ากภาพ 3. จดุ ประสงค์การเรยี นรู้ 1. อธบิ ายวิธีการเลอื กสีท่เี หมาะสมกับเนือ้ หาในการออกแบบอนิ โฟกราฟิก (Infographic) ได้ (K) 2. ใช้เครอื่ งมอื ในการเลอื กสเี พอ่ื นำมาออกแบบอินโฟกราฟิก (Infographic) ให้น่าสนใจได้ (P) 3. เหน็ ความสำคญั ของการเลอื กใช้สีในการออกแบบอนิ โฟกราฟิก (Infographic) (A) 4. สาระการเรยี นรู้ 1. ทฤษฎสี ี 2. จิตวิทยาสี (Color Psycho) 3. เคร่ืองมือท่ชี ่วยวิเคราะห์สี Adobe Color 5. สมรรถนะสำคัญของผเู้ รยี น 1. ความสามารถในการสอ่ื สาร 2. ความสามารถในการคิด 3. ความสามารถในการแกป้ ญั หา 4. ความสามารถในการใช้ทกั ษะชวี ติ 5. ความสามารถในการใช้เทคโนโลยี

30 6. คณุ ลักษณะอนั พงึ ประสงค์ 1. มีวนิ ัย 2. ใฝเ่ รยี นรู้ 3. มงุ่ มั่นในการทำงาน 7. ภาระงาน 1. กจิ กรรม สรา้ งชดุ สีจากภาพ 2. ใบงานท่ี 6 การเลอื กใช้สี 8. การจัดกิจกรรมการเรียนรู้ 1. วธิ ีการสอนแบบสรา้ งสรรคเ์ ป็นฐาน (Creativity-Based Learning : CBL) 2. การจัดการเรยี นการสอนแบบ Active Learning

31 ช่ัวโมงท่ี 1 ขั้นนำเขำ้ สู่บทเรยี น 1. ผสู้ อนถามผู้เรยี นเพอ่ื เป็นการกระตุ้นความสนใจของผูเ้ รียน เชน่ “เม่ือนักเรยี นเห็นภูเขาทีอ่ ุดมสมบรู ณ์ ไปด้วยต้นไม้ นกั เรยี นรู้สึกอย่างไร?” 2. ผูส้ อนอธิบายเพ่ิมเติมว่า สีเขียวของธรรมชาติ สิ่งแวดล้อม การเตบิ โตและความอุดมสมบูรณ์ ในทาง จิตวิทยาของสี จะทำความรู้สึกสดใส สดชื่น เย็น ปลอดภัย สบายตา ผ่อนคลาย มุ่งหวัง และปลอบ ประโลมใหจ้ ติ ใจสงบ ขั้นสอน 3. ผสู้ อนเปดิ คลปิ วดิ ีโอ ความหมายของสี (meaning of color) จากลิงค์ https://www.youtube.com/watch?v=CTLoPI9__0M 4. ผู้สอนให้ผู้เรียนเปิดโปรแกรม Adobe Color จากลิงค์ https://color.adobe.com/ ซึ่ง Adobe Color เป็นเคร่อื งมือท่ีชว่ ยวิเคราะหเ์ ฉดสีเพ่ือใหส้ ี โดยท่สี ามารถเลือกเฉดสหี ลักได้เอง และโปรแกรม จะช่วยวิเคราะห์เฉดสีทีเ่ หลอื ใหเ้ หมาะสมกบั สหี ลักท่ีเลือกซึ่ง Adobe Color มีฟังก์ชันในการใชง้ านมี อยู่ 3 ส่วนหลักๆ คอื 1. การสร้างชุดสีจากวงล้อสี บนเว็บไซต์จะปรากฎในส่วนของการเลือกใช้สีจากวงล้อสี สามารถคลิกเมาส์ไปท่ีวงกลมสี ใน วงกลมสีขาวตามภาพตัวอย่าง แล้วเล่ือนไปยังสีท่ีต้องการ วงกลมสีอีก 4 สีที่เหลือก็จะเล่ือนไปยังสี ใหม่ที่เข้ากับสีท่ีเลือกในตอนแรก ส่วนเมนูทางด้านซ้ายมือเป็นฟังก์ชันท่ีคุณสามารถเลือกสีตาม หลักการใช้สีแบบต่าง ๆ ได้ เช่น Monochromatic คือการเลือกสีเฉพาะท่ีอยู่ในโทนเดียวกัน หรือ Complementary คือการเลอื กใช้สีคตู่ รงข้าม เป็นตน้

เลอื กสตี ามหลักการ 32 ใชส้ แี บบต่าง ๆ คลิกเมาสไ์ ปทวี่ งกลม สี 2. การเลือกชดุ สจี ากเมนู Explore เมนู Explore เป็นฟังก์ชัน ซ่ึงเป็นชุดสีท่ีมีคนสร้างเอาไว้ให้เลือกอยู่แล้ว โดยเราสามารถเข้าไป เลือกได้ตามต้องการ ตามอารมณ์การส่ือความหมาย เช่น หากต้องการชุดสีท่ีสื่อถึง modern technology กส็ ามารถพมิ พ์ Keyword ลงไปในชอ่ งค้นหาเพียงเท่านี้ทางเว็บไซต์กจ็ ะนำเสนอชุดสี ที่ส่ือถงึ modern technology ขนึ้ มามากมายใหเ้ ราเลอื กนำไปใช้งาน

33 3. การสร้างชุดสีจากภาพ สามารถสร้างชุดสจี ากภาพถ่ายได้ โดยเลือกที่ Extra Theme จากนนั้ Import รูปภาพท่ีตอ้ งการ ท่ีจะนำมาใช้เป็นชุดสี ทางเว็บไซต์จะคำนวณและเลือกสีจากภาพที่ Import เข้ามา นอกจากน้ียัง สามารถเลือก Color Mood เชน่ อยากได้โทนเขม้ หรือสว่างกวา่ เดมิ จากเมนทู างซ้ายมอื ไดอ้ ีกดว้ ย 5. ผู้สอนให้ผู้เรียนทำกจิ กรรม สร้างชุดสจี ากภาพ พร้อมอธิบายวิธีการทำกิจกรรม คือ ให้ผู้เรียนสร้าง โทนสีจากภาพถ่าย โดยให้ใช้โทรศัพท์มือถอื ถ่ายภาพบรรยากาศในหอ้ งเรยี น และนำภาพมากำหนด โทนสี และปรบั แตง่ ตามต้องการ 6. ผู้สอนให้เวลาผู้เรียนในการทำกิจกรรม โดยท่ีผู้สอนคอยดูแลความเรียบร้อยและคอยให้คำแนะนำ เพิ่มเตมิ 7. เมอ่ื ครบกำหนดเวลาผสู้ อนสมุ่ ผเู้ รียนออกมานำเสนอผลงาน โดยให้ผู้เรียนคนอื่น ๆ รว่ มกนั เสนอแนะ แสดงความคิดเห็น 8. ผู้สอนอธิบายเพ่มิ เติมว่า ถึงแมว้ ่าจะเปน็ การกำหนดโทนสจี ากภาพถ่ายที่อยู่ในบรรยากาศใกล้เคยี งกัน ซึ่งกค็ ือห้องเรยี น แต่จะเห็นว่า เฉดสีทไี่ ด้จะแตกตา่ งกนั ออกไป ซ่ึงมาจากประสบการณ์ และความตอ้ งการนำเสนอของแตล่ ะคน

34 16. ชว่ั โมงท่ี 2 ขั้นสอน (ต่อ) 9. ผู้สอนเปิดคลิปวดิ โี อ Color Theory – ทฤษฎีสี จากลงิ ค์ https://www.youtube.com/watch?v=GLiApwoaHwg 10. ผู้สอนแจกใบความรู้ ทฤษฎีสี (Color Theory) ใหผ้ เู้ รยี นได้ศึกษาเพ่ิมเติม 11. ผู้สอนแจกใบงานท่ี 6 การเลือกใช้สี พร้อมอธิบายวิธีการทำใบงาน คือ ให้ผู้เรียนแบ่งคร่ึงกระดาษ วาดเขยี นแนวนอนฝั่งหนง่ึ ระบายดว้ ยสวี รรณะอุ่น อีกฝง่ั หนึง่ ระบายด้วยสีวรรณะเยน็ ในหวั ขอ้ ภาวะโลกรอ้ น 12. ผู้สอนให้เวลาผู้เรียนในการทำกิจกรรม โดยที่ผู้สอนคอยดูแลความเรียบร้อยและคอยให้คำแนะนำ เพิม่ เติม 13. เม่อื ครบกำหนดเวลาผู้สอนสมุ่ ผู้เรยี นออกมานำเสนอใบงาน และใหผ้ ้เู รียนคนอ่ืน ๆ รว่ มกันเสนอแนะ แสดงความคดิ เหน็ 14. ผู้สอนอธิบายเพิ่มเติมวา่ ในการออกแบบอนิ โฟกราฟิก (Infographic) หากเลือกใช้คู่สีท่ีไม่เหมาะสม ระหว่างตัวอักษรกับพื้นหลัง จะทำให้ตัวอักษรกลืนไปกับพื้นหลัง และการเลือกใช้สีที่หลากหลาย จนเกินไป ทำให้อนิ โฟกราฟิก (Infographic) ไมน่ า่ สนใจและยงั เป็นการรบกวนสายตาอกี ดว้ ย ขั้นสรปุ 15. ผู้สอนและผู้เรียนร่วมกันสรุปว่า การออกแบบอินโฟกราฟิกให้น่าสนใจ ควรใช้สีเพียงแค่ 3-4 สีและ ควรเลือกใช้คู่สีที่เหมาะสม ถ้าสีตัวหนังสือเป็นสีอ่อน ควรเลือก Background เป็นสีเข้ม และถ้า Background เป็นสอี ่อนมก็ควรเลือกให้ตวั หนังสอื เปน็ สเี ข้ม เพ่ือสร้างความแตกตา่ งของสีใหส้ ามารถ อ่านข้อความไดง้ ่ายขนึ้ 16. ผู้สอนเปิดโอกาสให้ผ้เู รยี นสอบถามเพิ่มเตมิ

9. ส่ือการเรยี นรู้ 35 1. คลปิ วิดโี อ ความหมายของสี (meaning of color) 2. โปรแกรม Adobe Color เกณฑ์ 3. กิจกรรม สรา้ งชุดสีจากภาพ คุณภาพอยใู่ นระดับ ดี 4. คลิปวิดีโอ Color Theory – ทฤษฎีสี 5. ใบความรู้ ทฤษฎีสี (Color Theory) ผ่านเกณฑ์ 6. ใบงานท่ี 6 การเลอื กใช้สี คุณภาพอยใู่ นระดับ ดี 10. การวัดและประเมินผล ผา่ นเกณฑ์ คุณภาพอยู่ในระดบั ดี วิธกี าร เครือ่ งมอื ผ่านเกณฑ์ กจิ กรรม สร้างชดุ สีจากภาพ แบบประเมินผลงาน ตรวจ ใบงานที่ 6 การเลือกใช้สี แบบประเมินผลงาน ประเมนิ พฤตกิ รรมรายบุคคล แบบประเมินพฤตกิ รรม จากการทำกจิ กรรม สรา้ งชดุ สี รายบคุ คล จากภาพ

36 ข้อเสนอแนะของครูพ่ีเลย้ี ง .................................................................................................................................................................................... ...................................................................................................................................................................................... .................................................................................................................................................................................... ลงช่ือ ...................................... (นางสาวจริ าภรณ์ โงนเนยี ม) ตำแหนง่ ครู คศ.1 ข้อเสนอแนะของผบู้ ริหารสถานศกึ ษา .................................................................................................................................................................................... ...................................................................................................................................................................................... .................................................................................................................................................................................... ลงช่ือ ...................................... (นายแมนสรวง เมนะเนตร) ตำแหนง่ ผ้อู ำนวยการโรงเรียนบา้ นนาวงั

37 กลุ่มสาระการเรียนรู้วิทยาศาสตรแ์ ละเทคโนโลยี ชนั้ ประถมศึกษาปีท่ี 5 คอมพวิ เตอรเ์ พม่ิ เตมิ การออกแบบ Infographic ด้วย Canva จำนวน 8 ช่ัวโมง หน่วยการเรียนร้ทู ่ี 2 หลกั การออกแบบอนิ โฟกราฟิก (Infographic) เวลาเรียน 2 ชว่ั โมง แผนการจัดการเรียนรทู้ ่ี 5 illustration 1. ผลการเรยี นรู้ อธิบายหลักการออกแบบอินโฟกราฟกิ (Infographic) ได้ 2. สาระสำคัญ/ความคดิ รวบยอด ภาพประกอบ (illustration) เป็นภาพที่เขียนขน้ึ เพ่ือบอกเลา่ เรอ่ื งราวหรือถา่ ยทอดเหตุการณ์ตา่ ง ๆ ให้ผ้อู น่ื ไดร้ ับรู้ โดยมจี ุดม่งุ หมายให้สอดคล้องกับเรื่องราวนน้ั ๆ และให้เกิดความเขา้ ใจทถี่ กู ต้อง ซ่งึ ภาพประกอบ เปน็ องคป์ ระกอบสำคญั ในการออกแบบอินโฟกราฟิก (Infographic) ภาพกราฟกิ หรอื ภาพประกอบท่ีมกั เลือกใช้ ในการออกแบบอินโฟกราฟกิ (Infographic) มี ดงั นี้ 1. ภาพไอคอน 2. ภาพการต์ นู 3. ภาพสญั ลักษณ์ หรอื พกิ โตแกรม 4. ภาพกราฟิกทั่วไป 5. ภาพถา่ ย 6. รูปทรงทางเรขาคณิต 7. เสน้ และลูกศร 8. ชาร์ตและไดอะแกรม 9. แผนท่ี 10. กราฟกิ อ่นื ๆ 3. จุดประสงค์การเรยี นรู้ 1. อธบิ ายลกั ษณะภาพกราฟกิ หรือภาพประกอบแบบตา่ ง ๆ ได้ (K) 2. เลอื กใชภ้ าพท่ีเหมาะสมกบั เน้อื หาของอนิ โฟกราฟกิ ที่ต้องการจะนำเสนอได้ (P) 3. เหน็ ความสำคัญของการเลือกภาพประกอบในการออกแบบอนิ โฟกราฟิก (Infographic) (A) 4. สาระการเรียนรู้ 1. ประเภทและลกั ษณะของภาพกราฟกิ และภาพประกอบ 2. การเลอื กใชภ้ าพประกอบทเ่ี หมาะสมกบั เนอ้ื หาของอินโฟกราฟกิ (Infographic) 3. เครอื่ งมือท่ีช่วยวเิ คราะห์สี Adobe Color

38 5. สมรรถนะสำคัญของผูเ้ รียน 1. ความสามารถในการสื่อสาร 2. ความสามารถในการคดิ 3. ความสามารถในการแก้ปญั หา 4. ความสามารถในการใช้ทักษะชวี ิต 5. ความสามารถในการใช้เทคโนโลยี 6. คุณลักษณะอนั พึงประสงค์ 1. มวี นิ ัย 2. ใฝ่เรียนรู้ 3. มงุ่ ม่นั ในการทำงาน 7. ภาระงาน 1. กิจกรรม ภาพสื่อความหมาย 2. ใบงานท่ี 7 การเลอื กใช้ภาพ 8. การจดั กิจกรรมการเรียนรู้ 1. วิธกี ารสอนแบบสร้างสรรค์เป็นฐาน (Creativity-Based Learning : CBL) 2. การจัดการเรียนการสอนแบบ Active Learning

39 ชวั่ โมงท่ี 1 ข้นั นำเขำ้ สูบ่ ทเรียน 1. ผ้สู อนให้ผเู้ รยี นทำกจิ กรรม ภาพสอ่ื ความหมาย โดยผสู้ อนเปิดภาพทเ่ี ตรยี มไว้ และให้ผู้เรยี นชว่ ยกัน บอกว่า เป็นภาพท่ีส่อื ความหมายถงึ อะไร 2. ผสู้ อนอธิบายเพม่ิ เตมิ วา่ A picture represents a million words. หรอื 1 ภาพ ลา้ นความหมาย ซ่งึ รปู ภาพสอ่ื ถงึ ขอ้ มูลได้อย่างมีประสทิ ธิภาพมากกว่าคำพูด และรูปภาพสามารถบอกเล่าเรื่องราวได้ เช่นเดียวกบั หลาย ๆ คำ การใช้ภาพกราฟิกสามารถถ่ายทอดความคิดได้อย่างมีประสิทธภิ าพมากกว่า คำศพั ทจ์ ำนวนมาก

40 ขั้นสอน 3. ผู้สอนเปิด Slide สอื่ การสอน การเลือกใชภ้ าพ พรอ้ มอธบิ าย a. ภาพไอคอน เป็น สิ่ งท่ี ขาดไม่ได้ ใน ก าร อ อ กแบบ อิ น โฟ ก ราฟิ ก ก ารเลื อ กภ าพ ไอ คอ น มาใช้ ต้ อ งพ ย าย าม ให้ สอดคล้องกบั เน้อื ความสว่ นนัน้ ๆ b. ภาพการต์ นู ตัวการ์ตูนที่มีสีสันมักถูกนำมาใช้ในการออกแบบอินโฟกราฟิกเพราะช่วยดึงดูดความสนใจและ ชว่ ยใหอ้ นิ โฟกราฟกิ นัน้ ๆ ดเู ปน็ มิตรมากขนึ้ c. ภาพสญั ลกั ษณ์ หรอื พิกโตแกรม คอื สญั ลักษณ์ท่สี อ่ื ถึงสิง่ ใดสิ่งหนึง่ และมขี นาดใหญก่ วา่ ภาพไอคอน เชน่ ภาพสัญลักษณ์ หญงิ -ชาย หน้าห้องนำ้ d. ภาพกราฟกิ ทว่ั ไป ภาพกราฟกิ ของสิ่งของต่าง ๆ รวมไปถงึ คนและสัตว์ท่ีสร้างขึ้นด้วยคอมพวิ เตอรก์ ็ถูกนำมาใช้บ่อย ในอินโฟกราฟิก e. ภาพถา่ ย อาจดูเป็นส่วนประกอบที่ไม่เหมาะสมท่ีจะนำมาใช้ออกแบบอินโฟกราฟิกมากนักแต่ในบาง กรณกี ารนำภาพถ่ายมาใชก้ ็ชว่ ยใหอ้ นิ โฟกราฟกิ ดนู า่ สนใจและนา่ เชอื่ ถอื มากขึน้ ได้ f. รูปทรงทางเรขาคณิต ท้ังวงกลมวงรี สามเหลี่ยม ส่ีเหล่ียม หรือหลายเหลี่ยมรูปทรงอิสระ เป็นต้น ก็มักเป็น องค์ประกอบท่พี บได้บ่อย ๆ ในอินโฟกราฟิก g. เสน้ และลูกศร เส้น ไม่ว่าจะเป็นเส้นทึบ เสน้ ประ เส้นไขป่ ลา เสน้ อื่น ๆ และลูกศร หลากหลายรปู ร่างหน้าตา มกั ถกู นำมาใช้เป็นสว่ นประกอบในอินโฟกราฟกิ เพื่อแสดงความเชอื่ มโยงหรือต่อเน่อื งของข้อมลู h. ชารต์ และไดอะแกรม มักถูกนำมาใช้เป็นส่วนหนึ่งของอินโฟกราฟิกอยู่บ่อยครั้ง ซึ่งชาร์ตและไดอะแกรมก็มีหลาย รูปแบบแยกย่อย i. แผนท่ี อินโฟกราฟิกซึ่งมักจะมีแผนท่ีเป็นส่วนประกอบ คืออินโฟกราฟิกเชิงภูมิศาสตร์ โดยแผนท่ี ในอนิ โฟกราฟิกจะใชป้ ระกอบ หรอื อธิบายข้อมูลในอินโฟกราฟกิ

41 10. กราฟิกอนื่ ๆ ยังมอี ินโฟกราฟิกรปู แบบอนื่ ๆ ท่ีสามารถนำมาประยุกตใ์ ชก้ บั อนิ โฟกราฟิกไดต้ ามไอเดีย เชน่ ตารางปฏิทนิ เครือ่ งหมายทางคณติ ศาสตร์หรืออื่น ๆ 4. ผู้สอนอธิบายเพิ่มเตมิ ว่า ปจั จุบัน มีเวบ็ ไซต์สำหรบั ดาวน์โหลดภาพประกอบ ที่สามารถนำมาใช้งานได้ โดยไม่เสียค่าใชจ้ ่าย แตอ่ าจจะมเี งอื่ นไขตามท่ีเวบ็ ไซตก์ ำหนด เช่น www.icons8.com www.pngtree.com www.icomoon.io www.thenounproject.com 17. ชว่ั โมงท่ี 2 ขน้ั สอน (ต่อ) 5. ผสู้ อนอธบิ ายเพิม่ เตมิ วา่ www.flaticon.com เวบ็ ไซต์ ท่ีให้บรกิ าร ดาวน์โหลดไอคอนโดยเฉพาะ โดยจุดเดน่ ของไอคอน คอื จะเป็นไอคอนที่ออกแบบอยา่ งเรียบงา่ ย ในลักษณะที่เรยี กว่า Flat Design

42 6. โดยมวี ิธีการดาวน์โหลด คอื 1. พิมพ์ Keyword ทีต่ ้องการค้นในชอ่ ง Search 2. จะปรากฏไอคอนขนึ้ มาให้ผใู้ ช้งานเลอื ก 3. เมื่อนำเมาสไ์ ปชี้ที่ไอคอนทีต่ ้องการดาวนโ์ หลด จะปรากฏปุ่มสำหรบั ดาวน์โหลดภาพ 4. จากน้นั จะปรากฏหน้าต่างสำหรบั ดาวนโ์ หลดขน้ึ มา ใหเ้ ลือก Free download

43 6. ผู้สอนให้ผ้เู รียนทำใบงานท่ี 7 การเลือกใชภ้ าพ โดยแจกเป็น Digital file โดยใชโ้ ปรแกรม Power Point หรือ โปรแกรมอนื่ ๆ พรอ้ มอธิบายวิธีการทำใบงาน คอื ให้นักเรียนหาไอคอนจากเวบ็ ไซต์ ให้ ตรงกบั คำท่ีกำหนด ให้ไดม้ ากท่ีสุดในระยะเวลา 15 นาที 7. ผู้สอนให้เวลาผู้เรียนในการทำใบงาน โดยท่ีผู้สอนคอยดแู ลความเรยี บรอ้ ยและคอยให้คำแนะนำ เพิม่ เติม 8. ผสู้ อนสุ่มผู้เรียน 5 คนออกมานำเสนอใบงาน โดยให้ผู้เรียนคนอื่น ๆ รวมท้งั ผสู้ อนชว่ ยกนั เสนอแนะ แสดงความคิดเห็น 9. ผู้สอนอธิบายเพ่ิมเตมิ ว่าในการเลอื กใชภ้ าพประกอบ จะตอ้ งมจี ดุ มงุ่ หมายในการใช้รูปภาพ ต้งั เป้าหมายชัดเจนว่าตอ้ งการใชร้ ปู ภาพเพอื่ ส่ือสารอะไร ตอ้ งมเี หตุผลในการเลอื กใชภ้ าพ และควร พิจารณาผลกระทบทางอารมณ์ เทรนดก์ ารใชภ้ าพในปจั จุบัน และความหมายของภาพ ขัน้ สรปุ 10. ผู้สอนและผเู้ รียนรว่ มกันสรปุ วา่ การออกแบบอนิ โฟกราฟิกใหน้ ่าสนใจ ควรเลือกใช้ภาพท่เี หมาะสม กับเน้ือหา มกี ารสอ่ื ความหมายของภาพ เลอื กใช้ภาพรูปให้ตรงกับจุดประสงคท์ ่ีต้องการใช้ ดูสวยงาม สรา้ งสรรค์ และมเี อกลกั ษณ์ 11. ผู้สอนเปิดโอกาสให้ผเู้ รียนสอบถามเพ่ิมเติม 9. สื่อการเรียนรู้ 1. กจิ กรรม ภาพสื่อความหมาย 2. Slide สอ่ื การสอน การเลอื กใช้ภาพ 3. www.flaticon.com 4. ใบงานท่ี 7 การเลอื กใชภ้ าพ

44 10. การวัดและประเมนิ ผล เครอื่ งมือ เกณฑ์ วิธกี าร คณุ ภาพอยู่ในระดับ ดี ตรวจใบงานท่ี 7 การเลือกใช้ภาพ แบบประเมนิ ผลงาน ผ่านเกณฑ์ ประเมนิ พฤตกิ รรมรายบคุ คลจาก แบบประเมินพฤติกรรม คุณภาพอยู่ในระดับ ดี การทำกจิ กรรม ภาพสอ่ื รายบุคคล ผ่านเกณฑ์ ความหมาย

45 ข้อเสนอแนะของครพู ่ีเลยี้ ง .................................................................................................................................................................................... ...................................................................................................................................................................................... .................................................................................................................................................................................... ลงช่ือ ...................................... (นางสาวจริ าภรณ์ โงนเนยี ม) ตำแหน่ง ครู คศ.1 ข้อเสนอแนะของผู้บรหิ ารสถานศึกษา .................................................................................................................................................................................... ...................................................................................................................................................................................... .................................................................................................................................................................................... ลงช่ือ ...................................... (นายแมนสรวง เมนะเนตร) ตำแหนง่ ผ้อู ำนวยการโรงเรียนบ้านนาวงั

46 กลุ่มสาระการเรยี นรู้วิทยาศาสตร์และเทคโนโลยี ช้ันประถมศกึ ษาปีท่ี 5 คอมพิวเตอร์เพ่ิมเติม การออกแบบ Infographic ดว้ ย Canva จำนวน 8 ชั่วโมง หนว่ ยการเรยี นรทู้ ี่ 2 หลักการออกแบบอนิ โฟกราฟิก (Infographic) เวลาเรยี น 2 ช่ัวโมง แผนการจัดการเรียนรู้ที่ 6 Font 1. ผลการเรียนรู้ อธบิ ายหลักการออกแบบอินโฟกราฟิก (Infographic) ได้ 2. สาระสำคัญ/ความคิดรวบยอด Typeface คอื ชดุ รูปแบบตัวอักษร โดยการออกแบบ Typeface อาจจะมีฟ้อนต์ (FONT) แคร่ ปู แบบ เดียว หรอื มฟี ้อนต์ (FONT) หลายรูปแบบก็ได้ ฟ้อนต์ (FONT) คอื ชุดของตวั อักษรทม่ี ีความแตกตา่ งกนั ทง้ั ทางด้านของขนาด ความหนา ความกว้าง และความเอียง ซง่ึ ฟ้อนต์ เปน็ องค์ประกอบทส่ี ำคัญของอินโฟกราฟกิ (Infographic) การเลอื กใช้ฟอ้ นต์ (FONT) ทีเ่ หมาะสม จะสามารถดึงดดู สายตาของกลมุ่ เป้าหมายได้ดี และทำใหเ้ กิดการจดจำได้ง่ายข้ึน และยงั บ่งบอกไดถ้ ึง แนวคดิ ในอินโฟกราฟิก (Infographic) ท่ีตอ้ งการจะนำเสนอ 3. จุดประสงค์การเรียนรู้ 1. อธบิ ายลักษณะของ Typeface แต่ละแบบได้ (K) 2. เลอื กใช้ฟอ้ นต์ (FONT) ท่ีเหมาะสมกับเน้ือหาของอินโฟกราฟิกทตี่ อ้ งการจะนำเสนอได้ (P) 3. เห็นความสำคญั ของการเลือกใชฟ้ อนต์ (FONT) ในการออกแบบอนิ โฟกราฟกิ (Infographic) (A) 4. สาระการเรียนรู้ 1. ประเภทและลักษณะของ Typeface 2. การเลอื กใช้ฟอ้ นต์ (FONT) 3. การออกแบบฟอ้ นต์ (FONT) ด้วย Calligraphr 5. สมรรถนะสำคัญของผู้เรยี น 1. ความสามารถในการสอื่ สาร 2. ความสามารถในการคิด 3. ความสามารถในการแกป้ ญั หา 4. ความสามารถในการใช้ทักษะชวี ิต 5. ความสามารถในการใชเ้ ทคโนโลยี