จุดประกาย! บูรณาการเครื่องมือพัฒนาสื่อความรู้เชิงปฏิสัมพันธ์

รปู แบบของสอื่ ความร้ตู ามต้องการ เน้นการเรียนรโู้ ดยใช้ฉากสถานการณ์เปน็ ฐาน Interactive Video Content based Learning Knowledge-On-Demand Scenario Gamification based based Learning Learning จดุ ประกาย! บูรณาการเคร่ืองมือพฒั นาส่ือความรเู้ ชงิ ปฏิสัมพนั ธ์ | ผูช้ ่วยศาสตราจารย์ณฐั ภัทร แกว้ รตั นภทั ร์ 51

รูปแบบของสอื่ ความรู้ตามต้องการ เน้นการเรยี นรโู้ ดยใชค้ ณุ ลักษณะของเกมเปน็ ฐาน Interactive Assign interactive media and engage families Content on their own time. Video based Learning Knowledge-On-Demand Scenario Gamification based based Learning Learning จดุ ประกาย! บูรณาการเครอ่ื งมือพัฒนาส่ือความรเู้ ชิงปฏสิ มั พันธ์ | ผ้ชู ว่ ยศาสตราจารยณ์ ฐั ภัทร แกว้ รัตนภทั ร์ 52

รูปแบบของสือ่ ความรู้ตามตอ้ งการ เนน้ การเรียนรู้โดยใชค้ ณุ ลกั ษณะของเกมเป็นฐาน Interactive Video Content based Learning Knowledge-On-Demand Scenario Gamification based based Learning Learning จดุ ประกาย! บูรณาการเครื่องมือพฒั นาส่ือความรู้เชิงปฏสิ ัมพนั ธ์ | ผชู้ ่วยศาสตราจารย์ณฐั ภทั ร แกว้ รตั นภทั ร์ 53

รปู แบบของสอื่ ความรูต้ ามตอ้ งการ เน้นการผสมผสานเพื่อสร้างประสบการณ์เรียนรขู้ องผเู้ รียน Interactive Video Content based Learning Knowledge-On-Demand Scenario Gamification based based Learning Learning จุดประกาย! บรู ณาการเคร่ืองมือพัฒนาสอ่ื ความร้เู ชงิ ปฏิสัมพนั ธ์ | ผชู้ ่วยศาสตราจารยณ์ ฐั ภัทร แกว้ รตั นภทั ร์ 54

กระบวนการวิเคราะห์และออกแบบส่อื ความรู้ตามต้องการ จดุ ประกาย! บูรณาการเคร่ืองมอื พฒั นาส่ือความรู้เชงิ ปฏสิ มั พนั ธ์ | ผู้ช่วยศาสตราจารย์ณัฐภัทร แก้วรัตนภัทร์ 55

สร้างส่อื ความรู้ปฏิสมั พนั ธ์ใน 4 ข้ันตอน Create Interactive Knowledge Media in 4 steps ขั้นที่ 1 เข้าใจเนอ้ื หาทจ่ี ะถา่ ยถอด ผา่ นส่อื ความรู้ และออกแบบ สอื่ ความรู้ แชรส์ ่อื ความร้ไู ปยังแหลง่ เรยี นรู้ ข้ันที่ 4 ขั้นท่ี 2 เตรียมเน้อื หา ภาพ ชุดสี หรือ แพลตฟอร์มการเรียนรู้ คลปิ วดิ โี อ สอื่ อื่น ๆ สร้างปฏิสมั พนั ธ์ แอนนิเมชนั ขัน้ ที่ 3 เพอื่ ส่งเสริมการเรยี นรู้ จดุ ประกาย! บูรณาการเครือ่ งมอื พัฒนาสอ่ื ความรู้เชงิ ปฏสิ ัมพันธ์ | ผู้ช่วยศาสตราจารย์ณัฐภทั ร แกว้ รตั นภทั ร์

รูปแบบของสอ่ื ความรตู้ ามต้องการ (Knowledge On Demand) Clip Video Content Links Clip Video Content Links MicroSite Interaction Sharing Learning Platform Learning Platforms จดุ ประกาย! บรู ณาการเครื่องมือพฒั นาส่อื ความรู้เชงิ ปฏสิ มั พนั ธ์ | ผชู้ ่วยศาสตราจารยณ์ ัฐภทั ร แกว้ รัตนภัทร์

