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

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

48 ของอินโฟกราฟิก (Infographic) การเลือกใช้ฟ้อนต์ (FONT) ที่เหมาะสม จะสามารถดึงดูดสายตา ของกลุ่มเป้าหมายได้ดี และทำให้เกิดการจดจำได้ง่ายขนึ้ และยังบ่งบอกได้ถึงแนวคิดในอินโฟกราฟิก (Infographic) ท่ตี อ้ งการจะนำเสนอ a. การเลอื กใชฟ้ อนต์ Serif หรือ Sans Serif Serif จะมีขีดเล็ก ๆ หรือท่ีเรียกว่าเชิงท่ีปลายตัวอักษร ฟอนต์ประเภทนี้เป็นฟอนต์ด้ังเดิม นิยม ใชส้ ำหรับพมิ พเ์ น้ือความ เพราะมีสว่ นชว่ ยทำใหอ้ ่านไดง้ ่ายขนึ้ เมื่อกวาดสายตาไปตามเนื้อหาการ ใชฟ้ อนตน์ จี้ ะทำใหง้ านดคู ลาสสิคมากขึ้น และนยิ มใชก้ บั งานท่เี ปน็ ทางการ Sans Serif จะตรงข้ามกับ ฟอนต์ Serif คือไม่มีเชิง เป็นตัวอักษรเรียบ ๆ เหมาะกับการใช้ใน ส่วนของหัวข้อฟอนต์สไตลน์ ี้จะทำใหง้ านดทู ันสมัยขึน้ เพราะความเรยี บง่ายของรปู แบบฟอนต์

49 b. ฟอนตภ์ าษาไทยมีหวั และไม่มีหวั ในภาษาไทยตัวอักษรจะมีหัว แต่มีการพัฒนารูปแบบฟอนต์ภาษาไทยให้มีท้ังแบบมีหัว และไม่มีหวั เพอ่ื ให้งานออกแบบสื่อความหมายไดห้ ลากหลายขึ้น ฟอนต์มีหัว แสดงความเป็นทางการคล้ายๆ กับ Serif ของภาษาอังกฤษ และทำให้อ่านง่าย ไม่ สบั สนในเร่ืองของพยัญชนะ ฟอนต์ไม่มีหัว เป็นตัวอักษรที่ให้ความรู้สึกถึงความทันสมัย ซึ่งจะเหมือนกับฟอนต์แบบ San Serif ของตวั อกั ษรในภาษาองั กฤษ นิยมใช้ตวั อกั ษรนก้ี บั งานที่ดรู ่วมสมยั และเป็นสากล c. ฟอนตแ์ บบปลายหวัด (Script) รูปแบบของฟอนต์ประเภทนี้ทำให้งานนำเสนอดูเคล่ือนไหว ดูมีชีวิตชีวา อ่อนช้อยและ ดึงดูดสายตาคนได้ จะนิยมใช้ในงานที่สื่อถึงความสวยงาม อ่อนหวาน หรูหราแต่จะใช้ในส่วน หัวข้อ หรือสว่ นทีเ่ ป็นจุดเดน่ ของงานท่ีตอ้ งการเนน้ ไม่เหมาะท่จี ะใช้ในสว่ นท่เี ปน็ เนอื้ ความ

50 d. ฟอนตล์ ายมือ ฟอนตป์ ระเภทนจี้ ะเป็นฟอนตท์ ่ดี ูไมเ่ ปน็ ทางการ ใชก้ ับงานนำเสนอท่ีต้องการใหม้ คี วาม เปน็ กันเอง e. การผสมผสานฟอนต์ ในงานนำเสนอหนงึ่ งาน ไมค่ วรจะใชฟ้ อนต์ใหห้ ลากหลายจนเกินไปเพราะจะทำให้งานดู ไม่มี Concept ดูกระจัดกระจาย แต่ใช่ว่าเราจะไม่สามารถผสมผสานฟอนต์ได้ เพียงแต่ว่าควร เลอื กผสมให้เหมาะสมน่ันเอง ควรเลอื กทอ่ี า่ นงา่ ย ชดั เจน ตั้งแตค่ รั้งแรกท่เี ห็น ภาพตัวอยา่ งการใชฟ้ อนตแ์ บบผสมผสาน จากภาพตัวอย่างจะใช้ฟอนต์ประมาณ 3 ฟอนต์ เพ่ือเพ่ิมลูกเล่น ให้งานน่าสนใจ และ เน้นบางจุด ซ่ึงโดยภาพรวมแล้ว ฟอนต์ท้ังหมดที่ผสมผสานกันก็ยังคงให้ความรู้สึกเรยี บง่าย แต่ ทนั สมยั 4. ผู้สอนแจกใบงานท่ี 8 การเลือกใช้ฟ้อนต์ พร้อมอธิบายวิธีการทำใบงาน คือ ให้นักเรียนเลือกใช้ ฟอ้ นต์ให้เหมาะสมกบั ข้อความทก่ี ำหนดให้ 5. ผู้สอนให้เวลาผู้เรียนในการทำใบงาน โดยท่ีผู้สอนคอยดูแลความเรียบร้อยและคอยให้คำแน ะนำ เพ่ิมเตมิ 6. ผู้สอนสุ่มผู้เรียน 5 คนออกมานำเสนอใบงาน โดยให้ผู้เรียนคนอ่ืน ๆ ช่วยกันเสนอแนะแสดงความ คิดเหน็

51 18. ชั่วโมงที่ 2 ขนั้ สอน (ต่อ) 7. ผู้สอนเปดิ คลปิ วดิ โี อ สอนทำฟอนต์ ด้วย Calligraphr จากลงิ ค์ https://www.youtube.com/watch?v=wj9ojOxjIcY 8. ผู้สอนให้ผู้เรียนทำกิจกรรม ออกแบบฟ้อนต์ พร้อมอธิบายวิธีการทำกิจกรรม คือ ผู้สอนแจก Calligraphr-Template เพ่ือใหผ้ ูเ้ รียนออกแบบฟอ้ นตข์ องตัวเอง ใน paper และนำไปต่อยอดพฒั นา ทำตามขนั้ ตอนในคลิปวดิ ีโอ เพื่อให้มฟี ้อนต์ท่ีสามารถใช้งานได้จริงเป็นของตวั เอง 9. ผู้สอนให้เวลาผู้เรียนในการทำกิจกรรม โดยที่ผู้สอนคอยดูแลความเรียบร้อยและคอยให้คำแนะนำ เพิ่มเตมิ 10. ผสู้ อนสุ่มผู้เรียนออกมานำเสนอผลงาน โดยให้ผู้เรียนคนอื่น ๆ รวมท้ังผู้สอนช่วยกันเสนอแนะแสดง ความคดิ เห็น 11. ผสู้ อนประเมนิ ความเขา้ ใจของผูเ้ รยี นโดยการถามว่า ฟ้อนตท์ ีน่ ักเรียนออกแบบ เป็นฟ้อนตร์ ูปแบบใด ข้ันสรปุ 12. ผสู้ อนและผู้เรียนร่วมกนั สรุปว่า การเลือกใชต้ ัวอักษรให้เหมาะกับอินโฟกราฟิก (Infographic) เปน็ สิง่ สำคัญ เพราะรูปแบบฟอนตบ์ ง่ บอกไดถ้ งึ แนวคิดในงานนำเสนอ เปน็ ตัวกำหนดทศิ ทางของงาน ให้เป็นไปในแนวเดยี วกัน ทำใหม้ กี ารดีไซนท์ ่ดี ี รวมถึงทำใหผ้ ู้ท่อี ่านเข้าใจ Concept ไดง้ า่ ยข้ึน 13. ผู้สอนเปดิ โอกาสให้ผู้เรียนสอบถามเพม่ิ เติม 9. ส่อื การเรียนรู้ 1. Slide ส่ือการสอน การเลอื กใชฟ้ อ้ นต์ 2. ใบงานที่ 8 การเลือกใชฟ้ ้อนต์ 3. คลปิ วดิ ีโอ สอนทำฟอนต์ ดว้ ย Calligraphr 4. กิจกรรม ออกแบบฟอ้ นต์

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

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

