AI로 만드는 일본 여행 회화 퀴즈 웹앱 🍱

이 수업은 코딩 문법을 깊게 배우는 시간이 아닙니다. 학생들이 관광일본어과에서 배운 일본어 표현을 AI(Gemini Canvas)와 함께 실제 작동하는 디지털 결과물로 바꾸어 보는 체험 수업입니다.

⏰ 35분 완성 🏫 관광일본어과 2반 🤖 Gemini Canvas

오늘의 수업 목표

  • 1

    일본 여행 상황별 전공 지식을 선정할 수 있다.

  • 2

    Gemini Canvas에 프롬프트를 입력해 퀴즈 앱을 만든다.

  • 3

    AI 결과물을 검토하고 필요한 부분을 직접 수정 요청한다.

💡 핵심 메시지

"AI는 대신 해주는 도구가 아니라, 내가 가진 전공 지식을 디지털 결과물로 바꾸는 도구입니다. 중요한 것은 AI가 만들어줬다는 사실이 아니라, **내가 주제를 정하고 표현을 고르고 결과물을 수정했다는 점**입니다."

👨‍🏫 교사 시연 가이드

주제: 식당에서 주문하기

시연 흐름

1. Gemini 접속 및 로그인

"여러분, 제가 1분 만에 앱을 뚝딱 만들어볼게요!"

2. 프롬프트 복사 및 입력

아래 코드블록의 시연용 프롬프트를 전송합니다.

3. Canvas 미리보기 확인

일본어 문장, 히라가나, 뜻이 잘 들어갔는지 확인합니다.

4. 디자인 수정 시연

"색상을 벚꽃색으로 바꿔줘"라고 추가 요청합니다.

시연용 프롬프트

너는 일본어 교육용 웹앱을 만드는 전문 개발자야. 관광일본어과 학생들이 사용할 모바일 '식당 주문 회화 퀴즈 웹앱'을 만들어줘. 1. 기술: 단일 HTML 파일 (Tailwind CSS 포함) 2. 내용: 5문제, 일본어/히라가나/한국어 포함 3. 기능: 정답보기, 다음문제 버튼, 결과 점수 4. 디자인: 일본 여행 느낌의 깔끔하고 귀여운 스타일 5. 코드 내에 초보자를 위한 한국어 주석을 달아줘.

활동 순서

1. 주제 고르기

2. 프롬프트 수정

3. Gemini 전송

4. 앱 실행 & 수정

5. 친구와 체험

💬 피드백 문구

수정할 때 복사해서 쓰세요!

실습 주제 선택

✈️

공항 입국심사

🏨

호텔 체크인

🍜

식당 주문

🗺️

길 묻기

// 학생용 기본 프롬프트

나는 관광일본어과 학생이야. 내가 고른 주제인 [식당에서 주문하기] 상황에서 자주 쓰는 퀴즈 웹앱을 만들어줘. - 일본어 문장, 히라가나, 뜻 포함 - 퀴즈 5개, 정답확인/다음버튼 - 귀엽고 깔끔한 디자인 (스마트폰 대응) - 단일 HTML 파일로 작성하고 한국어 주석 포함해줘.

친구 앱 체험 체크리스트

체크 항목 확인 설명
가독성 일본어 문장과 뜻이 잘 보이나요?
기능성 버튼이 잘 동작하나요?
디자인 일본 여행 테마와 잘 어울리나요?

⚠️ 로그인 지연 대응

1. 선구자 시연

성공한 학생의 화면을 대형 화면에 공유하여 동기부여

2. 아날로그 설계

종이에 퀴즈 문제 3개와 상황을 먼저 적게 합니다.

3. 2인 1조 페어

로그인이 된 친구와 팀이 되어 함께 기획합니다.

📑 Plan B: 접속 불가 시

서비스 접속 불가 시, '프롬프트 설계' 수업으로 즉시 전환합니다.

기획 활동지 미션

  • - 내가 만들고 싶은 주제(상황) 선정
  • - 퀴즈에 넣을 일본어 표현 3가지 수기 작성
  • - AI에게 보낼 상세 지시문(프롬프트) 완성
  • - 짝꿍에게 내 기획서가 어떤 앱이 될지 설명하기