Document
개요
•
현재 제작된 AIDT는 중고등학생용이라 저학년이 사용하기에는 콘텐츠 종류나 UI 스타일에 있어서 보완이 필요한 상황이다.
•
AIDT 초등 교과 재검정과 엘살바도르 비딩에서 성과를 달성하기 위한 방법으로 초등 교과 콘텐츠 강화 및 스타일 변경을 계획하고 있다.
•
쉬워보이는 화면 구성이 중요하기 때문에 간격, 버튼의 형태, 컬러감 등에 대한 UI 변경을 진행한다.
솔루션
01. B2C UI 스타일
개발 항목
콘텐츠 영역 밖 컴포넌트 스타일, 크기 & 초등용 배경 → LMS에서 설정
콘텐츠 내부 패턴 추가 → CMS에서 설정 (액티비티마다 다르게 설정)
02. 블록 컴포넌트 UI 스타일 변경
02-1. 블록 UI 변경
•
답안 블록
1.
객관식 (채점O)
2.
주관식 (채점O)
3.
선택지 고르기
4.
빈칸 채우기
5.
빈칸 채우기 - 개선
6.
빈칸 맞추기
7.
대상 찾기
8.
그래프
9.
차트
10.
짝 맞추기
•
활동 블록
◦
객관식 (채점X)
◦
주관식 (채점X)
◦
말하기
◦
그리기
◦
외부 활동 삽입
◦
교사 활용형
•
콘텐츠 블록
◦
듣기파일
◦
지문
02-2. CMS 옵션 추가
1.
블록 스타일 옵션 추가
a.
1안) 블록에 스타일 옵션을 제공한다.i.
MC 제작 시 default 옵션 설정 기능까지 고려 필요
b.
2안) 옵션을 두지 말고 스타일 자체를 변경한다.
i.
→ 기존 교과서 영향도가 큼
2.
대지 크기 옵션 추가
a.
액티비티 제작 화면에서 대지의 크기를 보통/넓게 옵션을 주는 방향
3.
폰트 스타일, 크기 옵션 추가
a.
초등용에만 폰트 스타일과 크기를 키우는게 아니라 액티비티 제작 화면에서 폰트 종류를 설정할 수 있게 하는 방향은 어떨지 논의 필요
CMS
초등 타입 / 대지 크기 옵션 / 폰트 스타일, 크기 / 콘텐츠 내부 패턴 옵션 들어감
( kids 모드로 통일하기 보다 여러가지로 조합해서 쓰이는 방향)
1.
블록 스타일 옵션 추가
a.
블록별 UI 스타일을 설정할 수 있는 옵션이다.
b.
기본, 초등용 총 2가지 옵션을 제공한다.
참고 이미지
2.
대지 크기 옵션 추가
a.
액티비티 제작 화면에서 대지의 크기를 보통 / 넓게 옵션 제공
3.
폰트 스타일 서식 추가
a.
액티비티 제작 화면에 폰트 스타일 적용 UI 제공
4.
액티비티 배경 추가 (BE 작업 필요)
a.
기존 LMS 테마 설정 활용이 불가능한 이유는 액티비티마다 다르게 설정이 필요하기 때문에 CMS 단에서 설정이 필요함.
참고 이미지
5.
MC 생성 단계에서 타입을 일괄적으로 설정할 수 있다. (BE 작업 필요)
a.
블록마다 세부적으로 타입 설정 변경 가능
ex) MC 단에 초등 타입으로 설정 -> 블록마다 초등 / 일반으로 변경 가능
= 하나의 액티비티 안에 블록마다 타입이 다를 수 있음.
LMS
1.
CMS에서 설정한 스타일 타입 Study, Result mode 개발
2.
콘텐츠 영역 밖 배경 및 패턴 설정 (BE 작업 필요)
a.
LMS에서 설정
b.
현재 교실 구분은 ACRM에서 하고있음 (개발 여유가 된다면 LMS 교실 생성 시점에 타입 추가하는 방향으로 진행)
참고 이미지
→ 최종 우선순위
1.
CMS / 블록 스타일 적용
2.
CMS / 대지 크기
3.
LMS / study, result 모드 UI 개선
4.
CMS / 액티비티 배경 설정
5.
LMS / 학습하기 B2C 키즈 테마, 패턴 적용
6.
CMS / MC 생성시 타입 일괄 적용
왜 블록단위로 스타일 옵션을 지정해야하는가?
•
블록 에디터 툴은 확장성이 높은 시스템을 만든다를 기준으로 기획 및 개발을 진행해왔고 앞으로도 중요한 기준점이다.
•
단방향으로 개발이 되었을 때 추후에 변경을 해야하는 상황이 많아왔고 이런 부분을 최대한 발생시키지 않는 것 또한 블록 에디터 툴의 중요한 척도이다.
•
블록별 옵션을 설정하는 것과 일괄로 적용하는 것에 대한 개발 리소스가 크지 않는다라는 전제에서는 서비스의 확장성을 고려하여 블록별 옵션은 적용하는 안으로 개발을 진행하는 것이 시스템적으로는 더 나은 설계라고 생각한다.
•
디자인팀에서 우려했던 사용성은 서비스 확장성과는 별개로 MC단에 설정된 스타일을 적용 시 하위에서는 스타일 설정이 불가능하게 처리하는 방향으로도 충분히 풀 수 있다고 판단된다.