-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathrequirements.html
More file actions
214 lines (188 loc) · 12.2 KB
/
requirements.html
File metadata and controls
214 lines (188 loc) · 12.2 KB
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
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Requirements - TrueLearn</title>
<meta content="" name="description">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="assets/img/logos/TL-favicon.png" rel="icon">
<link href="assets/img/logos/TL-logo.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i|Raleway:300,400,500,700,800|Montserrat:300,400,700" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
<!-- =======================================================
* Template Name: Reveal - v4.10.0
* Template URL: https://bootstrapmade.com/reveal-bootstrap-corporate-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
======================================================== -->
</head>
<body>
<!-- ======= Header/top bar ======= -->
<header id="header" class="d-flex align-items-center">
<div class="container d-flex justify-content-between">
<div id="logo">
<h1><a href="index.html">True<span>Learn</span></a></h1>
<!-- Uncomment below if you prefer to use an image logo -->
<!-- <a href="index.html"><img src="assets/img/logo.png" alt=""></a>-->
</div>
<nav id="navbar" class="navbar">
<ul>
<li class="dropdown"><a href="index.html"><span>Home</span> <i class="bi bi-chevron-down"></i></a>
<ul>
<li><a class="nav-link scrollto" href="index.html#about">Abstract</a></li>
<li><a class="nav-link scrollto" href="index.html#portfolio">Portfolio Video</a></li>
<li><a class="nav-link scrollto" href="index.html#timeline">Project Timeline</a></li>
<li><a class="nav-link scrollto" href="index.html#team">Team</a></li>
</ul>
</li>
<li><a class="nav-link" href="requirements.html">Requirements</a></li>
<li><a class="nav-link" href="research.html">Research</a></li>
<li><a class="nav-link" href="design.html">System Design</a></li>
<li><a class="nav-link" href="implementation.html">Implementation</a></li>
<li><a class="nav-link" href="testing.html">Testing</a></li>
<li><a class="nav-link" href="evaluation.html">Evaluation</a></li>
<li class="dropdown"><a href="appendices.html"><span>Appendices</span><i class="bi bi-chevron-down"></i></a>
<ul>
<li><a class="nav-link scrollto" href="appendices.html#documentation">Documentation</a> </li>
<li><a class="nav-link scrollto" href="appendices.html#development-blog">Development Blog</a></li>
<li><a class="nav-link scrollto" href="appendices.html#development-videos">Monthly Videos</a> </li>
<li><a class="nav-link scrollto" href="appendices.html#license">License</a> </li>
<li><a class="nav-link scrollto" href="appendices.html#privacy-policy">Privacy policy</a> </li>
</ul>
</li>
</ul>
<i class="bi bi-list mobile-nav-toggle"></i>
</nav><!-- .navbar -->
</div>
</header><!-- End Header -->
<section id="banner">
<div class="banner-content" data-aos="fade-up">
<h2>Requirements</h2>
</div>
</section>
<main id="main">
<!-- ======= Project Background ======= -->
<section id="background">
<div class="container" data-aos="fade-up">
<div class="section-header">
<h2>Project Background</h2>
<p>Advances in computer assisted learning systems, and the wide availability of open educational resources today lay the foundations for providing cost-effective high-quality education to the masses. One of the use cases of this technology is to create a lifelong learning recommendation system that accounts for a wide range of factors such as the learners background knowledge or the novelty of the material whilst efficiently maintaining this information for long periods of time (ideally, a lifetime) [1].</p>
<br><p>This is where the idea for TrueLearn originated from, to create a family of Bayesian algorithms designed to model and predict learner engagement with educational resources in a transparent and scalable way. The algorithms transparency comes from its privacy centric nature as it doesn’t need to store any information about past learning history to accurately predict future engagement. It can be quickly scaled to masses of learners as training takes minimal resources and can be conducted solely in the browser. </p>
<br><p>The purpose of developing TrueLearn as a Machine Learning library is to provide a strong foundation for its use and to allow for future expansion by providing an easy-to-use API that follows conventional design patterns and maximises performance. This library also aims to aid the learner in their journey by providing visualisations that show how their knowledge has changed overtime. </p>
<br><p>[1] S. Bulathwela, M. Perez-Ortiz, E. Yilmaz, and J. Shawe-Taylor, “TrueLearn: A Family of Bayesian Algorithms to Match Lifelong Learners to Open Educational Resources,” <i>Proceedings of the AAAI Conference on Artificial Intelligence</i>, vol. 34, no. 01, pp. 565–573, Apr. 2020, doi: <a href="https://doi.org/10.1609/aaai.v34i01.5395">https://doi.org/10.1609/aaai.v34i01.5395</a>.</p>
</div>
</div>
</section>
<!-- End Project Background -->
<!-- ======= Clients Section ======= -->
<section id="clients">
<div class="container" data-aos="fade-up">
<div class="section-header">
<h2>Partners</h2>
<p>Our Partner for this project is the Knowledge 4 All Foundation where we are working with Professor Sahan Bulathwela. The foundation focuses on two main activities: The first being pioneering Machine learning techniques such as pattern analysis, statistical modelling, and computational learning; the second being transforming these methods into technologies for large scale applications in Open Education [2].</p>
<br><p>[2] Knowledge 4 All Foundation, “Overview | Knowledge 4 All Foundation Ltd.,” <i>K4all.org</i>, 2023. <a href="https://k4all.org/about-k4a/">https://k4all.org/about-k4a/</a> (accessed Mar. 26, 2023).</p>
</div>
<div class="text-center" data-aos="fade-up" data-aos-delay="100">
<img src="assets/img/clients/client-k4all.png" class="img-fluid" alt="">
</div>
</div>
</section>
<section id="goals">
<div class="container" data-aos="fade-up">
<div class="section-header">
<h2>Project Goals</h2>
</div>
<div>
<p>The main two goals of this project are to:</p>
<ul>
<li>Develop an extendable performant python library that encapsulates the existing functionality of TrueLearn whilst also following design conventions used by other popular machine learning libraries such as Sci-Kit Learn.</li>
<li>Create visualisations based on models of the learner’s knowledge and interests from their engagement with educational resources.</li>
</ul>
</div>
</div>
</section>
<section id="requirements">
<div class="container" data-aos="fade-up">
<div class="section-header">
<h2>Requirements</h2>
</div>
<div>
<p>Requirements were gathered through a series of rounds with the client. Initially we drafted a MoSCoW list based on our understanding of the project which we refined repeatedly with the client in further meetings to ensure the projects deliverables were well understood. </p>
<p>The result of this is the following prioritisation: </p>
</div>
<div class="col-lg-2"></div>
<div class="col-lg-8" style="margin: auto;">
<img src="assets/img/requirements/legend.png" class="img-fluid" alt="">
</div>
<div class="col-lg-2"></div>
<br>
<div class="col-lg-2"></div>
<div class="col-lg-8" style="margin: auto;">
<img src="assets/img/requirements/moscow.png" class="img-fluid" alt="">
</div>
<div class="col-lg-2"></div>
</div>
</section>
<!-- End Clients Section -->
<section id="personas">
<div class="container" data-aos="fade-up">
<div class="section-header">
<h2>Personas</h2>
</div>
<div class="col-lg-8 content" style="margin: auto;">
<img src="assets/img/requirements/persona-developer.png" class="img-fluid" alt="">
</div>
<br>
<div class="col-lg-8 content" style="margin: auto;">
<img src="assets/img/requirements/persona-learner.png" class="img-fluid" alt="">
</div>
<br>
<div>
<p>The two main category of users of TrueLearn will be software developers looking to integrate the library into their educational recommendation systems, and learners to track their knowledge and progression provided by the visualisations.</p>
<p>When designing the library, we wanted to ensure that it catered for a wide range of developers, not just those with past AI experience. This is why we have specifically thought about how to make it as easy to use as possible by following programming conventions and specific style guides such as PEP8. Accessibility was also important, with TrueLearn having the MIT license any developer can harness its power to provide effective learning to their users.</p>
<p>Whilst these are the two main users, our library lays the foundation for greater research into the field of AI in education by providing an extendable platform which removes the need for tedious boilerplate. Instead, the focus can be placed on developing new models that provide better predictions based on different factors.</p>
</div>
</div>
</section>
<!-- ======= Project Goals ======= -->
</main>
<!-- ======= Footer ======= -->
<footer id="footer">
<div class="container">
<div class="copyright">
© Copyright <strong>TrueLearn</strong>. All Rights Reserved
</div>
<div class="credits">
<!--
All the links in the footer should remain intact.
You can delete the links only if you purchased the pro version.
Licensing information: https://bootstrapmade.com/license/
Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/buy/?theme=Reveal
-->
<div class = "text-center">Designed by Karim Djemili</div>
Theme from <a href="https://bootstrapmade.com/">BootstrapMade</a>
</div>
</div>
</footer><!-- End Footer -->
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
<!-- Vendor JS Files -->
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>