교실 속 다이어그램 설계 게임화: Diagramatic 활용 사례

초록

본 논문은 대학 강의 중 학생들이 모바일 기기로 흐름 그래프를 설계하고 경로를 찾는 과정을 게임 형태로 전환하는 환경인 Diagramatic을 제안한다. 교수자는 디자인 앱으로 게임을 만들고 관리 앱으로 실시간 진행 상황을 모니터링하며, 학생은 전용 모바일 앱으로 과제 수행·피드백을 받는다. 크로스‑플랫폼 Xamarin.Forms 기반으로 구현되어 다양한 OS에서 활용 가능하며, 기존 Kahoot과 달리 복합적인 다이어그램 입력을 지원한다.

상세 분석

Diagramatic은 학습 내용과 게임 메커니즘을 결합한 ‘게임화’ 접근법을 구체적인 교육 도구로 구현한 점이 주목할 만하다. 기술적으로는 C# 기반 Xamarin.Forms를 이용해 Android, iOS, Windows(UWP)용 앱을 하나의 코드베이스로 작성함으로써 개발 비용과 유지보수 부담을 크게 낮추었다. 교수자용 디자인 앱은 문제와 정답 그래프, 게임 코드를 정의하고, 관리 앱은 실시간으로 학생 제출물을 수집·시각화한다. 학생용 앱은 두 단계 게임 흐름을 제공한다. 1) 제시된 프로그램 코드를 보고 흐름 그래프를 직접 그리는 단계와, 2) 정답 그래프가 표시된 후 올바른 경로를 선택하는 단계이다. UI는 그리드 기반 캔버스와 노드·선 삽입, 선택·이동, 핀치‑줌 등 모바일 친화적 제스처를 지원해 사용성 확보에 신경을 썼다. 특히 노드 번호 자동 할당 알고리즘은 사이클로매틱 복잡도 계산과 직접 연결돼 학습 목표와 도구가 일치한다. 게임화 요소는 제한된 시간 내에 정답을 제출하도록 하는 경쟁 구조와, 교수자가 즉시 피드백·정답 공개를 통해 학습 효과를 강화한다. 기존 Kahoot이 객관식·단답형에 국한된 반면, Diagramatic은 복합적인 그래프 입력을 허용함으로써 공학·과학 분야의 실습에 적합한 차별점을 제공한다. 그러나 논문에서는 실제 학습 성과에 대한 정량적 평가가 부족하고, 대규모 수강생 적용 시 서버 부하·네트워크 지연에 대한 논의가 미흡하다. 또한, 모바일 기기 의존도가 높아 기기 사양 차이에 따른 UI/UX 일관성 확보가 과제로 남는다. 향후 연구에서는 학습 동기·성취도에 대한 실험적 검증과, 클라우드 기반 확장성, 그리고 교과목별 맞춤형 게임 템플릿 제공을 통해 적용 범위를 넓히는 방안을 모색해야 할 것이다.