내 손안의
인공지능
기관 프로그램 실습하기(초등)
포켓코드
손안의 랜덤 상성게임
(포켓코드)
권장학년 4-6학년
목차
손 안의 랜덤생성게임
1. 가위바위보 게임
2. 스마트폰 가위바위보 게임제작 3. 랜덤 생성 게임 만들기
4. 나만의 게임 친구와 하기
1. 우승자의 비결은 무엇이었습니까?
2. 완전 무작위로 낼 수 있는 방법은 무엇 이 있습니까?
가위바위보 우승자의 전략은?
포켓코드?
스마트폰을 이용하여 프로그래밍하여 실행 하고 앱으로 만들 수 있 는 프로그램입니다.
Playstore에서 검색 후 설치합니다.
포켓코드 알아보기
랜덤 가위바위보에 사 용할 사진을 스마트폰 에 찍어둡니다. (다운 로드 가능)
랜덤 가위바위보 게임 만들기 준비 (가위바위보 사진찍기)
포켓코드 도구 알아보기
https://www.youtube.com/watch?v=BHe2r2WU-T8
랜덤 가위바위보 게임 만들기 1 (앱 살펴보기)
현재 프로그램
보유 프로그램
온라인 공유공간
새 프로그램 만들기
랜덤 가위바위보 게임 만들기 2 (스프라이트 추가하기)
프로젝트 이름 스프라이트 생성하기 [그림 선택하기] 후
‘가위‘ 그림 선택
오브젝트 이름 ‘1’ 로 설정
(추후 변경 가능)
1
랜덤 가위바위보 게임 만들기 2 (스프라이트 추가하기)
사진 정렬하기
(가운데)오브젝트 클릭
해당 스프라이트로 들어가기
스프라이트 ‘1’ 안에서 + 모양 추가하기
‘바위’ 모양 추가하기
랜덤 가위바위보 게임 만들기 2 (스프라이트 추가하기)
사진 정렬하기
(가운데)오브젝트 클릭
해당 스프라이트로 들어가기
이름을 ‘2’로 바꾸기 같은 방식으로 ‘보’
추가하기
랜덤 가위바위보 게임 만들기 3 (스크립트 코딩하기)
스크립트 메뉴에서 블록 추가하기
블록 팔레트 확인하기
[계속 반복] 블록 블록추가 확인하기
랜덤 가위바위보 게임 만들기 3 (스크립트 코딩하기) - 조건문
블록 팔레트 확인하기 [조건문] 블록 추가
블록 추가하기 [조건문] 블록 확인하기
랜덤 가위바위보 게임 만들기 3 (스크립트 코딩하기) – 조건문, 논리연산
[조건] 변경하기 [센서 장치] [가속도 센서] 선택 [논리연산] 선택
랜덤 가위바위보 게임 만들기 3 (스크립트 코딩하기) – 조건문, 논리연산, 센서 실험
[ > ] 선택 값 실험해보기 (>20)
[논리연산] 선택 [모양 바꾸기] 선택
랜덤 가위바위보 게임 만들기 3 (스크립트 코딩하기) – 랜덤 숫자 사용하기(난수 개념)
함수 선택하기
값 선택하기 랜덤 선택하기 랜덤(1,3)으로 바꾸기
랜덤 가위바위보 게임 만들기 3 (스크립트 코딩하기) – 크기 바꾸기
그림 크기 맞추기
값 선택하기 실행해보기 흔들어보기
친구랑 가위바위보 놀이 해보기
출처 : Pocketcode Official
나만의 랜덤 게임 생성하기
• 가위바위보 처럼 서로가 서로를 이 길 수 있는 게임은 무엇이 있을까요?
• 나만의 상성게임을 만들기 위해 필 요한 자료 또는 사진을 모아봅시다.
• 나만의 상성게임을 만들고 공유하여 봅시다.
포켓코드 내 다운로드 받기
어플로 설치하기
손안의 랜덤 상성게임
(포켓코드)
권장학년 4-6학년
손 안의 재난 경보기
(포켓코드)
권장학년 5-6학년
목차
손 안의 재난경보기
1. 우리 주변의 재해 알아보기 2. 메이키메이키 알아보기
3. 포켓코드 프로그래밍하기 4. 재난경보기 만들기
5. 나만의 재난경보기
사고를 예방하는 것이 중요한 이유
1. 영상을 보고 느낀 점은 무엇입니까?
2. 사고를 예방할 수 있는 방법은 무엇이 있습니까?
3. 사고를 예방하는 것이 왜 중요합니까?
• 우리 주변의 사고 중 알고싶은 통계를 정해봅시다.
• 우리 주변의 사고를 조사해봅시다.
1. 통계청 접속하기
2. [국내통계] 중 [주제별 통계]에서 주제 선택 3. 통계를 찾아봅시다.
• 사고 발생 그래프를 그려봅시다.
• 조사한 사고를 예방하기 위한 경보기 종류를 써 봅 시다.
• 해당 경보기의 원리를 찾아 써 봅시다.
우리 주변의 사고 조사해보기 & 경보기
경보기 알아보기
경보기?
급작스러운 사고나 재해를, 음향이나 광선을 통하여 알리는 장치
경보기의 종류 화재경보기 도난경보기 가스경보기 지진계 낙상경보기 홍수경보기
일산화탄소 경보기 도어 경보기 등
홍수경보기 만들기 – 메이키메이키 알아보기
컴퓨터와 연결하여
간단히 입력할 수 있도록 만든 장치
메이키메이키 소개영상
https://www.youtube.com/watch?v=rfQqh7iCcOU
메이키메이키의 원리와 준비물
01 02
메이키메이키 원리
전류가 통하면 키 입력이 진행됩니다.
준비물
메이키메이키, 종이컵 OTG케이블, 악어클립
오늘의 활동 안내
메이키메이키 원리 알아보기
포켓코드 프로그래밍(1) 사용방법과 센서 알아보기
포켓코드 프로그래밍(2) 홍수 경보기 만들기&테스트
NEW 재난경보기 설계 새로운 재난경보기 설계하여보기
포켓코드 프로그래밍 하기 1(앱 설치하기)
포켓코드 프로그래밍 하기 2(앱 살펴보기)
현재 프로그램
보유 프로그램
온라인 공유공간
새 프로그램 만들기
포켓코드 프로그래밍 하기 3(기본적인 프로그램 만들기)
프로젝트이름설정후[확인] 스프라이트추가하기(+) [미디어라이브러리]접속
그림그리기(포켓페인트)
그림선택하기(앨범에서가져오기)
사진촬영(사진촬영해서쓰기)
포켓코드 프로그래밍 하기 3(기본적인 프로그램 만들기)
스프라이트선택하기 이름정하고(확인) 스프라이트들어가기 스크립트추가하기
포켓코드 프로그래밍 하기 3(기본적인 프로그램 만들기)
블록팔레트 블록코딩하기 터치하기 실행화면
포켓코드 프로그래밍 하기 4(메이키메이키 연결하기)
해당 캐릭터는 언제 보입니까?
화면 터치 시
메이키메이키를 연결하여 같은 효과를 내 봅시다.
포켓코드 프로그래밍 하기 4(메이키메이키 연결하기)
해당 캐릭터는 언제 보입니까?
화면 터치 시
메이키메이키를 연결하여 같은 효과를 내 봅시다.
홍수경보기 경보화면 만들기
• 경보기에 좋은 경고는 무엇일까요?
• 경보화면 만들기(방법 4가지 중 선택) 1. 그림 그리기
2. 적절한 그림 선택하기(미디어 라이브러리) 3. 그림 다운로드 받기
4. 경보화면 촬영하기
포켓코드 프로그래밍 하기 5(홍수경보기 만들기)
• (Q) 종이컵에 물이 일정 정도 차면 경보가 발생하도록 해 봅시다.
• 메이키메이키와 종이컵, 악어클립 등을 이용하여 만들어 봅시다.
• 물이 차면 경보가 통하도록 코딩하여 만들어봅시다.
포켓코드 프로그래밍 하기 5(홍수경보기 만들기)
• (Q) 종이컵에 물이 일정 정도 차면 경보가 발생하도록 해 봅시다.
• 메이키메이키와 종이컵, 악어클립 등을 이용하여 만들어 봅시다.
• 물이 차면 경보가 통하도록 코딩하여 만들어봅시다.
포켓코드 프로그래밍 하기 5(홍수경보기 만들기)
• (Q) 종이컵에 물이 일정 정도 차면 경보가 발생하도록 해 봅시다.
• 메이키메이키와 종이컵, 악어클립 등을 이용하여 만들어 봅시다.
• 물이 차면 경보가 통하도록 코딩하 여 만들어봅시다.
포켓코드 프로그래밍 하기 5(홍수경보기 만들기)
• (Q) 종이컵에 물이 일정 정도 차면 경보가 발생하도록 해 봅시다.
• 메이키메이키와 종이컵, 악어클립 등을 이용하여 만들어 봅시다.
• 물이 차면 경보가 통하도록 코딩하 여 만들어봅시다.
포켓코드 프로그래밍 하기 5(홍수경보기 만들기)
• (Q) 종이컵에 물이 일정 정도 차면 경보가 발생하도록 해 봅시다.
• 메이키메이키와 종이컵, 악어클립 등을 이용하여 만들어 봅시다.
• 물이 차면 경보가 통하도록 코딩하 여 만들어봅시다.
나만의 안전 재난 도우미 설계하기 (센서)
화재경보기
온도 센서를 이용하여 일정 이상 온도가 되면
알람 울리기
지진계
흔들리는 정도를 스마트폰에 기록하기
나만의 안전 재난 도우미 설계하기 (센서)
• (Q) 스마트폰에는 어떤 센서들이 있 습니까?
• 스마트폰의 센서와 역할을 알아봅시다.
• 새로운 경보기를 생각해보고 어떻게 동작하는지 써 봅시다.
• 경보계의 모습을 디자인하여 봅시다.
• 친구들과 새로운 경보기의 모습을 공 유하여 봅시다.
나만의 안전 재난 도우미 만들기
• 설계한 경보기를 토대로 나 만의 재난 안전 도우미를 만 들어봅시다.
기관 개발 프로그램 소개
(중등)
손 안의 재난 경보기
(포켓코드)
손 안의 로봇
(핑퐁로봇)
권장학년 중학생
(선수학습 엔트리)
목차
손 안의 로봇
1. 우리주변의 로봇은?
2. 핑퐁 로봇 알아보기
3. 스마트폰으로 이동 로봇 조종 4. AI 로 핑퐁로봇 조종하기
5. 나만의 로봇 만들기
핑퐁 기본 로봇 만들기
1. 핑퐁로봇 조립하기(AutoCar)
https://www.youtube.com/watch?v=f8bNwTzysSw
핑퐁 기본 로봇 만들기 2
1. 핑퐁로봇을 찾아 설치합니다.
2. 2개 큐브 종류 중 201 Autocar를 선택 합니다.
3. ★ ■모양에 맞게 로봇을 놔둔 후 왼쪽 큐브부터 차례로 버튼을 클릭합니다.
4. 연결되어 색이 표시되면 우측의 조이스 틱 버튼을 눌러 핑퐁로봇을 움직입니다.
5. 다른 로봇도 조립하여 봅시다.
핑퐁 기본 로봇 만들기 3
1. Autocar 우측 하단의 모션 만들기로 접속합니다.
2. 앞으로 가기, 회전하기, 잠깐 멈춤을 조 합하여 움직임을 만들어 봅시다.
3. 교사가 제시하는 곳까지 움직일 수 있도 록 해 봅시다.
핑퐁 로봇 장애물 경주하기
1. 서로가 만든 코스를 눈으로 확인하고 모션메이커 모드를 이용하여 장애물 경주를 합니다.
2. 실 계측은 하지 않고 진행하며, 장애물을 건드리 지 않고 짧은 시간 안에 통과하도록 합니다.
3. 경주를 하다 장애물을 건드릴 경우 출발점으로 돌 아와 처음부터 다시 수행합니다.
출발 점
도착점
<장애물 트랙 예시>
(선택활동) 군무 만들기
1. 모션메이커 기능을 이용하여 웜봇의 동작을 코딩합니다.
2. 조원과 함께 웜봇의 군무 동작을 만들어 봅니다.
3. 선생님이 노래를 재생하면, 노래에 맞추어 군무를 실행합니다.
• 넘어가기 • 이동하기 • 물구나무서기 • 춤추기
왼쪽으로넘기 오른쪽으로 넘기 왼쪽 이동
웜봇 방향
추가 동작
오른쪽 이동
인공지능 + 핑퐁로봇 기본 프로그램 만들어보기 1 - 모델학습
1. 엔트리 홈페이지에서 [작품 만들기]를 누른 다음 [인공지능] 탭의 [모델 학습하기]로 이동합니다. (로그인 필수) 2. [새로 만들기]에서 [이미지]를 선택합니다.
3. 모델 학습에 대한 제목을 입력합니다.
4. ‘마스크 착용’, ‘마스크 미착용’의 모습을 웹캠으로 촬영합니다.
5. 모델 학습이 완료되면 [추가하기] 버튼을 눌러 엔트리 만들기 화면으로 이동합니다.
인공지능 + 핑퐁로봇 기본 프로그램 만들어보기 4 – 프로그래밍 코딩2
1. 인식 결과가 마스크 미착용이면, ‘마스크 미착용‘ 신호를 보내기 합 니다.
2. 인식 결과가 없을 경우에는 ‘마스크 재검사＇ 신호를 보내기 합니 다.
3. 지금까지 완성된 코드를 시작하기를 눌러 마스크 감지 결과에 따라 자동문과 핑퐁 로봇의 모터가 제대로 동작하는지 확인해 봅니다.
인공지능 + 핑퐁로봇 기본 프로그램 만들어보기 5 – 프로그래밍 코딩3
1. [마스크 검사] 신호를 받았을 때 “안녕하세요 마스크를 검사할께요~” 라고 4초 동안 말하기 합니다.
2. [마스크 미착용] 신호를 받았을 때 “이런... 마스크를 깜빡 했나보군요... 마스크를 착용하고 등교해주세 요!” 라고 4초 동안 말하기 합니다.
3. [마스크 검사] 신호를 받았을 때 “마스크를 잘 착용하고 왔네요~ 등교를 환영합니다!” 라고 4초 동안 말 하기 합니다.
4. [마스크 검사] 신호를 받았을 때 “마스크 검사를 다시 해주세요!” 라고 4초 동안 말하기 합니다.
손 안의 AI 식물도감
(앱인벤터)
권장학년 중학생
(선수학습 앱인벤터)
목차
손 안의 AI 식물도감
1. 인공지능 어플리케이션 체험 2. 인공지능 학습의 원리
3. 나만의 자료 학습하기
4. 앱인벤터 어플 제작하기
5. 인공지능 이미지 인식 대회
인공지능 학습 – 지도학습 체험하기
1. [시작하기]
https://teachablemachine.withgoogle.com/
2. 이미지프로젝트
3. 두 가지 분류 이름 설정 후 웹 캠으로 각각 이미지 샘플 30- 50개 추가
4. [모델 학습하기]
5. 지도학습 결과 테스트해보기
앱인벤터 준비하기
1. 어플을 만들기 위하여 태블릿에 앱 인벤터를 설치하여 봅시다.
2. 앱 인벤터에 가입하여 프로그래밍 해 봅시다.
(태블릿) MIT AI2 Companion 설치하기 컴퓨터) https://appinventor.mit.edu/
FlowerDex
(준비) 가장 간단한 프로그램 만들어보기
1. [메뉴] – [새 프로젝트 시작하기]
새로운 앱인벤터 프로젝트 만들기 “hello”
2. 블록팔레트에서 [레이블]. [버튼] 추가
3. [레이블 1]과 [버튼 1]을 가운데 정렬 하기
4. [버튼 1]의 텍스트를 “Hello”로 바꾸기
5. 오른쪽과 같이 코딩하기
(스크린이 시작되면 “안녕하세요”, 버튼을 누르면 “hello”로 변경)
[Screen 1] 블록
[레이블1] 블록 [텍스트] 블록
모델 살펴보기 모델 다운로드 받기
Lotus Rose
앱인벤터 어플을 위한 AI 학습
https://classifier.appinventor.mit.edu/Lotus
Lotus
Rose
블록 디자인하기
Lotus Rose
Lotus
Rose Lotus
Rose
추가활동(꾸미기)
딕셔너리 활용
정답과 신뢰도 표시
{“Lotus”:0.3512}
Key Value
* 보고 따라하는 것보다 직접 짜는게 더 쉬워요.
친구들과 테스트하기
연꽃입니다. 장미
자신이 만든 프로그램을 친구들과 함께 실험하여 봅시다.
