# data[].attributes.attachment_link.readable_text
스토리텔링형 수업 PPT 스크립트
에코시티를 구해라!
건축가 아르카와 지오의 친환경 건설 도전기
동아출판 실과 5학년 · 6단원 · 9-11차시
건설 기술과 친환경 건설 구조물
게임리터러시 기반 스토리텔링형 수업 자료
 
════════════════════════════════
캐릭터 프로필
════════════════════════════════
 
■ 주인공: 박지오
 
기본 설정
· 학년/나이: 초등학교 5학년 / 11세
· 성별: 여자
· 성격: 빠른 결과를 원하는 타입. 게임에서 항상 "제일 싸고 빠른 걸로"만 고름.
        귀찮은 건 참지 못함. 하지만 틀렸다는 걸 알면 바로 고치는 솔직한 성격.
· 특기: 도시건설 게임 (마인크래프트, 심시티 스타일). 게임 시간만큼은 진지함.
· 꿈: 언젠가 나만의 도시를 설계해보고 싶다 (게임처럼).
· 결함: 환경 영향을 생각하지 않고 가장 저렴한 선택만 함 → 게임오버 반복
 
외형 (제미나이 이미지 생성용)
· 스타일: 한국 웹툰 스타일 초등학생 소녀
· 머리: 단발머리, 검은색, 약간 삐쳐나온 자연스러운 스타일
· 복장: 연두색 후드 집업 + 청바지 + 흰 운동화
· 소품: 헤드셋을 목에 걸고 다님 (게이머 느낌)
· 표정 기본값: 약간 자신만만하고 털털한 표정
· 체형: 평범한 초등학생 체형
 
서사적 역할
· 빠른 선택 → 나쁜 결과를 반복하다 깨닫는 성장형 캐릭터
· 학생들이 "나도 저럴 것 같다"고 공감하는 역할
· 나쁜 의도가 아닌 "몰라서" 하는 잘못된 선택 → 비난이 아닌 공감 유도
 
────────────────────────────────
 
■ 가이드: 아르카 (Arka)
 
기본 설정
· 정체: 2100년 배경의 도시건설 게임 "에코시티"의 전설적인 건축가 캐릭터.
        지오가 게임오버 직전 화면에서 현실로 튀어나옴.
· 특기: 모든 현실 상황을 게임 스탯으로 분석하고 말함.
· 현실 세계: 처음 와봐서 당황하지만 건설/환경 문제 앞에서는 즉각 반응하고 단호해짐.
· 말투: 항상 정중하고 약간 격식체. "~입니다", "~하십시오" 스타일.
· 코믹 포인트: 현실의 모든 것을 게임 용어로 해석함
  → 에어컨: "에너지 낭비 장치 감지됨"
  → 지오 라면 먹는 것: "영양 게이지 충전 중이군요"
  → 낡은 건물: "환경 게이지 적색 경보 구조물입니다"
 
외형 (제미나이 이미지 생성용)
· 스타일: 한국 웹툰 스타일, 미래 건축가 느낌의 캐릭터 (성별 중립적, 약간 여성적)
· 머리: 흰색/은색 단발머리, 깔끔하게 정돈된 스타일
· 복장: 흰색 건축가 헬멧 (안전모), 청사진 패턴이 프린트된 하늘색 코트,
        코트 안에 흰 셔츠, 검은 슬랙스
· 소품: 항상 투명한 홀로그램 태블릿을 들고 다님 (설계도가 3D로 떠 있는 미래형)
· 눈빛: 기본적으로 차분하고 분석적이지만 코믹 장면에서는 당황한 표정
· 체형: 날씬하고 단정한 성인 체형
 
말투 및 특징 (게임 언어 → 교육 내용 변환표)
· 오염 게이지 → 환경오염 수준
· 환경 게이지 → 환경점수
· 자원 게이지 → 예산
· 주민 행복도 → 주민만족도
· 에너지 효율 스탯 → 에너지 효율
· 자재 업그레이드 → 친환경 자재 선택
· 버프 → 좋은 건설 선택의 효과
· 디버프 → 나쁜 건설 선택의 결과
· 게임오버 → 도시 붕괴 / 환경 재앙
 
