54
การจัดทําสื่อบริการสารสนเทศด วย QR AR และ Infographic โดย นางสาววนัทวิรา ฉันทะจํารัสศิลป ายบริการความรู ทางวิทยาศาสตร และเทคโนโลยี สํานักงานพัฒนาวิทยาศาสตร และเทคโนโลยีแห งชาติ การจัดทําสื่อบริการสารสนเทศด วย QR AR และ Infographic โดย นางสาววนัทวิรา ฉันทะจํารัสศิลป ายบริการความรู ทางวิทยาศาสตร และเทคโนโลยี สํานักงานพัฒนาวิทยาศาสตร และเทคโนโลยีแห งชาติ Quick Response Barcode VS QR Code

QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

  • Upload
    others

  • View
    1

  • Download
    1

Embed Size (px)

Citation preview

Page 1: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

การจัดทําสื่อบริการสารสนเทศด้วยQR AR และ Infographic

โดย นางสาววนัทวิรา ฉันทะจํารัสศิลป์ฝ่ายบริการความรู้ทางวิทยาศาสตร์และเทคโนโลยีสํานักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ

การจัดทําสื่อบริการสารสนเทศด้วยQR AR และ Infographic

โดย นางสาววนัทวิรา ฉันทะจํารัสศิลป์ฝ่ายบริการความรู้ทางวิทยาศาสตร์และเทคโนโลยีสํานักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ

Quick Response

Barcode VS QR Code

Page 2: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

การประยุกต์ใช้งานQR Code

Business Card

https://yeblon.com/vcard-to-qr-code/

Gaming Art & Museum

https://qr-codes.com/wp-content/uploads/qr-codes-graphic-art.jpg

Page 3: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

Art & Museum

http://blogs.bmj.com/bmj-journals-development-blog/files/2011/07/qratoriphone1.jpg

Art & Museum

https://upload.wikimedia.org/wikipedia/commons/thumb/0/0d/Qrpedia_codes_at_Fundaci%C3%B3_Joan_Mir%C3%B3_jan_2012_(4).jpg/800px-Qrpedia_codes_at_Fundaci%C3%B3_Joan_Mir%C3%B3_jan_2012_(4).jpg

Art & Museum

https://upload.wikimedia.org/wikipedia/commons/thumb/b/b6/1_visitor_scaning_QRPedia_codes_at_Fundaci%C3%B3_Joan_Mir%C3%B3_%286%29.JPG/440px-1_visitor_scaning_QRPedia_codes_at_Fundaci%C3%B3_Joan_Mir%C3%B3_%286%29.JPG

Art & Museum

https://claireyross.files.wordpress.com/2012/06/family_-interaction_000017.jpg

Page 4: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

Art & Museum

http://www.nfctech.eu/it/content/e-tourism-beni-culturalihttps://en.wikipedia.org/wiki/Wikipedia:GLAM/Derby

Commerce

http://www.practicalecommerce.com/wp-content/uploads/images/0005/1268/P_G_lightbox.jpg

Commerce

https://cdn.techinasia.com/wp-content/uploads/2014/07/7-awesome-QR-code-marketing-campaigns-image-08.jpg

Commerce

https://brandinside.asia/wp-content/uploads/2017/05/cats-6.jpg

Page 5: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

Commerce

http://www.qrcodepress.com/wp-content/uploads/2012/08/QR-code-virtual-mall.jpg

Commerce

http://www.brandbuffet.in.th/wp-content/uploads/2017/04/WeChat-Pay-QR-code.jpg

Commerce

https://images.droidsans.com/wp-content/uploads/2017/08/gen-qrcode-600x348.jpg

Commerce

https://images.droidsans.com/wp-content/uploads/2017/08/mpay-qr-600x333.jpg

Page 6: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

Commerce

https://mpics.manager.co.th

QR Codeกับงานห้องสมุด

http://2d-code.co.uk/images/digital-library-qr-codes.jpg