54 กลมุ่ สาระการเรียนรวู้ ิทยาศาสตร์และเทคโนโลยี คอมพวิ เตอร์เพม่ิ เติม การออกแบบ Infographic ด้วย Canva ชนั้ ประถมศึกษาปีท่ี 5 หน่วยการเรยี นรทู้ ี่ 3 การเตรียมข้อมลู เพือ่ ใช้ในงานอินโฟกราฟกิ (Infographic) จำนวน 6 ชวั่ โมง แผนการจัดการเรียนร้ทู ่ี 7 กระบวนการในการสรา้ งงานอินโฟกราฟกิ (Infographic) เวลาเรยี น 2 ช่ัวโมง 1. ผลการเรียนรู้ เตรียมขอ้ มลู เพอ่ื ใชใ้ นงานอนิ โฟกราฟกิ (Infographic) ได้ 2. สาระสำคัญ/ความคิดรวบยอด Hyperakt’s Josh Smith ผเู้ ชย่ี วชาญด้านการออกแบบ ได้ค้นพบกระบวนการท่ีดใี นการออกแบบ อนิ โฟกราฟกิ (Infographic) 10 ข้ันตอน ประกอบด้วย 1. การรวบรวมข้อมูล (Gathering data) 2. การอ่านขอ้ มลู ท้งั หมด (Reading everything) 3. การคน้ หาวธิ ีการเลา่ เรื่อง (Finding the narrative) 4. การระบปุ ญั หาและความตอ้ งการ (Identifying problems) 5. การจดั ลำดับโครงสรา้ งขอ้ มูล (Creating a hierarchy) 6. การออกแบบโครงสร้างข้อมูล (Building a wireframe) 7. การเลือกรปู แบบอนิ โฟกราฟกิ ส์ (Choosing a format) 8. การกำหนดภาพใหต้ รงกับหัวขอ้ (Determining a visual approach) 9. การตรวจสอบขอ้ มูลและทดลองใช้ (Refinement and testing) 10. การแบ่งปนั ความรใู้ นอินเทอร์เน็ต (Releasing it into the world) 3. จดุ ประสงค์การเรียนรู้ 1. อธิบายกระบวนการในการออกแบบอินโฟกราฟิก (Infographic) ได้ (K) 2. ออกแบบอินโฟกราฟิกตามกระบวนการออกแบบอินโฟกราฟกิ (Infographic) ได้ (P) 3. เห็นความสำคัญของการออกแบบอนิ โฟกราฟิก (Infographic) ตามกระบวนการออกแบบอินโฟกราฟิก (Infographic) (A) 4. สาระการเรียนรู้ 1. กระบวนการในการออกแบบอนิ โฟกราฟกิ (Infographic) 2. การสร้างอินโฟกราฟิกสใ์ ห้มีประสิทธิภาพ (Designing Effective Infographics) 3. สง่ิ ท่ไี มค่ วรทำ ในการออกแบบอินโฟกราฟกิ (Infographic)

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

56 ชัว่ โมงที่ 1 ขั้นนำเข้ำสู่บทเรียน 1. ผู้สอนเปิดคลิปวิดีโอ Infographic สุขพอที่พ่อให้ ตอน : เกษตรทฤษฎีใหม่ เพ่ือเป็นการกระตุ้น ความสนใจของผู้เรียน จากลิงค์ https://www.youtube.com/watch?v=rJedTtbt4Uo&t=220s 2. ผสู้ อนถามผู้เรียนเพ่ือเป็นการกระตนุ้ ให้เกิดการเรียนรู้ เช่น “นักเรียนคิดวา่ จากคลิปวิดีโอ ซ่ึงเปน็ โม ชันอินโฟกราฟิก มกี ระบวนการในการผลิตอย่างไรบ้าง?” แนวคำตอบ 1. เตรียมขอ้ มลู 2. เตรยี มภาพประกอบ 3. ดำเนินการผลติ ตดั ต่อ อดั เสยี ง 4. เผยแพร่ ข้ันสอน 3. ผู้สอนเปิด Slide ส่ือการสอน กระบวนการท่ีดีในการออกแบบอินโฟกราฟิก (Infographic) พรอ้ มอธิบายวา่ Hyperakt’s Josh Smith ผูเ้ ชยี่ วชาญด้านการออกแบบ ไดค้ ้นพบกระบวนการท่ดี ีใน การออกแบบอินโฟกราฟกิ (Infographic) 10 ขน้ั ตอน ซง่ึ ประกอบด้วย a. การรวบรวมข้อมลู (Gathering data) คดั เลอื กข้อมูลดบิ ที่รวบรวมมา แต่ท่ียงั ไมเ่ ป็นระเบียบ โดยอาจใช้โปรแกรม Microsoft Excel เขียนแหล่งอ้างอิงที่มาของข้อมูลที่เป็นต้นฉบับ บันทึกภาพต่าง ๆ ท่ีเกี่ยวข้อง จาก แหลง่ ข้อมูลทีห่ ลากหลาย ไมค่ วรแยกภาพหรอื แผนภาพกับข้อมูลออกจากกนั b. การอา่ นขอ้ มลู ทง้ั หมด (Reading everything) การอ่านข้อมูลเฉพาะจุดเน้น หรืออ่านอย่างผิวเผินให้ผ่านไปอย่างรวดเร็ว เพราะคิดว่า เสียเวลา จะทำให้ได้ข้อมูลไม่สมบูรณ์ ข้อมูลต่าง ๆ ท่ีเกี่ยวข้องจะช่วยให้มองเห็นภาพรวม ของ ประเด็นสำคัญ c. การคน้ หาวิธกี ารเล่าเรอ่ื ง (Finding the narrative) อินโฟกราฟิกเริ่มท่ีจุดมุ่งหมายเดียว ขยายความข้อมูลที่ซับซ้อน อธิบายกระบวนการ เนน้ ท่แี นวโนม้ หรอื สนับสนนุ ข้อโตแ้ ย้ง การหาวธิ กี ารเลา่ เร่ืองที่นา่ สนใจอาจจะยุ่งยากในระยะแรก ถ้าเราคุ้นเคยกับข้อมูลที่มีอยจู่ ะทำให้สามารถเล่าเร่ืองราวได้ การใส่ใจกับเน้ือหาที่สำคัญท่ีจะช่วย ให้การนำเสนอข้อมูลมคี ุณคา่

57 d. การระบปุ ัญหาและความต้องการ (Identifying problems) เมื่อได้ข้อมูลมาแล้ว นำมาตรวจสอบความถูกต้อง อาจมีข้อมูลท่ีไม่สนับสนุนหัวข้อหรือ ประเด็นที่ต้องการนำเสนอ ควรมีการอภิปรายหาข้อสรุปท่ีแท้จริงเพื่อระบุปัญหา และความ ต้องการ ปรับปรงุ ขอ้ มลู และเรือ่ งราวใหม้ เี อกลกั ษณต์ รงกบั หัวข้อศกึ ษา e. การจดั ลำดับโครงสร้างขอ้ มูล (Creating a hierarchy) การจัดลำดับช้ันของข้อมูลเป็นท่ีนิยมในการสรุปข้อมูล เป็นการนำผู้ชมให้มองเห็น ภาพรวมตงั้ แต่ต้นจนจบ เปน็ วธิ ีการจัดการกับขอ้ มลู ในการสร้างอินโฟกราฟกิ ตามโครงสร้างลำดับ ชน้ั ของข้อมูล f. การออกแบบโครงสรา้ งขอ้ มลู (Building a wireframe) เมอื่ พจิ ารณาตรวจสอบคัดเลือกขอ้ มูลอยา่ งละเอียดแลว้ จดั แบ่งข้อมลู เป็นลำดับชน้ั และ ออกแบบโครงสร้างของของขอ้ มลู ผู้ออกแบบควรทำความเขา้ ใจกบั ภาพหรือกราฟิกทเ่ี ป็นตัวแทน ของข้อมลู สำคัญที่จดั ไว้เปน็ ลำดบั ชน้ั g. การเลือกรปู แบบอนิ โฟกราฟกิ (Choosing a format) เมื่อส้ินสุดการกำหนดภาพ หรือกราฟิกที่เป็นตัวแทนของข้อมูลแล้ว ในลำดับถัดไป จะต้องเลือกรูปแบบอินโฟกราฟิกท่ีเหมาะสมกับเน้ือหา อินโฟกราฟิก ท่ีนิยมใช้งานมีท้ังหมด 9 รปู แบบ h. การค้นหาวิธกี ารเล่าเร่อื ง (Finding the narrative) ไม่ควรติดยึดกับวิธีการใดวิธีการหนึ่ง ควรผสมผสานวิธีการใช้กราฟ แผนภาพ และ แผนผงั ตกแต่งองคป์ ระกอบด้วยการวาดลายเส้นหรือนำ ภาพที่เป็นตัวแทนของข้อมูลมาจัดวาง ซ้อนกัน อาจเสรมิ ด้วยข้อมูล สื่อ ตราสัญลกั ษณ์ และเน้ือหาในการออกแบบใหต้ รงกับหวั ข้อ i. การตรวจสอบขอ้ มลู และทดลองใช้ (Refinement and testing) ตรวจสอบข้อมูลอย่างละเอียด ท้งั ข้อมูลและภาพท่ีใชป้ ระกอบ เพื่อให้แน่ใจว่า ผลงานท่ี เสรจ็ แล้วมีคุณภาพตรงกับหัวข้อและเป้าหมาย j. การแบ่งปันความรใู้ นอินเทอรเ์ นต็ (Releasing it into the world) เผยแพร่ผลงานบนอินเทอร์เน็ต หรอื ช่องทางอ่ืน ๆ ท่เี หมาะสม ตดิ ตาม และ ตรวจสอบ ข้อคิดเห็นต่าง ๆ เพื่อนำมาพัฒนางาน การวพิ ากษ์วิจารณ์จากผู้ใช้งานอินเทอร์เน็ตจะช่วยขยาย ขอ้ โต้แย้งและคน้ พบวธิ ีการนำเสนอข้อมลู วิธีใหมไ่ ด้ 4. ผู้สอนแจกใบงานท่ี 9 กระบวนการทีด่ ีในการออกแบบอนิ โฟกราฟกิ (Infographic) พร้อมอธิบาย วิธีการทำใบงาน คือ ให้ผู้เรียนค้นหาข้อมูล เก่ียวกับกระบวนการที่ดีในการออกแบบอินโฟกราฟิก นอกเหนือจากกระบวนการออกแบบอนิ โฟกราฟกิ ของ Hyperakt’s Josh Smith 5. ผู้สอนให้เวลาผู้เรียนในการทำใบงาน โดยที่ผู้สอนคอยดูแลความเรียบร้อยและคอยให้คำแนะนำ เพิ่มเติม

