AUGMENTED REALITY | INTERACTIVE PRINT · 2016-12-19 · จากนิตยสาร...

layarAUGMENTED REALITY | INTERACTIVE PRINT

พรรัตน ลักษณสุขทรัพยสํานักหอสมุด มหาวิทยาลัยเทคโนโลยีพระจอมเกลาธนบุรี

Layar คือ เว็บแอพพลิเคชั่นที่

นําเทคโนโลยี Augmented Reality

(AR) มาใชสรางส่ือดิจิตัลสามมิติเสมือน

จริง ที่มีมุมมอง 360 องศา และ

สามารถรับชมส่ือผานการสแกนจาก

อุ ป ก ร ณ ส ม า ร ท โ ฟ น แ บ บ พ ก พ า

เชน iOS, Android, BlackBerry และ

Google Glass

What is Layar?

ที่มา : http://blogs.lanoie.com/2013/03/layar-

augmented-reality-ar-adds-quick-response-qr-codes

Layar Features :

1. ชมส่ือดิจิตัลสามมิติเสมือนจริงผานการสแกนโลโก

Layar จากนิตยสาร หนังสือพิมพ โปสเตอรหนัง

และอื่นๆ

2. สามารถซ้ือสินคาจากการเชื่อมโยงมือถือไดโดยตรง

3. เชื่อมโยงไปยังเนื้อหาบนเวบ็ไซตและส่ือออนไลน

4. เรียกดูเพื่อหาสถานที่ใกลเคียง เชน ตูเอทีเอ็ม

รานอาหาร สถานที่ทางประวัติศาสตรและอื่นๆ

รานคา

เรียกดูเพ่ือหาสถานที่ใกลเคียง

เช่ือมโยงไปยังเนื้อหาบนเว็บไซต

Where to use Layar :

ชมส่ือดิจิตัลสามมิติเสมือนจริง ผานการ

สแกนดวยแอพพลิเคชั่น Layar

ได 2 ชองทาง ดังนี้

1. ภาพจากส่ือส่ิงพิมพ เชน นิตยสาร

หนังสือพิมพ โปสเตอรหนัง และอื่นๆ

ที่มีสัญลักษณโลโก Layar

2. QR Code ของผลิตภณัฑ

โลโก Layar

QR Code ของ

ผลิตภณัฑ

ที่มา : https://www.layar.com/news/blog/tags/australia

Advantage of Layar :

สิ่งพิมพ โฆษณา การทองเที่ยว การศึกษา

อสังหารมิทรัพย บรรจุภัณฑ รานคา Google Glass

How to use Layar :

1. ดาวนโหลดแอพพลิเคชั่น “Layar” จาก App Store และ Play สโตร

2. เปดแอพพลิเคชั่น “Layar” บนอุปกรณพกพา iPad iPhone หรือระบบปฏิบัติการ

Android เพื่อสแกนภาพจากส่ือส่ิงพิมพ เชน นิตยสาร หนังสือพิมพ โปสเตอรหนัง

และอื่นๆ ที่มีสัญลักษณโลโก Layar

3. แตะหนาจอเพื่อสแกน

4. จับภาพไปยังรูปภาพที่เลือกไว แลวรอจนภาพเคล่ือนไหว เสียง หรือวีดิทัศนปรากฏ

Examples for Layar :

ที่มา : https://www.layar.com/why-layar/client-examples

Layar Creator : 1. เขาเว็บไซต https://www.layar.com

Layar Creator : 2. คลิก “FREE SIGN UP” ลงทะเบียนเพื่อสมัครสมาชิก หากลงทะเบียนแลว

คลิก “LOGIN” เพื่อเขาสูระบบ

“SIGN UP”

“LOGIN”

Layar Creator : 3. ลงทะเบียนเพื่อสมัครสมาชิก

พิมพขอมูลสวนตัวใหครบทุกชอง

คลิกยอมรับเง่ือนไขการใชงาน

แลวคลิก “SIGN UP”

Layar Creator : 4. เมื่อสมัครสมาชิกแลว กด Activated บัญชีของ Layar Creator จากอีเมลที่สมัคร

เริ่มตนการใชงาน จะปรากฏหนาจอดังภาพ

Layar Creator : 5. คลิก “+ NEW CAMPAIGN” เพื่อสรางชิ้นงาน จะปรากฏหนาจอ NEW CAMPAIGN

จากนั้นต้ังชื่อชิ้นงานที่ชอง “Enter a campaign title” และเลือก “Campaign Type”

