3
TABLE OF CONTENS 1. รายละเอยี ดโครงการ 1 4.4 ระบบ Register และ Login 32 2. รายละเอยี ดแนวทางการด�ำเนินงานเบือ้ งต้น 6 4.4.1 ระบบ Register 32 2.1 แผนการดำ� เนินงาน 6 4.4.2 ระบบ Login 32 3. รายละเอียดการนำ� เสนอข้อมูลเบอื้ งตน้ 7 4.4.3 ระบบลืมรหสั ผ่าน 33 3.1 ภาพรวมของการท�ำงานของระบบ 7 4.4.4 ระบบเลอื ก Server 33 3.2 เทคโนโลยี หรือเคร่อื งมือทีใ่ ช้ในการพฒั นา 7 4.4.5 ระบบต้งั คา่ 33 3.3 แนวคดิ และรูปแบบการนำ� เสนอข้อมลู (Concept) 7 34 4.4.6 ระบบเกบ็ แตม้ หลังบ้าน 3.1.1 Dome Conference 8 4.5 ระบบ World 34 3.1.2 Exhibition 10 4.5.1 ระบบ Pop Up 34 3.1.3 ห้อง B (Agro Symposium) 10 4.5.2 ระบบ Notification 35 3.1.4 หอ้ ง T (Gift & Art Gallery) 14 4.5.3 ระบบแสดงชอ่ื ผใู้ ช ้ 35 3.1.5 หอ้ ง G 15 4.5.4 ระบบ VIP 36 3.1.6 หอ้ ง Classroom 15 4.6 ระบบ Admin 37 4. ขอบเขตการท�ำงาน 17 4.6.1 ค�ำส่งั Run Event 37 17 38 4.1 ระบบ Avatar 4.6.2 คำ� สั่ง ดงึ ผูใ้ ชไ้ ปยงั ห้อง 4.1.2 ระบบ Animation Wheel 17 4.6.3 ค�ำสั่ง ดงึ ตวั เองไปยงั ห้อง 39 4.1.3 ระบบเปลีย่ นเครื่องแต่งกาย 18 4.6.4 ค�ำสั่ง แกไ้ ขเน้อื หา 40 4.1.4 ระบบตกแต่งหน้าตาและรูปร่าง 19 4.6.5 ค�ำสั่ง Event 40 4.1.5 ระบบ Scan Avatar 19 4.7 ระบบ Video Platform 42 4.1.6 ระบบ Warp 21 4.8 ระบบ Live Streaming 44 4.2 ระบบ Interactive 23 4.9 ระบบ เปลย่ี นรปู ภาพ วดิ ีโอ Content 45 4.2.1 ระบบ Interactive รปู ภาพ 23 4.9.1 วธิ ีการใช้งาน 45 4.2.2 ระบบ Interactive วดิ ีโอ 24 5. Landing Page & ระบบหลังบา้ น 49 25 49 4.2.3 ระบบ Interactive 3D Model 5.1 Landing Page ดาวน์โหลดตัวแอป 4.2.4 ระบบ Interactive ทีน่ ัง่ 26 5.2 ระบบหลงั บา้ นเกบ็ ข้อมูลการ Login,Checkin 50 4.2.5 ระบบ Check In และ Vote หอ้ ง 27 6. Platform iOS & Android 51 28 51 4.2.6 ระบบ Sound Ambient 6.1 IOS 4.2.7 ระบบ BGM 29 6.2 Android 52 4.3 ระบบ Communication 30 6.3 PC 53 4.3.1 ระบบ Public Chat 30 4.3.2 ระบบ Private Chat 30 31 4.3.3 ระบบ Group Chat 4.3.4 ระบบ Voice Chat 31 4.3.5 ระบบคำ� หยาบ 32 4 โครงการ พัฒนา Virtual Exhibition Platform Phase2
1 รายละเอยี ดโครงการ 1.1. ชื่อโครงการ: Virtual Exhibition Platform Phase 2 1.2. วตั ถุประสงค์: 1. เพอื่ สนบั สนนุ การจดั กจิ กรรมOn-Line ตา่ งๆ ของเครอื เชน่ InnovationExhibition,WCMSymposium,Meeting the EMC 2. เพื่อเป็นศนู ย์การแชรค์ วามรู้ด้านนวัตกรรม และผลงานต่างๆของเครือ 3. เพอื่ เป็นส่อื ประชาสมั พนั ธ์และน�ำเสนอธุรกิจของบริษัทให้แก่ลูกค้า 1.3. กลมุ่ เป้าหมาย: 1. พนกั งานในเครอื BTG ทกุ คน 2. ลกู ค้าภายนอกทีไ่ ด้รบั เชญิ จากบริษัท 1.4. ระยะเวลาดำ� เนินการ: Q2/2565 - Q3/2565 1.5. มลู เหตจุ งู ใจ (Pain Point) จากสถานการณโ์ รคระบาด(Covid-19) สง่ ผลตอ่ การดำ� เนนิ ในกจิ กรรมหลายดา้ นของบรษิ ทั ฯทเ่ี กย่ี วขอ้ งกบั พนกั งานและลกู คา้ เช่น Innovation Exhibition, WCM Symposium, Meeting the EMC, Agro Symposium, Site Visit ฯลฯ ซง่ึ ไม่สามารถดำ� เนนิ กจิ กรรม แบบ On-Site ได้ ท�ำให้ตอ้ งมีการปรับรปู แบบเป็น On-Line โดยปัจจบุ ันมีการแยกการจดั งานท�ำใหเ้ กิดค่าใช้จ่ายท่มี มี ูลค่าสูง เนือ่ งจาก ไมม่ ีการบรู ณาการทรัพยากร(Resource) ในการจัดงานรว่ มกนั และมรี ะยะเวลาในการจัดงานท่จี �ำกัด ไมส่ ามารถเข้าชมไดต้ ลอดเวลา เพอ่ื ใหก้ ารจดั งานแบบ On-Line อยา่ งมปี ระสทิ ธภิ าพ และเกดิ การบรู ณาการทรพั ยากรรว่ มกนั จงึ จดั ทำ� Virtual Exhibition Platform เพ่ือเปน็ One Platform ในการสนบั สนนุ การดำ� เนินกจิ กรรมต่างๆ ของเครอื และ ช่วยลดคา่ สถานที่ เวลา ค่าใชจ้ ่ายในการเดิน ทาง คา่ อาหาร ของผรู้ ว่ มงาน และเปดิ โอกาสใหพ้ นักงานมีโอกาสในการเขา้ รว่ มงานได้เพมิ่ มากขึน้ 5
2 รายละเอียดแนวทางการดำเนินงานเบ้ืองตน 2.1 แผนการด�ำเนินงาน Duration Start Finish 30 days 1/09/2021 30/9/2021 Task 23 days 1/10/2021 23/10/2021 งวดท่ี 1 ออกแบบและจัดทำ�รายงาน 31 days 1/10/2021 31/10/2021 ประชมุ ออกแบบรปู แบบงาน 8 days 22/09/2021 30/09/2021 วางแผนการดำ�เนนิ งานข้นั ตอนต่างๆ 5 days 25/10/2021 29/10/2021 ลงรายละเอยี ดแนวทางของงาน 5 days 29/11/2021 3/12/2021 งวดท่ี 2 ออกแบบและวางแผนดำ�เนินงาน 5 days 3/01/2022 7/01/2022 ออกแบบสอ่ื ตามเนอ้ื หาในสว่ นของ Exhibition 126 days 1/10/2021 4/02/2022 ออกแบบสื่อตามเน้อื หาในส่วนของ Dome 44 days 20/10/2021 3/12/2021 ออกแบบสือ่ ตามเนือ้ หาในสว่ นของ Betagro City 127 days 11/10/2021 15/02/2022 ออกแบบสอ่ื ตามเนอื้ หาในสว่ นของ Classroom 5 days 29/11/2021 3/12/2021 จดั ทำ�สอื่ ในส่วนของ 3D Model 5 days 29/11/2021 3/12/2021 จัดทำ�ส่ือในสว่ นของวิดีโอสัมมนาและ Live Stream 3 days 28/03/2022 31/03/2022 พฒั นาระบบ Virtual Exhibition Platform งวดท่ี 3 สง่ มอบงาน นำ�ระบบขึ้น Store จดั ทำ�เอกสารคมู่ ือการใช้งาน และดแู ลระบบ ส่งมอบงาน 6 โครงการ พฒั นา Virtual Exhibition Platform Phase2
3 รายละเอยี ดการนำเสนอขอ มูลเบ้ืองตน 3.1 ภาพรวมของการท�ำงานของระบบ ดว้ ยเทคโนโลยีในปัจจบุ นั ทพี่ ัฒนาอยา่ งต่อเน่ืองและมีหลายชนิดหลายรปู แบบ เราจึงเลง็ เหน็ ว่าสามารถนำ� เทคโนโลยีเหล่า นีม้ าประยุกต์ใช้เขา้ กบั สอื่ ต่างๆ เพ่ือใหส้ อดคลอ้ งกบั เหตกุ ารณใ์ นปจั จบุ นั ท่ีเกิดวกิ ฤติการภยั พบิ ตั ิโรคระบาด โคโรนา่ ไวรัส (Covid-19) เรา จงึ นำ� เทคโนโลยีในปจั จุบันมาสร้างให้เกิดเป็น Virtual Event โดยน�ำเสนอผา่ นเว็บไซต์ซึ่งจะทำ� ให้ผู้ใช้จะไดร้ บั ประสบการณ์ของเทคโนโลยี ทท่ี ันสมัยและเข้าถงึ ไดง้ ่ายผา่ นคอมพวิ เตอร์ 3.2 เทคโนโลยี หรอื เครื่องมอื ที่ใช้ในการพฒั นา เทคโนโลยีและเครอื่ งมอื ท่ใี ช้ในการพฒั นา: Playcanvas Playcanvas เปน็ เกมเอนจน้ิ สำ� หรบั การสรา้ งเกมที่ รองรบั แพลตฟ์ อรม์ เวบ็ ไซตไ์ ดเ้ ปน็ อยา่ งดี อกี ทงั้ ยงั สามารถ ใช้งานได้งา่ ยและครอบคลมุ เกมได้หลากหลายรปู แบบ Autodesk Maya Autodesk Maya เป็นโปรแกรมทใ่ี ชใ้ นการพัฒนา กราฟฟกิ คอมพวิ เตอร์3 มติ ิ ทถ่ี กู ใชว้ งการอยา่ งแพรห่ ลาย เชน่ วงการวดิ โี อเกม, ภาพยนต,์ ละคร เปน็ ตน้ 7
Virtual World Unity 3D เป็นเกมเอนจ้ินส�ำหรับการสร้างเกมหรือ แอปพลิเคชันที่รองรับ Platform ได้หลากหลายแบบ ท้ัง คอมพวิ เตอรร์ ะบบปฏบิ ตั กิ ารWindow และMac โทรศพั ทม์ อื ถอื ระบบปฏิบัตกิ าร Android และ iOS รวมถงึ ระบบ VR ด้วย 3.3 แนวคดิ และรูปแบบการนำ� เสนอข้อมูล (Concept) BTG City มีแนวคิดเพอ่ื เปน็ พน้ื ท่ีสนับสนุนการจัดกจิ กรรมตา่ งๆ ของเครือ Betagro ในรปู แบบออนไลน์ นำ� เสนอความรู้ ด้านนวัตกรรม และผลงานต่างๆ และเพื่อเป็นสื่อประชาสัมพันธ์และน�ำเสนอธุรกิจของบริษัทให้แก่ลูกค้า อีกทั้งยังส่งเสริมภาพลักษณ์ ขององค์กรทม่ี ีความเป็น innovative โดย BTG City ถูกออกแบบใหม้ ีพื้นท่ี 3 พ้นื ท่ีดว้ ยกนั 3.1.1 Dome เป็นพื้นที่ส�ำหรับการพบปะผู้คนจ�ำนวนมากภายในพ้ืนท่ีน้ีจะประกอบไปด้วยโดมขนาดใหญ่ท่ีข้างในเป็นห้อง Conference ขนาดใหญ่รองรบั ผ้ใู ช้ได้ประมาณ 3,000 คน และโดมขนาดเล็กทขี่ า้ งในเป็นหอ้ ง Conference ขนาดเลก็ 4 หอ้ งโดยแต่ละ ห้องรองรบั ผ้ใู ช้ไดป้ ระมาณ 500 คน 8 โครงการ พัฒนา Virtual Exhibition Platform Phase2
(ภาพ Concept ของ Dome ในส่วนของ Lobby) (ภาพ Concept ของหอ้ ง Live Stream) 9
3.1.2 Exhibition เป็นพืน้ ที่สำ� หรบั การเรยี นรู้ดา้ นนวตั กรรมและผลงานตา่ งๆของเครือ ภายในพืน้ ทีน่ ี้จะประกอบไปดว้ ย (ภาพ Concept ของ Zone Exhibition) 3.1.3 ห้อง B (Agro Symposium) เป็นห้องให้ความรู้ด้านนวัตกรรมเกษตรให้แก่ผู้ท่ีเข้าชมงาน ภายในห้องจะแบ่งเป็น 7 โซนเล็กๆ อีกด้วยโดย จะประกอบไปดว้ ย (ภาพรวมของหอ้ ง B Agro Symposium) 10 โครงการ พัฒนา Virtual Exhibition Platform Phase2
- BTG Agro Solution เปน็ ห้องเร่มิ ตน้ จะมีการจำ� ลองโรงงานในรปู แบบ 3 มติ ิ (ภาพ Layout ของหอ้ ง BTG Agro Solution) - Feed Solution เป็นห้องแนะนำ� เกี่ยวกับอาหารของสตั ว์ ภายในหอ้ งจะมีเล้าของสัตว์เช่น หมู ไก่ โค ปลา (ภาพ Layout ของห้อง Feed Solution) 11
- Animal Health Solution เปน็ หอ้ งท่จี ะแนะนำ� เกย่ี วกับผลติ ภณั ฑย์ าของสัตว์ (ภาพ Layout ของหอ้ ง Animal Health Solution) - Farm Equipment Solution เป็นห้องท่จี ะแนะน�ำเก่ยี วกบั ผลิตภัณฑอ์ ุปกรณก์ ารเลย้ี งสัตว์ (ภาพ Layout ของหอ้ ง Farm Equipment Solution) 12 โครงการ พัฒนา Virtual Exhibition Platform Phase2
- Lab Service Solution เปน็ หอ้ งท่ีจะแสดงบอรด์ ข้อมูลของการตรวจสุขภาพของสตั ว์ (ภาพ Layout ของหอ้ ง Lab Service Solution) - Agro Technical Service เป็นหอ้ งที่สตั วแพทยจ์ ะให้ค�ำปรึกษาเก่ียวกับการจัดการและดูแลสุขภาพสตั ว์ (ภาพ Layout ของห้อง Agro Technical Service) 13
- Agro Customer Service เปน็ หอ้ งเกยี่ วกับงานบรกิ าร หน่วยงานบรหิ ารกลยุทธ์ลูกค้าองค์กร (ภาพ Layout ของหอ้ ง Agro Customer Service) 3.1.4 ห้อง T (Gift & Art Galery) เปน็ ห้องจดั แสดงผลงานศลิ ปะ (ตัวอยา่ งหอ้ ง Gift & Art Gallery) 14 โครงการ พฒั นา Virtual Exhibition Platform Phase2
3.1.5 หอ้ ง G เปน็ หอ้ งจัดแสดงขอ้ มูลของหวั ข้อ Innovation Exhibition 3.1.6 หอ้ ง Classroom เปน็ ห้องเรยี นทจี่ ะออกเป็น 2 ประเภทคือ Indoor และ Outdoor Indoor 1. Classroom Indoor Classroom Indoor จะอยูใ่ น Scene Lobby_Classroom เปน็ หอ้ งเรยี นท่ีบ่งออกเปน็ 2 ขา้ งประกอบไปด้วย Classroom LeftWing และ Classroom RightWing ภายในแต่ละด้านจะประกอบไป ชุดโตะ๊ ที่น่งั และจอที่เป็นระบบ Video Platform ข้างละ 5 จอ 2. Classroom Outdoor Classroom Outdoor จะมี 2 รูปแบบด้วยกันน้ันคือ Riverview ที่จะให้บรรยากาศถึงความเป็นทะเลที่ผ่อนคลาย และ Coral Yard ทจี่ ะใหบ้ รรยากาศในป่าไมธ้ รรมชาติ โดยท่ที ง้ั 2 ที่จะมีองค์ประกอบคลา้ ยกบั Classroom Indoor นัน้ คือ จดุ ที่นัง่ ส�ำหรบั การ ชมวิดโี อและจอท่ีเปน็ ระบบ Video Platform โดยแต่ละจดุ จะมีจอขนาดใหญ่ประจำ� จดุ ละ 1 ตัวด้วยกัน Classroom Coral Yard 15
Classroom Riverview 16 โครงการ พฒั นา Virtual Exhibition Platform Phase2
4 ขอบเขตการทำงาน 4.1 ระบบ Avatar 4.1.1 ระบบควบคมุ Avatar ผ้ใู ชส้ ามารถควบคมุ ตวั ละคร Avatar ใหเ้ คลอ่ื นที่ไปยงั จุดตา่ งๆ ภายใน BETA-Verse และสามารถแสดงทา่ ทาง ต่างๆ เช่น น่งั ลง โบกมอื เตน้ เป็นตน้ 4.1.2 ระบบ Animation Wheel ผู้ใชส้ ามารถกดปุ่ม E หรอื ปมุ่ โบกมอื ในมอื ถอื เพ่ือเปิด Animation Wheel ขน้ึ มา ในหนา้ น้ผี ู้ใชส้ ามารถกดเลอื ก ทา่ ทางท่ตี ้องการให้ตัวละครเล่นทา่ ทางตา่ งๆได้ Animation Wheel 17
ตวั ละครจะเล่นทา่ ทางท่ีเลือก 4.1.3 ระบบเปล่ยี นเครอื่ งแตง่ กาย ผใู้ ช้สามารถสรา้ งตวั ละคร Avatar ทสี่ ามารถปรับแต่งหน้าตา ทรงผม เสอื้ ผ้า และเพศได้ เพื่อนำ� ไปใชใ้ นการ แสดงผลขณะเขา้ ชม BETA-Verse 18 โครงการ พฒั นา Virtual Exhibition Platform Phase2
4.1.4 ระบบตกแต่งหน้าตาและรปู รา่ ง ผใู้ ชส้ ามารถปรบั แตง่ โครงสร้างร่างกายเบอ้ื งต้นให้กับตวั ละครได้ เช่น ส่วนสงู ความใหญข่ องกลา้ มเนอ้ื สว่ นขา น�้ำหนกั ส่วนบน และในสว่ นของใบหนา้ สามารถปรับแต่ง ค้วิ ปาก จมกู กราม ไดอ้ ีกด้วย 4.1.5 ระบบ Scan Avatar ระบบนจ้ี ะเปน็ การสแกนรปู ภาพทผี่ ใู้ ชถ้ า่ ยหรอื อพั โหลดเขา้ สรู่ ะบบ ตวั ระบบจะทำ� การGenerate หนา้ ตาตวั ละคร ใหห้ ลงั จากผใู้ ชไ้ ด้เลือกรูปแล้ว และสามารถปรับแต่งโครงหนา้ เพ่มิ เตมิ ได้อีกดว้ ย หนา้ ตวั ละคร Avatar กดเลือกทห่ี มวดปรบั แต่งหนา้ ตาและกดที่ อัพโหลดใบหนา้ 19
เลอื กไฟลร์ ูปภาพหน้าตาทต่ี ้องการ ระบบจะทำ� การ Generate หน้าตาตวั ละครให้ 20 โครงการ พัฒนา Virtual Exhibition Platform Phase2
เสรจ็ ส้นิ ขน้ั ตอน 4.1.6 ระบบ Warp ผใู้ ช้สามารถกดท่ปี ุม่ M หรือ Icon Map เพ่ือเปดิ ดูแผนท่ขี องฉากต่างๆ โดยผูใ้ ชง้ านสามารถกดท่ปี ุ่มสแี ดงเพ่อื เลือกจุกที่ต้องการวารป์ ไปยงั ในฉากน้นั ๆ และกด GO เพือ่ ใหร้ ะบบดงึ ตวั ละครไปยงั จดุ ทเ่ี ลอื ก กด M หรอื Icon Map 21
เลอื ก Scene และจดุ ทีต่ อ้ งการ เม่ือกด GO ระบบจะทำ� การวาร์ปตัวละครมาท่จี ดุ ท่เี ลอื ก 22 โครงการ พฒั นา Virtual Exhibition Platform Phase2
4.2 ระบบ Interactive 4.2.1 ระบบ Interactive รูปภาพ เม่ือคลิกเขา้ ชมที่รปู ภาพใดๆ ตวั ระบบจะแสดงรปู ภาพน้ันแบบเตม็ มุมมอง และสามารถปดิ รปู ภาพได้ เลอื่ นจดุ สขี าว(Crosshair) ให้ชไี้ ปยังจุด Interaction เม่อื กดป่มุ F หรือ Interaction ระบบจะขนึ้ ข้อมูลของจุดนั้น 23
4.2.2 ระบบ Interactive วิดีโอ ระบบ Interaction แบบวิดีโอจะมตี ัวอย่างบนจอทวี ใี หผ้ ู้ใชไ้ ดด้ ตู ัวอย่าง โดยท่ีตัวอยา่ งจะเปน็ วดิ ีโอท่มี ีความยาว ไมม่ ากและไมม่ เี สยี ง แตเ่ ม่อื ผูใ้ ช้กด Interaction แล้วตัวระบบจะดงึ ข้อมูลมาจาก Server และเล่นวิดโี อตวั เต็ม 24 โครงการ พฒั นา Virtual Exhibition Platform Phase2
4.2.3 ระบบ Interactive 3D Model เมอื่ คลกิ เขา้ ชมโมเดล3 มติ ใิ ดๆ ตวั ระบบจะแสดงโมเดล3 มติ ทิ ส่ี ามารถหมนุ ดรู อบๆ และปดิ การแสดงผลโมเดล 3 มิตไิ ด้ 25
4.2.4 ระบบ Interactive ท่นี งั่ เมื่อคลิกที่นง่ั ตามจดุ ตา่ งๆ ใน Betagro City จะแสดง Pop-up ยืนยนั จากนั้นจะเปล่ยี นทา่ ทางของ Avatar ให้ เป็นท่านั่งบนที่น่ังนั้น 26 โครงการ พฒั นา Virtual Exhibition Platform Phase2
4.2.5 ระบบ Check In และ Vote หอ้ ง ในห้อง Exhibition Hal ในส่วนของทา้ ยห้องแต่ละหอ้ งจะมแี ทน่ สีขาวพร้อม ผ้ใู ช้สามารถกด Interaction เพ่อื ให้ คะแนนแก่ห้องแต่หอ้ งได้ ระบบจะท�ำการเก็บข้อมลู ตรงนแ้ี ละท�ำเปน็ 27
4.2.6 ระบบ Sound Ambient จะมีเสยี งบรรยายหอ้ งแตล่ ะหอ้ ง เมอ่ื เขา้ โซนของหอ้ งนั้นๆจะเปล่ยี นเปน็ เสยี งที่ตรงกบั บธู น้นั ๆ 28 โครงการ พฒั นา Virtual Exhibition Platform Phase2
4.2.7 ระบบ BGM จะมีเสียงพ้ืนหลงั ของ พน้ื ท่นี ี้ สามารถปรับระดับเสยี งได้ท่ีเมนตู งั้ คา่ เสยี งได้ 29
4.3 ระบบ Communication 4.3.1 ระบบ Public Chat ผู้ใช้สามารถกด Enter หรือปุ่ม Icon กลอ่ งขอ้ ความเพื่อเริ่มการสนทนาแบบสาธารณะได้ เม่อื พิมพ์ใดๆ ก็ตาม ขอ้ ความนัน้ จะขน้ึ ในกลอ่ งแชทและบนหัวของตวั ละครด้วย การสนทนาน้ผี ู้ใช้ทกุ คนท่อี ยู่ในฉากเดยี วกนั จะเหน็ ขอ้ ความเหล่าน้ดี ว้ ย 4.3.2 ระบบ Private Chat Private Chat เป็นระบบแชทส่วนตวั ผใู้ ชส้ ามารถกด Tab เพอ่ื เปดิ หน้าต่างแสดงรายช่อื ผใู้ ชท้ ีก่ �ำลัง Online ใน ระบบ และกดไปทปี่ มุ่ DM ดา้ นหลงั ชอ่ื ผใู้ ชท้ ต่ี อ้ งการสนทนาดว้ ยบทสนทนานจี้ ะไมข่ นึ้ ขอ้ ความบนหวั ของตวั ละครและผใู้ ชค้ นอน่ื จะไมเ่ หน็ ขอ้ ความที่ผู้ใชส้ องคนสนทนากัน 30 โครงการ พฒั นา Virtual Exhibition Platform Phase2
4.3.3 ระบบ Group Chat Group Chat เปน็ ระบบ Chat ที่ผใู้ ช้ท�ำการเชิญผใู้ ช้คนอน่ื ๆ เข้าร่วมวงสนทนาโดยท่ีผใู้ ช้ตอ้ งท�ำการต้งั ชื่อกลมุ่ ก่อนและท�ำการดึงผ้ใู ชค้ นอ่นื ๆ ทต่ี อ้ งการและสนทนากนั ภายในกลมุ่ นี้โดยท่บี คุ คลทไ่ี ม่อยู่ในกลุ่มจะไม่เหน็ ข้อความในนี้ 4.3.4 ระบบ Voice Chat Voice Chat เป็นการส่อื สารด้วยระบบเสยี ง ผใู้ ชส้ ามารกดปมุ่ V หรือ Icon รูปไมค์เพ่อื สนทนากบั ผใู้ ชง้ านคน อืน่ ผ่านเสียงได้ 31
4.3.5 ระบบค�ำหยาบ เวลาทผ่ี ้ใู ช้พมิ พข์ ้อความทเี่ ป็นคำ� หยาบตัวระบบจะทำ� การเซนเซอร์ค�ำเหล่าน้ันด้วยตัวขอ้ ความ ***** 4.4 ระบบ Register และ Login 4.4.1 ระบบ Register ผใู้ ชส้ ามารถลงทะเบยี นเพอื่ เขา้ ใชง้ านBTGCity ผา่ นEmail ของตนเอง โดยการกรอกขอ้ มลู จำ� พวก ชอื่ -นามสกลุ , Email, เพศ และชือ่ ผู้ใช้งาน โดยข้อมลู เหล่านจ้ี ะถกู เกบ็ ไวใ้ น Firebase 4.4.2 ระบบ Login เมอ่ื ลงทะเบยี นเสรจ็ สน้ิ แลว้ ผใู้ ชจ้ ะไดร้ บั Email ยนื ยนั ตวั ตนไปยงั Email ทที่ ำ� การสมคั รกบั ทางระบบเมอื่ กดยนื ยนั ตัวเรยี บรอ้ ยแลว้ ผู้ใช้จริงจะสามารถเขา้ ใชง้ านระบบได้ และสามารถ login ผ่านเบอร์มือถอื ได้ (ตวั อย่างหน้าการ Login) 32 โครงการ พัฒนา Virtual Exhibition Platform Phase2
4.4.3 ระบบลมื รหัสผ่าน หากผู้ใชล้ ืมรหัสผา่ นทที่ ำ� การสมัครกับระบบ ผ้ใู ช้สามารถกดทป่ี ุ่ม ลืมรหสั ผ่าน? เมอื่ กดแลว้ ผู้ใชจ้ ะต้องทำ� การ กรอก Email ที่ทำ� การสมัครกบั ระบบ เมื่อกรอกเรยี บร้อยแล้วระบบจะท�ำการส่ง Email เพื่อ Reset รหัสผ่านและให้ผใู้ ชก้ รอกรหัสผ่านใหม่ 4.4.4 ระบบเลือก Server เมอื่ Login เขา้ มาแลว้ จะอย่หู นา้ เลือก Server ท่อี ย่ดู า้ นขวา โดยจะโชว์รายชอ่ื sever และจำ� นวนผทู้ ่เี ข้ารว่ มอยู่ สามารถเขา้ รว่ มดว้ ยการกด join 4.4.5 ระบบตั้งค่า สามารถกดตงั้ ค่าได้ สามารถเพ่ิมหรือลดเสียงดนตรีได้ สามารถตง้ั คา่ ขนาดจอได้ เพมิ่ แสงเงา และสามารถตง้ั คา่ ความละเอียดของภาพในเกมได้ 33
4.4.6 ระบบเก็บแต้มหลงั บ้าน เมอื่ ผใู้ ชไ้ ดร้ บั คะแนนระบบจะทำ� การเกบ็ ขอ้ มลู คะแนนไวใ้ นfire base เมอื่ ผใู้ ชท้ ำ� การกลบั เขา้ มาเลน่ แลว้ คะแนน ของผูเ้ ลน่ ก็จะเทา่ เดิม ไม่หายไป 4.5 ระบบ World 4.5.1 ระบบ Pop Up ระบบ Pop Up คอื ระบบแสดง Tutorial หรอื วิธกี ารควบคมุ และใช้งานตัว BETA-Verse โดยที่เมื่อผใู้ ชเ้ ขา้ มายงั ระบบ ตวั Pop Up นจ้ี ะขน้ึ มาให้ผใู้ ช้ไดอ้ ่านและทำ� ความเขา้ ใจ โดยทแ่ี ต่ละ Device จะมี Tutorial ไม่เหมือนกัน (ตัวอยา่ งระบบ Pop Up) 34 โครงการ พัฒนา Virtual Exhibition Platform Phase2
4.5.2 ระบบ Notification ระบบ Notification เปน็ ระบบทแี่ จ้งเตือนผู้ใชง้ านทวั่ ไป ท่ไี มใ่ ช่ VIP และ Admin การแจง้ เตอื นจะเปน็ การแจง้ เตือนถงึ การถูกดึงไปยังหอ้ งต่างๆที่ Adminเปน็ ผดู้ ำ� เนนิ กิจกรรม (ตัวอยา่ งระบบ Notification) 4.5.3 ระบบแสดงช่ือผู้ใช้ ผใู้ ชส้ ามารถมองเห็นช่ือของผู้ใชค้ นอ่นื บริเวณหัวตวั ละคร Avatar ได้ 35
ผู้ใช้สามารถกด Tab เพ่อื ดรู ายชอื่ ผ้เู ข้าใชง้ านได้ 4.5.4 ระบบ VIP ผู้เล่นที่เป็นระดับ VIP มีสิทธิ์ที่จะสามารถเข้าถึงสิ่งของบางอย่างที่ผู้เล่นปกติเข้าถึงไม่ได้ เช่น นั่งเก้าอ้ีหน้าสุด นง่ั เกา้ อี้ที่มองเห็นจอไดด้ ีที่สดุ 36 โครงการ พัฒนา Virtual Exhibition Platform Phase2
4.6 ระบบ Admin Admin จะเปน็ ผู้ก�ำกบั กจิ กรรมต่างๆภายในงานของ BETA-Verse ทำ� ให้ Admin จะมีค�ำส่งั พเิ ศษตา่ งๆ ดังตอ่ ไปน้ี 4.6.1 ค�ำสั่ง Run Event คำ� สง่ั Run Event เปน็ ค�ำสัง่ ให้ผ้ใู ชท้ ่ัวไปถูกดงึ ไปนั่งเกา้ อค้ี ำ� สั่งนส้ี ามารถกดได้ 2 สถานทคี่ ือ Main Conference Hal และ Conference Hal 1 - 4 เมื่อ Admin กด ท่คี �ำสั่ง Run Event ผใู้ ชท้ ว่ั ไปจะถูกดึงไปน่ังทเ่ี ก้าอี้ 37
4.6.2 ค�ำสงั่ ดึงผใู้ ช้ไปยงั หอ้ ง ค�ำส่ังน้ีจะเป็นการดึงผู้ใช้ทั่วไปไปยังสถานท่ีท่ี Admin ต้องการน�ำเสนอหรือด�ำเนินกิจกรรม เม่ือกดแล้วตัวระบบ จะขึน้ Notification แจ้งเตอื นผู้ใช้ท่วั ไปและระบบจะมีการเวลาถอยหลังในการดงึ 25 วนิ าที คำ� สง่ั นี้ Admin จะไมถ่ กู ดงึ ไปด้วย เมอ่ื Admin กด ท่ีคำ� ส่งั ดงึ คนไปยังห้อง ระบบจะนับถอยหลัง 25 วินาทีและดงึ ผ้ใู ชค้ นอ่ืนไปยงั จุดที่เลอื ก 38 โครงการ พฒั นา Virtual Exhibition Platform Phase2
4.6.3 คำ� สง่ั ดึงตัวเองไปยงั หอ้ ง ค�ำส่ังนี้จะเป็นค�ำส่ังส�ำหรับการดึง Admin ไปยังห้องต่างๆ สามารถดึงได้ทันที จะไม่มีการนับเวลาถอยหลัง 25 วนิ าที เมอ่ื Admin กด ที่ค�ำสงั่ ดงึ ตวั เองไปยงั หอ้ ง Admin จะถกู ดึงไปยงั จุดน้นั ทันที 39
4.6.4 คำ� ส่งั แกไ้ ขเนอ้ื หา คำ� สัง่ สำ� หรับการเปลย่ี นลงิ ค์ YouTube Live ภายในหอ้ ง Main Conference และ Conference 1 - 4 4.6.5 ค�ำสงั่ Event ค�ำส่ังส�ำหรับ Admin ในการสร้างหัวข้อส�ำหรับการ Check In และ Vote ในห้อง Main Conference และ Conference 1 - 4 เพ่อื ทำ� แบบส�ำรวจถึงความพงึ พอใจในเน้อื หาทผ่ี ใู้ ช้ได้รับชมผ่านระบบ Live Streaming เมอื่ Admin กดท่คี ำ� สงั่ Events จะพบเจอตารางของ Event เมื่อกดที่สรา้ ง Admin จะเขา้ มาหนา้ ของการสร้าง Events 40 โครงการ พัฒนา Virtual Exhibition Platform Phase2
(ช่องสร้าง Event โดยใช้ต�ำแหนง่ ของตัวละครเป็นการใชใ้ นหอ้ ง Conference 1 - 4) เมอ่ื Admin กดทป่ี มุ่ Check In ระบบจะขึ้นปุ่มกดให้สำ� หรับผใู้ ชท้ ว่ั ไป เมอื่ Admin กดท่ปี ุ่ม Vote ระบบจะขนึ้ ปุ่มกดให้สำ� หรบั ผูใ้ ช้ทวั่ ไป 41
เม่อื Admin กดท่ีปุ่ม Report ระบบจะทำ� การสรา้ ง Report สำ� หรับงานนน้ั ๆ 4.7 ระบบ Video Platform ระบบ Video Platform เปน็ ระบบสำ� หรบั การอพั โหลดวดิ โี อผา่ นตวั BETA-Verse ไปยงั Server เมอ่ื ทำ� การอพั โหลดเสรจ็ แลว้ Admin ท่ีเป็นผู้ควบคมุ ระบบสามารถเลือกวดิ ีโอทตี่ ้องการเล่นได้เปน็ การจัดสมั นาหรอื อัพโหลดคลปิ ให้ความรู้แก่ผู้ชม Admin จะเปน็ คนท่ีสามารถอัพโหลดวดิ โี อหรอื จดั การระบบแตล่ ะจดุ ไดเ้ ทา่ นน้ั 42 โครงการ พัฒนา Virtual Exhibition Platform Phase2
เม่ือกด Upload ระบบจะข้นึ หา Folder ท่จี ัดเกบ็ ไฟลว์ ดิ โี อ หากอพั โหลดวดิ โี อมากกว่า 1 วดิ โี อใน 1 จุดระบบจะท�ำเป็น PlayList ใหเ้ ลอื กวิดโี อท่ีตอ้ งการเลน่ 43
Admin และ ผใู้ ช้ท่ัวไปสามารถเลอื่ นจดุ ตรงกลางเพ่อื กด Z และดูวิดโี อแบบเตม็ จอได้ 4.8 ระบบ Live Streaming ระบบ Live Streaming เป็นระบบสำ� หรับห้อง Main Conference และ Conference 1 - 4 ระบบนีเ้ ปน็ ระบบที่ Admin สามารถุควบคมุ ไดเ้ พียงเทา่ นนั้ ผูใ้ ช้ทวั่ ไปไม่สามารถใชง้ านระบบนไี้ ด้ Admin สามารถกดท่ี F1 เพ่ือเปดิ ค�ำสั่ง Admin ขนึ้ มาและเลอื ก ไปที่คำ� สง่ั “ปรบั เปลี่ยนเน้ือหา” โดยท่ี Admin จำ� เปน็ ต้องประจ�ำการทหี่ อ้ งนนั้ ๆ ด้วย เมอ่ื เปดิ ค�ำสัง่ มาแล้ว Admin สามารถน�ำลงิ้ คจ์ าก YouTube Live มาใสใ่ นชอ่ งล้ิงค์และตัวระบบจะทำ� การดงึ ภาพมาจาก YouTube ให้ Admin กด F1 และเลือกคำ� สั่ง แก้ไขเนื้อหา 44 โครงการ พัฒนา Virtual Exhibition Platform Phase2
สามารถนำ� ลิง้ ค์ YouTube Live มาใส่ให้กบั จอท่ตี อ้ งการได้ 4.9 ระบบ เปลย่ี นรปู ภาพ วิดโี อ Content Admin สามารถปรบั เปลย่ี นข้อมูลจ�ำพวกรูปภาพบนบอรด์ วิดโี อบน TV และ Content เม่อื ตอนกด Interaction แล้ว 4.9.1 วิธีการใช้งาน 1. ดรู หสั ของจุด Content ทต่ี อ้ งการเปลี่ยนผา่ นตวั Slide ใน Link นี้ https://docs.google.com/presentation /d/14pUQtcYCk1Y28oq9PC_p2TCgKOLzsEBDqdtuxHiF9dE/edit#slide=id.g104a95a17ef_0_1 2. เม่ือดูรหัสและช่ือไฟล์เรีบร้อยแล้วให้เปิดใช้งานโปรแกรม Server จ�ำพวก Fil Zila หรือ Cyberduck โดยใช้ ขอ้ มูลดงั ต่อไปน้ี IP : 203.151.136.83 Port : 14321 ID : user01 Password : Cax2#Rue@! 45
3. เม่อื เขา้ ใชง้ านแลว้ ใหเ้ ข้าไปท่ี Path /var/www/html 4. เมื่อเข้าแลว้ จะเจอกับ Folder ImageEditor, Sound และ VideoEditor 5. ImageEditor จะมี 3 Folder แยกตามหอ้ งไวอ้ ยา่ งชัดเจน ใน Folder นี้จะเก็บพวกรปู ภาพและ Interactive ที่สามารถเปล่ียนได้ 46 โครงการ พัฒนา Virtual Exhibition Platform Phase2
6. VideoEditor จะมี 3 Folder แยกตามห้องไว้อย่างชัดเจน ใน Folder น้ีจะเก็บพวกวิดีโอท่ีเล่นบนทีวีและ Interactive จ�ำพวกวดิ ีโอ 47
7. Sound จะเปน็ ท่ีเก็บไฟล์เสยี งการบรรยายรปู ภาพของห้อง Art 48 โครงการ พัฒนา Virtual Exhibition Platform Phase2
5 Landing Page & ระบบหลงั บาน 5.1 Landing Page ดาวน์โหลดตัวแอป มเี ว็บไซตส์ ำ� หรบั ดาวน์โหลดตัวเกม โหลดไดท้ ันทเี มือ่ โหลดบน PC หรือ สแกน QR เพอื่ ดาวนโ์ หลดลงในมอื ถือ 49
5.2 ระบบหลงั บา้ นเก็บขอ้ มลู การ Login,Checkin ระบบจะเก็บข้อมูลจากการ Login เข้ามาในเกม และ Checkin ห้องท่ีเคยกดไปได้ ข้อมูลจะถูกจัดเก็บไว้ในเว็บไซต์ Firebase และจัดเก็บเป็นไฟล์ csv 50 โครงการ พัฒนา Virtual Exhibition Platform Phase2
Search