58 6. ผสู้ อนสุ่มผู้เรยี นออกมานำเสนอใบงาน โดยให้ผเู้ รยี นคนอื่น ๆ รวมทง้ั ผ้สู อน ร่วมกนั เสนอแนะ แสดงความคิดเหน็ 7. ผู้สอนอธิบายเพ่ิมเติมว่า อินโฟกราฟิกเป็นท่ีนิยมแพร่หลายในอินเทอร์เน็ต เพราะสามารถถ่ายทอด ข้อมูลจากการออกแบบทมี่ ีศลิ ปะอย่างแท้จริง เป็นภาษาสากลท่สี ามารถเล่าเรื่องราวแม้วา่ ดูแคภ่ าพ ทีน่ ำเสนอ อินโฟกราฟกิ ไมม่ ีขอบเขตและขีดจำกัดในการเล่าเรอื่ งผา่ นภาพ 19. ชัว่ โมงท่ี 2 ข้นั สอน (ต่อ) 8. ผู้สอนอธบิ ายวา่ การสรา้ งอินโฟกราฟกิ ส์ใหม้ ปี ระสิทธิภาพ (Designing Effective Infographics) ประกอบดว้ ย 1. เน้นท่หี ัวขอ้ หลักหวั ขอ้ เดียว (Focus on a single topic) 2. ออกแบบใหเ้ ข้าใจง่าย (Keep it simple) 3. ข้อมลู เปน็ สิง่ สำคัญ (Data is important) 4. แน่ใจวา่ ขอ้ เท็จจรงิ ถกู ต้อง (Be sure facts are correct) 5. ให้อินโฟกราฟกิ เป็นตัวเล่าเร่ือง (Let it tell a story) 6. การออกแบบท่ดี ีทำ ใหม้ ปี ระสิทธภิ าพ (Good design is effective) 7. ใช้สีทีด่ งึ ดดู ความสนใจ (Choose attractive colors) 8. ใชค้ ำพดู ทก่ี ระชบั (Use short texts) 9. ตรวจสอบตวั เลขข้อมูล Check your numbers) 10. ทำไฟล์อินโฟกราฟกิ ใหเ้ ล็ก (Make the file size small) 9. ผู้สอนให้ผู้เรียนหาข้อมูลเกี่ยวกับการสร้างอินโฟกราฟิกส์ให้มีประสิทธิภาพ (Designing Effective Infographics) เพิ่มเติม และให้ผู้เรียนทำกิจกรรม สิ่งท่ีไม่ควรทำในการออกแบบอินโฟกราฟิก (Infographic) พรอ้ มอธบิ ายวิธีการทำกิจกรรม คือ ให้ผู้เรียนแบ่งกลุ่ม กลุ่มละ 3-5 เพ่ือเขยี น ส่ิงที่ ไม่ควรทำในการออกแบบอินโฟกราฟิกให้ได้มากท่ีสุด โดยกำหนดระยะเวลา 20 นาที่ เม่ือครบ กำหนดเวลา 20 นาที กลมุ่ ใดสามารถเขยี นไดม้ ากที่สุดจะเปน็ ผู้ชนะ 10. ผู้สอนให้เวลาผู้เรียนในการทำกิจกรรม โดยท่ีผู้สอนคอยดูแลความเรียบร้อยและคอยให้คำแนะนำ เพมิ่ เติม 11. เมื่อครบกำหนดเวลา ผู้สอนให้แต่ละกลุ่มนำเสนอผลงาน โดยให้ผู้เรียนกลุ่มอื่น ๆ ร่วมกันเสนอแนะ แสดงความคิดเหน็ และมอบรางวลั ใหก้ ล่มุ ท่ีสามารถเขยี นส่ิงท่ีไม่ควรทำในการออกแบบอินโฟกราฟิก ไดม้ ากท่ีสดุ

59 ขั้นสรุป 12. ผ้สู อนสรปุ ว่า การสรา้ งอินโฟกราฟิกสใ์ ห้มีประสิทธภิ าพ นอกจากกระบวนการทดี่ ีในการออกแบบ แล้ว ควรคำนงึ ถึง สิง่ ท่ีไม่ควรทำในการออกแบบอินโฟกราฟิกด้วย นนั่ กค็ อื 1. อยา่ ใช้ข้อมูลมากเกินไป (Don’t use too much text) 2. อยา่ ทำข้อมูลท่ีนำเสนอให้ยุ่งยากซับซ้อน (Don’t make confusing data presentation) 3. อย่าใชส้ ีมากเกนิ ไป (Don’t overuse color) 4. อยา่ ใสต่ วั เลขมากเกินไป (Don’t place too much numbers) 5. อย่าละเลยข้อมูลทไี่ มส่ ามารถระบแุ ยกแยะได้ (Don’t leave figures unidentified) 6. อยา่ สรา้ งอนิ โฟกราฟกิ ใหน้ ่าเบ่ือ (Don’t make it boring) 7. อย่าพิมพผ์ ดิ (Don’t misuse typography) 8. อยา่ นำ เสนอข้อมลู ท่ีผิด (Don’t present wrong information) 9. อยา่ เน้นทีก่ ารออกแบบ (Don’t focus on design) 10. อยา่ ใชแ้ บบเป็นวงกลม (Don’t use a circus layout) 13. ผู้สอนเปิดโอกาสให้ผเู้ รยี นสอบถามเพม่ิ เตมิ 9. สอื่ การเรยี นรู้ 1. คลปิ วิดโี อ Infographic สขุ พอท่ีพ่อให้ ตอน : เกษตรทฤษฎีใหม่ จากลิงค์ https://www.youtube.com/watch?v=rJedTtbt4Uo&t=220s 2. Slide สื่อการสอน กระบวนการทีด่ ีในการออกแบบ 3. ใบงานที่ 9 กระบวนการทดี่ ีในการออกแบบ 4. กจิ กรรม ส่ิงท่ีไม่ควรทำในการออกแบบอินโฟกราฟกิ

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

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

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

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

64 3. ผ้สู อนแบ่งกลุม่ ผู้เรยี นออกเปน็ 8 กลมุ่ เพื่อทำกิจกรรมนำเสนอ โดยมอบหมายให้แต่ละกลุ่มหาขอ้ มูล และ ตัวอย่าง เกี่ยวกับ เนื้อหาที่เหมาะสมกับอินโฟกราฟิกแต่ละประเภทตามที่กลุ่มนั้น ๆ ได้รับ มอบหมาย 4. ผู้สอนให้เวลาผู้เรียนในการทำกิจกรรม โดยผู้สอนคอยดูแลความเรียบร้อยและคอยให้คำแนะนำ เพิ่มเติม 5. ผู้สอนอธิบายเพ่ิมเติมว่า เม่ือได้เนื้อหาท่ีเหมาะสมสำหรับนำมาจัดทำอินโฟกราฟิก (Infographic) ขนั้ ตอนตอ่ ไป ควรกำหนด Layout เพอ่ื วางโครงรา่ งในการออกแบบอนิ โฟกราฟิก (Infographic) 20. ชว่ั โมงท่ี 2 ขั้นสอน (ต่อ) 6. ผสู้ อนให้แต่ละกลุ่มออกมานำเสนอผลงาน พร้อมกับแจกใบงานที่ 10 เนื้อหาท่ีเหมาะสมกับอินโฟ กราฟกิ (Infographic) เพื่อให้แต่ละกลุม่ สรุปเนื้อหาของกลมุ่ อืน่ ๆ ลงในใบงาน 7. ผสู้ อนใหแ้ ต่ละกลุ่มนำเสนอ โดยผสู้ อนคอยดูแลความเรียบร้อยและคอยใหค้ ำแนะนำเพิ่มเติม 8. แต่ละกลุ่มร่วมกันอภิปราย สรุปสิ่งที่ได้จากการนำเสนอของกลุ่มอ่ืน ๆ จากใบงานท่ี 10 เน้ือหาที่ เหมาะสมกบั อนิ โฟกราฟกิ (Infographic) 9. ผสู้ อนอธิบายเพิ่มเตมิ เก่ียวกบั เนอ้ื หาท่ีเหมาะสมกับอนิ โฟกราฟิก (Infographic) 1. หัวขอ้ ท่ีอยู่ในความสนใจในชว่ งนั้น ๆ เนอ้ื หาประเภทนี้มักเป็นเร่อื งราวทเี่ ป็นประเด็นสำคัญ ท่ีเกิดข้ึนในช่วงเวลาหนึ่งซึ่งผู้คนให้ความสนใจกันมาก อาจเป็นข่าว หรือสถานการณ์ที่กำลังเป็น ประเดน็ ร้อนแรงในขณะน้ัน เช่น การแข่งขันโอลิมปิก การเลอื กตัง้ นายกรัฐมนตรี 2. How To หรือ วิธีการใช้งานต่าง ๆ คือเนอ้ื หาทตี่ อบคำถามท่ีวา่ “ทำอยา่ งไร?” มีวิธีการใช้ งานหรือข้นั ตอนการใช้งานอย่างไร 3. รายงานผล เน้ือหาประเภทน้ีมักจะเป็นการรายงานผลเร่ืองใดเรื่องหน่ึงไม่ว่าจะเป็นการ อธิบายผลสำรวจ สถิติ การจัดอันดับข้อมูล หรือการถ่ายทอดงานวิจัย เช่น รายงานผลการใช้สินค้า หรอื บรกิ าร อันดับหนังทำรายไดส้ งู สุดแหง่ ปี 4. การเปรยี บเทียบ จะเป็นการเปรียบเทียบของสองสงิ่ ขึ้นไป เพ่ือให้เห็นถึงความแตกต่าง เช่น การเปรียบเทียบแนวคิดระหว่างพรรคการเมือง การเปรียบเทียบบริการของ Facebook กับ Google+ การเปรียบเทยี บกาแฟกับชา

