1. การใช้งานแอพพลิเคชั่น Canva เพื่อทำสื่อการสอน

โครงการพัฒนาความรู้และทักษะการเรียนการสอน ระดับการศึกษาขั้นพื้นฐาน การพัฒนาสื่อการสอนด้วย CANVA สำหรับครู ในยุคดิจิทัล 16 สิงหาคม 2566 อ. ดร. สุธีรา อานามวงษ์ [email protected] คณะวิทยาศาสตร์และเทคโนโลยี มทร.ตะวันออก

About Me Created by อ. ดร. สุธีรา อานามวงษ์ คณะวิทยาศาสตร์และเทคโนโลยี มทร.ตะวันออก

Contents รู้จัก Canva การประยุกต์ใช้ Canva คู่มือการใช้งาน วิธีการสร้างดีไซน์ Workshop การออกแบบสื่อการสอน การออกแบบ Infographic การออกแบบโปสเตอร์ การออกแบบใบงาน การสร้าง E-book Created by อ. ดร. สุธีรา อานามวงษ์ คณะวิทยาศาสตร์และเทคโนโลยี มทร.ตะวันออก

สื่อ (Medium/Media) = ระหว่าง สิ่งใดก็ตามที่บรรจุข้อมูลสารสนเทศหรือเป็นตัวกลางให้ ข้อมูลส่งผ่านจากผู้ส่ง ไปยังผู้รับเพื่อให้ผู้ส่งและผู้รับสามารถ สื่อสารกันได้ตามวัตถุประสงค์ (กิดานันท์ มลิทอง, 2548)

สื่อการเรียนการสอน (Instructional Media) สื่อใด ๆ ที่บรรจุเนื้อหาเกี่ยวกับการเรียนการสอน หรือเป็นวัสดุ อุปกรณ์เพื่อ ถ่ายทอดเนื้อหา เทปบันทึกเสียง สไลด์ วิทยุ โทรทัศน์ วีดิทัศน์ ฟิล์มภาพยนตร์ แผนภูมิ รูปภาพ ของจำลอง แผ่นพับ คอมพิวเตอร์ ซีดี แท็บเล็ต โปสเตอร์ หนังสือ e-book e-journal

ประเภทของสื่อการสอน แบ่งตามคุณลักษณะได้ 4 ประเภท 1. สื่อประเภทวัสดุ คือสื่อการสอนพื้นฐานที่ใช้ประกอบการเรียนการสอนทั่วไปสำหรับบทเรียนต่าง ๆ ไม่ จำกัดเฉพาะหัวข้อหรือวิชา สื่อประเภทนี้ เช่น สไลด์ เอกสาร ตำรา สิ่งพิมพ์ และคู่มือการปฏิบัติ เป็นต้น 2. สื่อประเภทอุปกรณ์ เช่น หุ่นจำลอง เครื่องเล่นเทปเสียง เครื่องเล่นวีดิทัศน์ 3. สื่อประเภทเทคนิคหรือวิธีการ เช่น การสาธิต การอภิปราย การฝึกปฏิบัติ การฝึกงาน การจัด นิทรรศการ และการจัดสถานการณ์จำลอง 4. สื่อประเภทคอมพิวเตอร์ Created by อ. ดร. สุธีรา อานามวงษ์ คณะวิทยาศาสตร์และเทคโนโลยี มทร.ตะวันออก

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

Created by อ. ดร. สุธีรา อานามวงษ์ คณะวิทยาศาสตร์และเทคโนโลยี มทร.ตะวันออก

Created by อ. ดร. สุธีรา อานามวงษ์ คณะวิทยาศาสตร์และเทคโนโลยี มทร.ตะวันออก



Created by อ. ดร. สุธีรา อานามวงษ์ คณะวิทยาศาสตร์และเทคโนโลยี มทร.ตะวันออก

ทำสื่อการสอนด้วยวิีธีใด? Created by อ. ดร. สุธีรา อานามวงษ์ คณะวิทยาศาสตร์และเทคโนโลยี มทร.ตะวันออก

Canva คืออะไร เป็นแอพพลิเคชันสำหรับสร้างสื่อการนำเสนอหลากหลายรูป แบบ เช่น Presentation, Poster, Card, Resume, Certificate, Infographic เป็นต้น Canva นั้น จะมีขนาดมาตรฐานให้ เลือกหรือผู้ใช้สามารถ กำหนดขนาดเองได้ ใช้งานง่าย สวยงาม สามารถแบ่งปันให้แก่ผู้อื่นได้ Created by อ. ดร. สุธีรา อานามวงษ์ คณะวิทยาศาสตร์และเทคโนโลยี มทร.ตะวันออก