รูปแบบของสอื่ ความรตู้ ามตอ้ งการ (Knowledge On Demand) Video Clip Video Clip content Upload Upload Share Package Package (embedded) Share (embedded) จดุ ประกาย! บรู ณาการเครื่องมอื พัฒนาสอื่ ความร้เู ชิงปฏิสัมพนั ธ์ | ผูช้ ว่ ยศาสตราจารยณ์ ัฐภัทร แกว้ รตั นภัทร์

การประเมินผลสอื่ การเรียนการสอน การวเิ คราะห์ผลการทดสอบ โดยใช้ E1/E2 E1 คอื พฤติกรรมต่อเนอ่ื ง / E2 คอื พฤติกรรมสุดทา้ ย การยอมรบั ประสิทธิภาพ (ประสิทธิภาพของกระบวนการ) (ประสทิ ธิภาพของผลลพั ธ์) 1. สูงกวา่ เกณฑ์ คอื ตั้งเกณฑ์ E1 / E2 ไว้ แลว้ ไดค้ ่า ประสทิ ธิภาพสูงกวา่ เกณฑท์ ีก่ าํ หนดไว้ เชน่ ต้งั เกณฑม์ าตรฐาน E1 คอื Efficiency of Process E2 คือ Efficiency of Output ไว้ 90/90 แลว้ คํานวณค่าประสิทธภิ าพบทเรียนสาํ เร็จรปู ได้ 95/95 2. เท่าเกณฑ์ คือ ต้งั เกณฑ์ E1 / E2 ไว้ แลว้ ไดค้ ่า ประสทิ ธิภาพเท่ากับเกณฑท์ ่ีตง้ั ไว้พอดี เชน่ ตง้ั เกณฑ์ มาตรฐานไว้ 90/90 แล้วคาํ นวณคา่ ประสิทธภิ าพบทเรียน สาํ เรจ็ รปู ได้ 90/90 3. ตํ่ากวา่ เกณฑ์ คือ ตัง้ เกณฑ์ E1 / E2 ไว้ แล้วได้คา่ ประสิทธภิ าพตํ่ากวา่ เกณฑท์ ่ตี ง้ั ไว้ ไมเ่ กนิ + 2.5 % 4. หากคะแนน E1 หรือ E2 ห่างกันเกนิ 5% แสดงวา่ กิจกรรมทใ่ี ห้นกั เรยี นทาํ กบั การสอบหลงั เรยี นไม่สมดลุ กัน เกณฑ์ ความรู้ความจาํ 90/90 และ ทักษะหรอื เจตคติ 75/75 อ้างองิ http://www4.educ.su.ac.th/2013/images/stories/081957-02.pdf จดุ ประกาย! บรู ณาการเคร่อื งมอื พฒั นาสอื่ ความรเู้ ชิงปฏิสัมพันธ์ | ผู้ชว่ ยศาสตราจารยณ์ ฐั ภทั ร แกว้ รตั นภทั ร์

การประเมินผลสอ่ื การเรยี นการสอน E1 คอื พฤตกิ รรมตอ่ เนอื่ ง / E2 คือ พฤตกิ รรมสดุ ทา้ ย (ประสทิ ธิภาพของกระบวนการ) (ประสทิ ธิภาพของผลลัพธ์) E1 คือ Efficiency of Process E2 คอื Efficiency of Output อ้างอิง http://www4.educ.su.ac.th/2013/images/stories/081957-02.pdf จุดประกาย! บรู ณาการเคร่ืองมอื พฒั นาส่อื ความรู้เชิงปฏิสมั พนั ธ์ | ผูช้ ่วยศาสตราจารย์ณัฐภทั ร แกว้ รตั นภทั ร์

“Content is king Design is its queen” จดุ ประกาย! บรู ณาการเคร่อื งมอื พฒั นาส่อื ความร้เู ชงิ ปฏสิ มั พันธ์ | ผ้ชู ่วยศาสตราจารย์ณัฐภทั ร แก้วรัตนภัทร์