════════════════════════════════
전체 스토리 흐름
════════════════════════════════
 
수업 구성 (총 15장 슬라이드 / 3차시 120분)
· 9차시 (슬라이드 1-8): 웹툰 스토리 + 친환경 건설 개념 학습 (40분)
· 10차시 (슬라이드 9-12): 바이브코딩 게임 제작 — 2인 1조 (40분)
· 11차시 (슬라이드 13-15): 플레이테스트 + 피드백 + 정리 (40분)
 
핵심 스토리 구조 (B→A 방향)
· B 방향 (공감): 지오의 "싸고 빠른" 선택들이 쌓임 → 학생들이 "나도 저럴 것 같다"
· A 방향 (깨달음): 게임오버 + 아르카 등장 → "아, 그래서 환경이 중요했구나"
· 게임리터러시 핵심: 게임의 규칙(스탯 시스템)이 곧 현실 건설 기술 개념과 연결됨을 이해하고
                    직접 게임을 만들어봄으로써 내재화
 
════════════════════════════════
슬라이드별 상세 스크립트
════════════════════════════════
 
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
슬라이드 1   타이틀
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
[ 배경 및 레이아웃 ]
화면이 대각선으로 반 갈림.
왼쪽 반: 회색 콘크리트만 가득한 오염된 도시 (굴뚝 연기, 삭막한 건물, 갈색 하늘)
오른쪽 반: 태양광 패널과 수직 정원이 있는 녹색 친환경 도시 (맑은 하늘, 녹지)
중앙에 게임 로딩 UI 스타일의 타이틀 박스.
 
[ 텍스트 구성 ]
상단 소자막 (작은 글씨): 〈실과 5학년 · 6단원 · 9-11차시〉
메인 타이틀 (크고 강렬하게): 에코시티를 구해라! 🏙️
부제 (중간 크기): 건축가 아르카와 지오의 친환경 건설 도전기
하단 (작은 글씨): 게임리터러시 기반 교과융합 수업 자료
 
[ 캐릭터 배치 ]
지오: 오른쪽 하단, 자신감 있는 포즈 (두 팔을 옆으로 벌리고 미소)
아르카: 왼쪽 하단, 홀로그램 태블릿을 들고 서 있는 포즈
 
[ 연출 포인트 ]
▶ 타이틀이 게임 로딩 화면처럼 나타나는 느낌 연출.
▶ 왼쪽(오염)과 오른쪽(친환경)의 극명한 대비가 핵심 비주얼.
▶ 처음부터 "이건 게임 같은 수업이야"라는 인상을 심어주는 것이 목적.
 
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
슬라이드 2   지오 소개
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
[ 배경 및 레이아웃 ]
지오의 방. 어두운 방에 모니터 빛만 켜진 분위기.
벽에 도시건설 게임 포스터. 책상 위에 모니터, 키보드, 간식.
화면 오른쪽에 지오 캐릭터. 왼쪽 위에 나레이션 박스.
 
[ 캐릭터 ]
지오: 모니터 앞에 앉아 게임 컨트롤러를 잡고 있음.
     자신감 넘치고 약간 으쓱한 표정.
 
[ 나레이션 박스 (화면 상단) ]
5학년 2반 박지오.
게임이라면 자다가도 일어나는 아이.
특히 도시건설 게임이라면 — 나는 천재야.
 
[ 지오 대사 ]
지오: "또 클리어! 역시 나는 재능이 있어. 일단 제일 싸고 빠른 걸로 다 지으면
      되거든~ 이게 바로 나의 필승 전략!"
 
[ 연출 포인트 ]
▶ 밝고 유쾌한 첫 등장. "싸고 빠른 게 최고"라는 지오의 철학이 자연스럽게 드러남.
▶ 학생들이 "나도 저렇게 함"이라고 공감하는 장면.
▶ "필승 전략"이라는 말이 나중에 완전히 뒤집히는 복선.
 
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
슬라이드 3   게임오버 — 도시 붕괴
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
[ 배경 및 레이아웃 ]
같은 방. 모니터 화면이 빨간색으로 물들며 경고창이 가득 뜨는 장면.
모니터 화면 클로즈업 + 지오의 황당한 얼굴이 화면 옆에 배치.
 
