galmaimon.github.io/exampleBIAT.js at master · galmaimon/galmaimon.github.io · GitHub

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
define(['pipAPI', 'https://galmaimon.github.io/BIAT.js'], function(APIConstructor, iatExtension){
  var API = new APIConstructor();


	return iatExtension({
		practiceCategory1 :
			{
				name : 'Mammals', //Will appear in the data.
				title : {
					media : {word : 'Mammals'}, //Name of the category presented in the task.
					css : {color:'#31b404','font-size':'1.8em'}, //Style of the category title.
					height : 4, //Height (because we need to know where to put the next item in the title)
					startStimulus : {
					//If you're using a startStimulus, set here. If not, set the parameter showStimuliWithInst to false (see later below)
						media : {word : 'Dogs, Horses, Cows, Lions'},
						css : {color:'#31b404','font-size':'1em'},
						height : 2
					}
				},
				stimulusMedia : [ //Stimuli content as PIP's media objects
					{word : 'Dogs'},
					{word : 'Horses'},
					{word : 'Lions'},
					{word : 'Cows'}
				],
				//Stimulus css (style of the stimuli)
				stimulusCss : {color:'#31b404','font-size':'2em'}
			},
			practiceCategory2 :
			{
				name : 'Birds',
				title : {
					media : {word : 'Birds'},
					css : {color:'#31b404','font-size':'1.8em'},
					height : 4,
					startStimulus : {
						media : {word : 'Pigeons, Swans, Crows, Ravens'},
						css : {color:'#31b404','font-size':'1em'},
						height : 2
					}
				},
				stimulusMedia : [ //Stimuli content as PIP's media objects
					{word : 'Pigeons'},
					{word : 'Swans'},
					{word : 'Crows'},
					{word : 'Ravens'}
				],
				//Stimulus css
				stimulusCss : {color:'#31b404','font-size':'2em'}
			},
			categories : [  //As many categories you need.
				{
					name : 'Black People', //Will appear in the data.
					title : {
						media : {word : 'Black People'}, //Name of the category presented in the task.
						css : {color:'#31b404','font-size':'1.8em'}, //Style of the category title.
						height : 4, //Height (because we need to know where to put the next item in the title)
						startStimulus : {
						//If you're using a startStimulus, set here. If not, set the parameter showStimuliWithInst to false (see later below)
						media : {image : 'blacks.jpg'},
							css : {color:'#31b404','font-size':'1em'},
							height : 2
						}
					},
					stimulusMedia : [ //Stimuli content as PIP's media objects
					{image : 'black1.jpg'},
        			{image : 'black2.jpg'},
        			{image : 'black3.jpg'},
        			{image : 'black4.jpg'},
        			{image : 'black5.jpg'},
        			{image : 'black6.jpg'}
					],
					//Stimulus css (style of the stimuli)
					stimulusCss : {color:'#31b404','font-size':'2em'}
				},
				{
					name : 'White people',
					title : {
						media : {word : 'White people'},
						css : {color:'#31b404','font-size':'1.8em'},
						height : 4,
						startStimulus : {
							media : {image : 'whites.jpg'},
							css : {color:'#31b404','font-size':'1em'},
							height : 2
						}
					},
					stimulusMedia : [ //Stimuli content as PIP's media objects
					{image : 'yf1.jpg'},
        			{image : 'yf4.jpg'},
        			{image : 'yf5.jpg'},
        			{image : 'ym2.jpg'},
        			{image : 'ym3.jpg'},
        			{image : 'ym5.jpg'}
					],
					//Stimulus css
					stimulusCss : {color:'#31b404','font-size':'2em'}
				}
			],
			base_url : {//Where are your images at?
				image : 'https://baranan.github.io/minno-tasks/images/'

			}
	});
});