-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathvr.html
95 lines (53 loc) · 31.2 KB
/
vr.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- iOS Safari -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<!-- Chrome, Firefox OS and Opera Status Bar Color -->
<meta name="theme-color" content="#FFFFFF">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.11.1/katex.min.css">
<link rel="stylesheet" type="text/css"
href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.19.0/themes/prism.min.css">
<link rel="stylesheet" type="text/css" href="css/SourceSansPro.css">
<link rel="stylesheet" type="text/css" href="css/theme.css">
<link rel="stylesheet" type="text/css" href="css/notablog.css">
<!-- Favicon -->
<link rel="shortcut icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text text-anchor=%22middle%22 dominant-baseline=%22middle%22 x=%2250%22 y=%2255%22 font-size=%2280%22>👨🏻💻</text></svg>">
<style>
:root {
font-size: 20px;
}
</style>
<title>Exploration of Virtual Reality in Education | Portfolio</title>
<meta property="og:type" content="blog">
<meta property="og:title" content="Exploration of Virtual Reality in Education">
<style>
.DateTagBar {
margin-top: 1.0rem;
}
</style>
</head>
<body>
<nav class="Navbar">
<a href="index.html">
<div class="Navbar__Btn">
<span><img class="inline-img-icon" src="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text text-anchor=%22middle%22 dominant-baseline=%22middle%22 x=%2250%22 y=%2255%22 font-size=%2280%22>👨🏻💻</text></svg>"></span>
<span>Home</span>
</div>
</a>
</nav>
<header class="Header">
<div class="Header__Spacer Header__Spacer--NoCover">
</div>
<h1 class="Header__Title">Exploration of Virtual Reality in Education</h1>
</header>
<article id="https://www.notion.so/f16c09995b9b4d12960d5fa67bf41144" class="PageRoot"><div id="https://www.notion.so/3e954113494d451fb52bae78b62165e8" class="ColorfulBlock ColorfulBlock--ColorDefault Text"><p class="Text__Content"><span class="SemanticStringArray"><span class="SemanticString"><strong class="SemanticString__Fragment SemanticString__Fragment--Bold">Duration:</strong></span><span class="SemanticString"><mark class="SemanticString__Fragment SemanticString__Fragment--HighlightedColor SemanticString__Fragment--ColorPurple"> </mark></span><span class="SemanticString">Jan 2017 - May 2017</span></span></p></div><div id="https://www.notion.so/0223bd5248fe485e96ea7eed08edd92f" class="ColorfulBlock ColorfulBlock--ColorDefault Text"><p class="Text__Content"><span class="SemanticStringArray"><span class="SemanticString"><strong class="SemanticString__Fragment SemanticString__Fragment--Bold">Engagement Type:</strong></span><span class="SemanticString"> College Project</span></span></p></div><div id="https://www.notion.so/ac9b0da5792e4897a5fd71069ea58b6a" class="ColorfulBlock ColorfulBlock--ColorDefault Text"><p class="Text__Content"><span class="SemanticStringArray"><span class="SemanticString"><strong class="SemanticString__Fragment SemanticString__Fragment--Bold">Team Size: </strong></span><span class="SemanticString">3</span></span></p></div><div id="https://www.notion.so/f19726c81070458492777ee8f36b5802" class="ColorfulBlock ColorfulBlock--ColorDefault Text"><p class="Text__Content"><span class="SemanticStringArray"><span class="SemanticString"><strong class="SemanticString__Fragment SemanticString__Fragment--Bold">My role:</strong></span><span class="SemanticString"><mark class="SemanticString__Fragment SemanticString__Fragment--HighlightedColor SemanticString__Fragment--ColorBlue"><strong class="SemanticString__Fragment SemanticString__Fragment--Bold"> </strong></mark></span><span class="SemanticString">I was responsible for creating mockups, storyboarding, designing and animating 3D models. The programming work was majorly done by my teammates, I was responsible for code reviews.</span></span></p></div><h2 id="https://www.notion.so/cdbfeab881f34a7594355806ae495213" class="ColorfulBlock ColorfulBlock--ColorDefault Heading Heading--2"><a class="Anchor" href="#https://www.notion.so/cdbfeab881f34a7594355806ae495213"><svg width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><span class="SemanticStringArray"><span class="SemanticString">Objective</span></span></h2><div id="https://www.notion.so/0fe2171ff2a644728a8127c3d2b5dfa8" class="ColorfulBlock ColorfulBlock--ColorDefault Text"><p class="Text__Content"><span class="SemanticStringArray"><span class="SemanticString">We set out to build a VR app that illustrates the process of Magnetic Resonance Imaging(MRI) scanning in a simulated classroom environment. </span></span></p></div><div id="https://www.notion.so/b80ffb90f5264639a37c818661685397" class="ColorfulBlock ColorfulBlock--ColorDefault Text"><p class="Text__Content"><span class="SemanticStringArray"><span class="SemanticString">VR apps can help to showcase objects and phenomenon which are too large or too small for the naked eyes. VR apps can be interacted with, making the learning process more engaging. </span></span></p></div><h2 id="https://www.notion.so/40dddccce77b4b71a79b8f6f79ea1998" class="ColorfulBlock ColorfulBlock--ColorDefault Heading Heading--2"><a class="Anchor" href="#https://www.notion.so/40dddccce77b4b71a79b8f6f79ea1998"><svg width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><span class="SemanticStringArray"><span class="SemanticString">Process</span></span></h2><div id="https://www.notion.so/88cdb73c699d46d49d9dc77cdb4486ff" class="ColorfulBlock ColorfulBlock--ColorDefault Text"><p class="Text__Content"><span class="SemanticStringArray"><span class="SemanticString"><strong class="SemanticString__Fragment SemanticString__Fragment--Bold">Setting the Scope</strong></span></span></p></div><div id="https://www.notion.so/93f6cf1e1756451db540bed2f0fa2216" class="ColorfulBlock ColorfulBlock--ColorDefault Text"><p class="Text__Content"><span class="SemanticStringArray"><span class="SemanticString">We planned to create an application, which enables the following:</span></span></p></div><ol class="NumberedListWrapper"><li id="https://www.notion.so/f733bc6f99cf451f8da880e4e53fec99" class="NumberedList" value="1"><span class="SemanticStringArray"><span class="SemanticString">Learning about the theory of MRI.</span></span></li><li id="https://www.notion.so/671f3ed7efaf4f11a26d684ae8211e13" class="NumberedList" value="2"><span class="SemanticStringArray"><span class="SemanticString">Experiencing the MRI machine, its different components and real-world usage.</span></span></li><li id="https://www.notion.so/c8edd2896919415b92a6d7dfbad9e5a8" class="NumberedList" value="3"><span class="SemanticStringArray"><span class="SemanticString">Showcasing how the phenomenon unfolds at the atomic level.</span></span></li></ol><div id="https://www.notion.so/9a5207ea80304026b026f582af4d8bb5" class="ColorfulBlock ColorfulBlock--ColorDefault Text"><p class="Text__Content"><span class="SemanticStringArray"></span></p></div><div id="https://www.notion.so/b91e21952a774a919f24f1389b6f2ca5" class="ColorfulBlock ColorfulBlock--ColorDefault Text"><p class="Text__Content"><span class="SemanticStringArray"><span class="SemanticString"><strong class="SemanticString__Fragment SemanticString__Fragment--Bold">The VR Headset</strong></span></span></p></div><div id="https://www.notion.so/c17b659f544d46538883a1c687e33658" class="ColorfulBlock ColorfulBlock--ColorDefault Text"><p class="Text__Content"><span class="SemanticStringArray"><span class="SemanticString">The team started by exploring different VR alternatives. Eventually, </span><span class="SemanticString"><strong class="SemanticString__Fragment SemanticString__Fragment--Bold">we decided to use Google Cardboard</strong></span><span class="SemanticString"> as it was the most affordable solution (approx. $4) in the market and thus ideal for students. Also, the only needed hardware to get it working was an Android Phone, which most of the students we interviewed used.</span></span></p></div><div id="https://www.notion.so/38e4dcb6e2754bc49b58152f8c2a6c99" class="ColorfulBlock ColorfulBlock--ColorDefault Text"><p class="Text__Content"><span class="SemanticStringArray"></span></p></div><div id="https://www.notion.so/0af2d09d58754ad4b697a942fed5c569" class="ColorfulBlock ColorfulBlock--ColorDefault Text"><p class="Text__Content"><span class="SemanticStringArray"><span class="SemanticString"><strong class="SemanticString__Fragment SemanticString__Fragment--Bold">Workflow</strong></span></span></p></div><div id="https://www.notion.so/2bc1b7ab542b468d88df25c4c948dc18" class="ColorfulBlock ColorfulBlock--ColorDefault Text"><p class="Text__Content"><span class="SemanticStringArray"><span class="SemanticString">The workflow we followed had three steps. The first step was to storyboard the whole project. This helped us to communicate ideas and expectations within the team. The second step was brainstorming, creating a mockup (sketches on paper), getting other students' feedback and iterating until we got satisfied with the designs. The third step was developing the application.</span></span></p></div><div id="https://www.notion.so/baaf33f5de3347e88d8698905aaf4138" class="Image Image--Normal"><figure><a href="https://www.notion.so/signed/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F0a3dd7ee-5e59-4637-ac68-a9f3a89ae749%2Fprocess_VR-mri.png?width=528&table=block&id=baaf33f5-de33-47e8-8d86-98905aaf4138"><img src="https://www.notion.so/signed/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F0a3dd7ee-5e59-4637-ac68-a9f3a89ae749%2Fprocess_VR-mri.png?width=528&table=block&id=baaf33f5-de33-47e8-8d86-98905aaf4138" style="width:528px"/></a><figcaption><span class="SemanticStringArray"></span></figcaption></figure></div><div id="https://www.notion.so/249d74feed1c4642acbc2bb53a1d7e87" class="ColorfulBlock ColorfulBlock--ColorDefault Text"><p class="Text__Content"><span class="SemanticStringArray"></span></p></div><div id="https://www.notion.so/e22f5b679cd14660ad9926801e07faac" class="ColumnList"><div id="https://www.notion.so/3b02dd0048c0436788a35aaff4bf1b01" class="Column" style="width:calc((100% - var(--column-spacing) * 1) * 0.5)"><div id="https://www.notion.so/49cf08ecfa8541c48b9f6f0b7eb6e065" class="Image Image--PageWidth"><figure><a href="https://www.notion.so/signed/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fe0dc200e-aa8d-48ed-866f-30f14c7ef782%2Fsketch_1.png?width=336&table=block&id=49cf08ec-fa85-41c4-8b9f-6f0b7eb6e065"><img src="https://www.notion.so/signed/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fe0dc200e-aa8d-48ed-866f-30f14c7ef782%2Fsketch_1.png?width=336&table=block&id=49cf08ec-fa85-41c4-8b9f-6f0b7eb6e065" style="width:100%"/></a><figcaption><span class="SemanticStringArray"></span></figcaption></figure></div></div><div id="https://www.notion.so/13f6a8c136e544ea82d767ee1ff33447" class="Column" style="width:calc((100% - var(--column-spacing) * 1) * 0.5)"><div id="https://www.notion.so/a872f13f77d9455d822dcf8884cc80e1" class="Image Image--PageWidth"><figure><a href="https://www.notion.so/signed/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F376aa5d0-5309-4273-bce1-7b349aa1bc2f%2Fsketch_2.png?width=384&table=block&id=a872f13f-77d9-455d-822d-cf8884cc80e1"><img src="https://www.notion.so/signed/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F376aa5d0-5309-4273-bce1-7b349aa1bc2f%2Fsketch_2.png?width=384&table=block&id=a872f13f-77d9-455d-822d-cf8884cc80e1" style="width:100%"/></a><figcaption><span class="SemanticStringArray"></span></figcaption></figure></div></div></div><div id="https://www.notion.so/c24f3f3e86504c2fa0c4b54b0a000dc5" class="ColumnList"><div id="https://www.notion.so/e72975e9b08b46d7b085ef12cde813b0" class="Column" style="width:calc((100% - var(--column-spacing) * 1) * 0.5)"><div id="https://www.notion.so/ae133f632c1147cba59c44334ba4b92b" class="ColorfulBlock ColorfulBlock--ColorGray Text"><p class="Text__Content"><span class="SemanticStringArray"><span class="SemanticString">Storyboard for the project</span></span></p></div></div><div id="https://www.notion.so/200ede37d5284134860e16b4d3b1ef64" class="Column" style="width:calc((100% - var(--column-spacing) * 1) * 0.5)"><div id="https://www.notion.so/1d759932f2e94ec0b3fa9a12e4eae2d3" class="ColorfulBlock ColorfulBlock--ColorGray Text"><p class="Text__Content"><span class="SemanticStringArray"><span class="SemanticString">Classroom design - learning MRI theory </span></span></p></div></div></div><div id="https://www.notion.so/2a89bcbdb2374774a4035784772b5c8b" class="ColorfulBlock ColorfulBlock--ColorDefault Text"><p class="Text__Content"><span class="SemanticStringArray"><span class="SemanticString">Here are few things that we considered to design good user experience for users inside VR: (1) using motion of objects in environment to direct user's attention to the next possible action, (2) adding spacial audio to improve immersion, (3) using a reticle to simplify the task of interacting with elements, (3) addressing the text readability issues (due to low resolution and aliasing in VR using mobile phones) with proper text contrast and size properties and (4) using traditional UX principles like Fitt's law for target size. </span></span></p></div><div id="https://www.notion.so/8b55ba7ad4c348f48543e710a1db84af" class="ColorfulBlock ColorfulBlock--ColorDefault Text"><p class="Text__Content"><span class="SemanticStringArray"></span></p></div><div id="https://www.notion.so/430ea6b2fc3d489ab00cd8207201121e" class="ColorfulBlock ColorfulBlock--ColorDefault Text"><p class="Text__Content"><span class="SemanticStringArray"><span class="SemanticString"><strong class="SemanticString__Fragment SemanticString__Fragment--Bold">Developing the application</strong></span></span></p></div><div id="https://www.notion.so/8cbb4269b004449a8457415b0f71a25a" class="ColorfulBlock ColorfulBlock--ColorDefault Text"><p class="Text__Content"><span class="SemanticStringArray"><span class="SemanticString">Cinema 4D was used to create and animate assets like classroom, MRI machine and its internals. Unity3D was used to develop the application.</span></span></p></div><div id="https://www.notion.so/5400e82aa70a40e58a01461c65e3809c" class="Image Image--PageWidth"><figure><a href="https://www.notion.so/signed/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F6518ac3a-4265-450c-96a1-68129cac7d3d%2Fimg_1.png?width=1280&table=block&id=5400e82a-a70a-40e5-8a01-461c65e3809c"><img src="https://www.notion.so/signed/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F6518ac3a-4265-450c-96a1-68129cac7d3d%2Fimg_1.png?width=1280&table=block&id=5400e82a-a70a-40e5-8a01-461c65e3809c" style="width:100%"/></a><figcaption><span class="SemanticStringArray"></span></figcaption></figure></div><div id="https://www.notion.so/5806697ca13540eba3e80cef2dc329a7" class="ColorfulBlock ColorfulBlock--ColorGray Text"><p class="Text__Content"><span class="SemanticStringArray"><span class="SemanticString">Models for MRI machine and its internals.</span></span></p></div><div id="https://www.notion.so/607b13564f614a268d150b2bb59bdee3" class="ColumnList"><div id="https://www.notion.so/8c024bf302b94d259b63d257ac94ded9" class="Column" style="width:calc((100% - var(--column-spacing) * 1) * 0.5)"><div id="https://www.notion.so/38f1716bb9ee46aa9c5ea6a90c2fb13b" class="Image Image--Normal"><figure><a href="https://www.notion.so/signed/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F5bc7a851-efe0-4917-b710-fff3b5f9a4f6%2Fimg_6.png?width=336&table=block&id=38f1716b-b9ee-46aa-9c5e-a6a90c2fb13b"><img src="https://www.notion.so/signed/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F5bc7a851-efe0-4917-b710-fff3b5f9a4f6%2Fimg_6.png?width=336&table=block&id=38f1716b-b9ee-46aa-9c5e-a6a90c2fb13b" style="width:336px"/></a><figcaption><span class="SemanticStringArray"></span></figcaption></figure></div><div id="https://www.notion.so/5259410bec864c8f8ffd561e7b867566" class="ColorfulBlock ColorfulBlock--ColorGray Text"><p class="Text__Content"><span class="SemanticStringArray"><span class="SemanticString">Using Bezier curves for smooth animations. </span></span></p></div></div><div id="https://www.notion.so/4bcb7f90dca5449cb0faced9a9f5241b" class="Column" style="width:calc((100% - var(--column-spacing) * 1) * 0.5)"><div id="https://www.notion.so/43d4aeeb2bcf4c25a230db61b3f44858" class="Image Image--Normal"><figure><a href="https://www.notion.so/signed/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F69ceb40c-1c63-4c2b-8aa0-1659f79649ad%2Fimg_5.png?width=336&table=block&id=43d4aeeb-2bcf-4c25-a230-db61b3f44858"><img src="https://www.notion.so/signed/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F69ceb40c-1c63-4c2b-8aa0-1659f79649ad%2Fimg_5.png?width=336&table=block&id=43d4aeeb-2bcf-4c25-a230-db61b3f44858" style="width:336px"/></a><figcaption><span class="SemanticStringArray"></span></figcaption></figure></div><div id="https://www.notion.so/ca9ec7ad67044c278d2c9ae37a7ca23b" class="ColorfulBlock ColorfulBlock--ColorGray Text"><p class="Text__Content"><span class="SemanticStringArray"><span class="SemanticString">Model of hydrogen atoms.</span></span></p></div></div></div><div id="https://www.notion.so/05d62bd96fa04c41b6c9ee4c19d12294" class="ColumnList"><div id="https://www.notion.so/b1750535b24849aea9cfc4791e4ef535" class="Column" style="width:calc((100% - var(--column-spacing) * 1) * 0.5)"><div id="https://www.notion.so/7480c1b792364621a54af68b9bf2d740" class="Image Image--Normal"><figure><a href="https://www.notion.so/signed/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F947ae265-b740-498e-9add-6d9a6b267fde%2Fimg_4.png?width=336&table=block&id=7480c1b7-9236-4621-a54a-f68b9bf2d740"><img src="https://www.notion.so/signed/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F947ae265-b740-498e-9add-6d9a6b267fde%2Fimg_4.png?width=336&table=block&id=7480c1b7-9236-4621-a54a-f68b9bf2d740" style="width:336px"/></a><figcaption><span class="SemanticStringArray"></span></figcaption></figure></div></div><div id="https://www.notion.so/ab79fa80461142e39075a562fb6040ac" class="Column" style="width:calc((100% - var(--column-spacing) * 1) * 0.5)"><div id="https://www.notion.so/3572b84ec98b495b93eebf1352ea1e28" class="Image Image--PageWidth"><figure><a href="https://www.notion.so/signed/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fd7fbed86-6408-4c59-b23a-496015d7c398%2Fimg_2.png?width=336&table=block&id=3572b84e-c98b-495b-93ee-bf1352ea1e28"><img src="https://www.notion.so/signed/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fd7fbed86-6408-4c59-b23a-496015d7c398%2Fimg_2.png?width=336&table=block&id=3572b84e-c98b-495b-93ee-bf1352ea1e28" style="width:100%"/></a><figcaption><span class="SemanticStringArray"></span></figcaption></figure></div></div></div><div id="https://www.notion.so/bec44b5159a44b96b0be9df1e74cb967" class="ColorfulBlock ColorfulBlock--ColorGray Text"><p class="Text__Content"><span class="SemanticStringArray"><span class="SemanticString">Models were imported to unity3D and were made interactable.</span></span></p></div><div id="https://www.notion.so/2b45b889913f430e92d41b6047ed5454" class="ColorfulBlock ColorfulBlock--ColorDefault Text"><p class="Text__Content"><span class="SemanticStringArray"><span class="SemanticString">You can check out the code repository </span><span class="SemanticString"><a class="SemanticString__Fragment SemanticString__Fragment--Link" href="https://github.com/PaliwalSparsh/VR-ClassroomMRI">here.</a></span></span></p></div><h2 id="https://www.notion.so/a6c07717333046d286e4fd9f78aeaddd" class="ColorfulBlock ColorfulBlock--ColorDefault Heading Heading--2"><a class="Anchor" href="#https://www.notion.so/a6c07717333046d286e4fd9f78aeaddd"><svg width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><span class="SemanticStringArray"><span class="SemanticString">Outcome</span></span></h2><div id="https://www.notion.so/310691cbcd3d43ea8a371e2cca2eb596" class="ColumnList"><div id="https://www.notion.so/5e2f6dbb1a9d4ec2938effba14db94ef" class="Column" style="width:calc((100% - var(--column-spacing) * 1) * 0.5000000000000002)"><div id="https://www.notion.so/9f91fb050e754148a7000b86ad0f67b5" class="ColorfulBlock ColorfulBlock--ColorDefault Text"><p class="Text__Content"><span class="SemanticStringArray"><span class="SemanticString"><strong class="SemanticString__Fragment SemanticString__Fragment--Bold">Sequence 1</strong></span><span class="SemanticString">: Once you wear the VR headset, you find yourself in a classroom. You can see a projector that is intractable and has a play button.
</span></span></p></div><div id="https://www.notion.so/839089ad573845a291c1d9fbdb2d2e45" class="Image Image--Normal"><figure><a href="https://www.notion.so/signed/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F16e0d619-844b-452e-a894-7e7d39cdaa16%2Fvr_2.png?width=384&table=block&id=839089ad-5738-45a2-91c1-d9fbdb2d2e45"><img src="https://www.notion.so/signed/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F16e0d619-844b-452e-a894-7e7d39cdaa16%2Fvr_2.png?width=384&table=block&id=839089ad-5738-45a2-91c1-d9fbdb2d2e45" style="width:384px"/></a><figcaption><span class="SemanticStringArray"></span></figcaption></figure></div></div><div id="https://www.notion.so/0bfcfb98c0754075bf153b6043b915d4" class="Column" style="width:calc((100% - var(--column-spacing) * 1) * 0.5000000000000001)"><div id="https://www.notion.so/673f65e2657a48dd8ac631e4b1e23235" class="ColorfulBlock ColorfulBlock--ColorDefault Text"><p class="Text__Content"><span class="SemanticStringArray"><span class="SemanticString"><strong class="SemanticString__Fragment SemanticString__Fragment--Bold">Sequence 2</strong></span><span class="SemanticString">: You use the Play button to start the projector. A short video lecture on MRI starts with 3D audio.
</span></span></p></div><div id="https://www.notion.so/f1fedaad56ed40aeaf92b23a556bc2c4" class="Image Image--Normal"><figure><a href="https://www.notion.so/signed/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F7ff6c0a3-01bb-44f4-a3de-2247d089de7e%2Fvr_3.png?width=384&table=block&id=f1fedaad-56ed-40ae-af92-b23a556bc2c4"><img src="https://www.notion.so/signed/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F7ff6c0a3-01bb-44f4-a3de-2247d089de7e%2Fvr_3.png?width=384&table=block&id=f1fedaad-56ed-40ae-af92-b23a556bc2c4" style="width:384px"/></a><figcaption><span class="SemanticStringArray"></span></figcaption></figure></div></div></div><div id="https://www.notion.so/4d0069338e0c4d069a6237a71176b21c" class="ColumnList"><div id="https://www.notion.so/2d8139aeeba3435a8991626baa3c289d" class="Column" style="width:calc((100% - var(--column-spacing) * 1) * 0.5)"><div id="https://www.notion.so/5bc6cd823f3e4e13beec55f716f57a4a" class="ColorfulBlock ColorfulBlock--ColorDefault Text"><p class="Text__Content"><span class="SemanticStringArray"><span class="SemanticString"><strong class="SemanticString__Fragment SemanticString__Fragment--Bold">Sequence 3</strong></span><span class="SemanticString">: Once the lecture is over, all furniture disappears to make space in the classroom, except your chair which moves to the back of classroom.</span></span></p></div><div id="https://www.notion.so/2b4fe6f016414419bb7134738e63b746" class="Image Image--Normal"><figure><a href="https://www.notion.so/signed/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fe3ac9bff-28ea-4b0b-bf0a-7e96dd226cf7%2Fvr_1.png?width=384&table=block&id=2b4fe6f0-1641-4419-bb71-34738e63b746"><img src="https://www.notion.so/signed/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fe3ac9bff-28ea-4b0b-bf0a-7e96dd226cf7%2Fvr_1.png?width=384&table=block&id=2b4fe6f0-1641-4419-bb71-34738e63b746" style="width:384px"/></a><figcaption><span class="SemanticStringArray"></span></figcaption></figure></div></div><div id="https://www.notion.so/9062779db2834096b99aa1f53d61f663" class="Column" style="width:calc((100% - var(--column-spacing) * 1) * 0.5)"><div id="https://www.notion.so/7dd50c9e7578482ead502d369483beed" class="ColorfulBlock ColorfulBlock--ColorDefault Text"><p class="Text__Content"><span class="SemanticStringArray"><span class="SemanticString"><strong class="SemanticString__Fragment SemanticString__Fragment--Bold">Sequence 4</strong></span><span class="SemanticString">: Camera View button appears above the chair prompting user to go to it.</span></span></p></div><div id="https://www.notion.so/cb30baf75e174205abafe0108e535a63" class="ColorfulBlock ColorfulBlock--ColorDefault Text"><p class="Text__Content"><span class="SemanticStringArray"></span></p></div><div id="https://www.notion.so/0cb71e61f3984706a445eefdf7ff22d0" class="Image Image--Normal"><figure><a href="https://www.notion.so/signed/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F94eb67f1-53f8-4367-b6b1-c0b83b213651%2Fvr_4.png?width=384&table=block&id=0cb71e61-f398-4706-a445-eefdf7ff22d0"><img src="https://www.notion.so/signed/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F94eb67f1-53f8-4367-b6b1-c0b83b213651%2Fvr_4.png?width=384&table=block&id=0cb71e61-f398-4706-a445-eefdf7ff22d0" style="width:384px"/></a><figcaption><span class="SemanticStringArray"></span></figcaption></figure></div></div></div><div id="https://www.notion.so/bbba7d92b6904160924aee4308a5fea9" class="ColumnList"><div id="https://www.notion.so/7dae8e8bbf0849e49122aaf22cd811ab" class="Column" style="width:calc((100% - var(--column-spacing) * 1) * 0.5)"><div id="https://www.notion.so/44f83dd124154fe0bad94c68ed5264d0" class="ColorfulBlock ColorfulBlock--ColorDefault Text"><p class="Text__Content"><span class="SemanticStringArray"><span class="SemanticString"><strong class="SemanticString__Fragment SemanticString__Fragment--Bold">Sequence 5</strong></span><span class="SemanticString">: The user is presented with a series of models. The user can view the MRI machine, its coil and other internals.</span></span></p></div><div id="https://www.notion.so/fd3205fd48d4490fbee1cbb276a2cec5" class="Image Image--Normal"><figure><a href="https://www.notion.so/signed/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fe01b45b6-0e5c-475f-87be-9b0741bdffd8%2Fvr_6.png?width=384&table=block&id=fd3205fd-48d4-490f-bee1-cbb276a2cec5"><img src="https://www.notion.so/signed/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fe01b45b6-0e5c-475f-87be-9b0741bdffd8%2Fvr_6.png?width=384&table=block&id=fd3205fd-48d4-490f-bee1-cbb276a2cec5" style="width:384px"/></a><figcaption><span class="SemanticStringArray"></span></figcaption></figure></div></div><div id="https://www.notion.so/5557428287044a7ea8fd57c03e9cd51e" class="Column" style="width:calc((100% - var(--column-spacing) * 1) * 0.5)"><div id="https://www.notion.so/9ad7ae195fb44adba84b1c3423c5626e" class="ColorfulBlock ColorfulBlock--ColorDefault Text"><p class="Text__Content"><span class="SemanticStringArray"><span class="SemanticString"><strong class="SemanticString__Fragment SemanticString__Fragment--Bold">Sequence 6</strong></span><span class="SemanticString">: In a similar way, the user goes through different sequences, where he can interact and experience MRI at different levels.</span></span></p></div><div id="https://www.notion.so/fce1bbc866164037b56eedf4a2e067c9" class="Image Image--Normal"><figure><a href="https://www.notion.so/signed/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F60d18323-3c8a-48f1-8f51-7c03583c826f%2Fvr_5.png?width=384&table=block&id=fce1bbc8-6616-4037-b56e-edf4a2e067c9"><img src="https://www.notion.so/signed/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F60d18323-3c8a-48f1-8f51-7c03583c826f%2Fvr_5.png?width=384&table=block&id=fce1bbc8-6616-4037-b56e-edf4a2e067c9" style="width:384px"/></a><figcaption><span class="SemanticStringArray"></span></figcaption></figure></div></div></div><div id="https://www.notion.so/c866e2df0c6f435a85ceccd800eab5bc" class="ColorfulBlock ColorfulBlock--ColorDefault Text"><p class="Text__Content"><span class="SemanticStringArray"></span></p></div><div id="https://www.notion.so/821ebe1486ea4484af7644c614df3f08" class="ColorfulBlock ColorfulBlock--ColorDefault Text"><p class="Text__Content"><span class="SemanticStringArray"><span class="SemanticString">After finishing the project, we shared it with some of our friends and informally asked about their experiences. Most of them loved the application. One of them recounted, "to see the machine go through the process helped me understand the topic clearly". However, another friend expressed disapproval by saying, "I felt claustrophobic while using the application".</span></span></p></div><div id="https://www.notion.so/c4b33663af2e4087836bff74b209076f" class="ColorfulBlock ColorfulBlock--ColorDefault Text"><p class="Text__Content"><span class="SemanticStringArray"><span class="SemanticString">The project helped us realise that VR is a useful tool for education. The advancements taking place in this field are making such devices more powerful and cheaper at the same time.</span></span></p></div><div id="https://www.notion.so/4dc678e31912455fa5f835b8a493a6fb" class="ColorfulBlock ColorfulBlock--ColorDefault Text"><p class="Text__Content"><span class="SemanticStringArray"></span></p></div><div id="https://www.notion.so/7d1711ddee654b4bbbb31b4722f1c9cd" class="ColorfulBlock ColorfulBlock--ColorDefault Text"><p class="Text__Content"><span class="SemanticStringArray"><span class="SemanticString"><a class="SemanticString__Fragment SemanticString__Fragment--Link" href="https://www.sparshpaliwal.in/index.html">← Go to home</a></span></span></p></div></article>
<footer class="Footer">
</footer>
</body>
</html>