[ 모니터 화면 (게임 UI 스타일 경고창) ]
🔴 GAME OVER
⚠️ 오염 게이지: 100% 초과
🌫️ 도시 대기오염으로 주민들이 모두 떠났습니다.
💰 예산 부족으로 친환경 전환 불가
→ 에코시티가 붕괴되었습니다.
 
[ 캐릭터 ]
지오: 의자에서 뒤로 젖혀지는 황당한 표정.
     두 눈이 동그랗게 커진 충격 표정.
 
[ 지오 대사 ]
지오: "또?! 이번엔 진짜 잘 지었는데?! 콘크리트도 제일 많이 썼고,
      공장도 빠르게 세웠는데 왜 게임오버야!!"
 
[ 나레이션 박스 ]
지오는 오늘도 같은 방식으로 지었다.
제일 싸고 빠른 자재로.
환경? 그런 건 나중에 생각해도 되는 거 아닌가?
 
[ 연출 포인트 ]
▶ 빨간 경고창이 화면 가득 뜨는 시각적 충격이 포인트.
▶ 지오의 황당함 + 억울함이 코믹하게 표현되어야 함.
▶ 학생들이 "왜 게임오버가 됐을까?"를 궁금해하게 만드는 것이 목적.
 
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
슬라이드 4   아르카 등장 — 충격의 첫 만남
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
[ 배경 및 레이아웃 ]
같은 방. 게임오버 직후, 모니터에서 강렬한 흰 빛이 쏟아짐.
빛 속에서 홀로그램 같은 파란 선들이 방 안으로 퍼지며 아르카가 착지.
 
[ 캐릭터 ]
지오: 왼쪽, 의자에서 벌떡 일어나 뒤로 물러선 포즈. 놀란 표정.
아르카: 오른쪽 중앙, 모니터 앞에 막 착지한 포즈.
        코트가 바람에 날리는 느낌. 홀로그램 태블릿을 들고 있음.
        표정은 당황했지만 위엄을 유지하려는 어색한 표정.
 
[ 대사 ]
아르카: "위치 확인... 에코시티 외부... 여기는 어디입니까?"
        (주변을 두리번거리며) "설계 데이터가 다릅니다. 이 공간은..."
지오: "으아아아!!!! 뭐야 뭐야!!! 게임에서 사람이 나왔어!!!!"
아르카: (지오를 바라보며 분석하듯) "당신이... 이번 게임오버의 원인 플레이어군요."
지오: "나한테 왜 나와요!!!"
 
[ 연출 포인트 ]
▶ 아르카가 위엄 있게 등장하려 했지만 상황이 혼란스러운 코믹한 첫 만남.
▶ 지오의 공포 반응 + 아르카의 어색한 침착함이 대비되는 유머.
▶ "게임오버의 원인 플레이어"라는 말이 핵심 — 지오가 뭔가 잘못했음을 암시.
 
[ 아르카 현실 적응 코믹 장면 (소 컷 삽입 가능) ]
아르카가 지오 방의 에어컨을 가리키며:
아르카: "저 장치... 에너지 낭비 디바이스 감지됨. 환경 게이지 -5."
지오: (힘없이) "...그냥 에어컨이에요."
 
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
슬라이드 5   개념 ① — 자재 선택의 비밀
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
[ 배경 및 레이아웃 ]
배경이 게임 화면으로 전환되는 느낌.
아르카의 홀로그램 태블릿이 크게 펼쳐지며 두 가지 자재 비교 화면이 등장.
왼쪽: 일반 콘크리트 이미지 / 오른쪽: 재활용 자재 (페트병·목재 재활용) 이미지
 
[ 캐릭터 ]
아르카: 홀로그램 화면을 가리키며 설명하는 포즈. 진지한 표정.
지오: 팔짱 끼고 반신반의하며 듣는 표정.
 
[ 대사 ]
아르카: "게임오버 원인 분석 완료. 첫 번째 — 자재 선택 오류입니다."
지오: "자재요? 저 제일 싸고 튼튼한 콘크리트 골랐는데요?"
아르카: "콘크리트는 생산 과정에서 탄소를 대량 배출합니다.
         오염 게이지를 매 턴 상승시키는 디버프 자재입니다."