Canva PlanCANVA FREE CANVA PRO CANVA FOR 1,850.- TEAMS 4,580.- 2,990.- Created by อ. ดร. สุธีรา อานามวงษ์ คณะวิทยาศาสตร์และเทคโนโลยี มทร.ตะวันออก

CANVA FOR EDUCATION Canva เพื่อการศึกษา เป็นข้อเสนอฟรีของ Canva สําหรับนักการศึกษา K12 ทุกคน เมื่อใช้ แผนนี้จะได้รับประโยชน์ทั้งหมดจากฟีเจอร์ระดับพรีเมียม เช่น รูปภาพ ฟอนต์ กราฟิก วิดีโอ ภาพเคลื่อนไหว และแม่แบบหรือ Templates นับล้านรวมถึงพื้นที่ห้องเรียนเฉพาะเพื่อเชิญ นักเรียนและครูมาแชร์ ตรวจสอบ และจัดการงาน สามารถตั้งค่าพื้นที่สำหรับเรียนออนไลน์โดยการ เชิญนักเรียน และจัดการบทเรียน กิจกรรม หรือโครงการทั้งหมดในที่เดียว สามารถแชร์และตรวจสอบงานระหว่าง Google Classroom, Microsoft Teams และแพลตฟอร์มอื่น ๆ รวมทั้งแชร์งานให้นักเรียนทำได้ เข้าถึงแม่แบบเพื่อการศึกษาคุณภาพสูงหลายพันรายการสำหรับทุกวิชา สามารถสมัครใช้งาน https://www.canva.com/edu-signup/ ได้โดยใช้โดเมนอีเมลของ ทางโรงเรียน Created by อ. ดร. สุธีรา อานามวงษ์ คณะวิทยาศาสตร์และเทคโนโลยี มทร.ตะวันออก

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

การประยุกต์ใช้ Canva Marketing Video Business Social Media Tiktok video Youtube video MWDPGPWrrroiehoeancbistpdtsoeehiMtnbtyetoapaapetridon PPIRLCRnealreeavotlpsetnopuoenniomcrrdesteHeararel ad Linkedin video ad Infographic Feed ad video (potrait) Animated Social media Business card Video (16:9) Twitter Post Flyer Facebook Video IFIYFIFnnnaaaossscccuttteeeraaabbbgggsoootrrrooooaaakkkrmmmycaprspodoetovsoesetrltry Logo Video Message Poster Mobile Video Brochure Video Collage Menu Newsletter Cards & Invitations Comic strip Invitations Banner Group work Cards Yard Sign Classroom newsletter Postcard Certificate School newsletter T-Shirt Banner Education presentation Education Canvas Print Yard Sign Education video Sticker Certificate Education infographic Mug Classroom Poster Photo book Custom Prints Worksheet Label Flashcard Hoodie Storyboard Created by อ. ดร. สุธีรา อานามวงษ์ คณะวิทยาศาสตร์และเทคโนโลยี มทร.ตะวันออก

ATMOSPHERE LAYERS OF THE GEOSPHERE HYDROSPHERE ATMOSPHERE THE INNER THE OUTER THE MANTLE THE CRUST CORE CORE

1x 2x 3x 4x 5x 6x 1x0=0 2x0=0 3x0=0 4x0=0 5x0=0 6x0=0 1x1=1 2x1=2 3x1=3 4x1=4 5x1=5 6x1=6 1x2=2 2x2=4 3x2=6 4x2=8 5 x 2 = 10 6 x 2 = 12 1x3=3 2x3=6 3x3=9 4 x 3 = 12 5 x 3 = 15 6 x 3 = 18 1x4=4 2x4=8 3 x 4 = 12 4 x 4 = 16 5x 4 = 20 6 x 4 = 24 1x5=5 2 x 5 = 10 3 x 5 = 15 4 x 5 = 20 5 x 5 = 25 6 x 5 = 30 1x6=6 2 x 6 = 12 3 x 6 = 18 4 x 6 = 24 5 x 6 = 30 6 x 6 = 36 1x7=7 2 x 7 = 14 3 x 7 = 21 4 x 7 = 28 5 x 7 = 35 6 x 7 = 42 1x8=8 2 x 8 = 16 3 x 8 = 24 4 x 8 = 32 5 x 8 = 40 6 x 8 = 48 1x9=9 2 x 9 = 18 3 x 9 = 27 4 x 9 = 36 5 x 9 = 45 6 x 9 = 54 1 x 10 = 10 2 x 10 = 20 3 x 10 = 30 4 x 10 = 40 5 x 10 = 50 6 x 10 = 60 1 x 11 = 11 2 x 11 = 22 3 x 11 = 33 4 x 11 = 44 5 x 11 = 55 6 x 11 = 66 1 x 12 = 12 2 x 12 = 24 3 x 12 = 36 4 x 12 = 48 5 x 12 = 60 6 x 12 = 72

