-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathproject_JATOS.html
137 lines (109 loc) · 4.66 KB
/
project_JATOS.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="assets/ico/favicon.ico">
<title>MetaMotor - Lab </title>
<!-- We dont need this here but this messes up with the header's format so I'll add it everywhere -->
<link href="assets/css/list.css" rel="stylesheet">
<!-- Bootstrap core CSS -->
<link href="assets/css/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="assets/css/main.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type='text/javascript' src='allArticles.js'></script>
<script type='text/javascript' src='assets/js/list.min.js'></script>
<link href="assets/css/list.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<!-- <script src="//cdnjs.cloudflare.com/ajax/libs/list.js/1.5.0/list.min.js"></script> -->
<script type='text/javascript' src='assets/js/list.min.js'></script>
<script src="components/header.js" type="text/javascript" defer></script>
<script src="components/footer.js" type="text/javascript" defer></script>
<body>
<header-component></header-component>
<!-- +++++ Projects Section +++++ -->
<div class="container pt">
<div class="row mt">
<div class="col-lg-6 col-lg-offset-3 centered">
<h3>Run studies online</h3>
<hr>
</div>
</div>
<div>
<p>I'm a big enthusiast of collecting online the data that can be collected online. It allows us to gather data
quicker, from larger and more diverse populations than those you can access in the lab. <br>
<br>
We built a toolbox
<a href="http://www.jatos.org">(JATOS: Just Another Tool for Online Studies)</a> that manages a server to run
studies online. The toolbox is still under active development, so please check it out!<br>
</p>
<div id="papers_jatos">
<!-- <input class="search" placeholder="Search" /> -->
<ul class="list"></ul>
</div>
</div>
<br>
<br>
<p>Here's a talk (and the relevant bit of the abstract) about JATOS that was part of the <a href="https://san2020.saneurociencias.org.ar/symposia_san/open-neuroscience-new-approaches-for-new-tools/">SAN
Symposium on Open Neuroscience: new approaches for new tools</a></p>
<p><b>"Just Another Tool for Online Studies": An open-source tool to conduct cognitive science experiments
online.</b>
<br>
[...]
JATOS supports online studies, including longitudinal and group studies. I will
describe the requirements to run a study online, and describe the most common tools available to
build and run studies online. I will also give an overview of the advantages and (more importantly),
limitations of collecting data online. <br>
<br>
<iframe width="560" height="315" src="https://www.youtube.com/embed/J1ELazppklQ"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</p>
<!-- <div class="row mt centered">
<div class="col-lg-8 col-lg-offset-2">
<p><img class="img-responsive" src="assets/img/projects/skittles.png" alt="Skittles"></p>
</div>
</div> -->
<!-- /row -->
</div><!-- /container -->
<!-- +++++ Footer Section +++++ -->
<footer-component></footer-component>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="assets/js/bootstrap.min.js"></script>
</body>
</head>
<script>
var options = {
valueNames: [
'title',
'year',
'authors',
'journal',
{ data: ['id'] },
{ attr: 'href', name: 'link_journal' },
{ attr: 'href', name: 'link_pdf' },
],
item: `<li>
<p class="title"> </p>
<p class="authors"> </p>
<p class="year"> </p>
<p class="journal"> </p>
<a class="link_journal" href> Article link </a><br>
<a class="link_pdf" href> PDF </a>
</li>`
};
var paperList = new List('papers_jatos', options);
for (let p = 0; p < allArticles.length; p++) {
if (allArticles[p].title.includes("Just another")) {
paperList.add(allArticles[p]);
}
}
</script>
</html>