지오: "디버프?! 그럼 뭘 써요?"
아르카: "재활용 자재를 보십시오. 폐자재·목재·재활용품 — 환경 게이지 버프 적용."
지오: "...페트병으로 집을 지어요?"
아르카: "실제로 짓습니다. 그리고 훨씬 지속 가능합니다."
 
[ 교육 내용 박스 (게임 스탯 UI 스타일) ]
🏗️ 자재 선택이 건설에 미치는 영향
 
일반 콘크리트          재활용 자재
탄소 배출 많음    vs    탄소 배출 적음
비용 저렴           초기 비용 비쌀 수 있음
환경 부담 큼         환경 부담 적음
 
✅ 친환경 건설 구조물은 자연에서 얻거나 재활용 가능한 자재를 사용합니다.
   예) 재활용 목재, 폐자재 활용, 흙벽돌 등
 
[ 연출 포인트 ]
▶ 아르카의 "디버프 자재"라는 표현이 학생들에게 직관적으로 와닿는 핵심.
▶ 지오의 "페트병으로 집을 지어요?" 반응이 학생들의 실제 반응과 같음 → 웃음 + 호기심.
▶ 교육 박스는 게임 아이템 비교 UI 스타일로 디자인.
 
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
슬라이드 6   개념 ② — 에너지원의 선택
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
[ 배경 및 레이아웃 ]
아르카의 홀로그램 화면에 에너지 비교 화면.
왼쪽: 굴뚝 연기 나오는 화력발전 / 오른쪽: 태양광 패널 + 풍력 발전기.
배경에 에너지 게이지 바가 두 개 나란히 보임.
 
[ 캐릭터 ]
아르카: 태양광 패널 쪽을 가리키며 설명. 약간 흥분된 표정 (이쪽을 더 좋아하는 기색).
지오: 고개를 갸웃하며 생각하는 표정.
 
[ 대사 ]
아르카: "두 번째 오류 — 에너지원 선택입니다. 당신은 계속 일반 전기만 사용했군요."
지오: "일반 전기가 편하잖아요. 그냥 꽂으면 되니까."
아르카: "일반 전기는 에너지 효율 스탯을 매 턴 소모시킵니다.
         반면 태양광 패널은 — 한 번 설치하면 계속 에너지를 생산합니다."
지오: "태양광이 그렇게 좋아요?"
아르카: "태양광, 풍력, 지열 — 자연에서 얻는 에너지는 마르지 않습니다.
         게임에서는 이것을 '무한 에너지 버프'라고 부르죠."
지오: "무한 버프?! 그거 사기 아니에요?"
아르카: "사기가 아닙니다. 현실입니다."
 
[ 교육 내용 박스 ]
⚡ 친환경 에너지 = 자연에서 얻는 에너지
 
· ☀️ 태양광 에너지 — 태양광 패널로 전기 생산 (싱가포르 슈퍼트리 그로브)
· 💨 풍력 에너지 — 바람으로 전기 생산
· 🌍 지열 에너지 — 땅 속 열로 에너지 생산
 
✅ 친환경 건설 구조물은 이런 자연 에너지를 최대한 활용하여
   전기 사용량을 줄입니다.
   예) 독일 바이오 솔라 하우스 — 태양광 패널로 전기를 자급자족
 
[ 연출 포인트 ]
▶ "무한 에너지 버프"라는 표현이 학생들에게 가장 인상적으로 남는 대사.
▶ 아르카가 태양광 쪽을 말할 때 살짝 흥분하는 표정이 캐릭터를 더 생동감 있게 함.
▶ 실제 사례 (슈퍼트리, 바이오 솔라 하우스)를 박스에 명시하여 교과서 연결.
 
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
슬라이드 7   개념 ③④ — 물과 녹지의 힘
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
[ 배경 및 레이아웃 ]
화면이 두 구역으로 나뉨.
왼쪽 위: 빗물을 모으는 탱크 + 식물로 흘러가는 파이프 이미지
오른쪽 위: 수직 정원이 가득한 건물 이미지 (호주 원 센트럴 파크 느낌)
아래에 캐릭터들.
 