“คลิกเพ่ือสรางช้ินงาน”

“ตั้งช่ือช้ินงาน”

“เลือก Campaign Type ”

Layar Creator : 6. คลิก “ADD NEW PAGES” เพิ่มหนาชิ้นงานที่เตรียมไว เชน หนาปกแม็กกาซีน

หนังสือพิมพ การด โปสเตอร และอื่นๆ (ไฟลที่สามารถอัพโหลดได ไดแก ไฟล

รูปภาพนามสกุล JPG และ PNG ขนาดรูปภาพตองไมเล็กหรือใหญจนเกินไป

ไฟลเอกสาร PDF และ ZIP ไฟล)

“คลิกเพ่ิมหนาช้ินงาน”

Layar Creator : 7. คลิกเลือกไฟลที่ตองการอัพโหลด สามารถเพิ่มหนาชิ้นงานดวยการคลิก

“+ ADD PAGES” รอจนกระทั่งอัพโหลดเสร็จ จากนั้นคลิก “ADD PAGE”

“ADD PAGE” คลิกเมื่ออัพโหลดเสร็จแลว

Layar Creator : 8. ในข้ันตอนนี้ระบบจะวิเคราะห (Analyzing) ความคมชัดของภาพหรือไฟลที่อัพโหลด

ถาพบภาพที่ไมไดมาตราฐาน ระบบจะลบหนานั้นทิ้งไป และในขณะรอสามารถคลิก

“START EDITING” เพื่อเพิ่มเติม เบอรโทรศัพท เว็บไซต เปนตน

“START EDITING” เพ่ิมเติม เบอร

โทรศัพท เว็บไซต เปนตน

Layar Creator : 9. เมื่อคลิก “START EDITING” จะปรากฏ “SUGGESTED BUTTONS” ทางดานขวา

“SUGGESTED BUTTONS”

เชน เบอรโทรศัพท เว็บไซต

วีดิทัศน เปนตน

Layar Creator : 10. “SUGGESTED BUTTONS” ที่สามารถเพิ่มเติมลิงคในภาพได มีดังนี้

เว็บไซต

วีดิทัศน

รูปภาพ

เฟซบุค

เบอรโทรศัพท ไฟลเสียง

เพลง

รานคา

Layar Creator : 11. ตัวอยางการเพิ่มลิงคเว็บไซต ทําไดโดยการ

ลากแท็บ วางในตําแหนงที่ตองการ

11.1 พิมพ URL เว็บไซต

11.2 เลือกเปน Text button หรือใชภาพที่เรา

กําหนดได

11.3 ต้ังชื่อ LABEL

11.4 กําหนดสีกลองของ Text button

11.5 กําหนด ANIMATION ของ Text button

11.6 Save

Layar Creator : 12. คลิกปุม ใหเลือก “PUBLISH ONE PAGE” เผยแพรได 60 วัน โดยไมเสีย

คาใชจาย จากนั้นคลิก PUBLISH CAMPAIGN

“PUBLISH CAMPAIGN”

Layar Creator : 13. เมื่อ PUBLISH แลว ระบบจะแสดงวันที่ส้ินสุดในการเผยแพร หลังจากนั้นคลิก

“Back to the campaign overview”

วันที่สิ้นสุดในการเผยแพร

“Back to the campaign overview”

Layar Creator : 14. วางเมาส “ Published for free” จะปรากฏหนาตางสไลดข้ึนมา เลือก “Promote”

วางเมาสที่นี่จะปรากฏหนาตางสไลดข้ึนมา

เลือก “Promote”

Layar Creator : 15. ลากภาพจากดานซายมือ และวางที่ตําแหนงเลข 1 จากนั้นพิมพขอความลงในชอง

“Enter your campaign description here” แลวคลิก “MAKE IT PUBLIC”

พิมพขอความที่นี่

“MAKE IT PUBLIC”

Layar Creator : 16. ชิ้นงานที่สรางเสร็จแลว ถูกเผยแพรออนไลน สามารถแชรลิงคใหผูอื่นได

ลิงคที่ระบบสรางข้ึน แชรลิงคเพ่ือเผยแพรออนไลน

Layar Creator : 17. คลิกลิงคเพื่อทดสอบ สแกนภาพผานแอพพลิเคชั่น Layar บนสมารทโฟน

KMUTT Library

E-mail : pornrat.lak@mail.kmutt.ac.th

Telephone : 02 - 4709692