Stuff

controllers/feedback/views/index.jade

@@ -1,21 +1,41 @@
 extends ../../../views/base.jade
 
-mixin question(id, qu)
-    label(for="#{id}") #{qu}
+mixin question(id, qu, info)
+    label(for="#{id}", style={'margin-right':'10px'}) #{qu}
+    if (info !== undefined)
+        span.glyphicon.glyphicon-question-sign(type='button', data-toggle='tooltip', data-placement='top', title='#{info}')
     input.form-control(name="answer#{id}", type="text", placeholder="Answer")
 
+mixin rate(id, qu, info)
+    label(for="anwser#{id}", style={'margin-right':'10px'}) #{qu}
+    if (info !== undefined)
+        span.glyphicon.glyphicon-question-sign(type='button', data-toggle='tooltip', data-placement='top', title='#{info}')
+    input.rating(id="answer#{id}", name="answer#{id}", type="number", min='0', max='5', step='1', default='3')
+
 block extrahead
     link(rel="stylesheet", href="/static/css/feedback.css")
+    link(rel="stylesheet", href="/static/css/star-rating.min.css")
+
+block extrajs
+    script(src="/static/js/star-rating.min.js")
+    script $(function () { $('[data-toggle="tooltip"]').tooltip() })
+    script.
+        var liste = [1,2];
+        for (var i = 0; i < liste.length; i++) {
+            $("#answer" + liste[i]).rating({showClear: false, showCaption: false, size:'xs'});
+            $("#answer" + liste[i]).rating('update', 3);
+        }
 
 block content
     form.form-signin(method="POST", action='/feedback-target')
         h2 Please give us your feedback
 
-        +question(1, "Did you have trouble to find the coins without the recommendations ?")
-        +question(2, "Did the recommendations helped you to find the coins ?")
-        +question(3, "Did the recommendations helped you to browser the scene ?")
-        +question(4, "Do you think recommendations can be helpful ?")
-        +question(5, "Which recommendation style do you prefer and why ?")
+        +rate(1, "What was the difficulty level without recommendation ?", "1 star if it was very easy, 5 stars if it was very difficult")
+        +rate(2, "What was the difficulty level with recommendation ?", "1 star if it was very easy, 5 stars if it was very difficult")
+        +question(3, "Did the recommendations help you to find the coins ?")
+        +question(4, "Did the recommendations help you to browse the scene ?")
+        +question(5, "Do you think recommendations can be helpful ?")
+        +question(6, "Which recommendation style do you prefer and why ?")
 
         //-label(for='input1') Did you have trouble to find the coins during the first step ?
         //-input#input1.form-control(name="input1", type="text", placeholder='Id')

controllers/intro/views/index.jade

@@ -9,4 +9,12 @@ block content
             li When you finish the tutorial, the main part will start. There will be 3 scenes and you will be asked to complete tasks.
             li Once you finished, there will be a short questionnary so we can know what you think of our interface.
 
-    h2 You can now <a href="/user-study">start when you are ready</a>
+    h2#start
+
+block extrajs
+    script.
+        if ($.browser.chrome || $.browser.mozilla) {
+            $('#start').html('You can now <a href="/user-study">start when you are ready</a>');
+        } else {
+            $('#start').html('Sorry, your browser is not compatible... please try again with Firefox or Chrome');
+        }

controllers/prototype/views/user_study.jade

@@ -13,6 +13,7 @@ block extrajs
             size: 'xs'
         });
         $('#3dgames').rating('update', 3);
+    script $(function () { $('[data-toggle="tooltip"]').tooltip() })
 
 block extrabody
     if identificationFailed
@@ -52,11 +53,14 @@ block content
                 option(value='55-60') Between 55 and 60
                 option(value='60-') More than 60
 
-        label(for='3dgames') Rate your 3D game skills (1 star if you never played)
+        label(for='3dgames', style={'margin-right':'10px'}) Rate your 3D game skills
+        span.glyphicon.glyphicon-question-sign(type='button', data-toggle='tooltip', data-placement='top', title='1 star if you never played any 3D games, 5 stars if you are used to 3D video games.')
+
         input#3dgames(type='number', class='rating', min='0', max='5', step='1', default='3', name='input3dskills')
 
         .form-group
-            label(for='se21') When is the last time you played a 3D video game ?
+            label(for='se21', style={'margin-right':'10px'}) When is the last time you played a 3D video game ?
+            span.glyphicon.glyphicon-question-sign(type='button', data-toggle='tooltip', data-placement='top', title='Any game will count (PC or console, old or recent)')
             select.form-control#sel2(name="inputLastTime")
                 option(value='3') This week
                 option(value='2') This month
@@ -67,4 +71,3 @@ block content
 
 
         button.btn.btn-lg.btn-primary.btn-block(type='submit') Sign in
-