[ 캐릭터 ]
아르카: 화면 가운데, 양쪽을 번갈아 가리키며 설명.
지오: 이번엔 눈이 반짝이며 관심을 보이는 표정 (처음으로 진심으로 흥미로운 표정).
 
[ 대사 ]
아르카: "세 번째와 네 번째 오류를 같이 설명하겠습니다. 물과 녹지입니다."
지오: "물이요? 수도 연결했는데요."
아르카: "빗물을 그냥 버렸군요. 빗물을 모아 식물에 공급하면
         수자원 절약 버프 + 식물 성장 버프가 동시에 발동됩니다."
지오: "빗물을 재활용한다고요?"
아르카: "네. 그리고 보십시오 — (오른쪽 화면을 가리키며)
         건물 벽면에 식물을 심으면 어떻게 될까요?"
지오: "공기가 깨끗해지나요?"
아르카: "정확합니다. 공기 정화 버프. 주민 행복도 버프. 온도 조절 버프.
         식물 하나가 세 가지 버프를 동시에 발동시킵니다."
지오: "...식물이 그렇게 사기급이었어요?"
 
[ 교육 내용 박스 ]
💧 빗물 재활용
· 빗물을 탱크에 모아 식물에 공급
· 수자원 절약 + 생태계 보호
예) 싱가포르 슈퍼트리 그로브 — 빗물 수집 → 식물 공급
 
🌿 수직 정원 / 옥상 정원
· 건물 벽면·옥상에 식물 배치
· 공기 정화 + 도시 온도 낮춤 + 주민 만족도 향상
예) 호주 시드니 원 센트럴 파크 — 수직 정원으로 공기 정화
 
🧱 고효율 단열재
· 건물 내부 열 손실 차단
· 이중창, 단열벽 → 난방비 절감
예) 독일 바이오 솔라 하우스 — 고효율 단열재로 에너지 자급자족
 
[ 연출 포인트 ]
▶ 지오가 처음으로 진심으로 관심을 보이는 장면 — 캐릭터 변화의 시작점.
▶ "식물이 사기급이었어요?" 대사가 학생들의 웃음 + 기억에 남는 포인트.
▶ 세 개 개념을 한 화면에 담되 박스로 명확히 분리하여 가독성 확보.
 
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
슬라이드 8   전환 — "이제 네가 만들어봐"
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
[ 배경 및 레이아웃 ]
배경이 다시 지오의 방으로 돌아옴.
모니터 화면에 "에코시티" 게임 로고가 떠있고,
그 아래에 빈 게임 화면 (새 게임 시작 전 빈 도시 부지).
 
[ 캐릭터 ]
아르카: 지오 쪽을 바라보며 모니터를 가리키는 포즈. 처음으로 따뜻한 미소.
지오: 모니터를 보며 눈이 반짝이는 표정. 뭔가 의욕이 생긴 표정.
 
[ 대사 ]
아르카: "이제 당신은 이 게임의 규칙이 왜 이렇게 설계됐는지 이해했습니다."
지오: "그러니까... 환경 게이지가 있는 이유가 현실에서 진짜 환경이 중요하기 때문이고,
      자재 선택이 오염 게이지에 영향을 주는 게 현실이랑 같은 거군요?"
아르카: "정확합니다. 게임의 규칙은 현실에서 왔습니다."
지오: "그럼 나도 이런 게임을 만들 수 있어요?"
아르카: (진지하게) "만들 수 있습니다. 지금부터 당신이 게임 개발자입니다."
지오: "오오오!!! 나 게임 개발자!!!"
 
[ 하단 안내 텍스트 (게임 퀘스트 수락 UI 스타일) ]
🎮 새 퀘스트 수락!
"친환경 건설 카드게임을 직접 만들어라"
→ 다음 시간, 짝과 함께 Claude로 나만의 게임을 코딩합니다.
 
[ 연출 포인트 ]
▶ 지오의 "나도 게임 개발자!" 대사가 학생들에게 다음 시간을 기대하게 만드는 훅.
▶ 아르카가 처음으로 따뜻하게 웃는 장면 — 감정적 클라이맥스.
▶ 퀘스트 수락 UI가 다음 차시로의 자연스러운 브릿지 역할.
 
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
【 10차시 시작 】 바이브코딩
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
슬라이드 9   오늘 만들 게임 소개
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
[ 배경 및 레이아웃 ]
화면 중앙에 완성된 카드게임 샘플 화면 (프로토타입 게임 캡처).
좌측 상단에 아르카 작은 캐릭터 이미지 + 말풍선.
우측에 오늘 목표 안내 박스.
 
