diff --git a/index.html b/index.html
index 9186864..029c429 100644
--- a/index.html
+++ b/index.html
@@ -227,54 +227,54 @@
1) Would you say, that you have learned something about the underlying project from
going through this interactive visualization? If yes, what have you learned? If no, what
was missing from the visualization in your opinion?
-
+
2) What was your overall experience going through this visualization? What did you like
or did not like? Is there anything that stood out for you?
-
+
3) How did you experience the companion (Lower right)? Was it helpful or rather
annoying?
-
+
4) Could you imageine yourself using this visualization or something similar on
different projects to learn about them? If so, on which projects would you want to try
it out?
-
+
5) Have you felt like any information was missing on the things that were shown within
the visualization?
-
+
6) Would you have liked to see additional information on the underlying project? If so,
what kind of information and how would you have liked?
-
+
7) Do you have any additional ideas on how playful elements or game mechanics could be
used within the onboarding phase of software development projects?
-
+
8) What is your general stance on using games/game mechanics or playful elements within
software development?
-
+
9) Do you have any additional ideas on how playful elements or game mechanics could be
used within the onboarding phase of software development projects? Any elements from
games you play that you think could be reused when making yourself familiar with new
projects?
-
+
10) Anything else you want to mention?
-
+
diff --git a/src/logger.ts b/src/logger.ts
index 02415f6..41b1c19 100644
--- a/src/logger.ts
+++ b/src/logger.ts
@@ -72,9 +72,10 @@ export class Logger {
public logQuestions(answers: string[], isKQ: boolean = false) {
const uid = store.getState().uid;
- this.database.ref(uid).set({
- [`${isKQ ? 'knowledge' : 'general'}Questions`]: answers,
- });
+ this.database
+ .ref(uid)
+ .child(`${isKQ ? 'knowledge' : 'general'}Questions`)
+ .set(answers);
}
}
diff --git a/src/scenes/DetailScene.ts b/src/scenes/DetailScene.ts
index c2fa82f..a7bd4ed 100644
--- a/src/scenes/DetailScene.ts
+++ b/src/scenes/DetailScene.ts
@@ -84,7 +84,16 @@ export class DetailScene {
store.getState().addUserMessage({
text: "Yaay! You've found all of the important parts of this part of the repository. You will be returned to the subproject overview now. Pick the next subproject you want to take a look at there.",
inputWanted: false,
- onNext: () => store.setState({ showScore: false, currentScene: Scenes.OVERVIEW }),
+ onNext: () => {
+ logger.log({
+ type: 'SF',
+ timestamp: Date.now(),
+ message: `Finished subprojects: ${JSON.stringify(
+ store.getState().finishedSubProjects
+ )}`,
+ });
+ store.setState({ showScore: false, currentScene: Scenes.OVERVIEW });
+ },
showIdle: false,
});
}
diff --git a/src/scenes/OverviewScene.ts b/src/scenes/OverviewScene.ts
index 58cab96..a74e4c6 100644
--- a/src/scenes/OverviewScene.ts
+++ b/src/scenes/OverviewScene.ts
@@ -13,6 +13,7 @@ export class OverviewScene {
player: Player;
playerHead: Area;
edges: Edge[];
+ sfLogged: boolean;
constructor() {
this.edges = generateEdges(projectMetadata.subprojects);
@@ -34,7 +35,7 @@ export class OverviewScene {
logger.log({
type: 'OC',
timestamp: Date.now(),
- message: 'Click outside edge',
+ message: 'Click inside edge',
});
store.getState().setProjectMetadata(edge.name);
@@ -47,7 +48,7 @@ export class OverviewScene {
logger.log({
type: 'OC',
timestamp: Date.now(),
- message: 'Click on edge',
+ message: 'Click outside edge',
});
}
});
@@ -80,12 +81,6 @@ export class OverviewScene {
this.edges.forEach((edgeShape) => {
if (store.getState().finishedSubProjects.some((fsp) => fsp === edgeShape.name)) {
- logger.log({
- type: 'SF',
- timestamp: Date.now(),
- message: `Finished subproject: ${edgeShape.name}`,
- });
-
edgeShape.finished = true;
}
diff --git a/src/sketchObjects/Revealable.ts b/src/sketchObjects/Revealable.ts
index cbaffa0..f937ce1 100644
--- a/src/sketchObjects/Revealable.ts
+++ b/src/sketchObjects/Revealable.ts
@@ -43,6 +43,7 @@ export class Revealable {
isHovered: boolean;
isRevealed: boolean;
wasInteractedWith: boolean;
+ wasRevealed: boolean;
minSize: number = 5;
currentSize: number;
@@ -87,16 +88,20 @@ export class Revealable {
} else if (isRevealed && !isHovered) {
this.state = RevealableStates.REVEALED;
- logger.log({
- type:
- this.type === RevealableTypes.CONTRIBUTOR
- ? 'NR'
- : this.type === RevealableTypes.LEGACY
- ? 'LR'
- : 'PR',
- timestamp: Date.now(),
- message: `Revealed ${this.name}`,
- });
+ if (!this.wasRevealed) {
+ logger.log({
+ type:
+ this.type === RevealableTypes.CONTRIBUTOR
+ ? 'NR'
+ : this.type === RevealableTypes.LEGACY
+ ? 'LR'
+ : 'PR',
+ timestamp: Date.now(),
+ message: `Revealed ${this.name}`,
+ });
+ }
+
+ this.wasRevealed = true;
} else {
this.state = RevealableStates.HIDDEN;
}
diff --git a/src/ui/intro.ts b/src/ui/intro.ts
index 6ae9796..daf8541 100644
--- a/src/ui/intro.ts
+++ b/src/ui/intro.ts
@@ -54,16 +54,16 @@ export class Intro {
this.backgroundRef = document.querySelector('#intro-background');
this.experienceRef = document.querySelector('#intro-experience');
- this.fb1 = document.querySelector('#fb1');
- this.fb2 = document.querySelector('#fb2');
- this.fb3 = document.querySelector('#fb3');
- this.fb4 = document.querySelector('#fb4');
- this.fb5 = document.querySelector('#fb5');
- this.fb6 = document.querySelector('#fb6');
- this.fb7 = document.querySelector('#fb7');
- this.fb8 = document.querySelector('#fb8');
- this.fb9 = document.querySelector('#fb9');
- this.fb10 = document.querySelector('#fb10');
+ this.fb1 = document.querySelector('#fb-1');
+ this.fb2 = document.querySelector('#fb-2');
+ this.fb3 = document.querySelector('#fb-3');
+ this.fb4 = document.querySelector('#fb-4');
+ this.fb5 = document.querySelector('#fb-5');
+ this.fb6 = document.querySelector('#fb-6');
+ this.fb7 = document.querySelector('#fb-7');
+ this.fb8 = document.querySelector('#fb-8');
+ this.fb9 = document.querySelector('#fb-9');
+ this.fb10 = document.querySelector('#fb-10');
this.errorRef = document.querySelector('#intro-error');
@@ -180,6 +180,7 @@ export class Intro {
];
console.log(answers);
+ logger.logQuestions(answers);
}
private sendKnowledgeQuestionAnswers() {}