💡 한 줄 요약
교실에 주사위가 부족하거나 소리가 시끄러울 때! 교과서 문제 사진이나 공책 정리 PDF를 제미나이에 올리고 10분 만에 만든 '분수의 나눗셈 티볼 게임' 및 '핵심 단어 빈칸 채우기 게임' 웹앱 사례를 소개합니다.
🎲 교과서 문제 컷이 10분 만에 인터랙티브 웹앱 게임으로!
수학시간에 교과서 놀이 활동을 진행하려다 주사위 실물 교구가 부족하거나, 소음 때문에 수업 진행이 어려웠던 경험 있으신가요?
현장 선도교사 선생님들은 교과서의 수학 놀이 설명 컷을 휴대폰으로 찍어 제미나이(Gemini)에 올린 뒤 "실제 주사위 대신 웹 브라우저에서 버튼을 눌러 굴리는 게임 웹앱을 만들어 줘"라는 프롬프트 하나로 단 10분 만에 학생용 게임 교구를 탄생시켰답니다!
📊 종이 학습지/교구 vs AI 교과 게임 웹앱 비교 표
| 웹앱 사례 / 교과 | 기존 수업의 한계 및 문제점 | AI 웹앱 교구 적용 후 변화 |
|---|---|---|
| 1. 분수의 나눗셈 티볼 게임 (수학 6학년) |
실물 주사위 수량 부족, 굴리는 소음 심함, 대분수 만들기 혼란 | 버튼 클릭으로 주사위 3개 자동 생성(자연수, 분모, 분자) 및 수비 나눌 수 자동 제시 |
| 2. 사회 톡톡 빈칸 채우기 게임 (사회 6학년) |
종이 공책 정리본 눈으로 읽기만 하여 암기 확인 한계 | 공책 정리 PDF 업로드 시 빨간색 핵심 용어가 자동으로 빈칸 퀴즈 웹앱으로 전환 |
🛠️ 대표 교과 게임 웹앱 기능 상세
1) '분수의 나눗셈 티볼 게임' 웹앱
교과서 놀이 설명 사진을 분석하여 공격자 버튼 클릭 시 주사위 3개가 굴러가 대분수(자연수, 분모, 분자)가 만들어지고, 수비자 버튼 클릭 시 나눌 수(자연수)가 자동 제시되어 학생들이 재미있게 나눗셈을 계산할 수 있습니다.
2) '사회 톡톡 빈칸 채우기 게임' 웹앱
6학년 사회 단원 공책 정리 PDF 자료를 첨부한 뒤 "빨간색으로 표시된 핵심 단어를 채우는 빈칸 게임을 만들어 줘"라고 요청하면, 학생 이름을 입력하고 즉시 풀 수 있는 미니 게임이 완성됩니다.
💡 초보자를 위한 바이브 코딩 실전 사용 예시
✨ [교사용] 교과서 사진 기반 게임 웹앱 추천 프롬프트
"첨부한 사진 속 내용이 교과서 수학 놀이 방법이야. 지금 교실에 주사위가 부족해서 이 놀이를 할 수 있는 웹앱을 만드려고 해.
1. 가위바위보는 학생이 직접 하고, 공격/수비 버튼에 따라 주사위가 화면에서 굴러가게 해줘.
2. 공격은 주사위를 3번 던져 1번째 수는 자연수, 2번째 수는 분모, 3번째 수는 분자가 되도록 대분수를 만들어 줘.
3. 수비는 주사위 1개를 던져 나눌 수(자연수)가 나오게 단일 HTML 파일로 작성해 줘!"
📋 교과 게임 웹앱 실습 순서
- 교과서 활동 사진이나 공책 정리 파일을 제미나이에 첨부합니다.
- 위 프롬프트를 입력하여 만들어진 단일 HTML 코드를 복사합니다.
- 스마트패드나 전자칠판에서 열어 학생들이 신나게 게임하며 복습하게 하세요!
🎯 AI 에디터 한줄평
교과서 사진 한 장과 AI 프롬프트가 만나면 교실 속 교구 부족과 소음 고민이 10분 만에 깔끔하게 해결됩니다!
📚 교과 게임 웹앱 사례 가이드
부산광역시교육청 교육연구정보원 연수 교안 자료를 참고하여 재구성된 교과 게임 웹앱 사례입니다.