shy sick angry surprised excited happy cranky angelic



Created by อ. ดร. สุธีรา อานามวงษ์ คณะวิทยาศาสตร์และเทคโนโลยี มทร.ตะวันออก

Design Spotlight Created by อ. ดร. สุธีรา อานามวงษ์ คณะวิทยาศาสตร์และเทคโนโลยี มทร.ตะวันออก

CANVA ออกแบบง่ายได้แบบมือโปร วางรูปแบบ ความเป็นเอกภาพ (Unity) เนื้อหาและองค์ประกอบมีความสัมพันธ์และสอดคล้องกัน จุดรวมสายตา ความสมดุล (Balancing) เหมาะกับงานที่เป็นทางการ เป็นการออกแบบให้มีความเท่า เทียมกัน ไม่หนักไปข้างใดข้างหนึ่ง สัดส่วน (Propotion) ความพอเหมาะของสัดส่วนกับการจัดตำแหน่ง สัดส่วนโครงสี พื้นที่ว่าง ข้อความตัวอักษร รูปภาพ ตลอดจนความเข้มของแสง จุดเด่น (Emphasis) ส่วนใดจะเป็นส่วนสำคัญ ต้องการเน้นให้ชัดเจน ส่วนใดเป็นส่วน ประกอบ ควรมีจุดโฟกัสที่ดี Created by อ. ดร. สุธีรา อานามวงษ์ คณะวิทยาศาสตร์และเทคโนโลยี มทร.ตะวันออก

The average human attention span in 12 8 seconds seconds 9 seconds 2000 2013 ความเชื่อ

กระบวนการเรียนรู้จดจำของมนุษย์ 10% 20% 80% of what they hear of what they read of what they SEE and DO

วิธีการล้างมือ วิธีการล้างมือเพื่อให้เกิดประสิทธิภาพสูงสุดที่ถูกต้องควรล้างมือให้ครบ 7 ขั้นตอน และควรใช้เวลาอย่างน้อย 20 วินาที ดังนี้ ขั้นตอนที่ 1 ฝ่ามือถูฝ่ามือ ล้างมือด้วยน้ำสะอาด ถูสบู่จนขึ้นฟอง หลังจากนั้นนำฝ่ามือทั้งสองข้างประกบกัน และถูวนให้ทั่ว ขั้นตอนที่ 2 ถูหลังมือและซอกนิ้ว เพื่อฆ่าเชื้อโรคบริเวณมือและซอกนิ้วด้านหลัง โดยใช้ฝ่ามือถูบริเวณหลังมือ และซอกนิ้ว สลับไปมาทั้งสองข้าง ขั้นตอนที่ 3 ถูฝ่ามือและซอกนิ้ว นำมือทั้งสองข้างมาประกบกัน ถูฝ่ามือและซอกนิ้วด้านหน้าให้สะอาด ขั้นตอนที่ 4 หลังนิ้วมือถูฝ่ามือ ให้นิ้วมือทั้งสองข้างงอเกี่ยวกัน ถูวนไปมา ขั้นตอนที่ 5 ถูนิ้วและโคนนิ้วหัวแม่มือ กางนิ้วหัวแม่มือแยกออกมา ใช้ฝ่ามืออีกข้างกำรอบนิ้วหัวแม่มือ แล้วถูหมุนไปรอบ ๆ ทำ สลับกันทั้งสองข้าง ขั้นตอนที่ 6 ถูปลายนิ้วมือบนฝ่ามือ ให้แบมือแล้วใช้ปลายนิ้วมืออีกข้างถูวนเป็นวงกลม จากนั้นสลับข้างทำแบบเดียวกัน ขั้นตอนที่ 7 ถูรอบข้อมือ กำมือรอบข้อมือข้างหนึ่ง ถูวนจนกว่าจะสะอาด หลังจากนั้นให้เปลี่ยนข้างทำแบบเดียวกับมือข้างแรก



อินโฟกราฟิก (INFOGRAPHIC)? การนำข้อมูลมาสรุปและนำเสนอออกมาในรูปแบบกราฟิก ลายเส้น สัญลักษณ์ กราฟ แผนภูมิ ไดอะแกรม แผนที่ ฯลฯ

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

