MAIC-UI: 생성형 UI 를 활용한 인터랙티브 교재 제작

인터랙티브 STEM 교재를 만드는 것은 전통적으로 HTML/CSS/JavaScript 전문 지식을 필요로 하여 교육자들에게 장벽이 되었습니다. 생성형 AI 는 HTML 코드를 생성할 수 있지만, 기존 도구들은 정적 프레젠테이션을 생성할 뿐 인터랙티브 시뮬레이션은 구현하지 못하며, 긴 문서 처리에 어려움을 겪고 교수학적 정확성 메커니즘이 부족합니다. 또한 수정을 위해 전체 재생성을 수행하면 200--600 초가 소요되어 창의적인 흐름을 방해합니다. 우리는 교과서, PPT, PDF 에서 인터랙티브 교재를 제작하고 빠르게 편집할 수 있는 제로 코드 (zero-code) 작성 시스템인 MAIC-UI 를 소개합니다. MAIC-UI 는 다음을 사용합니다: (1) 다중 모달 이해를 통한 구조화된 지식 분석으로 교수학적 엄밀성을 보장하며; (2) 콘텐츠 정렬과 시각적 개선이 분리된 두 단계 생성-검증-최적화 파이프라인이며; (3) Unified Diff 기반 증분 생성을 활용한 클릭하여 위치 찾기 (Click-to-Locate) 편집으로 10 초 이내의 반복 사이클을 달성합니다. 40 명의 참가자를 대상으로 한 통제된 실험실 연구에서 MAIC-UI 는 편집 반복 횟수를 줄이고 (4.9 회 대 7.0 회), 직접 텍스트에서 HTML 로 생성하는 것보다 학습 가능성과 제어 가능성을 현저히 향상시킵니다. 53 명의 고등학생을 대상으로 한 3 개월간의 교실 배포는 MAIC-UI 가 학습 주체성을 함양하고 결과 불평등을 줄인다는 것을 보여줍니다. 실험반은 통제반 대비 STEM 과목에서 9.21 점의 성취도 향상을 보인 반면, 통제반은 -2.32 점을 기록했습니다. 우리의 코드는 https://github.com/THU-MAIC/MAIC-UI 에서 이용 가능합니다.