교사용 시작하기
수업 전에 확인할 것, 평가와 개인정보 처리 안내, 교실 컴퓨터에서 주의할 점을 모았어요.
수업 운영
권장 환경
- 학생 한 명에 컴퓨터 한 대, 컴퓨터용 Chrome이나 Edge 최신판
- 브라우저 창 너비 1024 이상(실습실은 코드와 결과를 나란히 보여 줘요)
- 웹캠: 없으면 샘플 영상으로 실습할 수 있게 준비하고 있어요.
- ESP32 보드: 없으면 가상 보드로 실습할 수 있게 준비하고 있어요.
수업 전 준비
- 교실 컴퓨터 한 대에서 학교 네트워크와 브라우저 점검 페이지를 열고 결과를 확인해요.
- 학생들이 학생용 시작하기의 순서대로 카메라 허락을 한 번 연습하게 해요.
- 보드 수업이라면 보드 준비하기의 안내대로 케이블과 드라이버를 미리 확인해요.
차시 페이지의 흐름
배우기의 차시 페이지는 모두 같은 순서로 만들어요. 교사용 칸은 접혀 있어서 학생 화면에서는 필요할 때만 펼쳐 봐요.
- 학습목표
- 왜 배울까
- 핵심 개념
- 따라하기
- 바꿔보기
- 도전 과제
- 확인 퀴즈
- 교사용
평가: 성취기준·평가 방향 표
이 과목은 2022 개정 교육과정의 교육감 승인 과목 "인공지능과 피지컬 컴퓨팅"이에요. 성취기준 코드는 인천광역시교육청이 게시한 과목 교육과정에서 가져왔고, 차시와의 연결은 사이트가 붙여요.
| 영역 | 성취기준 코드 | 교과서 대단원 | 차시별 평가 방향 |
|---|---|---|---|
| (1) 인공지능 영상인식 | [12인피01-01] ~ [12인피01-04] | I. 영상 처리 인공지능 | 준비 중 |
| (2) 피지컬컴퓨팅 | [12인피02-01] ~ [12인피02-04] | II. 피지컬 컴퓨팅 | 준비 중 |
| (3) 인공지능과 피지컬컴퓨팅 | [12인피03-01] ~ [12인피03-03] | III. 인공지능과 피지컬 컴퓨팅 | 준비 중 |
| (4) 문제해결프로젝트 | [12인피04-01] ~ [12인피04-04] | IV. 지능화 사물 개발 프로젝트 | 준비 중 |
과목 교육과정의 평가 방법 요지(교육청 게시물의 문서 보기 기준, 원문 파일과 대조하기 전이에요):
- 지필 평가를 줄이고 과정 중심으로 평가해요.
- 프로젝트 수행 과정의 비중을 30% 이상으로 해요.
- 생성형 인공지능의 도움을 받은 부분을 표시하고, 협력 과정의 자료를 함께 내요.
준비 중이에요
성취기준 15개와 차시 연결, 평가 방향 표는 차시 페이지를 채우는 단계(Phase 5)에 생겨요.
개인정보 처리 안내(초안)
사이트 운영자는 개인정보를 모으거나 저장하지 않아요
이 사이트에는 로그인·회원가입이 없고, 운영자가 방문 기록을 받는 서버도 없어요. 방문 통계 도구도 쓰지 않아요.
다만 사이트를 열거나 일부 기능을 쓰면 브라우저가 아래 회사의 서버에 접속하고, 그 회사가 접속 정보를 처리해요. 사이트 운영자는 이 기록을 받지 않아요.
| 연결되는 곳 | 언제 | 보내지는 것 | 처리하는 곳 | 처리방침·안내 |
|---|---|---|---|---|
| GitHub Pages(사이트 파일을 보내 주는 곳) | 사이트를 열 때마다 | 접속한 컴퓨터의 IP 주소. GitHub는 보안을 위해 방문자의 IP 주소를 기록하고 보관한다고 안내해요. | GitHub | |
| jsDelivr(파이썬 실행 파일을 보내 주는 콘텐츠 전송망) | 파이썬 실습을 처음 열 때(영상처리 실습실이 생긴 뒤) | IP 주소, 브라우저 종류와 버전, 요청한 사이트의 도메인 | jsDelivr와 트래픽을 전달하는 전송망 업체 | |
| 공개 MQTT 브로커(선택 기능) | 통신 실습실에서 [연결]을 누를 때만(통신 실습실이 생긴 뒤) | IP 주소와 보낸 메시지. 메시지는 같은 주제(토픽) 이름을 아는 누구나 보고 보낼 수도 있어요. | 브로커를 운영하는 회사나 단체(기본 후보: EMQX) | |
| 브라우저의 서버 음성 인식(선택 차시) | 선택 차시 "말을 글로 바꾸는 기술"에서, 교사가 설정을 켠 브라우저로 학생이 고를 때만(기본은 꺼짐) | 마이크로 말한 음성. Chrome 같은 일부 브라우저는 음성을 서버로 보내 글자로 바꿔요. | 브라우저 회사(예: Chrome은 Google) |
사이트 안에서만 다루는 것
- 카메라 영상과 손·얼굴 좌표: 브라우저 안에서만 다루고 서버로 보내지 않게 만들어요.
- 학생이 쓴 코드와 설정: 그 컴퓨터 브라우저의 저장 공간에만 남아요.
- 사이트 검색: 사이트와 함께 올린 검색 파일로 그 컴퓨터에서 찾아요.
- 글꼴: 사이트에 함께 올린 파일을 받아요. 다른 글꼴 서비스에 접속하지 않아요.
서버 음성 인식은 켜기 전에 확인해요
선택 차시의 서버 음성 인식은 기본으로 꺼져 있게 만들어요. 14세 미만 학생이 듣는 수업에서는 켜지 말아 주세요.
학교에서 학습지원 소프트웨어로 쓰려면 학교의 선정 절차가 필요할 수 있어요. 교육부 안내(학습지원 소프트웨어 선정 기준, 2025-12-29)를 참고해 학교 기준으로 확인해 주세요. 이 안내는 초안이고 법률 자문이 아니에요.
여러 사람이 쓰는 컴퓨터
- 로그인이 없는 대신, 학생이 쓴 코드와 설정이 그 컴퓨터의 브라우저에 남아요.
- 수업이 끝나면 실습실의 [이 컴퓨터에서 내 기록 지우기]를 누르게 해 주세요. 이 버튼은 실습실과 함께 생겨요.
- 통신 실습에서 쓰는 무작위 이름(접두어)은 기본으로 탭을 닫으면 사라지게 만들어요.
- 코드, 통신 메시지, 블루투스 보드 이름에 학생 이름·학번 같은 개인정보를 넣지 않게 지도해 주세요. 보드 이름은 "ESP32-07"처럼 자리 번호로 붙여요.
학교 네트워크 체크리스트
학교 네트워크가 무엇을 막는지는 학교마다 달라요. 아래 항목을 수업 전에 한 번 확인해 주세요.
| 확인할 것 | 확인하는 방법 | 막혀 있으면 |
|---|---|---|
| 사이트 주소(github.io)가 열리는지 | 교실 컴퓨터에서 이 페이지가 열리면 통과예요. | 학교 인터넷 담당자에게 사이트 주소를 알려 주고 문의해요. |
| 브라우저 기능(카메라·USB·블루투스·JSPI) | 점검 페이지에서 [결과 복사]를 눌러 모아 둬요. | 결과 표의 줄마다 붙은 대처 안내를 따라요. |
| 파이썬 실행 파일(cdn.jsdelivr.net)을 받을 수 있는지 | 점검 페이지의 [시험하기] 버튼(영상처리 실습실 단계에서 생겨요) | 같은 사이트의 예비 경로로 바꿔 받게 만들 예정이에요. |
| 공개 MQTT 브로커에 접속되는지 | 점검 페이지의 [시험하기] 버튼(통신 실습실 단계에서 생겨요) | 인터넷 없이 같은 컴퓨터의 탭끼리 주고받는 통신으로 실습할 수 있게 만들 예정이에요. |
| 보드 드라이버를 설치할 권한 | 보드를 꽂고 장치 관리자에서 포트가 생기는지 봐요(보드 준비 페이지). | 전산 담당 선생님께 드라이버 설치를 부탁해요. |
| 브라우저가 최신판인지 | 점검 페이지의 JSPI 줄이 "지원"인지 봐요. | 교실 컴퓨터의 Chrome·Edge 업데이트를 요청해요. |
발표 모드
발표 모드는 프로젝터로 차시 페이지를 보여 줄 때 글씨를 크게 하고 한 단계씩 넘겨 보는 화면이에요.
준비 중이에요
발표 모드는 차시 페이지를 채우는 단계(Phase 5)에 생겨요.