Embed Size (px)
Citation preview
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 บนสมารทโฟน
