곰픽 [4-3][4-4] 채점시 레이어 이름을 검색할 경우 유사도 옵션 추가

This commit is contained in:
2025-06-27 17:52:33 +09:00
parent afe8b02625
commit 9aa1425d81
8 changed files with 640 additions and 447 deletions

View File

@@ -498,8 +498,8 @@
},
"4": {
"type": "layer.Effects",
"ele": "//Layer[Name[@value='{layer}']]/Effects/Item",
"layer": "Flower",
"ele": "//Layer[Name[@value='{search}']]/Effects/Item",
"search": "Flower",
"value": {
"name": "세피아",
"option": {
@@ -557,19 +557,21 @@
"point": 6
},
"11": {
"ele": "none",
"type": "none",
"ele": "",
"point": 0,
"desc": "기본설정"
},
"12": {
"ele": "none",
"type": "none",
"ele": "",
"point": 0,
"desc": "파일명 확인"
}
},
"5": {
"1": {
"type": "multi",
"type": "canvas.Size",
"ele": "//Document/Width/@value | //Document/Height/@value",
"value": [
"650",
@@ -579,7 +581,8 @@
"desc": "캔버스 사이즈 650*450"
},
"2": {
"ele": "none",
"type": "none",
"ele": "",
"point": 5,
"desc": "배경색 문항은 채점 불가"
},
@@ -587,10 +590,12 @@
"type": "exists",
"ele": "//Layer/MaskOpType/@value",
"value": "Layering",
"point": 6
"point": 6,
"desc": "레이어 마스크 설정 확인"
},
"4": {
"ele": "none",
"type": "none",
"ele": "",
"point": 6,
"desc": "가로방향 흐릿하게 문항은 채점 불가"
},
@@ -601,7 +606,7 @@
"point": 3
},
"6": {
"type": "size",
"type": "shape.size",
"ele": "//Layer//op_points",
"value": {
"width": 400,
@@ -611,13 +616,13 @@
"desc": "레이어 쉐이프 X, Y 좌표를 가지고 너비, 높이 계산하여 정답 채점"
},
"7": {
"type": "gradient",
"type": "gradient.color",
"ele": "//Layer/Shapes/Shape",
"startColor": "gradient_start_color/@value",
"endColor": "gradient_end_color/@value",
"value": {
"startColor": "ffe000",
"endColor": "34a159"
"endColor": "34A159"
},
"point": 6
},
@@ -647,11 +652,10 @@
"point": 3
},
"12": {
"type": "color",
"type": "text.color",
"ele": "//Layer//Shape[shape_type/@value='TEXT'][contains(draw_type/@value, 'Interior')]/secondary_color/@value",
"value": "b46ef8",
"point": 3,
"desc": "색상 코드 비교 시 소문자로 입력할 것"
"value": "b46Ef8",
"point": 3
},
"13": {
"type": "exists",
@@ -660,14 +664,15 @@
"point": 3
},
"14": {
"type": "color",
"type": "text.color",
"ele": "//Layer//Shape[shape_type/@value='TEXT'][contains(draw_type/@value, 'Outline')]/primary_color/@value",
"value": "ffffff",
"point": 3,
"desc": "색상 코드 비교 시 소문자로 입력할 것"
"point": 3
},
"15": {
"ele": "//Layer[MaskOpType/@value='Clipping'][last()]",
"type": "exists",
"ele": "//Layer/MaskOpType/@value",
"value": "Clipping",
"point": 6,
"desc": "클리핑 마스크 항목은 별도 레이어로 추가되고 해당 속성을 추가해놓은 레이어가 있는지 여부 체크 함"
},
@@ -675,11 +680,15 @@
"type": "exists",
"ele": "//Layer/Shapes/Shape/shape_type/@value",
"value": "RECTANGLE",
"point": 3
"point": 3,
"desc": {
"사각형": "RECTANGLE"
}
},
"17": {
"type": "size",
"ele": "//Layer//op_points",
"type": "clipping.size",
"ele": "//Layer//Shape[shape_type/@value='{option}']//op_points",
"option": "RECTANGLE",
"value": {
"width": 150,
"height": 150
@@ -689,27 +698,32 @@
},
"18": {
"type": "exists",
"ele": "//Layer//outline_peninfo/Width/@value",
"ele": "//Layer//Shape[shape_type/@value='{option}']/outline_peninfo/Width/@value",
"option": "RECTANGLE",
"value": "7",
"point": 3
},
"19": {
"type": "color",
"ele": "//Layer//Shape[contains(draw_type/@value, 'Outline')]/primary_color/@value",
"type": "clipping.color",
"ele": "//Layer//Shape[shape_type/@value='{option}' and contains(draw_type/@value, 'Outline')]/primary_color/@value",
"option": "RECTANGLE",
"value": "e8e88e",
"point": 3,
"desc": "색상 코드 비교 시 소문자로 입력할 것(채우기:secondary_color, 외곽선:primary_color)"
"desc": "채우기:secondary_color, 외곽선:primary_color"
},
"20": {
"type": "shadow",
"ele": {
"ele": "//Layer//Shape[shape_type/@value='{option}']",
"ele2": {
"shadow": "//Layer//Shape[contains(draw_type/@value, 'Shadow')]",
"width": "//Layer//Shape[contains(draw_type/@value, 'Shadow')]/shadow_width/@value",
"distance": "//Layer//Shape[contains(draw_type/@value, 'Shadow')]/shadow_distance/@value",
"blur": "//Layer//Shape[contains(draw_type/@value, 'Shadow')]/shadow_blur/@value",
"angle": "//Layer//Shape[contains(draw_type/@value, 'Shadow')]/shadow_angle/@value"
},
"option": "RECTANGLE",
"value": {
"shadow": true,
"width": "3",
"distance": "5",
"blur": "1",
@@ -719,12 +733,14 @@
"desc": "그림자 속성이 있는 경우 그림자 속성의 너비, 거리, 흐림 정도, 각도를 비교하여 정답 채점"
},
"21": {
"ele": "none",
"type": "none",
"ele": "",
"point": 0,
"desc": "기본설정"
},
"22": {
"ele": "none",
"type": "none",
"ele": "",
"point": 0,
"desc": "파일명 확인"
}

View File

@@ -11,16 +11,24 @@ const stringSimilarity = require("string-similarity");
*/
function findSimilarString(xmlDoc, targetString, threshold = 0.8) {
// XML 내부의 비교 대상 텍스트 리스트 찾기
function getTextNodes(xmlDoc, stringList = []) {
const stringNodes = xpath.select("//CRCUnitArr/@Name", xmlDoc);
stringNodes.forEach(stringNode => {
stringList.push(stringNode.value);
function getTextNodes(xmlDoc, paths = ["//CRCUnitArr/@Name"]) {
const stringList = [];
paths.forEach(path => {
const nodes = xpath.select(path, xmlDoc);
nodes.forEach(node => {
stringList.push(node.value);
});
});
return stringList;
}
// XML에서 모든 텍스트 추출
const stringList = getTextNodes(xmlDoc);
const stringList = getTextNodes(xmlDoc, [
"//CRCUnitArr/@Name",
"//Layer/Name/@value",
]);
// 유사도 비교하여 가장 유사한 문자열 찾기
let bestMatch = null;

View File

@@ -1,5 +1,8 @@
const xpath = require('xpath');
const { DOMParser } = require('xmldom');
const _ = require('lodash');
const findSimilarString = require('./findSimilarString');
function parseColorToHex(colorString) {
// 정규식을 사용하여 B, G, R, A 값 추출
@@ -49,47 +52,69 @@ function getGpdpScore(gpdpData, scoringJson, index) {
const {
tolerance = 0, // 숫자 비교 시 허용 오차
type = 'auto', // 'auto' | 'number[]' | 'string[]' | 'object' | 'primitive'
partial = false,
} = options;
if (type === 'force-correct') {
isEqual = true;
score = point;
}
else if (Array.isArray(right) && Array.isArray(user)) {
if (right.length === user.length) {
if
(type === 'number[]' ||
(type === 'auto' && typeof right[0] === 'number')) {
isEqual = right.every((val, idx) => Math.abs(val - user[idx]) <= tolerance);
}
else if
(type === 'string[]' ||
(type === 'auto' && typeof right[0] === 'string')) {
isEqual = right.every((val, idx) => val === user[idx]);
// 객체 비교
else if (
(type === 'object' || (type === 'auto' && typeof right === 'object' && typeof user === 'object'))
&& !Array.isArray(right)
) {
if (partial) {
const keys = Object.keys(right);
const partialPoint = point / keys.length;
for (const k of keys) {
if (_.isEqual(user[k], right[k])) {
score += partialPoint;
}
}
} else {
if (_.isEqual(user, right)) {
score = point;
}
else if
(type === 'object' ||
(type === 'auto' && typeof right === 'object' && typeof user === 'object')) {
isEqual = JSON.stringify(user) === JSON.stringify(right);
}
else {
isEqual = user == right; // primitive 비교
}
if (isEqual) {
// 배열 비교
else if (Array.isArray(right) && Array.isArray(user)) {
if (right.length === user.length) {
if (type === 'number[]' || (type === 'auto' && typeof right[0] === 'number')) {
if (right.every((val, idx) => val === user[idx])) {
score = point;
console.log('작성답안: ', user);
console.log('>⭕ 정답: ', right);
} else {
console.log('작성답안: ', user);
console.log('>❌ 오답: ', right);
}
} else if (type === 'string[]' || (type === 'auto' && typeof right[0] === 'string')) {
if (right.every((val, idx) => val === user[idx])) {
score = point;
}
}
}
}
// 원시값 비교
else {
if (user == right) {
score = point;
}
}
console.log(`▶ 작성답안:`, user);
if (score > 0) {
if (partial)
console.log('⭕부분정답:', right, `(${score}/${point})`);
else
console.log('⭕ 정답 : ', right, `(${score}/${point})`);
}
else {
console.log(`❌ 오답:`, right);
}
scoringResult[key] = score;
// totalScore += score;
return score;
}
const gpdpXmlDoc = gpdpData;
const scoringResult = {};
@@ -109,9 +134,10 @@ function getGpdpScore(gpdpData, scoringJson, index) {
// 채점기준표 문항별 분류
for (const key in scoringData) {
console.log(`[❔]문제번호 : [${index}-${key}]`)
let ele = scoringData[key].ele;
let ele2 = scoringData[key].ele2;
let existEle = scoringData[key].existEle;
const rightAnswer = scoringData[key].value;
const point = scoringData[key].point;
const type = scoringData[key].type;
@@ -127,19 +153,26 @@ function getGpdpScore(gpdpData, scoringJson, index) {
ele = typeof ele === 'string' ? ele.replace(/{option}/g, option) : ele;
ele = typeof ele === 'string' ? ele.replace(/{style}/g, style) : ele;
// search 값이 undefined 아니면 ele의 {search}부분을 search로 치환
/**
* JSON파일 곰믹스 5번문항/22번 문항
* type : "video" 인 항목들
* GPString태그 VID7속성 찾는 xpath구문
* CRCUnitArr태그 Name속성 찾는 구문으로 변환
* > 멀티라인 텍스트 유사도 판별하기 어려움
*/
if (search !== undefined) {
let result = findSimilarString(gpdpXmlDoc, search, 0.8)
// xpath 내부 "(큰따옴표) 필터링
let result = findSimilarString(gpdpXmlDoc, search, 0.8);
if (result !== null) {
result = result.replace(/"/g, "'");
search = result;
ele = ele?.replace(/{search}/g, search);
}
ele = ele.replace(/{search}/g, result);
if (existEle !== undefined) {
existEle = existEle.replace(/{search}/g, result);
else {
ele = ele?.includes('{search}') ? null : ele;
}
}
console.log(`❔문제번호 : [4-${key}]`)
if (type === "none") {
console.log("❌ 채점하지 않음");
@@ -162,17 +195,34 @@ function getGpdpScore(gpdpData, scoringJson, index) {
else if (type === "layer.Exists") {
const layerNameList = xpath.select(ele, gpdpXmlDoc);
const layerNames = layerNameList.map(layer => layer.value);
console.log("🚀 ~ getGpdpScore ~ layerNames:", layerNames);
let isMatched = false
// userAnswer = layerNames.find(name => name === rightAnswer);
for (const layerName of layerNames) {
if (layerName.trim().toLowerCase() === rightAnswer.trim().toLowerCase()) {
userAnswer = layerName;
break;
// for (const layerName of layerNames) {
// if (layerName.trim().toLowerCase() === rightAnswer.trim().toLowerCase()) {
// userAnswer = layerName;
// isMatched = true;
// break;
// }
// }
// if (isMatched) {
// totalScore += compareAndScore(userAnswer, rightAnswer, point, key, scoringResult);
// }
let result = findSimilarString(gpdpXmlDoc, rightAnswer, 0.8);
if (result !== null) {
userAnswer = result;
isMatched = true;
}
if (isMatched) {
totalScore += compareAndScore(userAnswer, rightAnswer, point, key, scoringResult, {
type: 'force-correct'
});
}
else {
totalScore += compareAndScore(userAnswer, rightAnswer, point, key, scoringResult);
continue;
}
}
// [1-4] 사진1 > 조정
@@ -245,7 +295,7 @@ function getGpdpScore(gpdpData, scoringJson, index) {
const vibranceValue = xpath.select1('VibranceValue/@value', effectData)?.value;
// 생동감 옵션값이 프로그램에서 적용한 값에 오차가 발생하는 경우가 있음
// 곰픽>XML / 30>29 / 40>39
// 설정한 값 그대로 적용되는 경우도 있어서 오차범위 설정
// 설정한 값 그대로 적용되는 경우도 있어서 오차범위 2로 설정
const userValue = parseInt(vibranceValue, 10);
const rightValue = parseInt(rightAnswer.option['생동감'], 10);
@@ -277,29 +327,40 @@ function getGpdpScore(gpdpData, scoringJson, index) {
continue;
}
// [1-6][1-7]
//
else if (type === "exists") {
const existsValues = xpath.select(ele, gpdpXmlDoc);
let isMatched = false;
for (const v of existsValues) {
// 하나라도 일치하면 정답
if (v.value === rightAnswer) {
userAnswer = v.value;
isMatched = true;
break;
}
}
// if (isMatched) {
// }
// else {
// }
totalScore = compareAndScore(userAnswer, rightAnswer, point, key, scoringResult);
}
else if (type === "shape.size") {
// else if (type === "shape.size") {
else if (type.includes("size")) {
const items = xpath.select(ele, gpdpXmlDoc);
let isMatched = false;
// 각 Item 요소별 x,y 좌표 시작점과 끝점의 거리를 계산해 정답과 비교
for (const item of items) {
const x1 = Number(xpath.select1('Item[1]/X/@value', item)?.value);
const x2 = Number(xpath.select1('Item[last()]/X/@value', item)?.value);
const y1 = Number(xpath.select1('Item[1]/Y/@value', item)?.value);
const x2 = Number(xpath.select1('Item[last()]/X/@value', item)?.value);
const y2 = Number(xpath.select1('Item[last()]/Y/@value', item)?.value);
const width = Math.round(Math.abs(x2 - x1));
@@ -309,26 +370,72 @@ function getGpdpScore(gpdpData, scoringJson, index) {
width: width,
height: height,
};
// 하나라도 일치하면 정답
if (JSON.stringify(userAnswer) == JSON.stringify(rightAnswer)) {
isMatched = true;
break;
}
}
totalScore = compareAndScore(userAnswer, rightAnswer, point, key, scoringResult);
continue;
}
// [1-8]
else if (type === "shape.color") {
else if (type.includes("color")) {
const items = xpath.select(ele, gpdpXmlDoc);
let normalizedAnswer = null;
let isMatched = false;
for (const item of items) {
const color = parseColorToHex(item.value);
userAnswer = color;
if (type.includes('gradient')) {
const startColorXpath = scoringData[key].startColor;
const endColorXpath = scoringData[key].endColor;
const startColorRGB = xpath.select1(startColorXpath, item).value;
const endColorRGB = xpath.select1(endColorXpath, item).value;
const startColor = parseColorToHex(startColorRGB);
const endColor = parseColorToHex(endColorRGB);
userAnswer = {
startColor: startColor,
endColor: endColor,
}
const normalizedRA = rightAnswer.toLowerCase?.();
totalScore = compareAndScore(userAnswer, normalizedRA, point, key, scoringResult);
// JSON파일에서 대문자로 입력된 경우 소문자로 변환
normalizedAnswer = {
startColor: rightAnswer.startColor.toLowerCase(),
endColor: rightAnswer.endColor.toLowerCase(),
}
// 하나라도 일치하면 정답
if (JSON.stringify(userAnswer) == JSON.stringify(normalizedAnswer)) {
isMatched = true;
break;
}
}
// else if (type.includes('shape') || type.includes('text') || type.includes('clipping')) {
else {
const color = parseColorToHex(item.value);
userAnswer = color;
normalizedAnswer = rightAnswer.toLowerCase?.();
// 하나라도 일치하면 정답
if (userAnswer === normalizedAnswer) {
isMatched = true;
break;
}
}
}
totalScore = compareAndScore(userAnswer, normalizedAnswer, point, key, scoringResult);
}
else if (type === 'layer.blend.opacity') {
const layers = xpath.select(ele, gpdpXmlDoc);
let isMatched = false;
for (const layer of layers) {
const blendop = xpath.select1('BlendOp/@value', layer).value;
@@ -338,10 +445,63 @@ function getGpdpScore(gpdpData, scoringJson, index) {
BlendOp: blendop,
Opacity: opacity,
}
// 하나라도 일치하면 정답
if (JSON.stringify(userAnswer) == JSON.stringify(rightAnswer)) {
isMatched = true;
break;
}
}
totalScore = compareAndScore(userAnswer, rightAnswer, point, key, scoringResult);
continue;
}
// [5-20]
else if (type === 'shadow') {
const shapes = xpath.select(ele, gpdpXmlDoc);
for (const shape of shapes) {
// 그림자 설정 여부
const shadowExists = xpath.select1('contains(draw_type/@value, "Shadow")', shape);
// Shadow 옵션이 있다면
if (shadowExists) {
// 두께
const width = xpath.select1('shadow_width/@value', shape).value;
// 거리
const distance = xpath.select1('shadow_distance/@value', shape).value;
// 분산도
const blur = xpath.select1('shadow_blur/@value', shape).value;
// 각도
const angle = xpath.select1('shadow_angle/@value', shape).value;
userAnswer = {
shadow: shadowExists,
width: width,
distance: distance,
blur: blur,
angle: angle,
}
}
else {
userAnswer = {
shadow: shadowExists,
width: null,
distance: null,
blur: null,
angle: null,
}
}
}
console.log("🚀 ~ userAnswer:", userAnswer);
console.log("🚀 ~ rightAnswer : ", rightAnswer)
totalScore += compareAndScore(userAnswer, rightAnswer, point, key, scoringResult, {
partial: true
})
continue;
}
else if (type == "boolean") {
const items = xpath.select(ele, gpdpXmlDoc);
@@ -562,7 +722,7 @@ function getGpdpScore(gpdpData, scoringJson, index) {
totalScore += result.length > 0 ? point : 0;
scoringResult[key] = result.length > 0 ? point : 0;
}
}
scoringResult['총점'] = totalScore;
return scoringResult;
}
scoringResult['총점'] = totalScore;
return scoringResult;
}

8
package-lock.json generated
View File

@@ -10,6 +10,7 @@
"license": "ISC",
"dependencies": {
"jsonpath": "^1.1.1",
"loadsh": "^0.0.4",
"psd": "^3.4.0",
"string-similarity": "^4.0.4",
"xlsx": "^0.18.5",
@@ -209,6 +210,13 @@
"node": ">= 0.8.0"
}
},
"node_modules/loadsh": {
"version": "0.0.4",
"resolved": "https://registry.npmjs.org/loadsh/-/loadsh-0.0.4.tgz",
"integrity": "sha512-U+wLL8InpfRalWrr+0SuhWgGt10M4OyAk6G8xCYo2rwpiHtxZkWiFpjei0vO463ghW8LPCdhqQxXlMy2qicAEw==",
"deprecated": "This is a typosquat on the popular Lodash package. This is not maintained nor is the original Lodash package.",
"license": "MIT"
},
"node_modules/lodash": {
"version": "4.17.21",
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",

View File

@@ -12,6 +12,7 @@
"license": "ISC",
"dependencies": {
"jsonpath": "^1.1.1",
"loadsh": "^0.0.4",
"psd": "^3.4.0",
"string-similarity": "^4.0.4",
"xlsx": "^0.18.5",

View File

@@ -9,8 +9,8 @@ const { DOMParser } = require('xmldom');
const findSimilarString = require('./findSimilarString');
const getGpdpScore = require('./gpdpScoring.js');
const getToday = require('./getToday.js');
const { userInfo } = require('os');
const { get } = require('http');
// const { userInfo } = require('os');
// const { get } = require('http');
const todayDate = getToday();
const examRound = '2504';

View File

@@ -1 +1 @@
[{"kind":2,"language":"xpath","value":"//Layer[Name[@value='Tracking']]/Effects/Item/Name/@value"},{"kind":2,"language":"xpath","value":"sum(//CRTrackList[@Name='텍스트' or @Name='비디오2']/CRTrackClip[@ClipIndex=0]/preceding-sibling::CRTrackClip/@Length)"},{"kind":2,"language":"xpath","value":"//CROwneUnit/CRCUnitArr[@Name=\"아름다운 꽃 축제 (Happy Flower Festival)\"]/@Name"},{"kind":2,"language":"xpath","value":"//Layer[Name[@value='{layer}']]/Effects/Item[EffectData/{option}]/Name/@value | //Layer[Name[@value='{layer}']]/Effects/Item/EffectData/{option}/@value"},{"kind":2,"language":"xpath","value":"//CRTrackList[@Name='비디오1']/CRTrackClip[@ClipIndex='3']/@Length"},{"kind":2,"language":"xpath","value":"//CRTransFilter[@ClipIndex=count(//CRTrackList[@Name='비디오1']/CRTrackClip[@ClipIndex=count(//CRClip[@Path='이미지3.jpg']/preceding-sibling::CRClip | //CRClip[@Type='11']/CRCUnitArr[@Path='이미지3.jpg']/../preceding-sibling::CRClip)][1]/preceding-sibling::CRTrackClip)][@Type='2']/@*[name()='ID' or name()='Range' or name()='Type']"},{"kind":2,"language":"xpath","value":"//Document/Width/@value | //Document/Height/@value"},{"kind":2,"language":"xpath","value":"//Layer[Name[@value='Flower']]/Effects/Item[EffectData/VibranceValue]/(Name/@value | EffectData/VibranceValue/@value)"},{"kind":2,"language":"xpath","value":"//Layer[Name[@value='Flower']]/Effects/Item[EffectData/VibranceValue]/Name/@value | //Layer[Name[@value='Flower']]/Effects/Item/EffectData/VibranceValue/@value"}]
[{"kind":2,"language":"xpath","value":"//Layer[Name[@value='Tracking']]/Effects/Item/Name/@value"},{"kind":2,"language":"xpath","value":"sum(//CRTrackList[@Name='텍스트' or @Name='비디오2']/CRTrackClip[@ClipIndex=0]/preceding-sibling::CRTrackClip/@Length)"},{"kind":2,"language":"xpath","value":"//CROwneUnit/CRCUnitArr[@Name=\"아름다운 꽃 축제 (Happy Flower Festival)\"]/@Name"},{"kind":2,"language":"xpath","value":"//Layer[Name[@value='{layer}']]/Effects/Item[EffectData/{option}]/Name/@value | //Layer[Name[@value='{layer}']]/Effects/Item/EffectData/{option}/@value"},{"kind":2,"language":"xpath","value":"//CRTrackList[@Name='비디오1']/CRTrackClip[@ClipIndex='3']/@Length"},{"kind":2,"language":"xpath","value":"//CRTransFilter[@ClipIndex=count(//CRTrackList[@Name='비디오1']/CRTrackClip[@ClipIndex=count(//CRClip[@Path='이미지3.jpg']/preceding-sibling::CRClip | //CRClip[@Type='11']/CRCUnitArr[@Path='이미지3.jpg']/../preceding-sibling::CRClip)][1]/preceding-sibling::CRTrackClip)][@Type='2']/@*[name()='ID' or name()='Range' or name()='Type']"},{"kind":2,"language":"xpath","value":"//Layer[MaskOpType/@value='Clipping']"},{"kind":2,"language":"xpath","value":"//Layer//Shape[shape_type/@value='RECTANGLE' and contains(draw_type/@value, 'Outline')]/primary_color/@value"},{"kind":2,"language":"xpath","value":"//Layer[Name[@value='Flower']]/Effects/Item[EffectData/VibranceValue]/Name/@value | //Layer[Name[@value='Flower']]/Effects/Item/EffectData/VibranceValue/@value"}]