[ 아르카 말풍선 ]
"지오가 직접 코딩한 게임입니다. 여러분도 만들 수 있습니다."
 
[ 화면 구성 ]
중앙: 프로토타입 카드게임 캡처 화면
      (수치 4개 게이지 바 + 카드 + 선택 버튼 보이는 화면)
 
[ 교사 안내 멘트 ]
"지난 시간에 아르카에게 배운 친환경 건설 개념이 기억나나요?
 오늘은 그 개념이 담긴 카드게임을 직접 만들 거예요.
 화면에 보이는 것처럼 — 수치 바, 카드, 선택 버튼이 있는 게임이에요.
 짝과 함께 Claude에 프롬프트를 붙여넣으면 이 게임이 만들어집니다."
 
[ 학생 활동 안내 ]
✅ 오늘 할 일
1. 짝과 함께 앉기
2. 스마트기기에서 Claude 접속
3. 선생님이 주는 프롬프트 붙여넣기
4. 게임 완성 후 저장
 
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
슬라이드 10   Claude 접속 + 프롬프트 안내
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
[ 배경 및 레이아웃 ]
단계별 안내가 순서대로 표시되는 깔끔한 레이아웃.
좌측에 단계 번호 + 설명, 우측에 화면 캡처 이미지.
 
[ 화면 구성 ]
STEP 1: claude.ai 접속 화면 캡처
STEP 2: 새 대화 시작 화면
STEP 3: 프롬프트 붙여넣기 화면
 
[ 교사 안내 멘트 ]
"선생님이 카드에 적힌 프롬프트를 나눠줄게요.
 그 내용을 Claude 대화창에 그대로 붙여넣으면 됩니다.
 복잡한 코딩은 Claude가 다 해줘요.
 여러분은 프롬프트를 넣고 결과를 확인하면 됩니다."
 
[ 학생 활동 ]
· 교사가 프롬프트 카드 배부
· 짝이 함께 claude.ai 접속
· 프롬프트 전체 복사 → Claude 대화창에 붙여넣기
· 전송 후 결과 기다리기
 
[ 주의사항 박스 ]
⚠️ 주의
· 프롬프트 전체를 복사해야 해요 (일부만 하면 게임이 이상하게 만들어져요)
· 결과가 나오는 데 1-2분 걸릴 수 있어요
· 오류가 나면 선생님께 바로 말해요
 
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
슬라이드 11   코딩 진행 + 팁
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
[ 배경 및 레이아웃 ]
Claude가 HTML 코드를 생성하는 화면 캡처 + 완성된 게임 화면 나란히 배치.
하단에 팁 박스.
 
[ 교사 안내 멘트 ]
"Claude가 코드를 만들어주면 화면 오른쪽 위에 '복사' 버튼이 나와요.
 그 코드를 복사해서 새 파일에 붙여넣고 .html로 저장하면 게임이 완성돼요.
 짝과 함께 역할을 나눠보세요.
 한 명이 타이핑, 한 명이 확인하면 더 빨리 할 수 있어요."
 
[ 팁 박스 ]
💡 잘 안 될 때
· 게임이 이상하게 만들어졌다면?
  → Claude에게 "수정해줘: [고치고 싶은 부분]"이라고 말하면 돼요
· 게임 제목을 바꾸고 싶다면?
  → "게임 제목을 '우리 반 에코시티'로 바꿔줘"라고 말해보세요
· 화면이 이상하면?
  → 브라우저 새로고침 (F5)
 
[ 학생 활동 ]
· Claude 코드 생성 완료 확인
· 코드 복사 → 메모장(또는 교사 지정 도구)에 붙여넣기
· .html 파일로 저장
· 브라우저에서 열어서 플레이 테스트
· 원하는 부분 수정 요청 (선택 활동)
 
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
슬라이드 12   저장 + 공유
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
[ 배경 및 레이아웃 ]
완성된 게임 화면 캡처 크게 배치.
하단에 저장·공유 방법 안내.
우측 상단에 아르카 작은 캐릭터 + 격려 말풍선.
 