Page 7: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

ตัวอย่าง

Page 8: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

Augmented Reality

ดาวน์โหลด App1. Aurasma2. ZappAR3. LarTo 3D4. The XVolution

Augmented Reality (AR) คือ

• ความเป็นจริงเสริม (ศัพท์บัญญัติราชบัณฑิตยสถาน)• เทคโนโลยีเสมือนจริง• การผสมผสานกันระหว่างภาพจําลองและภาพจริง• เทคโนโลยีการซ้อนภาพ 2 มิติ 3 มิติ หรือวิดีโอเข้าไปใน

ภาพจริง ฯลฯ

Page 9: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

Augmented Reality VS Virtual Reality

• AR ใช้เพียงกล้องที่ติดกับอุปกรณ์ต่างๆ และวัตถุสัญลักษณ์ (Marker) ใช้อุปกรณ์ไม่ซับซ้อน ทําให้การเกิดปฏิสัมพันธ์กับสิ่งแวดล้อมได้ง่าย

• VR ใช้อุปกรณ์ที่มีความซับซ้อนเพื่อระบุตําแหน่งของส่วนที่ปฏิสัมพันธ์กับมนุษย์

GPS based & Location - Based AR

• Adding virtual content to locations

ที่มา: http://meanstheworld.co/work/augmented-reality-means-architecture

Marker based AR• Adding virtual content to prints, products

Page 10: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

ที่มา: http://en.wikipedia.org/wiki/Augmented_reality

Panoramic 360° AR

• Immersing users in surroundings

Mercedes GL500 panoramic

ที่มา: https://www.youtube.com/watch?v=b8HO9jD71GA

ลักษณะการใช้งาน• ใช้งานอยู่บน Smart Devices ได้แก่ Smartphone, iPad และ

Tablet โดยผ่าน Application ทั้งบนระบบปฏิบัติการ iOS และ Android หรืออื่นๆ

• ใช้งานกับเครื่องคอมพิวเตอร์ ซึ่งจะใช้กล้องเว็บแคมในการอ่านสัญลักษณ์

Page 11: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

ลักษณะการวิเคราะห์Maker Image

องค์ประกอบของ AR

Trigger Overlay

Page 12: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

การทํางาน (Workflow) จุดเด่น• สร้างความแปลกใหม่• ค้นหาตําแหน่งและรายละเอียดของสินค้า• สร้างความสนใจ เพิ่มยอดขาย เพิ่มโอกาสของการค้า• ลดค่าใช้จ่าย• มีการอัพเดทข้อมูลอยู่ตลอดเวลา• สร้างประสบการณ์และความรู้สึกร่วมแบบเสมือนจริง• ความสามารถในการบรรจุข้อมูลได้เป็นจํานวนมาก

ที่มา: http://www.bu.ac.th/knowledgecenter/executive_journal/oct_dec_10/pdf/aw29.pdf

จุดเด่น• ตอบสนองและรองรับการแลกเปลี่ยนข้อมูลหรือประสบการณ์ต่างๆ • สามารถสร้างกระแสและกระตุ้นความต้องการ• กระตุ้นความน่าสนใจและการเรียนรู้• สร้างแรงบันดาลใจและความคิดสร้างสรรค์• พัฒนาความเข้าใจในเนื้อหาให้ลึกยิ่งขึ้น• สามารถฝึกทักษะการเรียนรู้ในรูปแบบต่างๆ• ใช้ร่วมกับ Social Media

ที่มา: http://www.bu.ac.th/knowledgecenter/executive_journal/oct_dec_10/pdf/aw29.pdf

