-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathrequirements.html
168 lines (136 loc) · 10.9 KB
/
requirements.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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
<!DOCTYPE HTML>
<html>
<head>
<title>3D Pyramid Rendering - Requirements</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Main -->
<div id="main">
<div class="inner">
<!-- Header -->
<header id="header">
<a href="index.html" class="logo"><strong>Report</strong></a>
</header>
<!-- Content -->
<section>
<header class="main">
<h1>Requirements</h1>
</header>
<span class="image main"><img src="images/pic11.jpg" alt="" /></span>
<hr class="major" />
<h2>Project Background and Client Introduction </h2>
<p> International Business Machines Corporation (IBM) is an American multinational technology and consulting company. It has a large and diverse portfolio of products and services on providing cloud platforms and cognitive solutions. The featured products fall into the fields of artificial intelligence, cloud computing and data analytics. Our project is focused in AI, more specifically computer vision and augmented reality.</p>
<hr class="major" />
<h2>Project Goals </h2>
<p>After meeting with our clients, we concluded our main project goal to be developing a media editor that creates a video stream which can be projected three-dimensionally onto a pyramid, where input videos must be captured by a minimum of three webcams of different angles. </p>
<hr class="major" />
<h2>Requirement Gathering</h2>
<p>
The requirements listed from the initial project-specification email were unclear and abstract, so we arranged a meeting with our clients for clarification. During this meeting, the clients provided us with information to help us understand the project better and establish specific goals and requirements.
</p>
<p>
Following are the questions that were asked in the meeting:
</p>
<il>What key features would you like to see implemented in this 3D live streaming platform?</il>
<il>What professional/academic settings would you like for this service to be able to accommodate?</il>
<il>What kind of devices would our solution be used on? Laptops/phones/tablets?</il>
<il>What kind of scenarios would our solution be used in?</il>
<il>What existing technologies could be used to assist in developing our solution?</il>
<P>Moreover, we decided to conduct semi-structured interviews as we believed it would allow us to gather more personal, in-depth responses and explore the perspectives of the users. We decided to interview a university student and a lecturer as we believed that our project would have the most impact in an academic setting due to the prominence of remote learning. </P>
<h5>Interview with a 2nd year university student</h5>
<p>Do you believe that online learning has improved the quality of education you receive in college?</p>
<p>A: No, I personally think I learned better when classes were in-person. I could focus better and engage with class material more thoroughly. </p>
<p>Q: What are the biggest limitations of online learning compared to in-person?</p>
<p>A: The biggest one is the lower level of engagement with the lecturer. On the Zoom platform, the lecture slides or class material takes up most of the screen and the lecturer’s face appears in a small container in the corner. Although there are modes of interaction with the presenter available such as the chat function, I felt that most of the time it was like watching a pre-recorded lesson that lacks the engagement factor.</p>
<p>Q: What are the advantages of online learning?</p>
<p>A: I liked the fact that anytime a question is raised, everyone in attendance of the class is made aware of it (especially when it is posted via the public chat room or Moodle forums) and the subsequent answers to it. When classes were conducted in person, there were instances where questions would be asked in private settings where only the person asking, and the lecturer became aware. Now that almost all interactions take place online, it becomes available for anyone to access and benefit from them.</p>
<p>Q: Do you believe this system (3D rendering) would improve the quality of lectures?</p>
<p>A: Yes, I believe that it would bring a more person-to-person feeling to the lectures which in turn would increase the level of engagement in class. Additionally, being able to see the lecturer on a separate device such as the pyramid would free up my laptop to be used entirely for accessing supplementary class material.</p>
<h5>Interview with a university lecturer</h5>
<p>Q: What key features would you like to see implemented in this 3D live streaming platform?</p>
<p>A: First of all, I would like it to be compatible with projecting various types of materials in full 3D. A “pyramid” should be used by users to triangulate four quadrants to project 3D renderings. It is also important that synchronized streams are constructed to ensure smooth streaming of the visuals with minimal delays.
In a classroom setting, the lecturer should be able to control the system with a portable device (e.g. phone) so that he/she wouldn’t have to lunge back and forth to the computer to change slides, share screens etc.
It also goes without saying that communication features should be implemented to ensure high levels of engagement.
</p>
<p>Q: What professional/academic settings would you like for this service to be able to accommodate?</p>
<p>A: The most obvious one would be a one-to-many, lecture-like setting where one main speaker presents content and speaks to many others.
One-to-one interactions such as a medical consultation between a doctor and a patient.
Conference-like setting where there are multiple parties simultaneously participating. In this setting, different cases should be considered; some may not have cameras available to project themselves in 3D but should still be able to participate in the meeting. </p>
<p>Q: Are there any other suggestions?</p>
<p>Consumability of the service is another important factor to be considered. Even if the service is rich in functions, there is no point if the users find it too hard to use and become reluctant to use it.</p>
<hr class="major" />
<h2>Personas</h2>
<p>After going through the requirement-gathering process, we were able to construct two personas to symbolize our potential users. </p>
<span class="image main"><img src="images/Persona1.png" alt="" /></span>
<p>Jack Miller (Student): To attend a lecture, Jack logs into the platform. In order for him to project himself to others and view the lecturer’s projections in a 3D rendered manner, he sets up two cameras to capture visuals of himself and his phone attached to the pyramid to view the lecturer. During class, he is able to see the visuals presented through the 3D rendered medium from the lecturer. He is free to use his laptop entirely for viewing supplementary class material. When he has a question, he simply raises his hand, which gets noticed and addressed by the lecturer in a timely manner. </p>
<span class="image main"><img src="images/Persona2.png" alt="" /></span>
<p>Jane Jones (Lecturer): When delivering a lecture, Jane sets up two cameras which broadcasts her images to the attendees in 3D. She can be more flexible with the use of supplementary tools, like showing students a physical prototype, as long as they can be captured in the camera angle. With the use of a 3D holographic display, she is able to see and respond to questions from students while simultaneously teaching. She can deliver class material in a more engaging manner as the use of two cameras gives her more room to move around, explain concepts using gestures and other physical tools.</p>
<hr class="major" />
<h2>Use Case List</h2>
<li>1 to 1 interaction such as a doctor-patient consultation</li>
<li>1 to many such as a lecture where one main speaker is projected to many audience members.</li>
<li>Multi-connected parties such as a conference call – needs to be able to deal with some participants not having the same technical setup; some will have 3 webcams, some will only have a phone, but they all can utilise the functionality to varying degrees </li>
<hr class="major" />
<h2>MoSCoW table</h2>
<span class="image main"><img src="images/table.png" alt="" /></span>
</section>
</div>
</div>
<!-- Sidebar -->
<div id="sidebar">
<div class="inner">
<!-- Search -->
<section id="search" class="alt">
<form method="post" action="#">
<input type="text" name="query" id="query" placeholder="Search" />
</form>
</section>
<!-- Menu -->
<nav id="menu">
<header class="major">
<h2>Menu</h2>
</header>
<ul>
<li><a href="index.html">Homepage</a></li>
<li><a href="requirements.html">Requirements</a></li>
<li><a href="research.html">Research</a></li>
<li><a href="algorithms.html">Algorithms</a></li>
<li><a href="design.html">Design</a></li>
<li><a href="implementation.html">Implementation</a></li>
<li><a href="testing.html">Testing</a></li>
<li><a href="evaluation.html">Evaluation</a></li>
<li><a href="appendices.html">Appendices</a></li>
</ul>
</nav>
<!-- Section -->
<section>
<header class="major">
<h2>Get in touch</h2>
</header>
<ul class="contact">
<li class="icon solid fa-envelope"><a href="#">[email protected]</a></li>
<li class="icon solid fa-envelope"><a href="#">[email protected]</a></li>
<li class="icon solid fa-envelope"><a href="#">[email protected]</a></li>
</ul>
</section>
<!-- Footer -->
<footer id="footer">
<p class="copyright">© University College London, IBM. All rights reserved. Design: Team 3</p>
</footer>
</div>
</div>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>