-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
316 lines (297 loc) · 18.5 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
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
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>LSIC Research Survey</title>
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<div id="app" class="container">
<!-- Login Form -->
<div id="loginForm" class="auth-container">
<div class="auth-card">
<h2>Authentication Required</h2>
<p>Please enter the password to access the research survey</p>
<div class="form-group">
<label for="password">Password</label>
<input type="password" id="password" class="form-input">
<p id="errorMessage" class="error-message hidden">Incorrect password</p>
</div>
<button onclick="authenticate()" class="btn-primary">Access Survey</button>
</div>
</div>
<!-- Survey Form (Initially Hidden) -->
<div id="surveyForm" class="survey-container hidden">
<div class="survey-card">
<h1>Quantitative Research Skills Assessment Survey</h1>
<p class="subtitle">This assessment matrix aims to systematically evaluate researchers' statistical knowledge, ethical competencies, and skills specific to LSIC research.</p>
<form onsubmit="handleSubmit(event)" class="survey-form">
<!-- Section 1: Research Role & Background -->
<section class="survey-section">
<h2>1. Research Role & Background</h2>
<div class="form-group">
<label>Primary Role(s) with LSIC Data</label>
<select name="primary_role" class="form-input" required>
<option value="">Select your role</option>
<option value="pi">Principal Investigator</option>
<option value="analyst">Statistical Analyst</option>
<option value="team">Research Team Member</option>
<option value="community">Community Researcher</option>
<option value="other">Other</option>
</select>
</div>
<div class="form-group">
<label>Statistical Training Background (Select all that apply)</label>
<div class="checkbox-group">
<label class="checkbox-label">
<input type="checkbox" name="training_university">
Formal university statistics coursework
</label>
<label class="checkbox-label">
<input type="checkbox" name="training_workshops">
Professional development/workshops
</label>
<label class="checkbox-label">
<input type="checkbox" name="training_self">
Self-taught/independent learning
</label>
<label class="checkbox-label">
<input type="checkbox" name="training_mentored">
Mentored research experience
</label>
<label class="checkbox-label">
<input type="checkbox" name="training_teaching">
Teaching experience
</label>
</div>
</div>
<div class="form-group">
<label>Methodological Background</label>
<div class="radio-group">
<label class="radio-label">
<input type="radio" name="methodological_background" value="quantitative" required>
Primarily quantitative
</label>
<label class="radio-label">
<input type="radio" name="methodological_background" value="qualitative">
Primarily qualitative
</label>
<label class="radio-label">
<input type="radio" name="methodological_background" value="mixed">
Mixed methods
</label>
</div>
</div>
</section>
<!-- Section 2: Statistical Experience Assessment -->
<section class="survey-section">
<h2>2. Statistical Experience Assessment</h2>
<p class="section-desc">Rate your confidence in each area (1 = Limited/No Experience, 5 = Expert Level)</p>
<div class="form-group">
<h3>Descriptive Statistics</h3>
<div class="rating-group">
<div class="rating-item">
<label>Interpreting basic statistical results</label>
<input type="range" min="1" max="5" name="stats_basic" class="range-input" required>
</div>
<div class="rating-item">
<label>Evaluating normality assumptions</label>
<input type="range" min="1" max="5" name="stats_normality" class="range-input" required>
</div>
<div class="rating-item">
<label>Understanding standard deviations</label>
<input type="range" min="1" max="5" name="stats_sd" class="range-input" required>
</div>
<div class="rating-item">
<label>Analyzing distributions</label>
<input type="range" min="1" max="5" name="stats_distributions" class="range-input" required>
</div>
<div class="rating-item">
<label>Working with z-scores</label>
<input type="range" min="1" max="5" name="stats_zscores" class="range-input" required>
</div>
</div>
</div>
<div class="form-group">
<h3>Significance Testing & Effect Sizes</h3>
<div class="rating-group">
<div class="rating-item">
<label>Understanding p-values</label>
<input type="range" min="1" max="5" name="stats_pvalues" class="range-input" required>
</div>
<div class="rating-item">
<label>Interpreting effect sizes</label>
<input type="range" min="1" max="5" name="stats_effect_sizes" class="range-input" required>
</div>
<div class="rating-item">
<label>Distinguishing statistical vs practical significance</label>
<input type="range" min="1" max="5" name="stats_significance" class="range-input" required>
</div>
<div class="rating-item">
<label>Computing power analyses</label>
<input type="range" min="1" max="5" name="stats_power" class="range-input" required>
</div>
<div class="rating-item">
<label>Evaluating sample size requirements</label>
<input type="range" min="1" max="5" name="stats_sample_size" class="range-input" required>
</div>
</div>
</div>
<div class="form-group">
<h3>Advanced Statistical Methods</h3>
<div class="rating-group">
<div class="rating-item">
<label>Factor analysis</label>
<input type="range" min="1" max="5" name="stats_factor" class="range-input" required>
</div>
<div class="rating-item">
<label>Multilevel modelling</label>
<input type="range" min="1" max="5" name="stats_multilevel" class="range-input" required>
</div>
<div class="rating-item">
<label>Longitudinal analysis</label>
<input type="range" min="1" max="5" name="stats_longitudinal" class="range-input" required>
</div>
<div class="rating-item">
<label>Structural equation modelling</label>
<input type="range" min="1" max="5" name="stats_sem" class="range-input" required>
</div>
<div class="rating-item">
<label>Missing data approaches</label>
<input type="range" min="1" max="5" name="stats_missing" class="range-input" required>
</div>
</div>
</div>
</section>
<!-- Section 3: Technical Competency Areas -->
<section class="survey-section">
<h2>3. Technical Competency Areas</h2>
<div class="form-group">
<h3>Measurement Development & Validation</h3>
<div class="radio-group">
<label class="radio-label">
<input type="radio" name="measurement_competency" value="foundational" required>
Foundational: I can interpret basic reliability and validity metrics
</label>
<label class="radio-label">
<input type="radio" name="measurement_competency" value="intermediate">
Intermediate: I can assess measurement models and invariance
</label>
<label class="radio-label">
<input type="radio" name="measurement_competency" value="advanced">
Advanced: I can develop and validate new measures
</label>
</div>
</div>
<div class="form-group">
<h3>Statistical Modelling</h3>
<div class="radio-group">
<label class="radio-label">
<input type="radio" name="modelling_competency" value="foundational" required>
Foundational: I can conduct basic analyses (t-tests, ANOVA, regression)
</label>
<label class="radio-label">
<input type="radio" name="modelling_competency" value="intermediate">
Intermediate: I can apply advanced methods with some guidance
</label>
<label class="radio-label">
<input type="radio" name="modelling_competency" value="advanced">
Advanced: I can independently develop complex statistical models
</label>
</div>
</div>
</section>
<!-- Section 4: Limitations Assessment Skills -->
<section class="survey-section">
<h2>4. Limitations Assessment Skills</h2>
<div class="form-group">
<h3>Recognition Skills</h3>
<p class="section-desc">I can identify limitations related to:</p>
<div class="checkbox-group">
<label class="checkbox-label">
<input type="checkbox" name="limitation_sample_size">
Sample size and power
</label>
<label class="checkbox-label">
<input type="checkbox" name="limitation_reliability">
Measurement reliability
</label>
<label class="checkbox-label">
<input type="checkbox" name="limitation_assumptions">
Statistical assumptions
</label>
<label class="checkbox-label">
<input type="checkbox" name="limitation_model">
Model specification
</label>
<label class="checkbox-label">
<input type="checkbox" name="limitation_cultural">
Cultural validity
</label>
<label class="checkbox-label">
<input type="checkbox" name="limitation_generalizability">
Generalisability
</label>
</div>
</div>
</section>
<!-- Section 5: Ethical Competencies -->
<section class="survey-section">
<h2>5. Ethical Competencies</h2>
<p class="section-desc">Rate your confidence in each area (1 = Limited/No Experience, 5 = Expert Level)</p>
<div class="form-group">
<h3>Cultural Competency</h3>
<div class="rating-group">
<div class="rating-item">
<label>Understanding Indigenous cultural protocols and practices</label>
<input type="range" min="1" max="5" name="cultural_protocols" class="range-input" required>
</div>
<div class="rating-item">
<label>Incorporating Indigenous perspectives into research design</label>
<input type="range" min="1" max="5" name="cultural_perspectives" class="range-input" required>
</div>
<div class="rating-item">
<label>Building relationships with Indigenous stakeholders</label>
<input type="range" min="1" max="5" name="cultural_relationships" class="range-input" required>
</div>
</div>
</div>
</section>
<!-- Section 6: Statistical Software Proficiency -->
<section class="survey-section">
<h2>6. Statistical Software Proficiency</h2>
<p class="section-desc">Rate your expertise (1 = Limited/No Experience, 5 = Expert Level)</p>
<div class="form-group">
<div class="rating-group">
<div class="rating-item">
<label>SPSS</label>
<input type="range" min="1" max="5" name="software_spss" class="range-input" required>
</div>
<div class="rating-item">
<label>R</label>
<input type="range" min="1" max="5" name="software_r" class="range-input" required>
</div>
<div class="rating-item">
<label>Stata</label>
<input type="range" min="1" max="5" name="software_stata" class="range-input" required>
</div>
<div class="rating-item">
<label>Mplus</label>
<input type="range" min="1" max="5" name="software_mplus" class="range-input" required>
</div>
<div class="rating-item">
<label>NVivo (or similar, for qualitative analysis)</label>
<input type="range" min="1" max="5" name="software_nvivo" class="range-input" required>
</div>
</div>
</div>
</section>
<button type="submit" class="btn-primary">Submit Survey</button>
</form>
</div>
</div>
</div>
<script src="js/survey.js"></script>
</body>
</html>