ข้อจํากัด• ไม่เหมาะกับกลุ่ม low technology• มีกลุ่มผู้บริโภคจํากัด• ไม่คุ้มกับการลงทุนในการวางระบบเครือข่ายและการทําฐานข้อมูล• Smart Devices ได้แก่ Smartphone, iPad, Tablet ยังมีราคาสูง• เครือข่ายอินเทอร์เน็ตยังไม่ครอบคลุมพื้นที่• บางกรณี ตัว Marker จําเป็นต้องปรากฏอยู่ตลอดเวลา• สร้างด้วย AR App ค่ายไหน ต้องใช้ Reader ค่ายนั้นๆ

ที่มา: http://www.bu.ac.th/knowledgecenter/executive_journal/oct_dec_10/pdf/aw29.pdf

Page 13: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

การประยุกต์ใช้งานAugmented Reality

Art

https://www.flickr.com/photos/sndrv/5034204552 http://ca.wikipedia.org/wiki/Mar_de_Fons_(exposició)

Commerce

ที่มา: https://www.realidad-aumentada.eu/wp-content/uploads/2013/05/AR-Commerce-WION.jpghttps://www.youtube.com/watch?v=RCM0u2tBl5E

Education

ที่มา: http://en.wikipedia.org/wiki/Augmented_realityhttp://sis.siggraph.org/OPAL/Themes/SIS/Asia2011/src/downloads-perm/c97-e181-publicimage.jpg

Page 14: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

Education

ที่มา: https://www.youtube.com/watch?v=SKpKlh1-en0

Education

ที่มา: https://www.youtube.com/watch?v=fLqorTN0Gzs http://physics.weber.edu/schroeder/iPhoneStarApps/StarWalk.html

Gaming

ที่มา: http://monet.cs.columbia.edu/projects/goblin/goblinXNA.htmhttp://www.androidpit.fr/application/com.halfeternity.mostmp002 ที่มา: techcrunch.com

Page 15: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

Industrial

ที่มา: http://mediagrand.co.uk/about/ar-use-cases

Medical

ที่มา: http://www.mate-expo.ru/en/content/role-augmented-reality-medical-industry

Page 16: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

Beauty

ที่มา: http://www.decodedfashion.com/augmented-beauty/

Beauty

ที่มา: http://motherboard.vice.com/blog/augmented-reality-just-gave-me-a-nose-job-and-a-face-lifthttp://www.mobilemarketer.com/cms/news/software-technology/13158.html

Navigation

ที่มา: http://www.techhive.com/article/2050509/the-same-augmented-reality-that-makes-games-more-immers

Navigation

ที่มา: http://hothardware.com/news/Wikitude-Drive-AR-Navigation-App-Hits-American-Streetshttp://mediagrand.co.uk/about/ar-use-cases

Page 17: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

Navigation

ที่มา: http://www.thairath.co.th/content/173984

ที่มา: http://www.slipperybrick.com/tag/gpshttp://mysocialagency.comhttp://www.hongkiat.com/blog/augmented-reality-apps-for-

education/

Television

ที่มา: http://www.yankodesign.com/2010/08/09/one-step-closer-to-interactive-television/

Television

ที่มา: https://www.youtube.com/watch?v=xshnIBN0oP0

https://www.youtube.com/watch?v=WlIDsBL_0LI

Page 18: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

Translation

ที่มา: https://www.youtube.com/watch?v=h2OfQdYrHRshttps://www.youtube.com/watch?v=qLxCo6bciQw

Crime and Policing

ที่มา: http://mobilearlab.bxmc.poly.edu/wp-content/uploads/2016/10/Joseph_Rampolla_NYU_mobile_AR_Lab_1_http://government-2020.dupress.com/next-generation-policing/

Library

ที่มา: http://www.popsci.comhttp://www.shelvar.com

Augmented Realityกับงานห้องสมุด

Page 19: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

Augmented Reality in Library• Promote Digital Content (โปรโมทเนื้อหาต่างๆ ที่เป็นดิจิทัล)

Link to on-shelf resources

• Library Use Instruction (ใช้แนะนําห้องสมุด)Explore cataloging system

• Enhance resources (ปรับปรุงทรัพยากร)Add multimedia “layers”

