timbre-visualisation-study/phase_questions.html at master · NECOTIS/timbre-visualisation-study · 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
106
107
108
109
110
111
112
113
114
115
116
<!DOCTYPE html>
<html>

<head>
    <script src="javascript/jquery-3.1.1.min.js"></script>
    <!-- <script src="survey-jquery/survey.jquery.js"></script> -->
    <script src="/assets/javascripts/jatos.js"></script>
    <script src="https://surveyjs.azureedge.net/1.0.68/survey.jquery.min.js"></script>
    <link rel="stylesheet" href="bootstrap-3.3.7/css/bootstrap.min.css">
    <link href="static/css/forms.css" rel="stylesheet" type="text/css" media="all">

</head>

<body>
    <div >
        <div class=FormBox>
            <div id="info_form"></div>
        </div>
    </div>

    <script>
        jatos.onLoad(function () {


            var lang = "default";
            if (jatos.studySessionData.language){
                lang = jatos.studySessionData.language;
            }

            var complete = function (result) {
                $("#info_form").hide(); // Hides the 'Thank you for completing ...' message
                jatos.submitResultData(JSON.stringify(result.data));
                //Go to final thank you component
                if (jatos.studySessionData.phase_index >=jatos.studySessionData.num_phases){
                    jatos.startNextComponent();
                }
                //Go to phase description
                else {
                    jatos.startComponentByPos(jatos.studySessionData.phaseComponentIndex);
                }
            }

            mode_strings = {
                    "default":{
                        "COLOR":"colors",
                        "TEXTURE":"visual texture",
                        "SHAPE":"shapes"
                    },
                    "fr":{
                        "COLOR":"couleur",
                        "TEXTURE":"texture visuelle",
                        "SHAPE":"forme"
                    }
                }
            placement_strings = {
                    "default":{
                        "COLOR":"circles",
                        "TEXTURE":"circles",
                        "SHAPE":"shapes"
                    },
                    "fr":{
                        "COLOR":"cercles",
                        "TEXTURE":"cercles",
                        "SHAPE":"formes"
                    }
                }
            let vis_string = mode_strings[lang][jatos.studySessionData.task_type]
            let placement_string = placement_strings[lang][jatos.studySessionData.task_type]
            Survey.Survey.cssType = "bootstrap";
            Survey.defaultBootstrapCss.navigationButton = "btn btn-green";
            var surveyJSON;
            if(jatos.studySessionData.phase_index ==5){
                var surveyJSON = {pages:[{name:"page1",elements:[{type:"panel",name:"panel1",elements:[{type:"rating",name:"difficulty",title:{default:"How would you rate the degree of difficulty of the tasks?",fr:"Quel était le degré de difficulté des tâches?"},isRequired:true,rateValues:[1,2,3,4,5],minRateDescription:{default:"Very easy",fr:"Très facile"},maxRateDescription:{default:"Very difficult",fr:"Très difficile"}},{type:"rating",name:"visual_help",
                title:{default:`Did the ${vis_string} help you find the target sound?`,
                fr:`À quel point la ${vis_string} des éléments vous a aidé dans votre recherche?`},
                isRequired:true,minRateDescription:{default:"Not at all",fr:"Pas du tout"},
                maxRateDescription:{default:"Very much",fr:"Beaucoup"}},
                {type:"rating",name:"space_help",
                title:{default:`Did the location of ${placement_string} help you find the target sound?`,
                fr:`Est-ce que l'emplacement des ${placement_string} (gauche/droite, haut/bas) vous a aidé dans votre recherche?`},
                isRequired:true,minRateDescription:{fr:"Pas du tout",default:"Not at all"},
                maxRateDescription:{default:"Very much",fr:"Beaucoup"}},{type:"rating",name:"spatial_coherence",title:{default:"Did you find that similar sounds were closer together and different sounds were farther apart?",fr:"Trouvez-vous que les sons similaires étaient plus rapprochés et que les sons différents étaient plus éloignés?\n"},isRequired:true,minRateDescription:{default:"Not at all",fr:"Pas du tout"},maxRateDescription:{default:"All of the time",fr:"Toujours"}},{type:"rating",name:"visual_coherence",
                title:{default:`Did you find that similar sounds had similar ${vis_string} and different sounds looked different?`,
                fr:`Trouvez-vous que les sons similaires avaient une ${vis_string} similaire?`},isRequired:true,minRateDescription:{default:"Not at all",fr:"Pas du tout"},maxRateDescription:{default:"All of the time",fr:"Toujours"}}],title:{default:"In this part:",fr:"Dans cette partie:"}}]},{name:"page2",elements:[{type:"panel",name:"Strategy Rating",elements:[{type:"rating",name:"random_strat",title:{default:"Randomly searching for the target sound",fr:"Rechercher la cible de façon aléatoire"},isRequired:true,minRateDescription:{default:"Never used",fr:"Jamais utilisée"},maxRateDescription:{default:"Used on every task",fr:"Utilisée sur chaque tâche"}},{type:"rating",name:"Method_strat",title:{default:"Methodically (up-down or left-right)  searching for the target sound",fr:"Rechercher la cible de façon méthodique(de haut en bas, de gauche à droite) "},isRequired:true,minRateDescription:{default:"Never used",fr:"Jamais utilisée"},maxRateDescription:{default:"Used on every task",fr:"Utilisée sur chaque tâche"}},{type:"rating",name:"visual_strat",
                title:{default:`Looking for elements with specific  ${vis_string}`,
                fr:`Chercher des éléments avec une ${vis_string} spécifique`},isRequired:true,minRateDescription:{default:"Never used",fr:"Jamais utilisée"},maxRateDescription:{default:"Used on every task",fr:"Utilisée sur chaque tâche"}},{type:"rating",name:"space_strat",title:{default:"Looking for elements in a specific region of the task area",fr:"Rechercher dans une région spécifique de l'interface"},isRequired:true,minRateDescription:{default:"Never used",fr:"Jamais utilisée"},maxRateDescription:{default:"Used on every task",fr:"Utilisée sur chaque tâche"}},{type:"comment",name:"strat_description",title:{default:"Please share any other strategies you may have used (or how you combined the previous strategies)",fr:"S'il-vous-plait, partager toute autre stratégie utilisée (ou comment vous avez combiné les stratégies précédentes)"}},{type:"rating",name:"strat_change",title:{default:"Did your strategy change during this part?",fr:"Est-ce que votre stratégie a changé au cours de cette partie?"},isRequired:true,minRateDescription:{default:"No change",fr:"Pas du tout"},maxRateDescription:{default:" Big change",fr:"Beaucoup"}},{type:"comment",name:"change_description",title:{default:"If it changed, describe how",fr:"S'il y a eu changement, décrivez comment"}}],title:{default:"Rate whether you used any of these strategies on the tasks in this part",fr:"Évaluez à quel point vous avez utilisé les strategies suivantes pour les tâches de cette partie"}}]}]}

                // surveyJSON = { surveyId: 'b3778aff-52be-4acb-9ba1-d2cd78f9b674'}

            }
            else if (jatos.studySessionData.phase_index ==6){
            var surveyJSON = {pages:[{name:"page1",elements:[{type:"panel",name:"panel1",elements:[{type:"rating",name:"difficulty",title:{default:"How would you rate the degree of difficulty of the task?",fr:"Quel était le degré de difficulté de la tâche?"},isRequired:true,rateValues:[1,2,3,4,5],minRateDescription:{fr:"Très facile",default:"Very easy"},maxRateDescription:{default:"Very difficult",fr:"Très difficile"}},{type:"rating",name:"visual_help",
            title:{default:`Did the ${vis_string} help you find the target sound?`,
            fr:`À quel point la ${vis_string} des éléments vous a aidé dans votre recherche?`},
            isRequired:true,minRateDescription:{default:"Not at all",fr:"Pas du tout"},
            maxRateDescription:{default:"Very much",fr:"Beaucoup"}}],title:{default:"In this part",fr:"Dans cette partie:"}}]},{name:"strategy",elements:[{type:"panel",name:"Strategy Rating",elements:[{type:"rating",name:"random_strat",title:{default:"Randomly searching for the target sound",fr:"Rechercher la cible de façon aléatoire"},isRequired:true,minRateDescription:{default:"Never used",fr:"Jamais utilisée"},maxRateDescription:{default:"Used on every task",fr:"Utilisée sur chaque tâche"}},{type:"rating",name:"Method_strat",title:{default:"Methodically (up-down or left-right)  searching for the target sound",fr:"Rechercher la cible de façon méthodique(de haut en bas, de gauche à droite) "},isRequired:true,minRateDescription:{default:"Never used",fr:"Jamais utilisée"},maxRateDescription:{default:"Used on every task",fr:"Utilisée sur chaque tâche"}},{type:"rating",name:"visual_strat",
            title:{default:`Looking for elements with specific ${vis_string}`,
            fr:`Chercher des éléments avec une ${vis_string} spécifique`},isRequired:true,minRateDescription:{default:"Never used",fr:"Jamais utilisée"},maxRateDescription:{default:"Used on every task",fr:"Utilisée sur chaque tâche"}},{type:"rating",name:"space_strat",title:{default:"Looking for elements in a specific region of the task area",fr:"Rechercher dans une région spécifique de l'interface"},isRequired:true,minRateDescription:{default:"Never used",fr:"Jamais utilisée"},maxRateDescription:{default:"Used on every task",fr:"Utilisée sur chaque tâche"}},{type:"comment",name:"strat_description",title:{default:"Please share any other strategies you may have used (or how you combined the previous strategies)",fr:"S'il-vous-plait, partager toute autre stratégie utilisée (ou comment vous avez combiné les stratégies précédentes)"}},{type:"rating",name:"strat_change",title:{default:"Did your strategy change during this part?",fr:"Est-ce que votre stratégie a changé au cours de cette partie"},isRequired:true,minRateDescription:{default:"  No change",fr:" Aucun changement"},maxRateDescription:{default:" Big change",fr:"Grand changement"}},{type:"comment",name:"change_description",title:{default:"If it changed, describe how",fr:"S'il y a eu changement, décrivez comment"}}],title:{default:"Rate whether you used any of these strategies on the tasks in this part",fr:"Évaluez à quel point vous avez utilisé les strategies suivantes pour les tâches de cette partie"}}]},{name:"page2",elements:[{type:"panel",name:"panel3",elements:[{type:"rating",name:"link",title:{default:"Do you think that the chosen visual representation of the sounds could be improved?",fr:"Pensez-vous que la représentation visuelle des sons pourrait être améliorée?"},isRequired:true,minRateDescription:{fr:"Pas du tout",default:"Not at all"},maxRateDescription:{fr:"Beaucoup",default:"Very much"}},
            // {type:"comment",name:"Elabrotate_link_consistency",title:{default:"If you would like to, please elaborate on your answer to the previous question ",fr:"Si vous désirez, élaborer sur votre réponse à la dernière question"}},
            {type:"comment",name:"Improvements",title:{default:"How would you improve the visual representation of the sounds?",fr:"Que feriez-vous pour amélierer la représentation visuelle des sons?"}},{type:"comment",name:"Comments",title:{default:"If you have any comments or criticism please share them here",fr:"Si vous avez des commentaires ou des critiques, s'il-vous-plait les partager ici"}}],title:{default:"In general",fr:"En général"}}]}]}

                // surveyJSON = { surveyId: 'b9998130-2fd1-4314-9496-44bb2867b04a'}
            }

            var survey = new Survey.Model(surveyJSON);

            $("#info_form").Survey({
                model: survey,
                onComplete: complete,
                locale: lang
            });
        });
    </script>
</body>

</html>