พน้ื ฐานการออกแบบกราฟิกทใ่ี ชใ้ นสไลด์นําเสนอ Graphic Design in Slides การออกแบบองค์ประกอบ การออกแบบอกั ษร Composition Typography ขนาดของการแสดงผล ใช้ไดไ้ มเ่ กนิ 2 Fonts เพมิ่ ความคมชัดให้กบั เนื้อหา ใช้กฎสามส่วน จัดวางเนอ้ื หาให้ชดิ กนั หลีกเล่ียงการรบั ร้ดู ้วยสายตาท่มี ากเกนิ ไป ลาํ ดับช้นั ส่วนประกอบของเน้ือหา วางอักษรชดิ ซ้ายเสมอ ระวงั เน้ือหาแนน่ เกนิ ไป จดุ ประกาย! บรู ณาการเครอ่ื งมอื พัฒนาสอ่ื ความรู้เชงิ ปฏสิ มั พนั ธ์ | ผ้ชู ่วยศาสตราจารย์ณฐั ภัทร แกว้ รตั นภทั ร์

พื้นฐานการออกแบบกราฟิกท่ใี ช้ในสไลดน์ ําเสนอ Graphic Design in Slides ขนาดของการแสดงผล 16:9 Display Screen “สีเ่ หลยี่ มพืน้ ผา้ ” (Rectangular Format) 4:3 เหมาะกับการใชน้ าํ เสนอบน Mobile Devices และ Laptops “ส่เี หล่ียมจตั รุ ัส” (Square Format) เหมาะกับการใชน้ าํ เสนอบน Projectors จดุ ประกาย! บรู ณาการเครื่องมอื พัฒนาสอื่ ความรเู้ ชงิ ปฏสิ ัมพนั ธ์ | ผู้ช่วยศาสตราจารย์ณฐั ภทั ร แก้วรัตนภทั ร์ 63

จดุ ประกาย! บูรณาการเคร่อื งมอื พฒั นาส่อื ความรู้เชงิ ปฏิสมั พนั ธ์ | ผ้ชู ่วยศาสตราจารยณ์ ฐั ภัทร แก้วรตั นภัทร์ 64

พื้นฐานการออกแบบกราฟกิ ทใ่ี ช้ใน e-Learning Graphic Design in E-learning ขนาดของการแสดงผล Display Screen จดุ ประกาย! บรู ณาการเครอื่ งมอื พัฒนาสื่อความรูเ้ ชิงปฏสิ ัมพันธ์ | ผชู้ ว่ ยศาสตราจารย์ณัฐภทั ร แกว้ รัตนภทั ร์ 65

พ้ืนฐานการออกแบบกราฟิกทใ่ี ชใ้ นสไลดน์ ําเสนอ 66 Graphic Design in Slides กฎสามสว่ น Rule of Thirds ภาพหรือส่อื นาํ เสนอ จะถูกแบง่ ออกเปน็ 9 ส่วน องค์ประกอบทส่ี ําคญั ควรจัดวางอย่บู นเส้น หรือ วางอยูบ่ นจดุ ตดั จดุ ประกาย! บูรณาการเครื่องมอื พัฒนาส่ือความรเู้ ชิงปฏสิ ัมพนั ธ์ | ผชู้ ่วยศาสตราจารยณ์ ฐั ภัทร แก้วรตั นภทั ร์

พน้ื ฐานการออกแบบกราฟิกท่ใี ช้ใน e-Learning 67 Graphic Design in E-learning กฎสามสว่ น Rule of Thirds ภาพหรอื สอIื นําเสนอ จะถกู แบง่ ออกเป็น S สว่ น องคป์ ระกอบทสIี าํ คญั ควรจดั วางอยบู่ นเสน้ หรอื วางอยบู่ น จดุ ตดั จดุ ประกาย! บรู ณาการเครอื่ งมอื พัฒนาสอ่ื ความรเู้ ชงิ ปฏิสัมพนั ธ์ | ผ้ชู ่วยศาสตราจารย์ณฐั ภทั ร แกว้ รัตนภทั ร์

พ้นื ฐานการออกแบบกราฟิกท่ีใช้ในสไลดน์ ําเสนอ 68 Graphic Design in Slides หลักการออกแบบตําแหนง่ Location Design การพิจารณาตาํ แหน่งในการจดั วางเนอื้ หา ท่ีสอดคล้องกับพฤตกิ รรมหรอื ประสบการณ์ผู้ใช้ โดยพน้ื ท่ีทม่ี นุษย์จะให้ ความสนใจเรียกวา่ Areas of interest: AOI จดุ ประกาย! บรู ณาการเครอ่ื งมอื พฒั นาสื่อความรเู้ ชงิ ปฏิสมั พนั ธ์ | ผชู้ ่วยศาสตราจารยณ์ ฐั ภทั ร แกว้ รตั นภทั ร์