[ 아르카 말풍선 ]
"완성 축하드립니다. 당신들은 방금 게임 개발자가 되었습니다."
 
[ 교사 안내 멘트 ]
"게임이 완성됐으면 파일을 선생님께 제출하거나
 QR코드/링크로 친구들과 공유할 준비를 해요.
 다음 시간에는 짝의 게임을 플레이할 거예요!"
 
[ 학생 활동 ]
· 완성된 게임 파일 저장 확인
· 파일 이름: [모둠이름]_에코시티게임.html
· 교사 지정 방법으로 제출 (구글 클래스룸, USB, 이메일 등)
· 제출 후: 직접 만든 게임 한 번 더 플레이해보기
 
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
【 11차시 시작 】 플레이테스트 + 정리
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
슬라이드 13   짝 게임 교환 플레이
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
[ 배경 및 레이아웃 ]
두 짝이 서로 기기를 교환하는 일러스트 또는 사진.
옆에 플레이 규칙 안내 박스.
 
[ 아르카 말풍선 ]
"게임은 만드는 것보다 플레이하는 것이 더 많은 것을 알려줍니다."
 
[ 교사 안내 멘트 ]
"이번에는 짝이 만든 게임을 플레이해봐요.
 우리 짝이 어떤 카드를 만들었는지, 어떤 선택이 어렵게 설계됐는지 느껴보세요.
 플레이하면서 이 게임이 친환경 건설을 잘 표현했는지 생각해보세요."
 
[ 학생 활동 ]
① 짝과 기기 교환
② 짝이 만든 게임 플레이 (카드 6장 전부)
③ 클리어하거나 게임오버되면 기록:
   · 어떤 선택이 가장 어려웠나요?
   · 왜 게임오버가 됐나요? (어떤 선택 때문에?)
 
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
슬라이드 14   피드백 + 토론
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
[ 배경 및 레이아웃 ]
토론 느낌의 배경. 말풍선 아이콘들이 배치된 깔끔한 레이아웃.
중앙에 토론 질문 3개가 크게 표시됨.
 
[ 교사 안내 멘트 ]
"짝과 함께 이야기해봐요. 정답은 없어요.
 게임을 만들면서 알게 된 것, 느낀 것을 솔직하게 나눠보세요."
 
[ 토론 질문 3개 ]
🗣️ 함께 이야기해봐요
 
Q1. 어떤 선택이 환경에 가장 큰 영향을 미쳤나요?
    그 선택의 결과가 현실에서도 같을까요?
 
Q2. 게임 규칙(수치 변화)을 설계하면서 가장 어려웠던 점은?
    (교사 제공 게임이지만 플레이하면서 "이건 왜 이렇게 설정됐을까?" 생각해보기)
 
Q3. 친환경 건설이 왜 어려운 선택일까요?
    (비용, 시간, 기술 등)
 
[ 학생 활동 ]
· 짝과 3가지 질문 토론 (5분)
· 1-2모둠 발표
 
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
슬라이드 15   아르카 마무리 + 정리
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
[ 배경 및 레이아웃 ]
슬라이드 1의 배경과 같은 구성 (오염 도시 vs 친환경 도시 대비).
단, 오른쪽 친환경 도시가 훨씬 더 크고 밝게 강조됨.
아래에 아르카와 지오가 나란히 서 있음.
 
[ 캐릭터 ]
아르카: 홀로그램 태블릿을 닫으며 지오에게 고개를 끄덕이는 포즈.
지오: 뿌듯한 표정으로 손을 흔드는 포즈.
 
[ 아르카 대사 ]
아르카: "당신들은 오늘 게임의 규칙을 이해하고, 직접 만들었습니다.
         게임 속 선택이 현실의 건설 기술과 연결된다는 것도 알게 됐죠."
지오: "처음엔 그냥 싸고 빠른 게 최고인 줄 알았는데...
       환경 게이지가 왜 있는지 이제 알 것 같아요."
