Recommended
Recommended
More Related Content
What's hot
What's hot (20)
Similar to Business Model For Business Card With AR Technology
Similar to Business Model For Business Card With AR Technology (20)
Business Model For Business Card With AR Technology
- 1. โมเดลธุรกิจสำหรับนำมบัตรโดยเทคโนโลยีเสมือนจริง Business Model For Business Card With AR Technology จัดทำโดย : นำงสำววิไลวรรณ ดีอำ นำงสำวสุธัญญำ สืบวงษำ นำงสำวอริสรำ จันทร์อำพร อำจำรย์ทีปรึกษำ อำจำรย์สันติพงษ์ ประสำททอง
- 2. ความเป็นมาและความสาคัญ ปัจจุบันเทคโนโลยีก้ำวหน้ำไปอย่ำงไม่หยุดนิง มนุษย์ได้มีกำรพัฒนำเทคโนโลยีที หลำกหลำยเพือนำมำใช้ประโยชน์ในชีวิตประจำวันในหลำย ๆ ด้ำน รวมไปถึงเทคโนโลยีเสมือน จริง ได้ถูกพัฒนำขึ้นตั้งแต่ปี พ.ศ.2547 เป็นเทคโนโลยีผสมผสำนระหว่ำงควำมเป็นจริงเข้ำกับ โลกเสมือนมำกขึ้น โดยกำรใช้เทคนิคกำรแทนวัตถุในโลกควำมเป็นจริงด้วย รูปภำพ วีดีโอ เสียง หรือ แบบจำลองสำมมิติ และแสดงผลผ่ำนคอมพิวเตอร์ สมำร์ตโฟน หรือแทปเล็ต โดยแสดงผลแบบ เรียลไทม์ ด้วยข้อจำกัดทำงเทคโนโลยี ในยุคนั้นจึงมีกำรใช้งำนยังไม่แพร่หลำย
- 3. แต่ในช่วงปี พ.ศ.2556-2560 เทคโนโลยี AR เป็นเรือง ทีถูกกล่ำวถึงเป็นระยะ และมีแนวโน้ม ว่ำในอนำคตจะมีกำรพัฒนำเทคโนโลยี AR มำกยิงขึ้น ในปัจจุบันได้มีกำรเพิมประสิทธิภำพกำรทำงำน ของคอมพิวเตอร์ สมำร์ตโฟน หรือเทปเล็ต และสำมำรถเชือมต่ออินเตอร์เนตได้ตลอดเวลำ ส่งผลให้มี กำรใช้เทคโนโลยี AR อย่ำงแพร่หลำยมำกขึ้น
- 4. ในโครงงำนพิเศษนี้ กำรพิมพ์นำมบัตรแนะนำตัวถือเป็นมำรยำทพื้นฐำนทีสำคัญใน กำรทำธุรกิจ เพือใช้ติดต่อประสำนงำนของผู้ประกอบกำร ผู้บริหำร หรือกระทังพนักงำนฝ่ำย ต่ำง ๆ ในบริษัท คณะผู้จัดทำเล็งเห็นถึงประโยชน์ และควำมสำคัญของเทคโนโลยี AR เพือพัฒนำกำรแสดงผลนำมบัตรให้ดูสะดุดตำ สร้ำงมุมมองเพิมเติมให้น่ำสนใจมำกยิงขึ้น และ ยังสร้ำงภำพลักษณ์ทีดีให้แก่องค์กร คณะผู้จัดทำได้ศึกษำในกำรทำนำมบัตร โดยภำยใน นำมบัตรจะต้องมีข้อมูลพื้นฐำนคือ ข้อมูลติดต่อ ของผู้ใช้ และส่วนติดต่อกับองค์กรของผู้ใช้
- 5. • เพือศึกษำเทคโนโลยีเสมือนจริง (Augmented Reality: AR) • เพือพัฒนำโปรแกรมกำรทำนำมบัตรโดยใช้เทคโนโลยี AR วัตถุประสงค์ของการศึกษา
- 6. • Window 10 • Photoshop • Blender • Library Vuforia • Unity • Android SDK Tools • Xampp ขอบเขตเทคโนโลยี : ซอฟต์แวร์
- 7. ขอบเขตเทคโนโลยี : ฮำร์ดแวร์ ก) เครืองคอมพิวเตอร์ Intel CORE i7-5500U ควำมเร็ว 2.40 HGz หน่วยควำมจำหลัก 8 GB ข) สมำร์ตโฟน ระบบปฏิบัติกำร Android 2.2 หน่วยควำมจำหลัก 512 MB กล้องควำมคมชัด 2m pixxel
- 8. ขอบเขตระบบงำน • ส่วนของผู้ใช้งำนประเภท User ก) กำรแสดงโมเดลสำมมิติผ่ำนสมำร์ตโฟนระบบปฏิบัติกำร Android User สำมำรถใช้กล้องจำก สมำร์ตโฟนดูนำมบัตร AR ผ่ำนแอปพลิเคชันจะเห็นโมเดลสำมมิติปรำกฏขึ้นจำกนำมบัตร ข) กำรแสดงวีดีโอผ่ำนสมำร์ตโฟนระบบปฏิบัติกำร Android User สำมำรถใช้กล้อง จำกสมำร์ตโฟนดูนำมบัตร AR ผ่ำนแอปพลิ เคชันจะเห็น วีดีโอปรำกฏขึ้นจำกนำมบัตร
- 9. • ส่วนของผู้ใช้งำนประเภท Admin ก) กำรสร้ำงโมเดลสำมมิติและแอนิเมชันโดยใช้โปรแกรม Blender ข) กำรตัดต่อวีดีโอโดยใช้โปรแกรม Vegas Pro อัตรำส่วนจอภำพ 16:9 ควำมคมชัด 144p ควำมยำวไม่เกิน 4 นำที ขนำดภำพ ไม่เกิน กว้ำง 11-8 cm. ยำว 11-12 cm. ค) กำรแสดงโมเดลสำมมิติผ่ำนสมำร์ตโฟนระบบปฏิบัติกำร Android Admin สำมำรถใช้กล้องจำกสมำร์ตโฟนดูนำมบัตร AR ผ่ำนแอปพลิเคชันจะเห็นโมเดลสำมมิติปรำกฏขึ้นจำกนำมบัตร ง) กำรแสดงวีดีโอผ่ำนสมำร์ตโฟนระบบปฏิบัติกำร Android Admin สำมำรถใช้กล้องจำกสมำร์ตโฟนดูนำมบัตร AR ผ่ำนแอป พลิเคชันจะเห็นวีดีโอปรำกฏขึ้นจำกนำมบัตร จ) สำมำรถเพิม/ลบ ข้อมูลในฐำนข้อมูลได้
- 10. • ส่วนของนำมบัตร ก) นำมบัตรมีขนำด กว้ำง 5 cm. ยำว 9 cm. ข) นำมบัตรด้ำนหน้ำประกอบด้วย - ข้อมูลรำยละเอียดบุคคล คำนำหน้ำชือ ชือ ชือกลำง นำมสกุล ตำแหน่งงำน เบอร์ติดต่อ อีเมล - ข้อมูลรำยละเอียดของสถำนประกอบกำร ชือสถำนประกอบกำร ทีอยู่ เบอร์ติดต่อ อีเมล ค) นำมบัตรด้ำนหลังเป็นโฆษณำหรือแนะนำสถำนประกอบกำร จ) นำมบัตรด้ำนหลังมี QR Code เพือดำวน์โหลดแอปพลิเคชัน
- 12. ประโยชน์ • ได้รับควำมรู้เทคโนโลยีควำมเป็นจริงสเมือน (Augmented Reality: AR) • ได้โปรแกรมกำรทำนำมบัตรโดยใช้เทคโนโลยี AR
- 13. Calculation of the marker pose
- 15. กล้องจริงอำจก่อให้เกิดกำรบิดเบือน เนืองจำกควำมไม่สมบูรณ์ของเลนส์ กำร บิดเบือนเกิดขึ้นในเลนส์กล้อง ดังนั้นในทำงทฤษฎีกำรบิดเบือนจะต้องนำมำพิจำรณำ ควำมสัมพันธ์ระหว่ำงกล้องกับจุดทีตรงกันใน ideal coordinates จะประมำณค่ำด้วย เทคนิค กำรปรับมำตรฐำนของภำพจำกกล้องเพือให้ภำพไม่บิดเบือน
- 17. เมือเรำรู้ค่ำตำแหน่งของมำร์คเกอร์ทั้ง 4 จุดบน Observed Screen Coordinates ในภำพทีถ่ำยจำกกล้องแล้ว สำมำรถคำนวณหำคำตอบของฟังก์ชันค่ำผิดพลำด (Error Function) ได้ด้วย
- 20. การทางานของระบบแอปพลิเคชันนามบัตร AR เวิร์กโฟลว์การสั่งซื้อนามบัตร AR User BackSystem Database Admin AR 1 No Yes
- 22. 2 User BackSystem Database Admin No Yes
- 23. จากการทางานของระบบแอปพลิเคชันนามบัตร AR จะแสดงเป็นขั้นตอนดังนี้ ขั้นตอนที่ 1 User AdminsFacebook fanpage การติดต่อประสานงานระหว่างลูกค้ากับผู้จัดทาผ่านทางเพจ Facebook ชื่อเพจ AR business cards
- 24. ขั้นตอนที่ 2 User Adminsdescription form กำรตกลงกำรซื้อขำยโดยหลังจำกทีได้ติดต่อกับลูกค้ำคณะผู้จัดทำจะส่งใบเสนอรำคำพร้อมเงือนไขไปยังลูกค้ำ หำกลูกค้ำ ตกลง ลูกค้ำจะส่งข้อมูลรำยละเอียดต่ำง ๆ ทีต้องกำรในนำมบัตร AR มำยังคณะผู้จัดทำ เพือบันทึกข้อมูลสำหรับกำรจัดทำ นำมบัตร AR ต่อไป
- 25. ใบเสนอราคา • ชือทีอยู่ และข้อมูลผู้ออกใบเสนอรำคำ • ชือทีอยู่ และข้อมูลกำรติดต่อผู้ขอใบเสนอรำคำ • ข้อมูลใบของเสนอรำคำ คือเลขทีของใบเสนอ รำคำ และวันทีออกใบเสนอรำคำ • รำยละเอียดกำรสังซื้อ รูปแบบนำมบัตรทีต้องกำร รำคำทีต้องชำระ • หมำยเหตุ สำหรับกำรระบุรำยละเอียดเพิมเติม • ข้อกำหนดและเงือนไขกำรสังซื้อ • ลายเซ็นรับรองการซื้อขาย
- 27. การออกแบบโปรแกรม Use Case Diagram ระบบงานของแอปพลิเคชันนามบัตร AR เป็นการแสดงถึงระบบแอปพลิเคชันนามบัตร AR มีการ ทางานอยู่ 3 ประเภท User Use Case : Admin BackSystem • ผู้ใช้งำนประเภท User ก) สำมำรถเข้ำถึงแอปพลิเคชัน ข) สำมำรถเข้ำถึงกล้องผ่ำนแอปพลิเคชัน • ผู้ใช้งำนประเภท Admin ก) สำมำรถเข้ำถึงแอปพลิเคชัน ข) สำมำรถเข้ำถึงกล้องผ่ำนแอปพลิเคชัน ค) สำมำรถจัดกำรหรือแก้ไขข้อมูลในส่วนของแอปพลิเคชัน ง) จัดกำรระบบทั้งหมด • ส่วน Back System ก) อ่ำนค่ำจำกตัว Marker จำกกล้องของผู้ใช้งำน ข) สำมำรถจัดเก็บข้อมูลในฐำนข้อมูล ค) สำมำรถจัดกำรระบบงำนเมือมีกำรใช้งำนได้
- 28. Activity Diagram ระบบแอปพลิเคชันนามบัตร AR จะแสดงถึงระบบในการเข้าใช้งานแอปพลิเคชัน AR User BackSystem Database Admin AR AR No Yes
- 29. การออกแบบฐานข้อมูล แบบจาลองข้อมูลเชิงแนวคิดหรือแผนภาพอีอาร์ เป็นการสร้างแบบจาลองกระบวนการขึ้นมาซึ่งก็คือแผนภาพ กระแสข้อมูลที่แสดงถึงความสัมพันธ์ระหว่างข้อมูล โดยคณะผู้จัดทาได้ทาการวิเคราะห์ข้อมูลจากระบบการสั่งซื้อนามบัตร AR ซึ่งก่อให้เกิดแนวคิดของกลุ่มข้อมูลต่าง ๆ ที่เกี่ยวข้อง Contract หมายถึง สัญญาการซื้อ-ขายสินค้า และบริการ Customer หมายถึง ลูกค้า Company Information หมายถึง ข้อมูลสถานประกอบการ AR BusinessCard_item หมายถึง รายการนามบัตร AR Model Store หมายถึง ที่จัดเก็บข้อมูลประเภทModel Video Store หมายถึง ที่จัดเก็บข้อมูลประเภทวีดีโอ
- 30. การออกแบบนามบัตร AR • การออกแบบนามบัตร ออกแบบนามบัตรขนาด กว้าง 5 cm. ยาว 9 cm. โดยใช้โปรแกรม Photoshop CS6
- 31. การพัฒนาแอปพลิเคชันนามบัตร AR 1. การพัฒนาโมเดล 3 มิติ ด้วยโปรแกรม Blender นาโมเดล 3 มิติ ไปทาแอนิเมชันเพื่อให้โมเดล 3 มิติ เคลื่อนไหวได้
- 32. 2. สร้างวีดีโอโดยใช้โปรแกรม Vegas Pro เพื่อใช้ในการแสดงผล AR ในส่วนด้านหลังของนามบัตรโดยใช้โปรแกรม Vegas Pro
- 33. 3. ใช้งาน Vuforia เมื่อทาการสร้างโมเดลสามมิติ และวีดีโอเสร็จแล้วจากนั้นจะนา โมเดลสามมิติ และวีดีโอที่ได้มาทาการเพิ่มเข้าไปในโปรแกรม Unity สาหรับแสดงผล ในนามบัตร และมีการกาหนดค่า Vuforia™ ให้จดจาวัตถุ
- 34. User Interface Design • Main Menu รายละเอียดหน้าจอเมนูหลักของแอปพลิเคชันประกอบด้วยปุ่ม 3 ปุ่มคือ ปุ่ม OPEN AR คือ ปุ่มสาหรับดูนามบัตร AR ปุ่ม ABOUT คือ ปุ่มแสดงข้อมูลเกี่ยวกับแอปพลิเคชัน ปุ่ม EXIT คือ ปุ่มออกจากแอปพลิเคชัน
- 35. • เมื่อคลิกปุ่ม ABUOT รายละเอียดหน้าจอข้อมูลเกี่ยวกับแอปพลิเคชัน ประกอบด้วยปุ่ม 3 ปุ่มคือ ปุ่ม facebook คือ ปุ่มลิงค์ไปยังเฟสบุ๊คของคณะผู้จัดทา ปุ่ม google+ คือ ปุ่มลิงค์ไปยังกูเกิลพลัสของคณะผู้จัดทา ปุ่ม Line คือ ปุ่มลิงค์ไปยังไลน์ของคณะผู้จัดทา
- 36. Icon Design • Icon application ใช้โปรแกรม Adobe photoshop โดยจะจัดเก็บรูปภาพในรูปแบบโป่รงใสด้วยไฟล์นามสกุล .png
- 37. Icon Design • Button in application ใช้โปรแกรม Adobe photoshop ออกแบบปุ่มที่จะนาไปใช้งานในแอปพลิเคชัน โดยมี 3 ปุ่ม คือ • OPEN AR • INFO • EXIT
- 39. • นำมบัตรทั้งด้ำนหน้ำและด้ำนหลังนี้จะใช้เป็นมำร์คเกอร์ เพือใช้แสดงผลของแอปพลิเคชันนำมบัตร AR • QR Code ด้ำนหลังนำมบัตร สำหรับดำวน์โหลดแอปพลิเคชันนำมบัตร AR
- 51. ทางคณะผู้จัดทาได้กาหนดการใช้นามบัตร AR ที่แตกต่างกันทั้งหมด 5 รูปแบบ และกาหนดรูปแบบของภาพเสมือนจริง สามมิติให้มีลักษณะที่แตกต่างกันในแต่ละนามบัตร ได้ผลการทดลอง ดังนี้ พบ ไม่พบ พบ ไม่พบ แบบที่1 P P ใช ้ภาพเสมือนจริงสามมิติ แบบเคลื่อนไหว แบบที่2 P P ใช ้ภาพเสมือนจริงสามมิติ แบบเคลื่อนไหว แบบที่3 P P ใช ้ภาพเสมือนจริงสามมิติ แบบนิ่ง แบบที่4 P P ใช ้ภาพเสมือนจริงสามมิติ แบบนิ่ง แบบที่5 P P ใช ้ภาพเสมือนจริงสามมิติ แบบนิ่ง ภาพเสมือนจริงสามมิติ วีดีโอ หมายเหตุรูปแบบของนามบัตร
- 52. สรุปผลการทดลองการ ผลการทดลองการแสดงผลภาพเสมือนจริงของนามบัตร AR ผ่าน แอปพลิเคชันนามบัตร AR สรุปได้ว่าการทดลองใช้นามบัตรที่มีลักษณะที่แตกต่าง กันในการทดลอง แอปพลิเคชันนามบัตร AR สามารถแสดงผลเป็นภาพเสมือนจริง สามมิติในด้านหน้าของนามบัตร และวีดีโอในด้านหลังของนามบัตรได้ตรงตามความ ต้องการของผู้จัดทาได้
- 54. ทางคณะผู้จัดทาได้ทาแบบสารวจความพึงพอใจในการใช้งานแอปพลิเคชัน AR จากประชากรคือคนใน มหาวิทยาลัยเทคโนโลยีพระจอมเกล้าพระนครเหนือจานวน 10 คน เพื่อทาการวิเคราะห์ปัญหา และปรับปรุงแก้ไข ต่อไป ได้ผลการประเมิน ดังนี้ 5 (ดีมาก) 4 (ดี) 3 (ปานกลาง) 2 (พอใจ) 1 (ต้อง ปรับปรุง) ค่าเฉลี่ย ความหมาย 1.ความเร็วในการแสดงผลAR 4 3 1 2 0 3.9 ดี 2.รูปลักษณ์ของนามบัตร 7 2 1 0 0 4.6 ดีมาก 3.ความง่ายต่อการใช ้งาน 9 1 0 0 0 4.9 ดีมาก 4.ระยะเวลาในการทานามบัตรAR 10 0 0 0 0 5 ดีมาก 5.การตอบสนองของแอพพลิเคชันAR 9 1 0 0 0 4.9 ดีมาก 6.ความสอดคล ้องของเทคโนโลยีกับจุดประสงค์ในการนาไปใช ้งานจริง 10 0 0 0 0 5 ดีมาก 7.ความเหมาะสมในภาพรวม 8 1 1 0 0 4.7 ดีมาก 4.71 ดีมาก ระดับความพึงพอใจ เฉลี่ยรวม รายการประเมิน )(X
- 55. สรุปผลการประเมินความพึงพอใจของผู้ใช้งาน ผลการประเมินระดับความพึงพอใจของผู้ใช้งานแอปพลิเคชันนามบัตร ARจากกลุ่ม ตัวอย่างผู้ทดลองใช้งานจริงมีระดับความพึงพอใจในค่าเฉลี่ยรวมที่ 4.71เทียบตามเกณฑ์การ ประเมินแล้วอยู่ในระดับที่ดีมาก โดยระดับความพึงพอใจต่อความเร็วในการแสดงผล ARให้ค่าเฉลี่ย ที่น้อยที่สุด คือ 3.9 เทียบตามเกณฑ์อยู่ในระดับที่ดี โดยระดับความพึงพอใจในระยะเวลาในการ ทานามบัตรและความสอดคล้องของเทคโนโลยีกับจุดประสงค์ในการนาไปใช้งานจริงให้ค่าเฉลี่ยที่ มากที่สุด คือ 5 เทียบตามเกณฑ์อยู่ในระดับที่ดีมาก
- 56. Thank you.