• Patron/library discussions (สร้างวัฒนธรรมการแลกเปลี่ยน)Book reviews, social media

• AR Library tour (ใช้ในการท่องเที่ยว)

WolfWalkที่มา: http://www.lib.ncsu.edu

BeaverTracks

ที่มา: http://osulibrary.oregonstate.edu/beavertracks

ONVERT

ที่มา : http://mis.en.kku.ac.th/administrator/doc_upload/20140310182429.pdf

Page 20: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

ONVERT• ประยุกต์ใช้ NFC (Near Field Communication) เป็นเทคโนโลยีสื่อสาร

ไร้สายระยะสั้น

• ทรัพยากรห้องสมุดที่มีให้บริการ (Library Resources)• บริการของห้องสมุด (Library Services) • แผนผัง และมุมบริการต่างๆ (Library Map)

– รวมทั้งหมวดหมู่หนังสือภายในห้องสมุดคณะวิศวกรรมศาสตร์

• เวลาเปิดบริการของห้องสมุด (Library Time)

ShelvAR

ที่มา: http://www.popsci.comhttp://www.shelvar.com

OpenCV

ที่มา: http://acrl.ala.org/techconnect/?p=1750

OpenCV• (a) Subject of book stack set is identified by app index, and

displayed on interface. • (b) Recommendations (e-book, digital items, or databases)

brought onto interface in real-time. • (c) Popular books are indicated on title using circulation data

from integrated library system historical circulation count (this can be a Z39.50 call or a pre-loaded circulation report database).

Page 21: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

SCARLET

The SCARLET project (Special Collections using Augmented Reality to Enhance Learning and Teaching)ที่มา: http://archiveshub.ac.uk/features/SCARLET

SCARLET

The SCARLET project (Special Collections using Augmented Reality to Enhance Learning and Teaching)ที่มา: http://archiveshub.ac.uk/features/SCARLET

AURASMA• เครื่องมือออนไลน์• Free Mobile Apps• สามารถสร้างได้ทั้งใน PC, Notebook,

Smartphone, Tablet และอุปกรณ์คอมพิวเตอร์พกพาต่างๆ

• http://studio.aurasma.com

Page 22: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

ขั้นตอนการติดตั้ง• ดาวน์โหลดแอปพลิเคชันจาก App Store ซึ่งสามารถ

ดาวน์โหลดและใช้งานได้ฟรีทั้ง iOS และ Androids• คลิก Join เพื่อ create an account และ Log in

(หากต้องการแค่ reader ให้กด skip)

หน้า Log In (Website)

หน้า Log In (Smart Devices) หน้า Welcome (1) และ Log In

Page 23: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

หน้า Welcome และ Log In• เลื่อนหน้าจอไปทางด้านขวามือเรื่อยๆ สังเกตหมายเลขหน้า

ในวงกลมด้านล่างของจอจะเปลี่ยนไปจาก 1 ถัดไปเรื่อยๆ จนถึงหมายเลข 5

• หากเลื่อนหน้าจอเลยจากหน้าหมายเลข 5 แล้ว หน้าจอจะเปลี่ยนสถานะเป็นหน้า Log In

• หากในกรณีที่ไม่ได้ลงชื่อ Log In และ Skip เลื่อนไปยังหน้า Reader แล้ว เมื่อเปิดแอปพลิเคชันอีกครั้ง หน้าจอจะแสดงหน้า Reader อัตโนมัติ

หน้า Welcome (2) และ Reader

หน้าแรก• เมื่อ Login แล้วจะปรากฏหน้าต่าง

แท็บการทํางานต่างๆ ด้านล่างและมีพื้นที่ตรงกลางจอคือ Stage

• Explore (Aurasma logo)• Create (เครื่องหมาย +)• Scan/Reader• Search• เกี่ยวกบัผู้ใช้งาน/User

รู้จักเมนูต่างๆรู้จักเมนูต่างๆ

Page 24: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

