How should I arrange the pupils in each room?",
pupils: 7,
rooms: [
{
room: "Music Room",
image: "Music-Room.png",
max: 4,
min: 1,
},
{
room: "Classroom",
image: "Class-Room.png",
max: 4,
min: 1,
},
],
},
"Task A": {
scenario: "There are 16 pupils and there are 4 rooms. Each room cannot take more than 4 pupils.
How should I arrange the pupils in each room?",
pupils: 16,
rooms: [
{
room: "Music Room",
image: "Music-Room.png",
max: 4,
min: 1,
},
{
room: "Classroom",
image: "Class-Room.png",
max: 4,
min: 1,
},
{
room: "Computer Room",
image: "Computer-Room.png",
max: 4,
min: 1,
},
{
room: "Art Room",
image: "Math-Room.png",
max: 4,
min: 1,
},
],
},
"Task B": {
scenario: "There are 18 pupils and there are 5 rooms. Each room cannot take more than 4 pupils.
How should I arrange the pupils in each room?
Find as many ways to arrange the students.",
pupils: 18,
rooms: [
{
room: "Music Room",
image: "Music-Room.png",
max: 4,
min: 1,
},
{
room: "Classroom",
image: "Class-Room.png",
max: 4,
min: 1,
},
{
room: "Computer Room",
image: "Computer-Room.png",
max: 4,
min: 1,
},
{
room: "Art Room",
image: "Art-Room.png",
max: 4,
min: 1,
},
{
room: "Math Room",
image: "Math-Room.png",
max: 4,
min: 1,
},
],
}
}
]]>
room.count = 0);
scenarios[selectedScenario].rooms.forEach(room => room["Chinese-Female.png"] = 0);
scenarios[selectedScenario].rooms.forEach(room => room["Chinese-Male.png"] = 0);
scenarios[selectedScenario].rooms.forEach(room => room["Eurasian-Female.png"] = 0);
scenarios[selectedScenario].rooms.forEach(room => room["Eurasian-Male.png"] = 0);
scenarios[selectedScenario].rooms.forEach(room => room["Malay-Female.png"] = 0);
scenarios[selectedScenario].rooms.forEach(room => room["Malay-Male.png"] = 0);
scenarios[selectedScenario].rooms.forEach(room => room["Indian-Female.png"] = 0);
scenarios[selectedScenario].rooms.forEach(room => room["Indian-Male.png"] = 0);
roomX = [];
roomY = [];
roomImage = [];
textX = [];
textY = [];
roomText = [];
let numOfRooms = scenarios[selectedScenario].rooms.length;
let currentY = 0.85;
let roomIndex = 0;
while (roomIndex < numOfRooms) {
let roomsInRow = Math.min(3, numOfRooms - roomIndex);
let xCoords;
if (roomsInRow === 1) {
xCoords = [0.5];
} else if (roomsInRow === 2) {
xCoords = [0.3, 0.7];
} else {
xCoords = [0.15, 0.5, 0.85];
}
for (let i = 0; i < roomsInRow; i++) {
roomX.push(xCoords[i]);
roomY.push(currentY);
scenarios[selectedScenario].rooms[roomIndex].x = xCoords[i];
scenarios[selectedScenario].rooms[roomIndex].y = currentY;
roomImage.push("./rooms/" + scenarios[selectedScenario].rooms[roomIndex].image);
textX.push(xCoords[i]);
textY.push(currentY - 0.15);
roomText.push(scenarios[selectedScenario].rooms[roomIndex].room);
roomIndex++;
}
currentY -= 0.3;
}
}
function initPupils() {
pupils.forEach(pupil => pupil.room = '');
pupilX = [];
pupilY = [];
pupilImage = [];
let numOfPupils = scenarios[selectedScenario].pupils;
let currentY = 0.25;
let pupilIndex = 0;
while (pupilIndex < numOfPupils) {
let pupilsInRow = Math.min(9, numOfPupils - pupilIndex);
let xCoords = [];
for (let i = 0; i < pupilsInRow; i++) {
xCoords.push((i + 1) / 10);
}
for (let i = 0; i < pupilsInRow; i++) {
pupilX.push(xCoords[i]);
pupilY.push(currentY);
pupils[pupilIndex].x = xCoords[i];
pupils[pupilIndex].y = currentY;
pupilImage.push("./pupils/" + pupils[pupilIndex].image);
pupilIndex++;
}
currentY -= 0.15;
}
}
]]>
= roomX - halfSize && x <= roomX + halfSize && y >= roomY - halfSize && y <= roomY + halfSize) {
return;
}
}
for (let i = 0; i < rooms.length; i++) {
if (rooms[i].room === currentRoomName && rooms[i].hasOwnProperty('count')) {
rooms[i].count -= 1;
rooms[i][pupils[index].image] -= 1;
pupils[index].room = '';
break;
}
}
}
for (let i = 0; i < rooms.length; i++) {
let room = rooms[i];
let roomX = room.x;
let roomY = room.y;
let halfSize = 0.15;
if (x >= roomX - halfSize && x <= roomX + halfSize && y >= roomY - halfSize && y <= roomY + halfSize) {
if (!room.hasOwnProperty('count')) {
room.count = 0;
room[pupils[index].image] = 0;
}
pupils[index].room = room.room;
room.count += 1;
room[pupils[index].image] += 1;
}
}
}
]]>
{
// checkCount += room.count;
// currentAttempt.push(`${room.room}: ${room.count} pupils`);
// });
scenarios[selectedScenario].rooms.forEach(room => {
checkCount += room.count;
const pupilDescriptions = [];
for (const [key, value] of Object.entries(room)) {
if (key.endsWith(".png") && value > 0) {
const [ethnicity, genderWithExt] = key.split("-");
const gender = genderWithExt.replace(".png", "");
const shortCode = ethnicity[0] + gender[0]; // e.g. Chinese Female → CF
pupilDescriptions.push(`${value} ${shortCode}`);
}
}
if (pupilDescriptions.length > 0) {
currentAttempt.push(`${room.room}: ${pupilDescriptions.join(", ")}`);
}
});
if (!pastAttemptsByScenario[selectedScenario]) {
pastAttemptsByScenario[selectedScenario] = {
attemptsTakenToComplete: 0,
completed: false,
log: [],
timeTakenToComplete: "Did not complete"
};
}
if (!pastAttemptsByScenario[selectedScenario].completed) {
pastAttemptsByScenario[selectedScenario].attemptsTakenToComplete += 1;
}
pastAttemptsByScenario[selectedScenario].log.push({
attempt: currentAttempt,
timeStamp: `${Math.floor((new Date() - scenarioStartTime) / 1000 / 60)}m ${Math.floor((new Date() - scenarioStartTime) / 1000 % 60)}s`,
correct: false
})
try {
if (checkCount != scenarios[selectedScenario].pupils) {
alert("There is an error. Read the question again!");
return;
}
for (let room of scenarios[selectedScenario].rooms) {
if (room.count < room.min || room.count > room.max) {
alert("There is an error. Read the question again!");
return;
}
}
alert("Congrats! You did it, now try a different approach or a different scenario!");
if (!pastAttemptsByScenario[selectedScenario].completed) {
pastAttemptsByScenario[selectedScenario].completed = true;
pastAttemptsByScenario[selectedScenario].timeTakenToComplete = pastAttemptsByScenario[selectedScenario].log[pastAttemptsByScenario[selectedScenario].log.length-1].timeStamp
score += 1;
}
pastAttemptsByScenario[selectedScenario].log[pastAttemptsByScenario[selectedScenario].log.length-1].correct = true;
} finally {
console.log(pastAttemptsByScenario);
let attemptLogHtml = '';
pastAttemptsByScenario[selectedScenario].log.forEach((log, index) => {
attemptLogHtml += 'Attempt ' + (index + 1) +
': Pupils Arranged: ' + log.attempt.join(', ') +
'; Pupils were arranged ' +
(log.correct ? 'correctly' : 'incorrectly') +
'; Time Stamp: ' + log.timeStamp + '
';
});
const feedback =
'' +
'' +
'Total Attempts Taken To Complete: ' + pastAttemptsByScenario[selectedScenario].attemptsTakenToComplete + '
' +
'Managed To Complete: ' + pastAttemptsByScenario[selectedScenario].completed + '
' +
'Total Time Taken to Complete: ' + pastAttemptsByScenario[selectedScenario].timeTakenToComplete + '
' +
'Attempt Log:
' +
attemptLogHtml +
'' +
'';
console.log(feedback)
console.log(score)
storeState({score, feedback});
reset();
}
}
function displayPastAnswers() {
const pastAnswersDiv = document.getElementById("pastAttempts");
pastAnswersDiv.innerHTML = "";
for (let scenario in pastAttemptsByScenario) {
let scenarioDiv = document.createElement("div");
scenarioDiv.innerHTML = `${scenario}:
`;
let attemptsContainer = document.createElement("div");
attemptsContainer.style.display = "flex";
attemptsContainer.style.flexWrap = "wrap";
pastAttemptsByScenario[scenario].forEach((attempt, index) => {
let attemptDiv = document.createElement("div");
attemptDiv.innerHTML = `Attempt ${index + 1}:
${attempt.join('
')}`;
attemptDiv.style.padding = "10px";
attemptDiv.style.width = "200px";
attemptDiv.style.textAlign = "left";
attemptsContainer.appendChild(attemptDiv);
});
scenarioDiv.appendChild(attemptsContainer);
pastAnswersDiv.appendChild(scenarioDiv);
}
}
]]>