ประเภทของอินโฟกราฟิกส์ Data visualization ตามการใช้งาน Information Design เป็นการใช้ภาพเพื่อแสดงข้อมูลในเชิง Editorial Infographics ปริมาณที่วัดได้ ซึ่งอาจนำเสนอออกมาใน ใช้ในการนำเสนอข้อมูลที่เราอยากนำ ประกอบการเล่าเรื่องในนิตยสาร เสนอด้วยภาพ ทำให้คนจำแนกแยกแยะ รูปแบบ แผนภูมิ กราฟ กราฟิก และอื่นๆ ข้อมูลได้ บทความ และสื่อออนไลน์ประเภทต่าง ๆ อีกมากมาย เพื่อให้เข้าใจได้ง่าย และ รวดเร็ว

PICTURE GRAPH เลือกใช้รูปภาพหรือไอคอนแทนจำนวนของสิ่งนั้น ๆ มีการกำหนดอัตรส่วน เช่น ไอคอน 1 สิ่งแทนสิ่งของ จำนวน 10 ชิ้น (1:10)

แผนภูมิแท่ง (BAR CHARTS) ใช้เมื่อต้องการเปรียบเทียบ ระหว่าง categories กราฟแท่งแนวตั้ง ใช้ในการเปรียบเทียบข้อมูลชนิด เดียวกันที่เวลาแตกต่างกัน กราฟแท่งแนวนอน ใช้เปรียบเทียบข้อมูลต่างชนิดกันที่เวลา เดียวกัน

แผนภูมิวงกลม แผนภูมิโดนัท PIE CHARTS DOUGHNUT CHARTS แสดงสัดส่วนข้อมูลคิดเป็น 100 % แสดงผลชุดได้มากกว่า 1 ชุด โดย สัดส่วนข้อมูล ต่างๆ ควรมีขนาดไม่น้อยกว่า 7% ใช้วงกลมซ้อน ๆ กัน Item 4 Item 1 17.6% 26.9% ITEM 3 Lorem ipsum dolor sit amet, consectetur aadipiscing elit. ITEM 2 Item 2 ITEM 4 10.1% Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, consectetur aadipiscing elit. consectetur aadipiscing elit. Item 3 45.4%



กราฟเส้น LINE CHARTS ใช้ในการนำเสนอข้อมูลที่ต้องการให้เห็นแนวโน้มของการ เปลี่ยนแปลงที่เกิดขึ้นในช่วงเวลาหนึ่ง ๆ 40 30 20 10 0 2019 2020 2021 2018

เส้นเวลา TIMELINE 2004 2015 PRESENT 2002 2011 2018 Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum dolor sit amet, dolor sit amet, dolor sit amet, dolor sit amet, dolor sit amet, dolor sit amet, consectetur consectetur consectetur consectetur consectetur consectetur adipiscing elit. adipiscing elit. adipiscing elit. adipiscing elit. adipiscing elit. adipiscing elit.

แผนที MAPS

SCORECARD หรือ ตารางสรุปสถิติ TOTAL SESSIONS 1,198 6.7 K 02 - PROJECT NAME ใช้สำหรับเน้นข้อมูลเป็นรายตัว ซึ่งจะไม่ถูกนำไปรวมกับข้อมูลอื่น แต่จะยังคงมีผลต่อ การใช้ FILTER CONTROL ต่างๆ มีจุดเด่น คือ แสดงข้อมูลที่สำคัญที่สุด

พิกโตแกรม PICTOGRAM

การแบ่งรูปแบบโครงสร้าง(Layout) ของ Infographics 1. รูปแบบ Visualized Article : การนำเสนอข้อมูลแบบ บทความ

2. รูปแบบ Listed : การนำเสนอข้อมูลแบบมีหัวข้อย่อย โครงสร้างนี้เหมาะกับการออกแบบข้อมูลที่มีหัวข้อหลักเพียงหัวข้อเดียว แล้วมีหัวข้อย่อ แต่ไม่ยาวนัก

3. รูปแบบ Comparison : การนำเสนอข้อมูลแบบเปรียบเทียบ ข้อมูลเ

4. รูปแบบ Structure : การนำเสนอข้อมูลแบบอธิบายส่วนประกอบ

5. รูปแบบ Timeline : การนำเสนอข้อมูลแบบบอกประวัติความเป็นมา

6. รูปแบบ Road Map : การนำเสนอข้อมูลแบบอธิบายขั้นตอน การงานเสนอข้อมูลแบบอธิบายขั้นตอนการ

7. รูปแบบ Flowchart : การนำเสนอข้อมูลแบบอธิบายลำดับขั้นตอน

8. รูปแบบ Useful bait : การนำเสนอข้อมูลแบบอธิบายวิธีการทำ

9. รูปแบบ Number porn : การนำเสนอข้อมูล แบบข้อมูลที่เป็นตัวเลข