เมนู Explore เมนู Explore (Aurasma logo)• Auras แสดงวิดีโอที่ดาวน์โหลดล่าสุด• Featured แสดงวิดีโอที่น่าสนใจ• Viewed แสดงวิดีโอที่เพิ่ง Scan ด้วย Aurasma

เมนู Create เมนู Create (เครื่องหมาย +)

การ Create ทําได้โดยการเลือกวัตถุที่จะนํามาวางทับซ้อน (Choose Overlay)• Library• Device

Page 25: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

เมนู Scan/Reader หน้า Search เมนูเกี่ยวกับผู้ใช้งาน/User

การสร้าง AR

Log in เข้าใช้งาน

Page 26: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

Log in เข้าใช้งาน• Log in เพื่อเข้าใช้งาน• เข้าสู่หน้าเมนู• ดําเนินการ Create โดยกดที่ปุ่ม “เครื่องหมาย +” เพื่อสู่เข้ากระบวนการสร้าง AR

ค้นหา Overlays ที่ต้องการ

• กดปุ่ม Create หรือเครื่องหมาย + เพื่อเลือก Overlay หรือวัตถุที่จะนํามาวางทับซ้อน (Choose Overlay) รูปภาพที่เป็น Trigger

เลือกใช้ Overlays ที่ต้องการ

• เมื่อเลือก Overlays ที่ต้องการได้แล้ว ให้รอจนกว่าวงกลมสีขาวจะหายไป แล้วปรากฏ Overlays ที่เลือก จากนั้นกด Select

Capture Trigger Image• ดําเนินการ Capture วัตถุที่ต้องการ

ให้เป็น Trigger• การ Capture ที่ดีสังเกตได้จากปุ่มสี

ขาวที่แถบสีใต้รูปทีจ่ะ Capture นั้น ต้องเลื่อนไปอยู่ในตําแหน่งสีเขียว

• จากนั้นกดปุ่มกล้องข้างๆ แถบสี• Overlays ที่เลือกไว้ก่อนหน้านี้จะ

ปรากฏซ้อนอยู่บน Trigger ที่เพิ่ง Capture

• กดรูปลูกศรด้านลา่งขวามือเพื่อดําเนินการต่อ

Page 27: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

ตั้งชื่อและกําหนดรายละเอียดต่างๆ• ตั้งชื่อ AR ตามต้องการ• กําหนดค่า Private หรือ Public

และ Channel ให้กับ AR ของท่าน

• กด Finish• ใส่ภาพ Thumbnail (ไม่ใส่ก็ได้)• ใส่รายละเอียดที่เหลือ• กด Finish อีกครั้ง

เสร็จเรียบร้อย• ผลงานของท่านจะถูกจัดเก็บไว้ใน

My Auras (ในกรณีที่ Log In)• หากต้องการดูผลงาน ให้เปิด

Smart Devices ดังกล่าวไปที่หน้า Scan/Reader แล้ว Scan บน Trigger ที่เรากําหนดไว้

• รอสักครู่ Overlays ก็จะปรากฏดังภาพซ้ายมือ

Following• ในกรณีที่ต้องการอ่าน AR คนอื่น เพื่อลดปัญหาการอ่านแล้ว error ให้กด Follow คนอื่นก่อน

1

2

3

4

Page 28: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

Postervs

Infographic

Page 29: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น
Page 30: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

รูปนี้เป็นโปสเตอร์

รูปนี้เป็นโปสเตอร์

รูปนี้เป็นโปสเตอร์ที่นําอินโฟกราฟิกมาประกอบการออกแบบ

Page 31: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

รูปนี้เป็นอินโฟกราฟิก

รูปนี้เป็นอินโฟกราฟิก

Postervs

InfographicPosterคืออะไร?

Page 32: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

เมื่อไร

Poster

ที่ไหน

ใคร อย่างไร

ทําอะไร

Infographicคืออะไร ?

Infographic

