박우전 woojunpark@gmail.com 한남대학교 컴퓨터공학과 명예교수 스크래치로 배우는 컴퓨팅 사고 박우전 woojunpark@gmail.com 한남대학교 컴퓨터공학과 명예교수 1. 컴퓨팅 사고력과 소프트웨어 교육

목차 컴퓨팅사고력과 소프트웨어교육에대한 이해 스크래치 시작하기 나만의 스프라이트와 무대배경 만들기 무대에서의 이동과 방향 변경하기 스프라이트의 같은 동작 반복하기 스프라이트의 동작 바꾸기 스프라이트의 동작순서 정하기 데이터를 저장하고 활용하기 애니메이션 미술 음악 게임 1. 컴퓨팅 사고력과 소프트웨어 교육

1. 컴퓨팅 사고력과 소프트웨어 교육 1.1 컴퓨팅 사고력과 소프트웨어 교육의 필요성 제 4차 산업혁명: 사물인터넷(IoT), 인공지능(AI), 빅데이터, 로봇공학 등의 최첨단 정보통신기술이 다양한 사물과 융합으로 가능 미래인재의 필요한 역량 3가지 문제를 인식하고 해결할수 있는 능력 (인간과 기계의 공생을 통해) 다양성의 가치를 조합 하는 대안 도출 능력 기계와 협력하고 소통할 수 있는 역량 1. 컴퓨팅 사고력과 소프트웨어 교육

1.1.1 컴퓨팅사고력 컴퓨팅사고 Computational Thinking 21세기 사람들이 갖추어야 할 기본기능 추상화 (인간의 사고과정): 자료수집, 자료분석, 자료표현, 문제분해, 추상화, 알고리즘과 절차 자동화 (컴퓨팅시스템의 능력): 자동화, 병렬화, 시뮬레이션 1. 컴퓨팅 사고력과 소프트웨어 교육

1.1.2 소프트웨어 교육 2018년부터 단계적으로 초 중 고 교육과정에 코딩교육 의무화 (과학기술정보통신부) 에스토니아 영국 미국 핀란드 프로그래밍언어: 스크래치, 엔트리, 플레이봇, 아두이노 언플러그활동: 컴퓨터없이 활동이나 놀이를 통한 컴퓨터과학개념, 알고리즘 학습 1. 컴퓨팅 사고력과 소프트웨어 교육

1.2 스크래치 시작하기 1.2.1 스크래치란? Scratch 미국 MIT 미디어랩과 UCLA의 연구자들이 공동으로 개발한 소프트웨어 교육 플랫폼 이야기, 게임, 애니메이션을 직접 작성 가능 온라인 커뮤니티에서 다른 사람과 공유가능 40개 이상의 언어로 사용가능 1.2.2 스크래치 프로젝트의 공유 스크래치 홈페이지 http://scratch.mit.edu 에 등록, 공유된 프로젝트 공유프로젝트의 기능추가, 재구성 가능 1. 컴퓨팅 사고력과 소프트웨어 교육

1.3 스크래치 인터페이스 온라인 에디터: 스크래치 홈페이지에 접속 [만들기] 메뉴 또는 [바로시작하기] 아이콘을 클릭하여 나타낸 에디터 화면 오프라인 에디터: [소개] 메뉴 화면 하단의 [지원]-[오프라인 에디터]에서 설치파일을 다운로드 인터넷연결 없이도 스크래치 사용가능 두 에디터의 차이: 개인저장소 프로젝트 저장, 호출방식의 차이 1. 컴퓨팅 사고력과 소프트웨어 교육

스크래치 에디터의 화면 구성 툴바 Toolbar 무대 Stage 무대 제어창 Stage Control Pane 스프라이트 창 Sprite Pane 팔레트 Palette 블록 Blocks 스크립트 영역 Script Area 도움말 Help 1. 컴퓨팅 사고력과 소프트웨어 교육