65 5. การเปลี่ยนแปลงของเวลา เป็นเน้ือหาท่ีเก่ียวข้องกับการแสดงให้เห็นถึงความเปลี่ยนแปลง ตามลำดับเวลามักเป็นเร่ืองเก่ียวกับประวัติศาสตร์ ความเป็นมา หรือวิวัฒนาการเพ่ือให้เห็นภาพ ลำดับเหตกุ ารณ์ได้อยา่ งถกู ต้อง และเขา้ ใจงา่ ย 6. การให้ความรู้เชิงวิชาการ เป็นอนิ โฟกราฟิกท่ีมเี น้ือหาเกี่ยวกับเร่ืองเฉพาะทางหรือวงการใด วงการหน่งึ หรือเน้ือหาประเภทบทความงานเขียนเฉพาะทางที่ต้องใช้ผู้เช่ียวชาญเขียนเพื่อสรา้ งความ นา่ เช่ือถือของข้อมลู เชน่ บทวเิ คราะห์พฤตกิ รรมผบู้ รโิ ภค ระบบพลงั งานนิวเคลียร์ 7. สรปุ ภาพรวม เปน็ เนื้อหาความรู้ทีส่ รปุ เกี่ยวกับหวั ข้อใดหัวขอ้ หนง่ึ ซึง่ เป็นเนื้อหาที่รวบรวมเอา แต่ประเด็นท่ีสำคัญมายอ่ รวมความไว้ เชน่ รวมประเทศทีน่ า่ เที่ยว สรุปการเลือกตั้ง 8. การประชาสัมพันธ์ เป็นเนื้อหาเกี่ยวกับการโฆษณา ประชาสัมพันธ์สินค้าหรือบริการ ต่าง ๆ ท่ีเป็นการให้ข้อมูลสินค้าหรือบริการ ที่อธิบายรายละเอียดข้อมูล เกี่ยวกับสินค้าหรือบริการ อธิบาย สรรพคุณ อธบิ ายส่วนประกอบ ข้อดี หรอื จุดแตกต่างของสนิ ค้า หรือบริการนน้ั ๆ เช่น ทำความรู้จัก โทรศัพทม์ อื ถอื ยี่ห้อซัมซงุ กาแล็คซี่ โน๊ต 8 บริการอตั โนมตั ิของธนาคาร ข้ันสรปุ 10. ผู้สอนและผเู้ รียนร่วมกันสรุปว่า เนอื้ หาที่เหมาะสำหรับงานอินโฟกราฟกิ (Infographic) จะเป็นเร่ือง ใดก็ได้ โดยส่วนมากเป็นเร่ืองราวที่อยู่รอบ ๆ ตัว ไม่ว่าจะเป็นเน้ือหาด้านวิชาการหรือบันเทิง เช่น การเมือง ธุรกจิ อาหาร ปัญหาส่ิงแวดล้อม สุขภาพ เทคโนโลยี กีฬา ดนตรี ภาพยนตร์ 11. ผู้สอนเปิดโอกาสใหผ้ ูเ้ รยี นสอบถามเพมิ่ เติม 9. ส่อื การเรยี นรู้ 1. กจิ กรรมนำเสนอ 2. ใบงานที่ 10 เน้ือหาที่เหมาะสมกับอนิ โฟกราฟกิ (Infographic)

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

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

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

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

70 3. ผู้สอนเปดิ คลปิ วิดโี อ การเตรยี มเน้อื หาสำหรบั อนิ โฟกราฟกิ จากลิงค์ https://www.youtube.com/watch?v=2cwWPRjSy8g&t=133s 4. ผู้สอนแจกใบงานที่ 11 5W1H พร้อมอธิบายวิธีการทำใบงาน คือ ให้ผู้เรียนกำหนดหัวข้อที่จะ นำมาใช้ในการออกแบบอินโฟกราฟิก โดยใชห้ ลกั การ 5W1H 5. ผู้สอนยกตวั อยา่ ง การใช้หลักการ 5W1H 6. ผู้สอนให้เวลาผู้เรียนในการทำใบงาน โดยที่ผู้สอนคอยดูแลความเรียบร้อยและคอยให้คำแนะนำ เพ่ิมเตมิ 7. ผู้สอนสุ่มผู้เรียนออกมานำเสนอใบงาน โดยให้ผู้เรียนคนอื่น ๆ รวมทั้งผู้สอนร่วมกันเสนอแนะแสดง ความคิดเห็น 21. ชว่ั โมงที่ 2 ขั้นสอน (ต่อ) 8. ผู้สอนแจก ใบงานที่ 12 เตรียมข้อมูล พร้อมอธิบายวิธีการทำใบงาน คือ ให้ผู้เรียนทำตามข้ันตอน การเตรยี มขอ้ มูลทใี่ ช้ในอินโฟกราฟิก (Infographic) ซ่ึง มี 4 ข้นั ตอน ดังนี้ ข้นั ตอนที่ 1 การรวบรวมขอ้ มลู ข้นั ตอนท่ี 2 การอา่ น และตรวจสอบขอ้ มลู ทง้ั หมด ขนั้ ตอนท่ี 3 การปรบั ปรุงข้อมูลและคดั สง่ิ ทีไ่ ม่ตอ้ งการออก ขนั้ ตอนท่ี 4 การจดั ลำดับและออกแบบโครงสรา้ งของขอ้ มลู

71 9. ผสู้ อนอธบิ ายเพ่มิ เตมิ วา่ ข้ันตอนที่ 1 การรวบรวมข้อมูล จะต้องรวบรวมข้อมูลแบบรอบด้าน ไม่ว่าจะเป็นข้อมูลจาก โซเชียลมีเดีย สถิติ งานวิจัย เอกสารตำรา บทความ ข้อมูลจากการสัมภาษณ์ และข้อมูลสาธารณะ จากเวบ็ ไซตต์ ่าง ๆ เพื่อให้เหน็ ถึงมมุ มองท่ีหลากหลาย และมีความถูกตอ้ ง นา่ เชื่อถอื ขนั้ ตอนท่ี 2 การอา่ น และตรวจสอบข้อมลู ท้งั หมด เม่ือรวบรวมข้อมูลมาแล้วควรทำการอ่าน ข้อมลู ต่าง ๆ ท่ีเกี่ยวข้องท้ังหมดเพราะจะช่วยใหม้ องเห็นภาพรวมของประเด็นสำคญั และต้องทำการ ตรวจสอบขอ้ มลู วา่ ขอ้ มูลท่ไี ดม้ า ถกู ตอ้ งตรงประเดน็ ไมล่ า้ สมัย ตรวจสอบแหล่งท่มี าของข้อมูลวา่ เป็น แหลง่ ท่ีน่าเชือ่ ถือได้ รวมถงึ การตรวจพสิ จู น์อักษรใหถ้ ูกต้องเสมอ ข้ันตอนท่ี 3 การปรับปรุงข้อมูลและคัดส่ิงท่ีไม่ต้องการออก ต้องมีมุมมองและเห็นคุณค่าใน รายละเอยี ดของขอ้ มลู ที่ชดั เจนหากพจิ ารณาแล้ววา่ ข้อมลู ส่วนไหนไมจ่ ำเป็นให้ตดั ออก ได้แก่ 1. การตดั คำฟุม่ เฟือยหรอื คำที่มีความหมายซำ้ ซอ้ นท้ิง 2. การตัดการยกตัวอย่างท่ีไมจ่ ำเปน็ ข้นั ตอนท่ี 4 การจัดลำดบั และออกแบบโครงสรา้ งของขอ้ มลู เป็นการจดั ระเบียบและเรยี บเรยี ง ข้อมูลใหอ้ ยู่ในรปู แบบของโครงสร้างการนำเสนอข้อมูลเป็นลำดับชนั้ โดยนำข้อมลู ทส่ี ำคัญและภาพที่ ส่ือความหมายมานำเสนอตามลำดบั ข้นั ตอนท่ีออกแบบไว้ 10. ผู้สอนให้เวลาผู้เรียนในการทำใบงาน โดยที่ผู้สอนคอยดูแลความเรียบร้อยและคอยให้คำแนะนำ เพิ่มเตมิ 11. ผู้สอนสมุ่ ผู้เรียนออกมานำเสนอใบงาน โดยให้ผู้เรยี นคนอน่ื ๆ รวมทั้งผู้สอน รว่ มกันเสนอแนะ แสดง ความคิดเหน็ เพ่ือใหเ้ กิดการแลกเปล่ียนเรยี นรู้ และนำข้อเสนอแนะไปพัฒนาปรบั ปรงุ เน้อื หา ให้มีประสทิ ธิภาพพรอ้ มท่จี ะนำไปจัดทำอนิ โฟกราฟิก (Infographic) ขั้นสรุป 12. ผู้สอนและผู้เรียนร่วมกันสรุปว่า ข้อมูลที่จะนำมาใช้ในการทำอินโฟกราฟิก (Infographic) จะต้อง ผ่านกระบวนการวิเคราะห์ และสังเคราะห์ ตามข้ันตอนการเตรียมข้อมูลที่ใช้ในอินโฟกราฟิก (Infographic) เพอ่ื ให้ไดข้ ้อมลู ทมี่ ีประสทิ ธิภาพมากพอ ทจ่ี ะนำไปจัดทำอนิ โฟกราฟกิ (Infographic) 13. ผู้สอนเปดิ โอกาสให้ผ้เู รยี นสอบถามเพมิ่ เติม

