[DE] 표 그리기

배경

AIDT 본 심사 결과
콘텐츠 표 그리기 없어서 주관식을 많이 쓴 경우
스크롤이 생겨서 한 화면을 줄어달라는 요청
초등학교의 경우 주관식이 단조롭다는 의견
콘텐츠 팀의 리소스 소모
표를 그리기 위해 현재는 파워포인트나 그림판으로 제작 중

문제 정의

‘이미지 형식으로 되어있는 표’와 ‘표 내부에 값을 입력하여 정답입력’ 을 해야 하는 컨텐츠가 특히 초등용 상황에 자주 발생하고 있으나 현재는 제공되어 있지 않아 직접 이미지로 만들어야 하는 문제가 있고, 이미지로 만들어야 하기 때문에 정답을 표 내에 입력할 수 없는 상태입니다.
예시 컨텐츠
그림 그래프

히스토리 (기존 정책)

 답안형, 활동형 답안 블록은 반드시 문항 번호 내 포함해야 한다.
 활동형의 경우 문항 번호에 1개 이상의 활동 블록을 추가할 수 있다. (문항번호 + n개의 활동 블록)
 답안형의 경우 문항 번호에 1개의 답안 블록을 추가할 수 있다. (문항번호 + 1개의 답안 블록) (1개의 질문에 2개의 답안 블록이 있을 수 없어요!)

액티비티 타입 유형

1.
문항 세트 (문항번호 + 질문 + {답안 블럭 ll 활동 블럭})
답안형 블록
채점이 가능
객관식
주관식
선택지 고르기
빈칸 채우기
빈칸 채우기 - 개선
빈칸 맞추기
대상 찾기
그래프
차트
짝 맞추기
활동형 블록
채점이 불가능
객관식
주관식
말하기
그리기
외부 활동 삽입
교사 활용
2.
컨텐츠 블록
단순 텍스트와 함께 추가 자료형으로 사용
이미지
비디오
첨부파일
듣기파일
지문
3.
텍스트 서식
에디터 내 기본 텍스트 입력 시 나타나는 툴바 내 서식
폰트 사이즈 조정 / 굵기 / 기울기 / 밑줄 / 그룹(자동개행막기) / 번역 차단 / Box / 하이퍼링크 / 텍스트 색상 / 배경 색상 / 인덴트 / 텍스트 얼라인 / 기호 / 빈칸 만들기
4.
서식
토글
고정
5.
기타
a.
해설

답안 제출 유형

AC
학생 화면
답안 블록 O
결과 보기 버튼
정오답 여부 판단
문항 번호 X
바로 완료
문항 번호 O, 답안 블록 X
제출하기
완료 처리

솔루션

블록형태의 표 그리기 추가
주요 기능
표 생성
행 개수 지정
열 개수 지정
최대 개수 지정
표 수정/삭제
표 크기 조정
행 추가/삭제
열 추가/삭제
셀 병합/분할
표 전체 삭제
행 이동
열 이동
열 균등 맞춤
표 정렬 (전체 텍스트 정렬)
표 복사
셀 내용 편집/삭제
셀 배경색
텍스트 입력 및 스타일링 : 글꼴, 색상, 크기, 정렬, 굵게/기울임/밑줄, Latex
헤더 행
헤더 열
번호매기기 열
셀 내부 타입
텍스트
이미지 삽입
빈칸 채우기
빈칸 맞추기
기타 기능
키보드 단축키 : 셀 이동, 편집, 추가/삭제를 빠르게 수행
채점 기능
이미지 삽입
빈칸 채우기 - 개선
대괄호

오답 단어 = 힌트

빈칸 맞추기

기간

2025년 1월 31일 금요일

고려사항

위 주요 정책사항을 확인했을 때, 텍스트 서식 안에 표 그리기 추가를 하는 것에는 다음과 같은 고려사항이 있습니다.
텍스트 서식은 자유도가 높아 텍스트가 들어가는 곳에 모두 사용 가능
문항 번호
질문
빈칸 채우기 답안 블록
선택지 고르기 답안 블록
서식 - 토글
토글의 제목
토글의 내용
서식 - 고정
객관식 블록 정답 번호 입력 리스트 내
⇒ 모든 텍스트 케이스에서 테이블을 사용했을 때, 테이블 셀 내 정답을 측정할 수 있는 (빈칸,선택지 등) 을 추가할 경우 기존 정답 측정과 충돌할 수 있습니다. x
코드 작업량
기획 전 챙길 수 있는 부분
신규 유형의 블록 Node 추가
답안 블록형 테이블
컨텐츠 블록 테이블
BE 작업은?
타입 추가 정도일듯, 확인 필요

No-gos

일정에 따른 우선순위와 스콥조정으로 중요하지 않는 기능들을 포함하지 않음

결정사항

콘텐츠 팀에서 표를 추가하는 경우는 두 가지 유형
첫째, 표 내부에 답을 입력하고 이를 통해 답안을 평가받는 상호작용형
둘째, 단순히 콘텐츠로서 정보를 제공하기 위한 표 그리기

Figma

SDP

2월 28일

상대 너비 옵션이 추가되어야 한다. = 재사용성을 위해서
기존 표 그리기가 표 문항에서도 재사용이 되어야 한다. = 추후를 위해서

표 문항 요구사항

테이블 전체는 100% 너비
그 안에서 셀들의 너비를 조정할 수 있어야 한다.
셀의 최소 너비는 50px이다.
셀 추가 갯수의 제한을 바꿀 수 있다 → 화면에서 터지지 않도록 = 형태를 항상 유지해야한다. = UX 적으로 짜침 없어야한다.

협의 사항

표 삭제 강조 표시

→ 일정의 한계로 우선은 제외
스펙을 만족하기엔 금일 오후 3시 배포까지 일정이 촉박하여 제외 요청을 드렸습니다.
친절한 가이드이지만 드랍다운 패널을 강렬하게 강조해서 사용자에게 어떤 액션인지 명시하고 있기 때문에 괜찮다 라는 하늘님의 의견이 있었습니다.

표 문항

기존에 개발한 표 그리기를 최대한 공통화 하는 방향으로 표 문항 개발을 진행하기로 협의 되었습니다.
2월 28일(금) 하루동안 성민님과의 협의로 공통화할 수 있는 방향을 찾아볼 예정입니다.