1.3.1 – 1.3.2 1.3.1 툴바 메뉴: 홈으로, 언어선택, 파일, 편집, 도움말, 스크래치란? 기능아이콘: 도장(복사?), 삭제, 확대, 축소, 블록도움말 1.3.2 무대 사용자의 코딩에 따라 스프라이트가 동작하는 곳 프로젝트의 실행과정과 결과를 확인할 수 있는 공간 . . . 녹색깃발 멈춤(빨간 원) 1. 컴퓨팅 사고력과 소프트웨어 교육

1.3.3 무대제어창 . . . 저장소에서 배경선택 배경 새로그리기 배경파일 업로드하기 웹캠으로 배경찍기 . . . 저장소에서 배경선택 배경 새로그리기 배경파일 업로드하기 웹캠으로 배경찍기 1. 컴퓨팅 사고력과 소프트웨어 교육

1.3.4 스프라이트창 스프라이트이름, 스프라이트 정보아이콘, 저장소에서 스프라이트 선택, 새 스프라이트 그리기, 스프라이트파일 업로드하기, 카메라로부터 새 스프라이트 만들기, 이전 아이콘, 이름변경, 좌표, 방향, 회전방식, 드래그기능, 보이기 1. 컴퓨팅 사고력과 소프트웨어 교육

1.3.5 팔레트 [스크립트] 탭: 스프라이트를 동작시키는 프로그래밍 코드블록을 연결 및 조합하는 탭 [모양] 탭: 하나의 스프라이트가 가지고있는 다양한 모양확인 및 편집 [소리] 탭: 소리의 삽입 또는 편집 1. 컴퓨팅 사고력과 소프트웨어 교육

(1) [스크립트] 탭의 블록 범주 동작 Motion: 스프라이트의 각도를 바꾸거나 위치를 이동하는 등의 블록모음 형태 Looks: 스프라이트의 모양, 크기, 말풍선, 그래픽효과 등을 변경할 수 있는 블록모음 소리 Sound: 스프라이트의 효과음, 노래, 소리와 관련된 블록모음 펜 Pen: 화면에 그림 또는 선그리기와 관련된 블록모음 데이터 Data: 변수와 리스트를 생성하고 관리하는 블록모음 이벤트 Events: 스크립트의 실행, 방송하기와 관련된 블록모음 제어 Control: 반복문, 조건문, 복제 등과 관련된 블록모음 감지 Sensing: 스프라이트, 마우스, 타이머, 음량, 시간등의 상태확인과 관련된 블록모음 연산 Operators: 산술연산, 관계연산, 논리연산, 난수처리, 수학함수 등과 관련된 블록모음 추가블록 More Blocks: 특정한 기능을 가진 새로운 블록추가와 관련된 블록 모음 1. 컴퓨팅 사고력과 소프트웨어 교육

(2) [모양]탭과 페인트 에디터 스프라이트, 모양1, 모양2 모양이름, 되돌리기, 재시도, 모두지우기, 추가 가져오기 자르기, 좌우반전, … 벡터모드 그리기 도구, 그리기 옵션, 전경색/배경색, 색상팔레트, 색고르기, 확대/축소 벡터모드/비트맵모드 세부사항은 교재 24-25쪽 참조 1. 컴퓨팅 사고력과 소프트웨어 교육

(3) [소리]탭과 소리 편집창 다양한 효과음과 음악연주를 위한 소리를 추가 또는 편집 소리의 파형 소리 소리이름 저장소에서 소리선택/새로운소리 기록하기/소리파일 업로드하기 . . . . . 편집, 효과 1. 컴퓨팅 사고력과 소프트웨어 교육

스크립트영역, 도움말 1.3.6 스크립트영역 스프라이트나 무대가 동작할 수 있도록 관련 블록들을 순차적으로 배치하는 곳 스크립트: 배치되어 연결된 블록덩어리 스프라이트에는 한 개 이상의 스크립트가 작성될 수 있다. 스크립트블록, 댓글, 현재스프라이트 및 좌표, 축소/처음크기/확대 1.3.7 도움말 [Step-by-Step] 탭: 각종 상황 예제 [How To] 탭: 분야별 효과에 대한 설명 [Blocks] 탭: 각 블록범주별 블록들에대한 도움말 제공 1. 컴퓨팅 사고력과 소프트웨어 교육