Information ขอ้มูลสารสนเทศ

Graphic รูปภาพ

Page 33: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

ทําไมต้อง Infographic?

Page 34: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น
Page 35: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

องค์ประกอบองค์ประกอบหลักของการทํา Infographic ที่สําคัญประกอบด้วย • Head/Title

ชื่อเรื่อง ควรเลือกใช้คําที่สั้น กระชับ สื่อความหมายที่ชัดเจน และดึงดูดใจ

• Subheadขยายหัวเรื่อง เป็นส่วนขยายขอ้ความเสริมให้หัวเรื่องมีความน่าสนใจ และเขา้ใจสิ่งที่ต้องการนําเสนอมากยิ่งขึน้ ควรใช้ขอ้มูลที่น่าสนใจ ดึงดูดใจหรือเป็นขอ้มูลที่ไม่เคยมีใครทราบมาก่อน

• Main Contentเนื้อหาหลัก ที่ต้องการนําเสนอ คิดให้เขา้ใจได้โดยง่าย โดนใจ เลือกใช้ภาพที่สื่อความหมาย ใช้คํากระชับ ตรงประเด็น

องค์ประกอบองค์ประกอบหลักของการทํา Infographic ที่สําคัญประกอบด้วย (ต่อ) • Conclusion สรุปทิ้งท้าย

ขอ้มูลที่ต้องการจะสื่อ เช่น สรุปเนื้อหา ประโยชน์ที่จะได้รับ ขอ้เสนอแนะ หรือ สิ่งที่อยากจะบอกกับผู้อ่าน (ผู้รับสาร)

• Credit ที่มาของขอ้มูล หน่วยงานที่จัดทํา สถานที่ติดต่อ (เพื่อสร้างความน่าเชื่อถือให้กับเนื้อหา)

Infographic แต่ละประเภท ไม่จําเป็นจะต้องมีองค์ประกอบครบทั้ง 5 แต่อย่างน้อยจะต้องมี Head/Title, Main Content, Conclusion

(ชื่อเรื่อง, เนื้อหาหลัก, สรุปทิ้งท้าย)

Page 36: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

ที่มา: http://www.thaihealth.or.th

ขอ้มูลแบบไหนเหมาะสําหรับนําเสนอ

1. ขา่วเด่น ประเด็นรอ้นสถานการณ์

วิกฤต

ที่มา: www.infographicthailand.com

2. How to

ที่มา: facebook/Memblr.Thailand

Page 37: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

3.เผยแพร่ความรู้

ที่มา: http://www.thaihealth.or.th

4. บอกเล่าตํานานหรอืวิวัฒนาการ

ที่มา: http://www.oknation.net/blog/digitalmarketing/2013/01/01/entry-2

5. อธิบายผลสํารวจและงานวิจยั

ที่มา: www.facebook.com/witsanook

6. กระตุ้นให้เกิดการ

เปลี่ยนแปลงพฤติกรรม

ที่มา: azthai.org

Page 38: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

7. ประชาสัมพันธ์สินค้าและบรกิาร

ที่มา: http://thumbnails-visually.netdna-ssl.com/_54350ea74cc31_w1500.jpg

วิธีการนําเสนอขอ้มูลประเภทต่างๆ

ประเภทอธิบายขอ้มูล

https://i.pinimg.com/236x/f7/0a/3a/f70a3a8163f55abbb53f69c66f26525d--library-architecture-the-eu.jpg

Page 39: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

ประเภทแจกแจงขอ้มูล

http://www.li.mahidol.ac.th/conference2016/image/IF%2001_samatchan.jpg

ประเภทเปรยีบเทียบขอ้มูล

https://www.webcheckout.net/blog/wp-content/uploads/2014/08/future-proof-library-011.jpg

Page 40: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

ประเภทแสดงสถิติ/ผลสํารวจ

http://www.bpl.org/press/files/2014/09/BPLbytheNumbersFY14.jpg

