This presentation introduce the basic of virtual tour development and workflow.

1. ้ ้
ความรูเบืองต้นเกียวก ับระบบนําชมเสมือนจริง
่
(Introduction to Virtual Tour)
ราชบดนทร ์ สวรรณคณฑ ิ
ช ิ สุ ั
์
ศูนย์เทคโนโลยีอเล็กทรอนิกสและคอมพิวเตอร์แห่งชาติ
ิ
Download this presentation at http://www.slideshare.net/rachabodin

2. Virtual Tour คืออะไร?
คออะไร?
ระบบนํ าชมเสมือนจริง (Virtual Tour) คือ ระบบทีจําลองสภาพ
่
สถานทจรง หรือสถานทีในจินตนาการ ทีผ ขาชมสามารถเขา
สถานทีจริง หรอสถานทในจนตนาการ ทผูเ้เข ้าชมสามารถเข ้า
่ ่ ่
่ ้ ิ ั ่ึ
ชมสถานทีจําลองนันได ้ในรูปแบบดิจทล ซงในหลายๆ ระบบได ้
ื่ ่ ี
จัดให ้มีสอมัลติมเดีย เชน ตัวอักษร พร ้อมภาพนิง เสยงบรรยาย
ี ่
หรือวิดโอเล่าเรืองประกอบ เพือทีจะแนะนํํ ารายละเอียด หรือ
ื ิ ี ่ ื่ ป ื่ ี่ ี ื
เรองราวของแตล พนทในสถานทนนๆ
เรืองราวของแต่ละพืนทีในสถานทีนันๆ
่ ้ ่ ่ ้
2

3. Virtual Tour คืออะไร?
คออะไร?
้
ในปั จจุบน ได ้มีการประยุกต์ใชระบบเสมือนจริงในการพัฒนา
ั
ระบบนาชมเสมอนจรง โดยเฉพาะอย่างยิงการพัฒนาระบบนํ า
ระบบนํ าชมเสมือนจริง โดยเฉพาะอยางยงการพฒนาระบบนา
่
ชมเสมือนจริงด ้วยการถ่ายภาพพาโนรามา รวมทังมีการนํ า
้
่ ่
เทคโนโลยีแผนทีเข ้ามาชวยในการนํ าทางผู ้เข ้าชม เพือให ้เห็น
่
ื่ ื ไป ่ ้ื ี่ ่
ภาพรวม และเป็ นเครืองมือนํํ าทางไปสูพนทีตางๆ ภายในระบบ
ป็ ใ
นาชมเสมอนจรง
นํ าชมเสมือนจริง
3

4. ตวอยางระบบนาชมเสมอนจรง
ต ัวอย่างระบบนําชมเสมือนจริง
4
Data from http://www.centronitra.sk/svk/uvod/virtualna_prehliadka/

5. ตวอยางระบบนาชมเสมอนจรง
ต ัวอย่างระบบนําชมเสมือนจริง
5
Data from http://www.centronitra.sk/svk/uvod/virtualna_prehliadka/

6. ตวอยางระบบนาชมเสมอนจรง
ต ัวอย่างระบบนําชมเสมือนจริง
6
Data from http://www.centronitra.sk/svk/uvod/virtualna_prehliadka/

7. ตวอยางระบบนาชมเสมอนจรง
ต ัวอย่างระบบนําชมเสมือนจริง
Panoramic VR Floor plan or Navigation Map
Panoramic VR Control Panel Basic Images Links to other related VR 7
Data from http://palaces.thai.net/

8. ตวอยางระบบนาชมเสมอนจรง
ต ัวอย่างระบบนําชมเสมือนจริง
8
Data from http://palaces.thai.net/

9. ตวอยางระบบนาชมเสมอนจรง
ต ัวอย่างระบบนําชมเสมือนจริง
Google Map 9
Data from http://palaces.thai.net/

10. ตวอยางระบบนาชมเสมอนจรง
ต ัวอย่างระบบนําชมเสมือนจริง
Radar
10
Data from http://palaces.thai.net/

11. ขนตอนการพฒนาระบบนาชมเสมอนจรง
ขนตอนการพ ัฒนาระบบนําชมเสมือนจริง
ั้
1.0 2.0
20
กําหนดขอบเขตของพืนที่ และจุด
้ ร่าง วาด หรือสแกนแผนผัง
ทีจะพัฒนาระบบนํ าชมเสมือนจริง
่ ให ้อยูในรูปไฟล์ภาพดิจทัล
่ ิ
จากแผนผัง (Floor Plan)
3.0
30
ถ่าย และต่อภาพพาโนรามา
ของทุกจุดทีกําหนดบนแผนผัง
่
4.0
ื่
สร ้างการเชอมโยงระหว่าง
5.0
ภาพพาโนรามาแต่ละจุด
เผยแพรระบบนาชมเสมอนจรง
เผยแพร่ระบบนํ าชมเสมือนจริง
ํ
ด ้วยซอฟต์แวร์สาหรับการพัฒนา
ระบบนํ าชมเสมือนจริง
11

12. ู ํ
เครืองมือและข้อมูลสาหร ับการพ ัฒนาระบบนําชมเสมือนจริง
่
• แผนผังของพืนทีฉบับดิจทล (Digital Floor Plan)
แผนผงของพนทฉบบดจทล
้ ่ ิ ั
• ภาพพาโนรามาของแต่ละจุด
ุ
• ซอฟต์แวร์สําหรับการสร ้างระบบนํ าชมเสมือนจริง
12

13. ต ัวอย่างระบบนําชมเสมือนจริงทีพ ัฒนาจากโปรแกรม Autopano Pro
่
ื่
จุดเชอมโยง
จดเชอมโยง
ื่
เชอมโยงมาอีกพาโนรามา
13

14. ต ัวอย่างระบบนําชมเสมือนจริงทีพ ัฒนาจากโปรแกรม KRPANO
่
ใช ้
ใ ท ั้ังแผนทีและ h
ี่ hotspot ใ
ในภาพ
ื่
พาโนรามาเปนต ัวเชอมโยงไปย ัง
็
ภาพพาโนรามาของพืนทีอน
่ ่ ื่
14

15. ฝึ กปฏิบ ัติ
การพ ัฒนาระบบนําชมเสมือนจริงอย่างง่าย
ด้วยโปรแกรม Pano2QTVR
ดวยโปรแกรม Pano2
15

16. 16

17. 3
2 1
4
17

18. Temple-03.html
3
Temple-01.html
2 1
4 Temple-02.html
Temple-04.html
18

19. ื่
ตารางการเชอมโยงระหวางพาโนรามา
ตารางการเชอมโยงระหว่างพาโนรามา
จุดที่ ่ื
ชอไฟล์ html ื่
เชอมโยงไปที่ Hotspot
1 Temple 01.html
Temple-01 html Temple 02.html
Temple-02 html Hotspot 1
2 Temple-02.html  Temple-01.html Hotspot 4
 Temple 03.html
Temple-03 html Hotspot 5
 Temple-04.html Hotspot 6
3 Temple-03.html Temple-02.html Hotspot 2
4 Temple-04.html
p Temple-02.html
p Hotspot 3
p
19

20. Temple-01.html
Temple-02.html
Temple-03.html Temple-04.html 20

21. ขอบคุณคร ับ
ุ
Website: http://www.rachabodin.com/
21