พื้นฐานการออกแบบกราฟิกทใ่ี ชใ้ นสไลด์นําเสนอ Graphic Design in Slides การลาํ ดับชัน้ ส่วนประกอบของเน้อื หา Hierarchy of the Elements • วางตามลาํ ดับทีค่ วรจะเปน็ • ออกแบบการเนน้ ในสว่ นที่สาํ คญั จดุ ประกาย! บรู ณาการเครอ่ื งมอื พฒั นาส่อื ความรูเ้ ชิงปฏิสมั พันธ์ | ผชู้ ว่ ยศาสตราจารยณ์ ัฐภัทร แก้วรัตนภัทร์ 69

จดุ ประกาย! บูรณาการเคร่อื งมอื พฒั นาส่อื ความรู้เชงิ ปฏิสมั พนั ธ์ | ผ้ชู ่วยศาสตราจารยณ์ ฐั ภัทร แก้วรตั นภัทร์ 70

พื้นฐานการออกแบบกราฟกิ ท่ใี ชใ้ นสไลดน์ าํ เสนอ Graphic Design in Slides ระวังเน้อื หาแนน่ เกินไป Add Air to the Slides จดุ ประกาย! บูรณาการเครือ่ งมอื พัฒนาส่อื ความรู้เชงิ ปฏสิ ัมพันธ์ | ผู้ชว่ ยศาสตราจารย์ณฐั ภทั ร แกว้ รัตนภทั ร์ 71

พ้ืนฐานการออกแบบกราฟกิ ที่ใช้ในสไลดน์ ําเสนอ Graphic Design in Slides ตวั อกั ษรท่เี หมาะสม Typography จดุ ประกาย! บูรณาการเครื่องมอื พัฒนาสอื่ ความรเู้ ชิงปฏิสัมพันธ์ | ผ้ชู ว่ ยศาสตราจารยณ์ ฐั ภัทร แกว้ รัตนภทั ร์ 72

พ้นื ฐานการออกแบบกราฟิกท่ใี ช้ในสไลด์นําเสนอ 73 Graphic Design in Slides ตวั อักษรที่เหมาะสม Typography • ใช้แบบตวั อักษร (Font) ไมเ่ กนิ 2 แบบหรือ ใชแ้ บบอกั ษรเดียวพอ • ออกแบบการเน้นในส่วนที่สาํ คัญ จดุ ประกาย! บูรณาการเครอ่ื งมอื พฒั นาส่อื ความรเู้ ชิงปฏิสมั พันธ์ | ผชู้ ว่ ยศาสตราจารย์ณฐั ภัทร แกว้ รตั นภทั ร์

พื้นฐานการออกแบบกราฟิกท่ีใช้ในสไลด์นําเสนอ Graphic Design in Slides ตวั อักษรทีเ่ หมาะสม Typography • ใช้แบบตัวอกั ษร (Font) ไมเ่ กนิ 2 แบบหรอื ใช้แบบอกั ษรเดยี วพอ • ออกแบบการเน้นในส่วนทส่ี าํ คัญ จดุ ประกาย! บรู ณาการเครือ่ งมือพฒั นาส่อื ความรเู้ ชงิ ปฏิสมั พันธ์ | ผชู้ ว่ ยศาสตราจารย์ณฐั ภัทร แกว้ รตั นภทั ร์ 74

พ้ืนฐานการออกแบบกราฟิกทใ่ี ชใ้ นสไลด์นาํ เสนอ Graphic Design in Slides เพม่ิ ความคมชัดให้กบั เนือ้ หา Adding Contrast • ใช้ความสว่าง กบั ความมดื เพื่อทํา ใหต้ ัวอักษรอ่านได้งา่ ย จดุ ประกาย! บรู ณาการเครอื่ งมอื พัฒนาส่อื ความรเู้ ชงิ ปฏสิ ัมพันธ์ | ผู้ช่วยศาสตราจารย์ณฐั ภทั ร แก้วรัตนภัทร์ 75

พ้ืนฐานการออกแบบกราฟิกทใ่ี ชใ้ นสไลด์นาํ เสนอ Graphic Design in Slides เพม่ิ ความคมชัดให้กบั เนือ้ หา Adding Contrast • ใช้ความสว่าง กบั ความมดื เพื่อทํา ใหต้ ัวอักษรอ่านได้งา่ ย จดุ ประกาย! บรู ณาการเครอื่ งมอื พัฒนาส่อื ความรเู้ ชงิ ปฏสิ ัมพันธ์ | ผู้ช่วยศาสตราจารย์ณฐั ภทั ร แก้วรัตนภัทร์ 76