아르카: "에코시티로 돌아가겠습니다. 임무 완료."
지오: "또 와요! 다음엔 교통 기술 게임도 만들어봐요!"
아르카: (모니터 화면으로 돌아가며) "......고려해보겠습니다."
 
[ 정리 박스 (게임 엔딩 크레딧 UI 스타일) ]
🎮 오늘 우리가 한 것
 
✅ 친환경 건설 구조물의 특징을 이해했습니다
   (자재·에너지·물·녹지·단열재)
 
✅ 게임의 규칙이 현실 건설 기술과 연결됨을 발견했습니다
 
✅ 직접 카드게임을 코딩하고 플레이테스트했습니다
 
[ 연출 포인트 ]
▶ 아르카의 마지막 "(교통 기술) 고려해보겠습니다" — 다음 단원 복선 + 웃음 포인트.
▶ 지오의 성장이 느껴지는 마지막 대사 — 처음의 "싸고 빠른 게 최고"에서 변화.
▶ 정리 박스는 학습목표 달성 여부를 학생이 스스로 확인하는 체크리스트 형태.
 
════════════════════════════════
제작 참고사항 (캔바 / 제미나이 제작용)
════════════════════════════════
 
■ 이미지 생성 프롬프트 기본값 (제미나이용)
"Korean webtoon style, elementary school girl with short black hair,
 light green hoodie, jeans, headset around neck, expressive cartoon face,
 white background cutout character"  ← 지오 기본 프롬프트
 
"Korean webtoon style, future architect character, white safety helmet,
 light blue coat with blueprint pattern, hologram tablet in hand,
 silver-white short hair, calm analytical expression,
 white background cutout character"  ← 아르카 기본 프롬프트
 
■ 전체 컬러 톤
· 9차시 슬라이드: 따뜻한 초록 계열 + 디지털 블루
· 10차시 슬라이드: 깔끔한 흰색 + 초록 포인트
· 11차시 슬라이드: 밝고 따뜻한 느낌
 
■ 교육 내용 박스 스타일
· 게임 UI 아이템 창 느낌 (둥근 모서리, 아이콘 + 텍스트 조합)
· 색상: 초록 계열 배경 + 흰 텍스트 또는 흰 배경 + 초록 테두리

# data[].attributes.attachment_link.title
스토리텔링형 수업 PPT 스크립트

# data[].attributes.headline
5학년 사회. 인권과 헌법

# data[].attributes.subject
5학년 사회. 인권과 헌법

# data[].attributes.headline
로봇! 너는 어떻게 판단하여

움직이니?

# data[].attributes.subject
로봇! 너는 어떻게 판단하여

움직이니?

# data[].attributes.attachment_link.title
파일 보고 제작하기의 사본

# data[].attributes.body
https://canva.link/hfrc6gfndsrab60

https://canva.link/3jz0pf6wdr8ddyy

# data[].attributes.headline
루나와 핀의 태양계 탐험

# data[].attributes.subject
루나와 핀의 태양계 탐험

# data[].attributes.attachment_link.title
초등 5-6학년 과학 / 태양계와 행성 게임리터러시 기반 수업자료 텍스트 색상은 흰색, 폰트는 굵게 설정해주세요. 완료되면 알려주세요!

# data[].attributes.body
좋은점 : 여러가지 생각할수 있는 계기가 되어서 좋았습니다.

안좋은점: 시간이 너무 부족하고 프롬프트를 어떻게 써야할지 모르겠고 .

# data[].attributes.body
초등학교 6학년 실과. 식재료의 생산과 선택 -> 올바른 식생활

# data[].attributes.headline
일민하탈출-수학 5-1 다각형

# data[].attributes.subject
일민하탈출-수학 5-1 다각형

# data[].attributes.attachment_link.title
일민하탈출 다섯번째 이야기

# data[].attributes.attachment_link.title
언플러그드 마법사_황보소미

# data[].attributes.attachment_link.title
민수와 파란 시계의 아침 모험

# data[].attributes.headline
포켓몬 한글 도감 탐험

# data[].attributes.subject
포켓몬 한글 도감 탐험

# data[].attributes.attachment_link.title
포켓몬 한글 도감 탐험

# data[].attributes.attachment_link.description
Check out this Presentation designed by 이예원.