72 9. สื่อการเรียนรู้ 1. คลิปวดิ ีโอ การเตรยี มเนือ้ หาสำหรบั อนิ โฟกราฟกิ จากลงิ ค์ https://www.youtube.com/watch?v=2cwWPRjSy8g&t=133s 2. ใบงานท่ี 11 5W1H 3. ใบงานที่ 12 เตรียมขอ้ มูล 10. การวัดและประเมนิ ผล เครอื่ งมือ เกณฑ์ วิธีการ แบบประเมินผลงาน คุณภาพอยู่ในระดบั ดี ตรวจ ใบงานท่ี 11 5W1H ผา่ นเกณฑ์ ตรวจ ใบงานที่ 12 เตรยี มขอ้ มูล แบบประเมินผลงาน คณุ ภาพอยใู่ นระดบั ดี ผ่านเกณฑ์ ประเมินพฤตกิ รรมรายบุคคล แบบประเมนิ พฤติกรรม คุณภาพอยู่ในระดับ ดี จากการทำกจิ กรรมในหอ้ งเรยี น รายบคุ คล ผ่านเกณฑ์

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

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

75 6. คณุ ลกั ษณะอันพงึ ประสงค์ 1. มวี นิ ัย 2. ใฝ่เรยี นรู้ 3. มงุ่ มัน่ ในการทำงาน 7. ภาระงาน 14. กิจกรรม DRAFT 8. การจัดกิจกรรมการเรียนรู้ 1. วิธกี ารสอนแบบสร้างสรรค์เป็นฐาน (Creativity-Based Learning : CBL) 2. การจัดการเรยี นการสอนแบบ Active Learning ช่วั โมงท่ี 1 ข้ันนำเขำ้ สู่บทเรียน 1. ผู้สอนถามผู้เรียนเพื่อเป็นการทบทวนความรู้เดิมของผู้เรียน เช่น “Layout ท่ีใช้ในการออกแบบอินโฟ กราฟิก (Infographic) มีกี่แบบ และมแี บบใดบา้ ง?” แนวคำตอบ : การออกแบบอินโฟกราฟิก ให้ดนู ่าสนใจ สามารถออกแบบได้ด้วย เทคนิค 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

76 ขนั้ สอน 2. ผู้สอนอธิบายว่า Draft Infographic คือ อินโฟกราฟิก (Infographic) ฉบับร่าง ซึ่งจะมีการลดทอน รายละเอียด ไม่ได้เน้นการวาดเสมือนจริง หรือการลงสี เปน็ การลำดับเรื่องราว กำหนด Layout รูปแบบ การจัดวางข้อความ รวมไปถึงการกำหนดว่าจะให้มีไอคอนอะไร มีรูปอะไรวางลงไปในงานบ้าง ซึ่งการ Draft จะมีท้ังแบบวาดมือ หรอื การใช้โปรแกรมเพื่อชว่ ยในการ Draft ตวั อยา่ งการ Draft Infographic หัวขอ้ Work Focus Infographic 3. ผู้สอนเปิด Slide สอื่ การสอน ขนั้ ตอนในการ Draft Infographic พร้อมอธิบาย ข้ันตอนในการ Draft Infographic ประกอบด้วย

77 a. กำหนด Layout : เลือก Layout ที่เหมาะสมกับเนอื้ หา ตวั อย่าง การกำหนด Layout แบบ Timeline Layout b. กำหนดขนาด และรปู แบบของตัวอักษร : ต้องกำหนดขนาด และรูปแบบของตัวอักษรให้ ชดั เจน ยิ่งตัวใหญ่ สายตาของคนอ่านก็จะเห็นตรงส่วนน้ัน ๆ ได้ก่อน เชน่ เลขและหัวขอ้ แต่ ละขอ้ จะมขี นาดใหญก่ ว่าเนอ้ื หา เพอื่ เปน็ ตวั กำหนดการเล่าเร่ือง

78 c. วาดโครงร่างของภาพ : วาดโครงรา่ งของภาพที่ต้องการใช้เป็นภาพประกอบ โดยไม่ต้องลง รายละเอียดของภาพ เพียงแค่วาดภาพเพ่ือส่ือความหมายให้เข้าใจได้ว่า คือภาพของอะไร ภาพของใคร และกำลังทำอะไรอยู่ ตวั อยา่ ง วาดโคร่างภาพของ สตีป จ็อบส์ กำลัง CHECK LIST SHOULD BE DO d. กำกับข้อความ อธิบายส่ิงทีต่ ้องการ : หากมีส่วนของไอคอนต่าง ๆ จะวาดเปน็ วงกลม หรือ สี่เหล่ียม และเขียนข้อความกำกบั ไว้ดา้ นในวา่ ตอ้ งการไอคอนลักษณะไหน 4. ผู้สอนให้ผู้เรียนทำกิจกรรม DRAFT พร้อมอธิบายวิธีการทำกิจกรรม คือ ให้ผู้เรียนนำเนื้อหาที่เตรียมไว้ จากใบงานที่ 12 การเตรยี มขอ้ มูล มา Draft Infographic ตามข้ันตอนการ Draft Infographic 5. ผสู้ อนใหเ้ วลาผเู้ รียนในการทำกิจกรรม โดยผสู้ อนคอยดแู ลความเรยี บรอ้ ยและคอยใหค้ ำแนะนำเพมิ่ เติม

79 6. ผูส้ อนอธิบายเพ่ิมเติมว่า การ Draft Infographic จะวาดมือ หรือใช้โปรแกรมเพ่ือช่วยในการ Draft ก็ได้ ซง่ึ อาจใช้โปรแกรมที่ถนัดและเป็นโปรแกรมพื้นฐานท่ีชว่ ยในการ Draft เช่น โปรแกรม Microsoft word โปรแกรม Microsoft PowerPoint 22. ชั่วโมงท่ี 2 ขั้นสอน (ต่อ) 7. ผู้สอนให้ผู้เรียนแต่ละคนออกมานำเสนอผลงาน โดยให้ผู้เรียนคนอ่ืน ๆ รวมท้ังผู้สอน ร่วมกันเสนอแนะ แสดงความคิดเหน็ และนำข้อคิดเหน็ ท่เี ป็นประโยชน์ ไปพฒั นางานให้มีประสิทธิภาพ 8. ผู้สอนอธิบายเพิ่มเติมว่า ในข้ันตอนการ Draft Infographic สามารถใส่ไอเดียเพ่ือดึงดูดความสนใจของ ผู้อ่านได้อยา่ งเตม็ ท่ี และควรพจิ ารณาชนิ้ งานอยา่ งถ่ีถว้ น ก่อนทีจ่ ะนำไปออกแบบในข้ันตอนตอ่ ไป ซง่ึ ควร พจิ ารณาทั้งในด้านของข้อมลู และการออกแบบ • ด้านของข้อมูล (Content/Information) การเลอื กข้อมลู เพอื่ นำมาจัดทำอนิ โฟกราฟิก จะตอ้ งคำถงึ ประเดน็ ทสี่ ำคญั ต่อไปน้ี 1. Useful: ตอ้ งเป็นขอ้ มลู ทม่ี ีประโยชน์ และเปลย่ี นชีวติ คนไปในทางทด่ี ขี ึ้น 2. Insightful: ตอ้ งมคี ณุ ภาพ เน้ือหาต้องแน่น รู้ลึกและรจู้ ริง 3. Interesting: ต้องสดใหม่ ทันกระแส และมคี วามแปลกใหม่ 4. Reliable: ข้อมลู น้นั ๆ ตอ้ งมคี วามนา่ เชอื่ ถอื มีท่มี าทไ่ี ป มีแหลง่ อ้างองิ ชัดเจน • ด้านการออกแบบ (Design/Graphic) การออกแบบตอ้ งมีรูปแบบ แบบแผน โครงสรา้ ง หนา้ ทกี่ ารทำงาน และความสวยงาม โดยออกแบบใหเ้ ข้าใจงา่ ย ใช้งานงา่ ย และใช้ได้จริง ข้ันสรปุ 9. ผสู้ อนและผูเ้ รยี นร่วมกนั สรุปวา่ การ Draft Infographic ช่วยให้สามารถออกแบบอนิ โฟกราฟกิ ได้รวดเร็ว มากยง่ิ ข้นึ เนื่องจากเมือ่ วาดโครงรา่ ง จะเหน็ ข้อบกพร่องของช้ินงาน และสามารถแก้ไขปรับปรุงได้ เปน็ การตรวจสอบภาพรวมท้งั หมดก่อนออกแบบจริง 10. ผสู้ อนเปิดโอกาสให้ผู้เรยี นสอบถามเพ่มิ เตมิ

