forked from gureckis/collecting_behavioral_data_online
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
150 lines (109 loc) · 6.24 KB
/
index.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
<!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="behavioral data collection, mechanical turk, psychology">
<meta name="author" content="todd m. gureckis">
<title>collecting behavioral data online - todd gureckis
</title>
<!-- JQuery and D3.js -->
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<!-- hit the Mint -->
<script src="http://gureckislab.org/mint/?js" type="text/javascript"></script>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/cdbo.css" rel="stylesheet">
<!-- Just for debugging purposes. Don't actually copy this line! -->
<!--[if lt IE 9]><script src="../../docs-assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
<a href="https://github.com/gureckis/collecting_behavioral_data_online"><img style="position: absolute; top: 100; right: 0; border: 0; z-index: 999;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" alt="Fork me on GitHub"></a>
<body>
<!-- Wrap all page content here -->
<div id="wrap">
<ol class="breadcrumb">
<li><h4><a href="http://gureckislab.org">gureckislab</a></h4></li>
<li class="active"><h4>collecting behavioral data online</h4></li>
</ol>
<!-- Begin page content -->
<div class="container">
<div class="page-header">
<h1>collecting behavioral data online.</h1>
<h3>a course by <a href="http://gureckislab.org/~gureckis">todd m. gureckis</a></h3>
<br>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<center>
<a href="https://twitter.com/share" class="twitter-share-button" data-via="todd_gureckis">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
<div class="fb-like" data-href="http://gureckislab.org/courses/spring14/online_data_collection/" data-layout="button_count" data-action="recommend" data-show-faces="false" data-share="false"></div>
</center>
</div>
<p>
This class teaches the art, science, and technology necessary to collect
useful behavioral data online for psychology, marketing, and computer
science. It is composed of 13 video lectures, readings, and a
variety of technical tutorials. Anyone can use these materials if they
find them useful, but please reference this site.
</p>
<center>
<a class="btn btn-default btn-sm" href="syllabus.html">
<span class="glyphicon glyphicon-star"></span> Spring 2014 syllabus
</a>
<a class="btn btn-default btn-sm" href="https://github.com/gureckis/collecting_behavioral_data_online/">
<span class="glyphicon glyphicon-star"></span> Class git repo
</a>
<a class="btn btn-default btn-sm" href="https://github.com/gureckis/collecting_behavioral_data_online/wiki">
<span class="glyphicon glyphicon-star"></span> Class wiki: Ask questions here
</a>
</center>
<hr>
<h3>Lectures</h3>
<ol class="syllabus">
<li><a href="lecture1.html">General introduction/organization</a></li>
<li><a href="lecture2.html">Online data: A revolution for behavioral science? Or perhaps a curse?</a></li>
<li><a href="lecture3.html">Views from the other side of a request online</a></li>
<li><a href="lecture4.html">Starting simple: Using built-in Amazon tools, Google Forms, or Qualtrics. Basic HTML/CSS/JS.</a></li>
<li><a href="lecture5.html">Drawing things to the browser window, manipulating DOM</a></li>
<li>Open source software, git, and how to teach yourself stuff</li>
<li>Introduction to <b>psiTurk</b> (download, install, discuss features)</li>
<li>Introduction to the <b>psiTurk</b> command line, run example experiment</li>
<li><a href="lecture9.html">Debugging and developing using <b>psiTurk</b></a></li>
<li>Deploying using <b>psiTurk</b>, using advanced database solutions</li>
<li>Getting your data out of database for analysis</li>
<li>Designing for quality data</li>
<li>Advanced topics - running experiments over multiple days/sessions, group experiments</li>
</ol>
</div>
</div>
<div id="footer">
<div class="container">
<p class="text-muted">(c) 2014 to <a href="http://gureckislab.org/~gureckis">tmg</a>. <a href="http://getbootstrap.com/">bootstrap</a>ped.</p>
</div>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script type="text/javascript">
d3.selectAll(".syllabus li").on("mouseenter",function (d,i) {
d3.select(this).style("background","lightblue");
}).on("mouseleave",function (d,i) {
d3.select(this).transition().duration(800).style("background","white");
});
</script>
</body>
</html>