Two members of the UMass Medical School web team presented on creating virtual reality campus tours using inexpensive hardware and free software. They demonstrated using a 360-degree camera, iPad, tripod, and HTML editing tools to create VR tours of the campus and labs that could be viewed on desktop browsers, mobile devices, or Google Cardboard headsets. Feedback on the tours from faculty was positive, noting how professional and attention-grabbing they were. The presenters also discussed using holograms and Microsoft HoloLens for three-dimensional projections.

1. visit our website at www.umassmed.edu/it
Virtual Reality in Campus Tour

2. visit our website at www.umassmed.edu/it
2
Willy Ci and Veronika Kolesnikova
• Members of Umass Medical School web team – The Wolf Pack
• Working on different kinds
of frontend and backend web
development projects
• Passionate about VR/AR,
3D design and development,
mobile and web development…

3. visit our website at www.umassmed.edu/it
3
What is VR and AR?
Virtual Reality = simulation of a three-
dimensional image or environment
Augmented reality = computer-generated
image on a user’s view of real world

4. visit our website at www.umassmed.edu/it
4
88.4M Google Cardboard Units
2.3M Samsung Gear VR
745k Playstation VR
420k HTC Vive
355k Oculus
261k Google Daydream
Why virtual tour?

5. visit our website at www.umassmed.edu/it
5
Google Cardboard
Benefits:
• Low cost
• Large number of vendors
• Accessibility

6. visit our website at www.umassmed.edu/it
6
Hardware for virtual tour creation
• Ricoh Theta SC 360 𝑜
digital camera
• iPad mini
• Tripod
• 2 IT enthusiasts

7. visit our website at www.umassmed.edu/it
7
Software for virtual tour creation
• Photoshop
• Sublime/Notepad (HTML
editing tool)
• krpano

8. visit our website at www.umassmed.edu/it
8
Access tour
• Web browser on desktop
• Mobile access
• Google cardboard

9. visit our website at www.umassmed.edu/it
9
DEMO

10. visit our website at www.umassmed.edu/it
10
Case studies and feedback
• All campus tour, including school building, student lounge,
library
• Labs: Guertin Lab, Fitzgerald Lab…
It was new experience for us
and we loved how professional
the team was and the result is
just amazing!
- Dr. Fitzgerald
I’ve never seen anything like
that before! It brought lots of
attention to our website.
- Dr. Guertin

11. visit our website at www.umassmed.edu/it
11
What is a Hologram?
• A Three Dimensional image
formed by the Interference of light
beams from a laser or other light
source.
• A hologram is a physical structure
that diffracts light into image.
• A hologram is an object like any
other object in the real world, with
only one difference: instead of
being made of physical matter, a
hologram is made entirely of light.

12. visit our website at www.umassmed.edu/it
12
What is Microsoft HoloLens?
• Microsoft HoloLens is the first holographic computer, Powered
by Windows 10.
• It is completely unattached (no wires, phones, or connection to
a PC needed).
• Microsoft HoloLens is the fully untethered ,holographic
computer ,enabling high definition holograms to integrate with
your world.
• Microsoft HoloLens Place holograms in your locations you
choose and your digital content will feel more real than ever
before.

13. visit our website at www.umassmed.edu/it
13
Microsoft HoloLens
• Microsoft HoloLens is made up of specialized
components that together enable Holographic
Computing.
• The HPU that makes light works of processing
a large amount of data per second All those
components & more enable you to move
freely and interact with Holograms.

14. visit our website at www.umassmed.edu/it
14
Inside the HoloLens
1.Camera
2.Computer
3.Lenses
4.Vent
5.Sensor
6.Buttons

15. visit our website at www.umassmed.edu/it
15

16. visit our website at www.umassmed.edu/it
16

17. visit our website at www.umassmed.edu/it
17

18. visit our website at www.umassmed.edu/it
18

19. visit our website at www.umassmed.edu/it
19
HoloLens Demo

20. visit our website at www.umassmed.edu/it
20
Contact Us
• Willy Ci: Weiyan.Ci@umassmed.edu,
@willy_ci
• Veronika Kolesnikova:
Veronika.Kolesnikova@umassmed.edu,
@breakpointv16
• Follow Umass Med IT: @UMassMedIT

21. visit our website at www.umassmed.edu/it
21
Questions?