ประเภทแสดงลําดับขัน้ตอนของขอ้มูล

http://s3.amazonaws.com/libapps/accounts/41215/images/interlibrary-loan-process.jpeg

Page 41: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

ประเภทแสดงความเชื่อมโยงของขอ้มูล

ประเภทแสดงขอ้มูลตามลําดับเวลา ประเภทแสดงขอ้มูลตามลําดับเวลา

Page 42: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

http://blogs.lib.tcu.edu/renovation/files/2013/10/Timeline-Infographic-Version-2.jpg

ประเภทแสดงขอ้มูลเชิงภูมิศาสตร์

https://ebookfriendly.com/wp-content/uploads/2017/04/Which-country-publishes-the-most-books-per-year-infographic.jpg

ประเภทผสมผสาน

Page 43: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

http://elearninginfographics.com/wp-content/uploads/13-09-050-Classroom-Organizer-Infographic-101013-01.jpg

กว่าจะเป็น INFOGRAPHIC

1 ชิ้น

Page 44: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

ขัน้ตอนการสร้าง Infographic

1. เลือกเรือ่งที่จะทํา

2. รวบรวมขอ้มูล 3. วิเคราะห์ ย่นย่อขอ้มูล

Page 45: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

4. วางโครงสรา้งขอ้มูล 5. สรา้งการเล่าเรือ่ง

6. วางเลย์เอ้าท์

https://piktochart.com/blog/layout-cheat-sheet-making-the-best-out-of-visual-arrangement/

6. วางเลย์เอ้าท์

Page 46: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

• ก่อให้เกิดความสวยงาม น่าสนใจ• ก่อให้เกิดอารมณ์ร่วม• ก่อให้เกิดความเร้าอารมณ์• ก่อให้เกิดผลกระทบต่อการตัดสินใจและการสื่อสารของ

สมอง

การใช้สี ทฤษฎกีารใช้สี

ตัวหนังสือ ตัวหนังสือ

เลือกใช้สีตามทฤษฎีสีใช้สีแค่ 3-4 สี ก็พอ

สร้างความแตกต่างของสีใช้ทฤษฎี 60-30-10

Page 47: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

7. กระบวนการสรา้ง

• ให้พื้นที่ตัวอักษร• เว้นบรรทัดให้พอเหมาะ• อย่าย่อ “สเกล” จนเพี้ยน• ทําสีสันให้ดึงดูด• เลือก Font ให้ดี ให้เหมาะ

กับงาน

• จัดการติ่งข้อความ• อย่าใช้ Font หลายตระกูล• อย่าใช้ Effect ตัวอักษรสุด

เห่ย• ขนาดของตัวอักษรที่ใหญ่

บ้างเล็กบ้างมีผลต่อการสื่อสาร

ตัวอักษร (fonts)

Page 48: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

การย่อสเกล

• หากใช้สีพื้นหลังสว่าง หรือสีอ่อน ตัวอักษรควรเป็นสีเขม้

• หากใช้สีพื้นหลังเขม้ หรือสีมืด ตัวอักษรควรเป็นสีอ่อนกว่า

ตัวอักษร กับ พื้นหลัง

ตัวอักษร ตัวอักษร

Page 49: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

8. ทดสอบการใช้งาน

9. การแบง่ปันความรู้

โปรแกรมสร้างสรรค์INFOGRAPHIC

Page 50: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

โปรแกรมที่มีความสามารถ ดังต่อไปนี้

ใช้สรา้งสรรค์INFOGRAPHIC ได้

ใช้สีได้

Insert รูปได้

พิมพ์ขอ้ความ

ได้

วาดรูป

Infographic ด้วย Microsoft Word• สร้างสรรค์งาน Infographic ด้วย Microsoft Word ถึงแม้ว่าโปรแกรม

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

Page 51: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

Infographic ด้วย Microsoft PowerPoint

