Modern Instructional Media : Quiver & Zappar

สอ่ื เพ่ือการเรียนรูย้ คุ ใหม่ MODERN INSTRUCTIONAL MEDIA 10 JANUARY 20 Dr.Ubon Thongpanya Faculty of Sports Science Kasetsart University | Kamphaeng Sean Campus 1

การสรา้ งสรรคต์ ามจนิ ตนาการ ด้วย AR by Quiver www.quivervision.com

Quiver เป็นแอพพลิเคชันที่สามารถนาเสนอประสบการณท์ ม่ี หศั จรรย์อยา่ ง แทจ้ ริงบนโลกแห่งความเป็นจริงเสรมิ (Augmented Reality : AR) โดยเดก็ หรือ ผปู้ กครอง และนกั การศึกษาสามารถสรา้ งสรรคจ์ ินตนาการต่างๆ ท่จี ะออกแบบสีสนั และลวดลายไดต้ ามความคดิ ของตนเอง และพร้อมใช้งานบนระบบปฏิบตั ิการ iOS และ Android

1. เข้าไปยัง www.quivervision.com 1. เปิด Application 2. การไปโหลดรปู ภาพตา่ ง ๆ (Coloring Packs) 3. เลือกภาพที่ต้องการและ 2. คลกิ ป่มุ Scan Download Page 3. Funny & Capture

QuiverVision.com

QuiverVision.com

QuiverVision.com



1 ขั้นตอนการใชง าน 2 1. ลงทะเบียน Register now ดว ย e-Mail หรือ G-mail 2. กรอกขอมูลและตงั้ รหสั ผา นของโปรแกรม Zapworks 3. เปิ ด e-Mail ท่ีไดล งทะเบียนเพ่อื ยืนยันการใชง าน 3 Dr.Ubon Thongpanya | KU.KPS.

4 เลอื กประเภทของผใู ชงานเป็ น Personal Account Dr.Ubon Thongpanya | KU.KPS.

1 2 5.. เขาสหู นา Dash board รวม และใหสงั เกตส่ิงสาํ คญั ดงั น้ี Dr.Ubon Thongpanya | KU.KPS. 1. Make a new ZAPCODE คอื การสรา ง Code ใหม 2. จํานวน Zapcode ที่เราไดม าจากการเขา ใชง าน - Zapcode Remening คือ จาํ นวน Code ที่เหลอื อยูสาํ หรับใชงาน - Zapcode Used คอื จาํ นวน Code ทสี่ รา งแลว

12 ข้ันตอนการสรา ง Zapcode 3 1. กด Make a new Zapcode 2. ตงั้ ช่อื Zapcode 3. เลอื กรปู แบบของ Zapcode ท้งั แบบ circle หรอื lozenge Dr.Ubon Thongpanya | KU.KPS.

4 4.. เลือกชนิดของเคร่อื งมือ ท่ี จะใชใ นการสรางเน้ อื หา ของ zapcode - designer คอื การ ออกแบบเคร่อื งมือทใี่ ชง าน ไดเอง - studio คือ การสราง เคร่ืองมอื โดยใชโ ปรแกรม zapworks studio - widgets คือ การใช เคร่ืองมือในการสรา งเน่้ ือ หาแบบงา ยๆ Dr.Ubon Thongpanya | KU.KPS.

6 5 5.. ได zapcode ใหมม าแสดงใน Dashboard รวม 6.. คลกิ click to edit เพ่ือสรางเน้ อื หาตางๆ ใน zapcode น้ี Dr.Ubon Thongpanya | KU.KPS.

7.. คลิก edit zapcode content เพ่อื สรา งเน้ ือหาใน code 8.. ตอ งการเปล่ยี นสขี อง code 7 9.. ตองการโหลด zapcode เพ่ือนาํ ไปใช (แนะนําเป็ นชนิด PNG) 9 8 Dr.Ubon Thongpanya | KU.KPS.

10 12 10.. เขาสูหนา widgets editor ของ zapcode 11.. เคร่ืองมอื สําหรับสรางเน้ ือหาตา งๆ - image คือ การเพมิ่ รปู ภาพได 1 ภาพ - photo album คือ การเพมิ่ รูปภาพ หลายภาพ เป็ นลักษณะอัลบัมรูป 11 - video คอื การเพม่ิ ส่อื วีดโี อทมี่ าจาก การอัพโหลด (mp4) และ youtube - sound คือ การเพมิ่ ไฟลเ สยี ง mp3 - contact คอื การเพ่ิมขอมูล เชน ช่ือ โทรศพั ท ขอมลู ทางสารสนเทศตางๆ - calendar event คือ ขอมูลการนัด หมายหรือปฏทิ นิ - web link คอื การเช่ือมโยงขอ มูล ดว ย URL ตางๆ 12.. หลงั จากเพ่ิมเน้ ือหาตา งๆ ใน zapcode แลวจะตองคลิกท่ี PUBLISH เพ่ือสามารถ ท่จี ะใชง านได Dr.Ubon Thongpanya | KU.KPS.

Dr.Ubon Thongpanya | KU.KPS.