9. ส่อื การเรียนรู้ 80 1. Slide ส่ือการสอน ข้ันตอนในการ Draft Infographic 2. กจิ กรรม DRAFT เกณฑ์ คุณภาพอยใู่ นระดบั ดี 10. การวัดและประเมินผล เครื่องมือ แบบประเมินผลงาน ผ่านเกณฑ์ วธิ กี าร คุณภาพอยูใ่ นระดับ ดี ตรวจ ผลงาน จากการทำ ผ่านเกณฑ์ กิจกรรม DRAFT ประเมนิ พฤตกิ รรมรายบคุ คล แบบประเมนิ พฤติกรรม จากการทำกจิ กรรม DRAFT รายบุคคล

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

82 กลุม่ สาระการเรียนรู้วิทยาศาสตร์และเทคโนโลยี ช้ันประถมศกึ ษาปีที่ 5 คอมพิวเตอร์เพ่มิ เติม การออกแบบ Infographic ดว้ ย Canva จำนวน 6 ชั่วโมง หนว่ ยการเรยี นรูท้ ่ี 4 เคร่อื งมือท่ีใช้ในการสรา้ งงานอนิ โฟกราฟิก (Infographic) เวลาเรียน 2 ชัว่ โมง แผนการจดั การเรียนรูท้ ่ี 11 เครื่องมือในการสรา้ งงานอนิ โฟกราฟิกแบบออนไลน์ 1. ผลการเรยี นรู้ บอกเครื่องมอื ท่ีใช้ในการออกแบบอินโฟกราฟกิ (Infographic) ได้ 2. สาระสำคญั /ความคิดรวบยอด เครอ่ื งมอื ทใ่ี ชใ้ นการสร้างงานอนิ โฟกราฟกิ (Infographic) แบบออนไลน์ คอื เวบ็ ไซต์ หรอื แอปพลเิ คชัน ทสี่ ามารถออกแบบและแกไ้ ขงานได้จากคอมพิวเตอร์ Tablet หรือแม้แต่ Smartphone ท่มี กี ารเชอ่ื มตอ่ กบั อนิ เทอร์เนต็ เชน่ 1. www.edrawsoft.com 2. www.easel.ly 3. www.infogram.com 4. www.piktochart.com 5. www.venngage.com 6. www.canva.com 3. จดุ ประสงค์การเรยี นรู้ 1. บอกเครื่องมือท่ใี ช้ในการสร้างงานอินโฟกราฟิก (Infographic) แบบออนไลน์ได้ (K) 2. ออกแบบอินโฟกราฟิก (Infographic) โดยใชเ้ คร่ืองมอื แบบออนไลน์ได้ (P) 3. เห็นประโยชนข์ องการใช้เครอื่ งมือออนไลน์ในการออกแบบอินโฟกราฟิก (Infographic) (A) 4. สาระการเรียนรู้ 1. เคร่อื งมอื ที่ใช้ในการสร้างงานอินโฟกราฟิก (Infographic) แบบออนไลน์ 2. ตัวอยา่ ง เว็บไซตท์ ี่ใหบ้ ริการสร้างงานอนิ โฟกราฟกิ (Infographic) แบบออนไลน์ 5. สมรรถนะสำคญั ของผู้เรยี น 1. ความสามารถในการสือ่ สาร 2. ความสามารถในการคดิ 3. ความสามารถในการแก้ปัญหา 4. ความสามารถในการใช้ทกั ษะชีวติ 5. ความสามารถในการใช้เทคโนโลยี

83 6. คุณลกั ษณะอันพงึ ประสงค์ 1. มวี ินัย 2. ใฝ่เรียนรู้ 3. มุ่งมั่นในการทำงาน 7. ภาระงาน 1. ใบงานที่ 13 เครอื่ งมอื ทีใ่ ช้ในการสรา้ งงานอินโฟกราฟกิ (Infographic) แบบออนไลน์ 2. กิจกรรม สรา้ งงานอินโฟกราฟกิ แบบออนไลน์ 8. การจดั กิจกรรมการเรียนรู้ 1. วิธีการสอนแบบสรา้ งสรรคเ์ ปน็ ฐาน (Creativity-Based Learning : CBL) 2. การจดั การเรียนการสอนแบบ Active Learning ช่วั โมงที่ 1 ขน้ั นำเขำ้ ส่บู ทเรียน 1. ผู้สอนถามผเู้ รียนเพือ่ เปน็ การทบทวนความรู้เดิมของผูเ้ รียน เชน่ “นักเรยี นเคยใชโ้ ปรแกรมอะไรในการ ทำงานนำเสนอบ้าง?” 2. ผสู้ อนเปดิ คลิปวดิ โี อ Easelly เพอ่ื เป็นการกระตุน้ ความสนใจของผู้เรียน จากลงิ ค์ https://www.youtube.com/watch?v=O-J7qjsNJ_4 ข้ันสอน 3. ผู้สอนเปิด Slide ส่ือการสอน เคร่ืองมือท่ีใช้ในการสร้างงานอินโฟกราฟิก (Infographic) แบบ ออนไลน์ พร้อมอธิบายว่า เคร่ืองมือท่ีใช้ในการสร้างงานอินโฟกราฟิก (Infographic) แบบออนไลน์ คือ เว็บไซต์ หรือ แอปพลิเคชัน ท่ีสามารถออกแบบและแก้ไขงานได้จากคอมพิวเตอร์ Tablet หรือ แม้แต่ Smartphone ทมี่ กี ารเชื่อมตอ่ กบั อินเทอรเ์ นต็ เชน่ a. www.edrawsoft.com b. www.easel.ly c. www.infogram.com

84 d. www.piktochart.com e. www.venngage.com f. www.canva.com 4. ผู้สอนแจกใบงานที่ 13 เครื่องมอื ทใ่ี ช้ในการสรา้ งงานอินโฟกราฟิก (Infographic) แบบออนไลน์ พร้อมอธิบายวิธีการทำใบงาน คือ ให้ผู้เรียนหาข้อมูลเก่ียวกับวิธีการใช้งานเว็บไซต์ ที่ให้บริการ ออกแบบอนิ โฟกราฟิกแบบออนไลน์ โดยเลอื กเว็บไซต์ที่นักเรียนสนใจ 5. ผู้สอนใหเ้ วลาผเู้ รียนในการทำใบงาน โดยผูส้ อนคอยดูแลความเรียบรอ้ ยและคอยใหค้ ำแนะนำเพิ่มเตมิ 6. ผูส้ อนอธิบายเพิ่มเติมว่า ในปัจจบุ ันมีหลายเว็บไซต์ที่ให้บริการออกแบบอินโฟกราฟิก (Infographic) หรือ ส่ือนำเสนออื่น ๆ ในรูปแบบออนไลน์ เพราะมีจุดเด่น คือ สะดวก และช่วยประหยัดเวลาในการ ทำงาน มรี ูปภาพประกอบและเทมเพลต (Template) ให้เลอื กใช้งาน และสามารถแก้ไขเปลี่ยนแปลง ไดอ้ ยา่ งง่ายดาย เพยี งแคล่ ากและวาง (Drag and Drop) 7. ผูส้ อนสุ่มผู้เรียนออกมานำเสนอใบงาน โดยใหผ้ ้เู รยี นคนอนื่ ๆ รวมทัง้ ผ้สู อน รว่ มกันเสนอแนะ แสดงความคิดเหน็ 8. ผู้สอนให้ผู้เรียนร่วมกันอภิปราย ถึง ข้อดี และข้อจำกัด ของการใช้เคร่ืองมือในการสร้างงานอินโฟ กราฟิก (Infographic) แบบออนไลน์ ซ่ึงข้อจำกัดท่ีชัดเจนที่สุดของการใช้เคร่ืองมือในการสร้างงาน อนิ โฟกราฟกิ (Infographic) แบบออนไลน์ คือ หากไม่มีอินเทอรเ์ นต็ จะไม่สามารถใชง้ านได้ 23. ชวั่ โมงที่ 2 ข้นั สอน (ต่อ) 12. ผู้สอนแบ่งกลุ่มผู้เรียน กลุ่มละ 3 คน เพื่อทำกิจกรรม สร้างงานอินโฟกราฟิกแบบออนไลน์ พร้อม อธิบายวิธีการทำกิจกรรม คือ ให้ผู้เรียนแต่ละกลุ่มออกแบบอินโฟกราฟิก ใน หัวข้อ “Covid-19” โดยเลอื กใช้เครอื่ งมือในการออกแบบอินโฟกราฟิกแบบออนไลน์ทเี่ หมาะสม 13. ผู้สอนอธิบายเพิ่มเติมว่า ข้อดีอีกอย่างหน่ึงของการใช้เคร่ืองมือในการสร้างงานอินโฟกราฟิก (Infographic) แบบออนไลน์ คอื สามารถใชง้ านร่วมกนั ได้แบบ Real-time แม้จะอย่คู นละสถานที่ 14. ผู้สอนให้เวลาผู้เรียนในการทำกิจกรรม โดยท่ีผู้สอนคอยดูแลความเรียบร้อยและคอยให้คำแนะนำ เพม่ิ เติม 15. ผู้สอนใหแ้ ต่ละกลุ่มออกมานำเสนอผลงาน และบอกอุปสรรคทพี่ บ ในการใช้เคร่อื งมือในการสร้างงาน อินโฟกราฟิก (Infographic) แบบออนไลน์