• สร้างสรรค์งาน Infographic ด้วย Microsoft PowerPoint โปรแกรม PowerPoint เป็นอีกโปรแกรมในตระกูล Microsoft Office ที่สามารถนํามาประยุกต์ใช้ในการสร้างสรรค์งานอินโฟกราฟิกได้ โดยวิธีการสร้างรูปทรงและการจัดการกับข้อความใน PowerPoint มีการใช้งานที่ไม่แตกต่างไปจากโปรแกรม Word

Page 52: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

โปรแกรมสร้างสรรค์INFOGRAPHICแบบ Online

http://www.visme.co/

Infographic online tools5 Great Online Tools for Creating Infographics

Page 53: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

https://www.canva.com/

Infographic online tools5 Great Online Tools for Creating Infographics

http://www.easel.ly/

Infographic online tools5 Great Online Tools for Creating Infographics

http://piktochart.com/

Infographic online tools5 Great Online Tools for Creating Infographics

https://infogr.am/

Infographic online tools5 Great Online Tools for Creating Infographics

Page 54: QR AR Quick Response · Augmented Reality ดาวน์โหลด App 1. Aurasma 2. ZappAR 3. LarTo 3D 4. The XVolution Augmented Reality (AR) คือ •ความเป็น

แหล่งข้อมูลอ้างอิงแหล่งข้อมูลภาพ / วิดีโอ• http://www.lifeofpix.com• https://pixabay.com/• http://raumrot.com/• https://www.pexels.com/• http://jaymantri.com/• http://streetwill.co/• http://skitterphoto.com/• http://openclipart.org• http://oer.learn.in.th

แหล่งข้อมูลhttp://www.sc.mahidol.ac.th/tha/https://witsanook.wordpress.comhttp://stks.or.th/thhttp://thailibrary.in.thhttp://creativecommonswww.infographicthailand.comhttp://thumbsup.in.th/

แหล่งข้อมูล Infographicwww.https://witsanook.wordpress.comfacebook.com/วิทย์สนุกรอบตัวwww.infographicthailand.comwww.piktochart.comwww.canva.comwww.infogr.am

แหล่งข้อมูลอ้างอิง• http://www.thaihealth.or.th/Infographic.html• http://infographicthailand.com/• https://www.facebook.com/infographic.thailand/• http://www.freepik.com/free-photos-vectors/infographic• http://www.healthy2balance.com• www.ceativemove.com• www.sorporsor.com• www.dmh.go.th• checkraka.com• www.kapook.com• www.cia.gov/library/publications/the-world-factbook/fields/2121.html• us.cision.com

ติดต่อสอบถามข้อมูลเพิ่มเติม e-Mail: [email protected]

แหล่งข้อมูลอ้างอิง• http://www.tig.in.th/• https://visual.ly/community/infographic/social-media/smart-ways-combine-content-marketing-seo• https://www.signet.net.au• http://thumbsup.in.th/wp-content/uploads/2013/10/Infographic-Line-cover.png• http://static.trueplookpanya.com/tppy/infographic/58f089b09cd7d920516944.jpg• http://news.thaipbs.or.th/content/7596• www.mnre.go.th/ewt_news.php?nid=10119• http://digital.nbtc.go.th/• www.thaigoodview.com• http://en.wikipedia.org/wiki/List_of_countries_by_forest_area• http://www.ldi.or.th/2016/12/09/__trashed-28/• https://twitter.com/red_pussy/status/838426324746186752

ติดต่อสอบถามข้อมูลเพิ่มเติม e-Mail: [email protected]

สอบถามขอ้มูลเพิ่มเติมฝ่ายบริการความรู้ทางวิทยาศาสตร์และเทคโนโลยีสํานักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติWebsite: www.stks.or.th

www.thailibrary.in.thlearn.in.thoer.learn.in.th

[email protected]@gmail.com

0 2564 7000 ต่อ 12310 2564 7000 ต่อ 1235

[email protected]@gmail.com

[email protected]