พน้ื ฐานการออกแบบกราฟิกทใ่ี ช้ในสไลด์นาํ เสนอ Graphic Design in Slides จดั วางใหช้ ิดกนั Proximity of the Objects • จดั วางให้ชิดทางใดทางหนงึ่ (ชดิ เสน้ กฎสามสว่ น) • จัดวางให้รบั รไู้ ดถ้ งึ กลุ่มของเนอ้ื หาท่แี ตกตา่ งกัน จดุ ประกาย! บรู ณาการเครื่องมอื พัฒนาส่ือความรู้เชิงปฏสิ มั พนั ธ์ | ผชู้ ว่ ยศาสตราจารย์ณฐั ภัทร แกว้ รัตนภัทร์ 77

พน้ื ฐานการออกแบบกราฟิกทใ่ี ช้ในสไลด์นาํ เสนอ Graphic Design in Slides จดั วางใหช้ ิดกนั Proximity of the Objects • จดั วางให้ชิดทางใดทางหนงึ่ (ชดิ เสน้ กฎสามสว่ น) • จัดวางให้รบั รไู้ ดถ้ งึ กลุ่มของเนอ้ื หาท่แี ตกตา่ งกัน จดุ ประกาย! บรู ณาการเครื่องมอื พัฒนาส่ือความรู้เชิงปฏสิ มั พนั ธ์ | ผชู้ ว่ ยศาสตราจารย์ณฐั ภัทร แกว้ รัตนภัทร์ 78

พื้นฐานการออกแบบกราฟกิ ทใ่ี ช้ในสไลดน์ ําเสนอ Graphic Design in Slides หลกี เล่ียงการรับรดู้ ้วยสายตาทม่ี ากเกนิ ไป Avoid Visual Overload • เน้น (Highlight) เฉพาะสว่ นทีส่ าํ คัญ • หลกี เลี่ยงการรบั รูด้ ว้ ยสายตาทม่ี ากเกนิ ไป • ออกแบบให้รบั สายตาและความเขา้ ใจ • พิจารณาจดุ Breakpoint เสมอ จะมคี วามน่าอ่าน จดุ ประกาย! บูรณาการเครอ่ื งมือพฒั นาสอ่ื ความรเู้ ชิงปฏสิ ัมพนั ธ์ | ผ้ชู ว่ ยศาสตราจารย์ณัฐภัทร แก้วรตั นภทั ร์ 79

พื้นฐานการออกแบบกราฟกิ ทใ่ี ช้ในสไลดน์ ําเสนอ Graphic Design in Slides หลกี เล่ียงการรับรดู้ ้วยสายตาทม่ี ากเกนิ ไป Avoid Visual Overload • เน้น (Highlight) เฉพาะสว่ นทีส่ าํ คัญ • หลกี เลี่ยงการรบั รูด้ ว้ ยสายตาทม่ี ากเกนิ ไป • ออกแบบให้รบั สายตาและความเขา้ ใจ • พิจารณาจดุ Breakpoint เสมอ จะมคี วามน่าอ่าน จดุ ประกาย! บูรณาการเครอ่ื งมือพฒั นาสอ่ื ความรเู้ ชิงปฏสิ ัมพนั ธ์ | ผ้ชู ว่ ยศาสตราจารย์ณัฐภัทร แก้วรตั นภทั ร์ 80

พื้นฐานการออกแบบกราฟิกทใ่ี ชใ้ นสไลดน์ ําเสนอ Graphic Design in Slides วางอักษรชดิ ซา้ ยเสมอ Aligning Text to the Left จดุ ประกาย! บรู ณาการเคร่อื งมอื พฒั นาสื่อความร้เู ชิงปฏสิ ัมพันธ์ | ผู้ช่วยศาสตราจารยณ์ ฐั ภัทร แก้วรตั นภัทร์ 81