85 ข้นั สรปุ 16. ผู้สอนและผู้เรียนร่วมกันสรุปว่า การใช้เครื่องมือในการสร้างงานอินโฟกราฟิก (Infographic) แบบ ออนไลน์ มีข้อดี คือ สามารถทำงานร่วมกนั แบบ Real-time ได้ทุกที่ทุกเวลา เพียงแค่มีอินเทอร์เน็ต ซึ่งในทางเดียวกัน ข้อจำกัดของการใช้เครื่องมือในการสร้างงานอินโฟกราฟิก (Infographic) แบบ ออนไลน์ กค็ ือ อินเทอร์เน็ต เพราะหากไมม่ ีอินเทอร์เน็ต เครื่องมือท่ีใช้ในการสร้างงานอินโฟกราฟิก (Infographic) แบบออนไลน์ ก็จะไมส่ ามารถใชง้ านได้ทันที 17. ผู้สอนเปิดโอกาสให้ผู้เรยี นสอบถามเพิ่มเติม 9. สอื่ การเรียนรู้ 1. คลิปวิดโี อ Easelly จากลิงค์ https://www.youtube.com/watch?v=O-J7qjsNJ_4 2. Slide สอ่ื การสอน เครอ่ื งมือทีใ่ ช้ในการสร้างงานอินโฟกราฟกิ (Infographic) แบบออนไลน์ 3. ใบงานท่ี 13 เครอื่ งมือทใี่ ช้ในการสร้างงานอนิ โฟกราฟิก (Infographic) แบบออนไลน์ 4. กจิ กรรม สรา้ งงานอนิ โฟกราฟิกแบบออนไลน์ 10. การวัดและประเมนิ ผล วิธกี าร เคร่อื งมอื เกณฑ์ ตรวจ ใบงานท่ี 13 เคร่ืองมอื ทใ่ี ช้ แบบประเมนิ ผลงาน คณุ ภาพอยู่ในระดับ ดี ในการสรา้ งงานอินโฟกราฟกิ ผ่านเกณฑ์ (Infographic) แบบออนไลน์ คณุ ภาพอยใู่ นระดบั ดี ตรวจ ผลงาน จากการทำ แบบประเมินผลงาน ผา่ นเกณฑ์ กจิ กรรม สรา้ งงานอินโฟกราฟกิ แบบออนไลน์ คณุ ภาพอยูใ่ นระดบั ดี ผา่ นเกณฑ์ ประเมนิ พฤตกิ รรมกล่มุ แบบประเมนิ พฤตกิ รรมกลมุ่ จากการทำกจิ กรรม สร้างงาน อนิ โฟกราฟิกแบบออนไลน์

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

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

88 6. คุณลักษณะอันพึงประสงค์ 1. มวี ินยั 2. ใฝเ่ รยี นรู้ 3. มุ่งมน่ั ในการทำงาน 7. ภาระงาน 1. ใบงานท่ี 14 เครอ่ื งมอื ท่ใี ชใ้ นการสรา้ งงานอนิ โฟกราฟิก (Infographic) แบบออฟไลน์ 2. กจิ กรรม สร้างงานอินโฟกราฟิกแบบออฟไลน์ 8. การจัดกิจกรรมการเรยี นรู้ 1. วธิ กี ารสอนแบบสร้างสรรค์เปน็ ฐาน (Creativity-Based Learning : CBL) 2. การจัดการเรยี นการสอนแบบ Active Learning ช่ัวโมงที่ 1 ขัน้ นำเขำ้ สู่บทเรยี น 1. ผู้สอนถามผู้เรยี นเพื่อเปน็ การทบทวนความรเู้ ดมิ ของผูเ้ รยี น เช่น “นกั เรียนเคยใช้งานโปรแกรมสำหรบั งานกราฟกิ บา้ งหรอื ไม่?” 2. ผูส้ อนเปิดคลิปวดิ ีโอ Photoshop Tutorials เพ่ือเป็นการกระตนุ้ ความสนใจของผเู้ รยี น ข้นั สอน 3. ผู้สอนเปิด Slide สื่อการสอน เคร่ืองมือที่ใช้ในการสร้างงานอินโฟกราฟิก (Infographic) แบบ ออฟไลน์ พร้อมอธิบายว่า เคร่ืองมือที่ใช้ในการสรา้ งงานอินโฟกราฟิก (Infographic) แบบออฟไลน์ คือ โปรแกรม หรือแอปพลิเคชัน ที่ต้องติดตั้งบนคอมพิวเตอร์ Tablet หรือ Smartphone ก่อน ถึง จะใชง้ านได้ เชน่ a. โปรแกรม Photoshop b. โปรแกรม illustrator c. โปรแกรม PowerPoint d. แอปพลิเคชนั Procreate

89 e. แอปพลิเคชัน ibispaint x 4. ผสู้ อนแจกใบงานท่ี 14 เครอื่ งมือทใี่ ชใ้ นการสรา้ งงานอินโฟกราฟิก (Infographic) แบบออฟไลน์ พรอ้ มอธิบายวธิ ีการทำใบงาน คือ ใหผ้ ูเ้ รยี นหาข้อมูลเก่ียวกับวิธีการใชง้ านโปรแกรมหรือแอปพลิเคชัน ที่ใช้ในการออกแบบอินโฟกราฟกิ แบบออฟไลน์ 5. ผสู้ อนใหเ้ วลาผู้เรียนในการทำใบงาน โดยผู้สอนคอยดูแลความเรียบรอ้ ยและคอยใหค้ ำแนะนำเพมิ่ เตมิ 6. ผ้สู อนอธิบายเพม่ิ เติมว่า ในปัจจุบันมีการพัฒนาโปรแกรมท่ีใชใ้ นงานกราฟิก 7. ผสู้ อนสุ่มผู้เรียนออกมานำเสนอใบงาน โดยให้ผู้เรยี นคนอ่ืน ๆ รวมท้ังผู้สอน รว่ มกันเสนอแนะ แสดงความคดิ เหน็ และนำความร้ทู ่เี กดิ จากการแลกเปลย่ี นเรยี นรู้ ไปใชป้ ระโยชน์ต่อไป 24. ช่ัวโมงท่ี 2 ขน้ั สอน (ต่อ) 8. ผสู้ อนแบ่งกลุ่มผู้เรียน กลุ่มละ 3 คน เพ่ือทำกิจกรรม สร้างงานอินโฟกราฟิกแบบออฟไลน์ พร้อม อธิบายวิธีการทำกิจกรรม คือ ให้ผู้เรียนแต่ละกลุ่มออกแบบอินโฟกราฟิก เพ่ืออธิบายส่วนประกอบ ของพชื หรอื สตั ว์ ทน่ี ักเรียนสนใจ โดยเลอื กใชเ้ ครอ่ื งมือในการออกแบบอนิ โฟกราฟิกแบบออฟไลน์ ท่เี หมาะสม ซึ่งขณะออกแบบให้แต่ละกลุ่มบนั ทกึ หน้าจอ เพือ่ นำมาตดั ตอ่ เปน็ คลิปวิดีโอที่เร่งความเร็ว ของวิดีโอ ใหอ้ ยใู่ นระดับท่ีเร็วพอประมาณ ซ่ึงจะไดเ้ ป็นชิน้ งานตามตัวอย่าง ตัวอยา่ ง https://www.youtube.com/watch?v=H-8P8XXoJqM 9. ผู้สอนให้เวลาผู้เรียนในการทำกิจกรรม โดยท่ีผู้สอนคอยดูแลความเรียบร้อยและคอยให้คำแนะนำ เพ่ิมเติม 10. เม่ือครบกำหนดเวลาผู้สอนเปิดคลิปวิดีโอของแต่ละกลุ่ม และให้ผู้เรียนกลุ่ม อ่ืน ๆ รวมทั้งผู้สอน ร่วมกันเสนอแนะแสดงความคิดเห็น 11. ผู้สอนอธิบายเพิ่มเติมว่า Offline เป็นระบบที่ถูกออกแบบมาโดยให้ตัวโปรแกรมและข้อมูลในการใช้ งานต่าง ๆ ถูกเก็บอยู่บนเคร่ืองคอมพิวเตอร์ หรืออุปกรณ์ท่ีใช้งาน โดยเน้นการใช้งานบนเครื่อง คอมพิวเตอร์โดยตรง ไม่มีการเข้าใช้งานผ่านระบบอินเทอร์เน็ต หรือสามารถเข้าใช้งานได้เพียงบาง ฟังก์ชันที่ถูกจำกัดไว้เท่าน้ัน ทำให้ไม่สามารถใช้งานร่วมกันแบบ Real-Time เหมือนกับการใช้ เครอ่ื งมอื ในการสร้างงานอนิ โฟกราฟิก (Infographic) แบบออนไลน์

