Knowledge Question Setup

index.html

@@ -225,7 +225,17 @@
           </p>
           <p>Have fun! 🤟</p>
         </div>
-        <div id="intro-step5">Knowledge Questions</div>
+        <div id="intro-step5">
+          <h1>Questions about this visualization sepcifically</h1>
+          <p>
+            After the project-specific "knowledge" questions in the last step I want to get your
+            valuable input as a developer for the following questions:
+          </p>
+          <label for="k-1">
+            1) Do you remember any of the contributors of this project? Please name them below
+            <textarea id="k-1" name="k-1"></textarea>
+          </label>
+        </div>
         <div id="intro-step6">
           <h1>Questions about Play in Software Development</h1>
           <p>
@@ -249,9 +259,9 @@
             <textarea id="fb-3" name="fb-3"></textarea>
           </label>
           <label for="fb-4">
-            4) Could you imageine yourself using this visualization or something similar on
+            4) Could you imagine yourself using a visualization or something similar on different
-            different projects to learn about them? If so, on which projects would you want to try
+            projects to learn about them? If so, on which projects would you want to try it out? If
-            it out?
+            not, what would you prefer instead, just going throught the files?
             <textarea id="fb-4" name="fb-4"></textarea>
           </label>
           <label for="fb-5">

src/logger.ts

@@ -54,7 +54,7 @@ export class Logger {
     if (uid) {
       const logEvKey = this.database.ref(uid).child('logs').push().key;
 
-      // this.database.ref(uid).update({ [`logs/${logEvKey}`]: ev });
+      this.database.ref(uid).update({ [`logs/${logEvKey}`]: ev });
     }
   }
 

src/store.ts

@@ -31,7 +31,7 @@ const store = create<State>(
   devtools((set) => ({
     uid: null,
     showScore: false,
-    currentIntroStep: 0,
+    currentIntroStep: 1,
     revealablesFinished: 0,
     currentScene: Scenes.OVERVIEW,
     currentSubproject: null,

src/ui/intro.ts

@@ -34,6 +34,8 @@ export class Intro {
   fb9: HTMLTextAreaElement;
   fb10: HTMLTextAreaElement;
 
+  k1: HTMLTextAreaElement;
+
   errorRef: HTMLElement;
 
   constructor() {
@@ -65,6 +67,8 @@ export class Intro {
     this.fb9 = document.querySelector('#fb-9');
     this.fb10 = document.querySelector('#fb-10');
 
+    this.k1 = document.querySelector('#k-1');
+
     this.errorRef = document.querySelector('#intro-error');
 
     this.nextButton.addEventListener('click', () => this.onNextClick());
@@ -192,7 +196,7 @@ export class Intro {
   }
 
   private sendKnowledgeQuestionAnswers() {
-    const answers = [];
+    const answers = [this.k1.value];
 
     logger.logQuestions(answers, true);
   }