หวั ข้อแลกเปลีย่ นเรยี นรู้ • การสมคั รสมาชิกเพ่อื ใชง้ าน Genially • แนะนาํ การวางโครงร่างแบบคลปิ รว่ มกบั สื่อปฏิสัมพนั ธ์ • ส่วนประกอบของเครื่องมอื • แนะนําการควบคมุ เพจ/สไลด์ และการประยกุ ต์ใช้ทาํ • การใสข่ ้อความ (Text) • การกําหนดปฏิสมั พันธ์ (Interactivity) แบบฝึกหัดหลายตวั เลือก (Multiple Choice: MC) • การกําหนดการลาก (Drag) • การแทรกคลปิ จาก YouTube • การบนั ทกึ เสียงพูด (Record and audio) • เทคนิคการนาํ ไฟล์จาก Google Drive มาฝงั (Embed) • การแทรก Google Form (แบบสอบถาม/แบบทดสอบ) • เทคนคิ การใส่รหัสผ่านให้ เพจ/สไลด์ จดุ ประกาย! บูรณาการเคร่ืองมือพัฒนาสือ่ ความรเู้ ชิงปฏิสัมพนั ธ์ | ผู้ชว่ ยศาสตราจารยณ์ ฐั ภทั ร แก้วรตั นภัทร์ 82

มดี ีอย่างไร? Genially เหมาะสําหรบั การนาํ เสนอ หรอื สร้างสอื่ ความรทู้ ่ีเนน้ การปฏสิ มั พนั ธ์ กบั เนือ้ หา (Interactive Content) ทําให้สื่อ ท่ีสร้างขึ้นมคี วามนา่ สนใจ และน่าตดิ ตาม จดุ ประกาย! บรู ณาการเครื่องมอื พฒั นาส่ือความรเู้ ชงิ ปฏิสมั พันธ์ | ผชู้ ่วยศาสตราจารย์ณฐั ภทั ร แกว้ รัตนภทั ร์ 83

สามารถประยกุ ตใ์ ช้ทาํ อะไรได้บา้ ง? Genially สามารถสรา้ ง • สอื่ การนําเสนอแบบปฏิสัมพนั ธ์ • อินโฟกราฟกิ แบบปฏิสัมพันธ์ • สื่อความรแู้ บบปฏิสมั พนั ธ์ • สื่อสาํ หรับการอบรมพฒั นาบคุ ลากร • เกม แบบฝึกหดั • การปฏิสมั พนั ธ์กบั ภาพ • สามารถแชรส์ ื่อผา่ นลิงคไ์ ปยัง Application หรือ Website ได้ จดุ ประกาย! บรู ณาการเครื่องมอื พฒั นาสอ่ื ความรเู้ ชิงปฏสิ ัมพันธ์ | ผชู้ ว่ ยศาสตราจารย์ณฐั ภทั ร แกว้ รัตนภทั ร์ 84

ไมโครไซตเ์ พ่อื การเรียนรู้ กับ Moodle • คลิปหรือไฟล์บรรยายมขี นาดมากกว่า 80 MB ? • หากนักศกึ ษาเข้ามาพรอ้ มกันและดงึ ทรพั ยากรใน เวลาเดยี วกันเส่ียงตอ่ การดเี ลย์และลม่ • ข้อจํากัดในการแชรเ์ นือ้ หาไปยงั สอื่ อื่น ๆ หรอื สง่ ทางไลน์ หรือ แลกเปลี่ยนกบั อาจารย์ทา่ นอื่น จดุ ประกาย! บรู ณาการเครอ่ื งมอื พัฒนาส่อื ความร้เู ชิงปฏสิ มั พนั ธ์ | ผชู้ ่วยศาสตราจารยณ์ ฐั ภทั ร แก้วรตั นภทั ร์ 85

เทคนิคการนาํ แบบฝึกหัด Google Form รวมเข้ากบั Genially Tips! Genially and Google Form Integration จดุ ประกาย! บูรณาการเครือ่ งมือพัฒนาสื่อความรู้เชิงปฏสิ ัมพนั ธ์ | ผชู้ ่วยศาสตราจารยณ์ ฐั ภทั ร แก้วรตั นภทั ร์ 86

เทคนิคการนาํ แบบฝึกหัด Google Form รวมเข้ากบั Genially Tips! Genially and Google Form Integration จดุ ประกาย! บูรณาการเครือ่ งมือพัฒนาสื่อความรู้เชิงปฏสิ ัมพนั ธ์ | ผชู้ ่วยศาสตราจารยณ์ ฐั ภทั ร แก้วรตั นภทั ร์ 87