90 ขัน้ สรุป 12. ผสู้ อนและผู้เรียนรว่ มกนั สรุปวา่ การใชง้ านเครอื่ งมือในการสร้างงานอินโฟกราฟกิ (Infographic) ท้ังแบบแบบออฟไลน์ (Offline) และแบบออนไลน์ (Online) ต่างมีข้อดี และข้อจำกัดท่ีแตกต่างกัน ออกไป นักเรียนสามารถพิจารณา และเลือกใช้งานได้ตามความเหมาะสม 13. ผู้สอนเปิดโอกาสใหผ้ เู้ รียนสอบถามเพิ่มเติม 9. สอ่ื การเรียนรู้ 1. คลิปวิดโี อ Photoshop Tutorials 2. Slide สื่อการสอน เคร่อื งมือทใี่ ช้ในการสร้างงานอนิ โฟกราฟกิ (Infographic) แบบออฟไลน์ 3. ใบงานที่ 14 เครอื่ งมือทใ่ี ช้ในการสรา้ งงานอนิ โฟกราฟกิ (Infographic) แบบออฟไลน์ 4. กจิ กรรม สรา้ งงานอินโฟกราฟกิ แบบออฟไลน์ 10. การวัดและประเมินผล วิธีการ เครื่องมือ เกณฑ์ ตรวจ ใบงานท่ี 14 เคร่ืองมอื ทใ่ี ช้ แบบประเมินผลงาน คณุ ภาพอยใู่ นระดบั ดี ในการสร้างงานอนิ โฟกราฟกิ ผ่านเกณฑ์ (Infographic) แบบออฟไลน์ คุณภาพอยู่ในระดบั ดี ตรวจ ผลงาน จากการทำ แบบประเมินผลงาน ผา่ นเกณฑ์ กิจกรรม สร้างงานอินโฟกราฟกิ แบบออฟไลน์ คุณภาพอยใู่ นระดับ ดี ผ่านเกณฑ์ ประเมินพฤตกิ รรมกลุ่ม แบบประเมินพฤตกิ รรมกลมุ่ จากการทำกิจกรรม สรา้ งงาน อนิ โฟกราฟกิ แบบออฟไลน์

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

92 กลมุ่ สาระการเรียนร้วู ิทยาศาสตร์และเทคโนโลยี คอมพวิ เตอร์เพิม่ เติม การออกแบบ Infographic ดว้ ย Canva ช้นั ประถมศกึ ษาปที ่ี 5 หน่วยการเรียนรทู้ ี่ 5 การใชง้ าน Canva ในการสรา้ งงานอินโฟกราฟิก (Infographic) จำนวน 10 ชั่วโมง แผนการจัดการเรยี นรทู้ ่ี 13 การสมัครใชง้ าน Canva เวลาเรยี น 2 ชว่ั โมง 1. ผลการเรยี นรู้ อธิบายเกีย่ วกับการใช้งาน และประโยชนข์ องโปรแกรม Canva ได้ 2. สาระสำคัญ/ความคดิ รวบยอด Canva คอื แพลตฟอรม์ ออกแบบกราฟกิ (Graphic) ไมว่ า่ จะเปน็ ชิน้ งานเพือ่ ใชล้ ง Social Media, Presentation, งานสิ่งพิมพ์ รวมไปถึงภาพเคลอื่ นไหว เปน็ เครอ่ื งมือที่ใชใ้ นการออกแบบงานอินโฟกราฟิก (Infographic) แบบออนไลน์ สามารถสมัครใชง้ านดว้ ยบัญชีผูใ้ ช้ Facebook, Google mail (G-mail) หรือสมัครดว้ ยอีเมล์อื่น ๆ 3. จุดประสงค์การเรียนรู้ 1. บอกประโยชนข์ อง Canva ได้ (K) 2. สมคั รใชง้ าน Canva ได้ (P) 3. เห็นประโยชน์ของการใช้ Canva ในการออกแบบอินโฟกราฟิก (Infographic) (A) 4. สาระการเรียนรู้ 1. Canva คือ แพลตฟอร์มออกแบบกราฟิก (Graphic) 2. การสมัครใช้งาน Canva 3. ประโยชนแ์ ละขอ้ จำกดั ของของ Canva 5. สมรรถนะสำคัญของผู้เรียน 1. ความสามารถในการสื่อสาร 2. ความสามารถในการคิด 3. ความสามารถในการแกป้ ญั หา 4. ความสามารถในการใชท้ กั ษะชวี ิต 5. ความสามารถในการใชเ้ ทคโนโลยี

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

94 ช่ัวโมงท่ี 1 ขน้ั นำเข้ำสูบ่ ทเรยี น 1. ผสู้ อนเปดิ คลิปวดิ ีโอ สรปุ เส้นทางของ Canva เพ่ือเป็นการกระตนุ้ ความสนใจของผูเ้ รยี น จากลงิ ค์ https://www.youtube.com/watch?v=IscHLKJWres 2. ผ้สู อนถามผู้เรียนเพ่อื เป็นการทบทวนความรูเ้ ดิม เชน่ “นักเรียนเคยใช้งาน Canva บ้างหรือไม่ ถา้ เคย ใช้ เคยใชท้ ำอะไร” ขัน้ สอน 3. ผู้สอนอธิบายว่า Canva คือ แพลตฟอร์มออกแบบกราฟิก (Graphic) ไม่ว่าจะเป็นช้ินงานเพ่ือ ใช้ลง Social Media, Presentation, งานส่ิงพิมพ์ รวมไปถึงภาพเคลื่อนไหว เป็นเครื่องมือท่ีใช้ในการ ออกแบบงานอินโฟกราฟิก (Infographic) แบบออนไลน์ สามารถสมัครใช้งานด้วยบัญชีผู้ใช้ Facebook, Google mail (G-mail) หรอื สมคั รด้วยอีเมล์อ่ืน ๆ 4. ผู้สอนเปิด คลิปวิดีโอ การสมคั รใช้งาน Canva พรอ้ มอธบิ าย a. เปิดเว็บไซต์ https://www.canva.com b. เลือกสมคั รใช้งาน 1 2

95 c. เลือกช่องทางการลงช่อื เข้าใช้ บัญชี Google บัญชี Facebook หรือ E-mail 3 5. ผู้สอนให้ผู้เรียนทำกิจกรรม สมัครใช้งาน Canva พร้อมอธิบายวิธีการทำกิจกรรม คือ ให้ผู้เรียน สมคั รใช้งาน Canva ตามขน้ั ตอนทผี่ สู้ อนแนะนำ 6. ผู้สอนให้เวลาผู้เรียนในการทำกิจกรรม โดยผู้สอนคอยดูแลความเรียบร้อยและคอยให้คำแนะนำ เพมิ่ เติม 7. ผู้สอนอธิบายเพ่ิมเติมว่า Canva มีท้ังแบบฟรี และแบบมีค่าใช้จ่าย และมีการให้บริการสำหรับ บุคลากรทางการศึกษา รวมถึงนักเรียน หากเข้าใช้งานคร้ังแรก Canva จะปรากฏหน้าต่าง ข้ึนมาให้ ทำตามข้นั ตอน ดังน้ี เพ่อื เข้าใชง้ านสำหรับนักเรยี น 1. เลือกใช้งาน สำหรบั นกั เรียน (Student) 1

96 2. เลอื กระดับชน้ั ท่กี ำลงั ศกึ ษา 2 8. เมอ่ื สมัครการใชง้ านสำเรจ็ ผู้สอนให้ผู้เรียนลองสำรวจ Templates ต่าง ๆ บน Canva โดยทผี่ สู้ อน แนะนำว่า Canva มี Templates ใหเ้ ลอื กกวา่ 400,000 แบบ จากนกั ออกแบบมอื อาชีพ 25. ชั่วโมงท่ี 2 ขน้ั สอน (ต่อ) 9. ผสู้ อนแบง่ กลมุ่ ผู้เรียน กลุ่มละ 3 คน พรอ้ มกบั แจกใบงานท่ี 15 ประโยชน์และข้อจำกดั ของ Canva พรอ้ มอธิบายวิธีการทำใบงาน คือ ให้แต่ละกลมุ่ ชว่ ยกนั ค้นหาขอ้ มูลเกี่ยวกับ ประโยชน์ และข้อจำกัด ของ Canva โดยใหเ้ วลา 20 นาที เมื่อครบกำหนดเวลา กลมุ่ ใดเขยี นได้มากท่ีสดุ จะเปน็ ผชู้ นะ 10. ผู้สอนให้เวลาผู้เรียนในการทำใบงาน โดยที่ผู้สอนคอยดูแลความเรียบร้อยและคอยให้คำแนะนำ เพม่ิ เตมิ 11. เมื่อครบกำหนดเวลาผู้สอนให้ผู้เรียนกลุ่มที่ได้คะแนนมากที่สุดออกมานำเสนอใบงาน โดยให้ผู้เรียน กลุ่มอืน่ ๆ ร่วมกันเสนอแนะแสดงความคดิ เหน็ 12. ผ้สู อนอธิบายเพ่ิมเตมิ ว่า Canva มีขอ้ ดีและจดุ เด่น คือ มี Template ให้เลือกกว่า 60,000 แบบ ช่วยให้ชิ้นงานออกแบบมีคุณภาพเหมือนมืออาชีพ ไม่ว่าจะเป็น Social Post, Infographic, Resume, Presentation, Logo และอื่น ๆ อีกมากมาย สามารถใช้งานได้ทั้งคอมพิวเตอร์ Tablet หรือ Smartphone และยัง รองรับภาษาไทย ในส่วนของข้อจำกัด ที่ชัดเจน คือ อินเทอร์เน็ต เนือ่ งจากการสร้างช้ินงานบน Canva เป็นการทำงานผ่านเครือขา่ ยอินเทอร์เนต็ หากไม่มีอินเทอร์เน็ต ก็จะไม่สามารถใช้งานได้ทันที และ มีค่าใช้จ่ายสำหรับการใช้งานในบางฟังก์ชัน เช่น ภาพประกอบ รปู แบบของไฟล์ และอื่น ๆ