관심사 선택 · 초·중·고 3수준 · 4회 제안
내 관심사 웹페이지
취미·동아리·가상 캠페인 중 관심 있는 주제를 골라 소개 화면을 만듭니다. 그림·글 세 개와 선택 버튼으로 작은 전시를 구성합니다.
기획 중인 청소년 수업안입니다. 강사 시연을 거쳐 학교와 대상·차시를 협의합니다.
같은 주제, 이렇게 다르게 배워요
이 주제는 초등·중등·고등 모두 고를 수 있습니다. 준비된 틀을 활용하는 정도와 직접 설계할 범위를 달리합니다.
초등 · 완성할 것
그림 3개·짧은 문구 3개를 바꾼 웹페이지 한 세트
선택 버튼이 이미 작동하는 완성 틀에서 그림과 짧은 문구만 고치며, 코드 작성 대신 콘텐츠 선택과 확인을 합니다.
초등학생 · 1~3학년은 읽기·입력·저장에 교사 추가 지원, 장비에 따라 과제 조정
회당 80분(휴식 10분 포함) × 4회 제안. 학교 시간표에 맞춰 조정합니다.
4회 동안 만들어 가는 순서
1회 · 소개할 주제 고르기
- 이번 시간에는
- 보여 주고 싶은 주제 하나를 고릅니다.
- 직접 해볼 일
- 교사가 AI에 가상 취미 전시 제목 두 안을 묻고 학생이 하나를 고릅니다. 준비된 화면의 제목을 짧게 바꾸고 자기 폴더를 엽니다.
- 함께 확인할 것
- 제목을 읽으면 무엇을 소개하는지 알 수 있는지 확인합니다.
2회 · 그림과 말 세 개 채우기
- 이번 시간에는
- 주제를 보여 주는 그림 세 개와 짧은 말을 고릅니다.
- 직접 해볼 일
- 교사의 AI 설명 후보에서 쉬운 말 세 개를 골라 자기 말로 바꿉니다. 준비된 그림 목록에서 세 개를 골라 틀의 그림과 문구를 교체합니다.
- 함께 확인할 것
- 그림과 문구가 서로 맞는지 짚어 봅니다.
3회 · 버튼으로 내 전시 보기
- 이번 시간에는
- 버튼을 누르면 해당 그림과 글이 보임을 이해합니다.
- 직접 해볼 일
- 교사가 완성 틀의 세 버튼을 눌러 내용이 바뀌는 것을 보입니다. 학생은 버튼 이름을 짧게 고치고 1번부터 3번까지 눌러 봅니다.
- 함께 확인할 것
- 버튼 이름과 실제 보이는 내용이 맞는지 확인합니다.
4회 · 친구에게 보여 주기
- 이번 시간에는
- 친구가 볼 수 있는 웹페이지 파일을 정리합니다.
- 직접 해볼 일
- 친구가 고른 버튼의 내용을 듣고 어려운 문구 하나를 고칩니다. 교사 도움으로 그림 폴더와 화면 파일을 함께 저장해 다시 엽니다.
- 함께 확인할 것
- 세 그림과 문구·버튼이 재열기 후에도 보이는지 확인합니다.
중등 · 완성할 것
글 두 문장씩과 그림 3개를 배치한 웹페이지 한 세트
소개 글 초안을 고치고 콘텐츠 순서를 정하며, 제공된 자료 구조에서 버튼과 콘텐츠의 연결을 수정합니다.
중학생 · 초안을 고치고 순서를 직접 설계하는 수준
회당 90분(휴식 10분 포함) × 4회 제안. 학교 시간표에 맞춰 조정합니다.
4회 동안 만들어 가는 순서
1회 · 소개 순서 설계하기
- 이번 시간에는
- 주제를 소개할 콘텐츠 세 개와 순서를 정합니다.
- 직접 해볼 일
- 교사의 AI 구성 후보 두 안을 비교해 필요한 내용을 고릅니다. 취미·가상 동아리·가상 캠페인 중 하나를 정하고 세 콘텐츠의 이름과 순서를 씁니다.
- 함께 확인할 것
- 처음 보는 사람이 이해하기 쉬운 순서인지 설명합니다.
2회 · 소개 글과 그림 고치기
- 이번 시간에는
- 짧은 글과 그림으로 세 콘텐츠를 채웁니다.
- 직접 해볼 일
- AI가 제안한 소개 글에서 과장되거나 모호한 말을 찾습니다. 설명을 콘텐츠당 두 문장으로 고치고 직접 그리거나 허용된 그림을 연결합니다.
- 함께 확인할 것
- 그림 경로가 맞고 글이 그림과 다른 뜻을 전달하지 않는지 봅니다.
3회 · 선택 동작 연결하기
- 이번 시간에는
- 버튼 이름과 콘텐츠가 맞게 연결되도록 고칩니다.
- 직접 해볼 일
- 교사가 연결 번호를 잘못 넣은 틀과 AI의 동작 설명을 비교합니다. 학생은 표시된 자료 구역에서 버튼 이름·연결 번호를 수정하고 순서를 바꿔 눌러 봅니다.
- 함께 확인할 것
- 어느 버튼을 먼저 눌러도 해당 콘텐츠가 보이는지 확인합니다.
4회 · 읽기와 파일 묶기
- 이번 시간에는
- 화면을 다듬고 필요한 파일을 함께 보관합니다.
- 직접 해볼 일
- 짝에게 세 콘텐츠를 읽게 하고 길거나 어려운 설명 한 곳을 고칩니다. 창을 좁혀 글자를 확인한 뒤 HTML과 그림 폴더를 함께 저장합니다.
- 함께 확인할 것
- 선택 동작·그림 경로·줄바꿈·재열기가 맞는지 확인합니다.
고등 · 완성할 것
대상 독자와 목적에 맞게 검수한 콘텐츠 3개를 담은 웹페이지 한 세트
전시 목적과 선택 이유를 정하고 내용·버튼 상태·키보드·좁은 화면을 검증하며, 세 콘텐츠 범위 안에서 완성도를 높입니다.
고등학생 · 목적과 선택 이유를 정하고 결과를 검증하는 수준
회당 100분(휴식 10분 포함) × 4회 제안. 학교 시간표에 맞춰 조정합니다.
4회 동안 만들어 가는 순서
1회 · 전시 목적과 독자 정하기
- 이번 시간에는
- 누구에게 무엇을 전할지에 맞춰 구성을 정합니다.
- 직접 해볼 일
- 교사가 AI에 같은 관심사의 서로 다른 전시 기획 두 안을 요청합니다. 학생은 하나를 선택한 이유를 적고 콘텐츠 세 개의 역할과 순서를 정합니다.
- 함께 확인할 것
- 세 콘텐츠가 모두 전시 목적에 필요한지 설명합니다.
2회 · 표현과 자료 검토하기
- 이번 시간에는
- 그림과 소개 문구의 근거와 사용 범위를 확인합니다.
- 직접 해볼 일
- AI 소개 초안의 과장된 주장과 근거 없는 내용을 찾아 고칩니다. 그림 세 개와 두 문장씩의 설명을 채우고 가상 기획·자료 출처를 표시합니다.
- 함께 확인할 것
- 내용의 사실 여부와 그림 사용 조건이 분명한지 확인합니다.
3회 · 선택 상태와 접근성 고치기
- 이번 시간에는
- 내용과 선택 표시가 일치하도록 버튼을 다듬습니다.
- 직접 해볼 일
- 교사가 AI 동작 설명과 선택 표시가 틀린 예시를 비교합니다. 학생은 검증된 틀의 표시 구역을 수정하고 마우스와 키보드로 세 버튼을 조작합니다.
- 함께 확인할 것
- 선택 표시·내용·첫 화면 상태가 일치하는지 확인합니다.
4회 · 독자 테스트와 완성하기
- 이번 시간에는
- 목적에 맞게 읽히고 조작되는 웹페이지를 검증합니다.
- 직접 해볼 일
- 짝의 해석과 자기 의도를 비교해 제목이나 설명 한 곳을 수정합니다. 좁은 창·키보드·그림 경로를 확인하고 파일을 폴더째 저장합니다.
- 함께 확인할 것
- 세 콘텐츠의 목적·선택 동작·가독성·자료 표시·재열기를 확인합니다.
준비물·도구 사용·수업 운영 계획
- 기획 중인 4회 수업 제안이며 교구 미제작·강사 시연 전으로, 운영 실적이나 완성 사례가 아닙니다.
- 매회 초등 80분·중등 90분·고등 100분을 제안하며 각각 휴식 10분을 포함합니다.
- 학생 가입·결제·공개를 요구하지 않고 교사가 AI를 직접 조작하며, 학교 승인·서비스 연령·계정·자료 조건을 확인하고 계정을 공유하지 않습니다.
- 초등 1~3학년은 교사의 읽기·입력·저장 지원을 더하고, 기기와 학생 경험에 따라 문구·조작 범위를 줄입니다.
- 교사는 검증할 기본 틀·복구 파일과 실제 AI 요청·응답 카드를 사전에 준비하고, 학생 사진·실명·음성을 수집하거나 AI에 입력하지 않습니다.
- 검증할 로컬 HTML 틀과 그림 폴더를 제공하고, 초등은 동작 코드를 수정하지 않으며 서버 배포는 하지 않습니다.