เทคนคิ การนําแบบฝึกหดั Google Form รวมเขา้ กับ Genially Tips! Genially and Google Form Integration PASTE Google Form ปรากฎ จดุ ประกาย! บูรณาการเครือ่ งมอื พัฒนาส่อื ความรเู้ ชงิ ปฏสิ มั พันธ์ | ผ้ชู ่วยศาสตราจารยณ์ ัฐภทั ร แกว้ รตั นภทั ร์ 88

ignite! ผู้ช่วยศาสตราจารย์ณัฐภทั ร แก้วรตั นภทั ร์ Interactive Knowledge Media รองผอู้ ํานวยการฝ่ายวิจยั และ Development with ClassPoint พฒั นานวตั กรรมการเรียนรอู้ ิเล็กทรอนกิ ส์ จุดประกาย! การพัฒนาส่ือความรเู้ ชิงปฏสิ มั พนั ธ์ดว้ ย มหาวิทยาลัยราชภัฏสวนสนุ ันทา [email protected] MicroLearning MicroVideoClip MicroSite วันท่ี 24 พฤษภาคม 2565 เวลา 9:00-12:00 น. จัดโดย คณะเภสัชศาสตร์ มหาวทิ ยาลัยศลิ ปากร

ClassPoint จดุ ประกาย! บรู ณาการเครอื่ งมือพฒั นาสื่อความรู้เชงิ ปฏิสมั พันธ์ | ผู้ชว่ ยศาสตราจารย์ณฐั ภทั ร แกว้ รตั นภทั ร์ 90

ClassPoint จดุ ประกาย! บรู ณาการเครอื่ งมือพฒั นาสื่อความรู้เชงิ ปฏิสมั พันธ์ | ผู้ชว่ ยศาสตราจารย์ณฐั ภทั ร แกว้ รตั นภทั ร์ 91

ClassPoint จดุ ประกาย! บรู ณาการเครอื่ งมือพฒั นาสื่อความรู้เชงิ ปฏิสมั พันธ์ | ผู้ชว่ ยศาสตราจารย์ณฐั ภทั ร แกว้ รตั นภทั ร์ 92

ClassPoint จดุ ประกาย! บรู ณาการเครอื่ งมือพฒั นาสื่อความรู้เชงิ ปฏิสมั พันธ์ | ผู้ชว่ ยศาสตราจารย์ณฐั ภทั ร แกว้ รตั นภทั ร์ 93

ClassPoint จดุ ประกาย! บรู ณาการเครอื่ งมือพฒั นาสื่อความรู้เชงิ ปฏิสมั พันธ์ | ผู้ชว่ ยศาสตราจารย์ณฐั ภทั ร แกว้ รตั นภทั ร์ 94

ClassPoint จดุ ประกาย! บรู ณาการเครอื่ งมือพฒั นาสื่อความรู้เชงิ ปฏิสมั พันธ์ | ผู้ชว่ ยศาสตราจารย์ณฐั ภทั ร แกว้ รตั นภทั ร์ 95

ClassPoint จดุ ประกาย! บรู ณาการเครอื่ งมือพฒั นาสื่อความรู้เชงิ ปฏิสมั พันธ์ | ผู้ชว่ ยศาสตราจารย์ณฐั ภทั ร แกว้ รตั นภทั ร์ 96

จดุ ประกาย! บูรณาการเคร่อื งมอื พฒั นาส่อื ความรู้เชงิ ปฏิสมั พนั ธ์ | ผ้ชู ่วยศาสตราจารยณ์ ฐั ภัทร แก้วรตั นภัทร์ 97

จดุ ประกาย! บูรณาการเคร่อื งมอื พฒั นาส่อื ความรู้เชงิ ปฏิสมั พนั ธ์ | ผ้ชู ่วยศาสตราจารยณ์ ฐั ภัทร แก้วรตั นภัทร์ 98

จดุ ประกาย! บูรณาการเคร่อื งมอื พฒั นาส่อื ความรู้เชงิ ปฏิสมั พนั ธ์ | ผ้ชู ่วยศาสตราจารยณ์ ฐั ภัทร แก้วรตั นภัทร์ 99

จดุ ประกาย! บูรณาการเคร่อื งมอื พฒั นาส่อื ความรู้เชงิ ปฏิสมั พนั ธ์ | ผ้ชู ่วยศาสตราจารยณ์ ฐั ภัทร แกว้ รตั นภัทร์ 100