이미지 위에 탐구 기록
지도·평면도·작품 이미지를 배경으로 올리고, 원하는 위치에 텍스트·이미지·링크가 담긴 핀을 배치합니다.
CASE STUDY / PINCANVAS
교실에서 시작한 문제.
직접 만든 협업 캔버스.
지역을 탐구하고 세계와 연결하는 수업을 위해 교사와 함께 만든 실시간 협업 캔버스.
01 / THE PROBLEM
한 학기의 탐구를
함께 쌓아갈 공간이 필요했습니다.
상북중학교의 ‘지역사회와 세계시민’ 교과는 지역의 지형·역사·문화와 세계의 문제를 연결해 탐구하는 수업입니다. 탐구 결과를 지도 위에 축적하고 함께 편집해야 했지만, 기존 서비스 하나로는 현장의 요구를 모두 충족하기 어려웠습니다.
ESAY는 교사들의 요구를 듣고, 실제 수업에서 사용하며 고쳐 나가는 방식으로 PinCanvas를 만들었습니다.
02 / WHAT WE BUILT
정보를 쌓고,
함께 편집하는 캔버스.
생각을 시각화
자유 곡선과 선, 도형으로 경계·이동·관계를 캔버스에 표현합니다.
실시간 공동 편집
여러 학생이 하나의 캔버스를 함께 편집하고 탐구 결과를 공유합니다.
03 / BUILT WITH CLAUDE CODE
개발에서 끝내지 않고,
수업의 피드백으로 개선했습니다.
Lovable·Claude Code·Supabase를 활용해 개발했습니다. 46명의 학생이 8차시에 걸쳐 지역 지도를 배경으로 탐구 결과를 핀으로 배치하고, 모둠별 내용을 한 화면에 축적했습니다.
수업에서 받은 교사 피드백을 바탕으로 PC·태블릿의 좌표 문제, 자동 저장과 사용 흐름을 반복해서 개선했습니다.
현장의 문제
지역 탐구 결과를 한 화면에 쌓고 함께 편집할 도구가 필요했습니다.
직접 개발
Lovable·Claude Code·Supabase로 실시간 협업 캔버스를 만들었습니다.
수업에 적용
학생 46명이 8차시에 걸쳐 지역 지도를 배경으로 탐구 결과를 축적했습니다.
피드백으로 개선
교사 피드백으로 기기별 좌표, 자동 저장과 사용 흐름을 개선했습니다.
04 / PUBLIC EVIDENCE
개발·수업 적용·개선의 기록.
요구 분석부터 수업 적용과 개선까지를 두 번의 설계기반연구 사이클로 정리했습니다. 공개 프로젝트 소개에는 교사·개발자 협업에서 도출한 일곱 가지 설계원리와 연구 정보가 포함되어 있습니다.
FROM A NEED TO A WORKING TOOL