IoT의 이해
전병현 교수
12주차 2강. 블록 사용법
학습내용
학습목표
1. 블록의 구성 화면과 기능에 대하여 설명할 수 있다.
2. 텍스트 블록을 활용할 수 있다.
1. 블록의 구성 화면
2. 텍스트 블록 사용법
◉
블록의 역할
1. 블록의 구성 화면(1)
• 애플리케이션에서 어떤 동작을 지시
• 팔레트의 컴포넌트에 기능을 부여
번호 내용
1 블록
2 미디어
3 뷰어
4 경고
5 가방
6 휴지통
1
2
3
4
5
6
◉
블록
1. 블록의 구성 화면(2)
• 컴포넌트에 기능을 삽입하거나 프로그램 제작에 필요한 기본 기능을 제공
• 이름 변경과 삭제 기능 제공
• 공통 블록 : 공통적인 블록을 모아 놓은 곳
• Screen : 팔레트의 컴포넌트의 블록을 모아 놓은 곳
• 모든 컴포넌트 : 전체 컴포넌트를 모아
놓은 곳
◉
미디어, 뷰어, 경고
1. 블록의 구성 화면(3)
• 미디어
- 사진, 음악, 동영상 등 미디어 파일을 업로드
• 뷰어
- 블록에서 꺼낸 블록을 조립하여 애플리케이션 기능을 만듦
• 경고
- 노란색 : 미완성 혹은 사용되지 않은 블록이 있는 경우
- 빨간색 : 애플리케이션이 제대로 작동하지 않은 경우
◉
가방, 쓰레기통
1. 블록의 구성 화면(4)
• 가방
- 조립하고 있는 블록을 넣고, 꺼낼 수 있는 기능
- 다른 스크린, 다른 프로젝트로 블록을 옮길 때 사용함 - 블록에 마우스 우측 버턴을 클릭하여 백팩(가방)에 넣음
• 쓰레기통
- 뷰어에 있는 블록을 쓰레기통으로 끌어다 놓아서 삭제함 - 블록을 마우스 우측 버턴으로 클릭하여 삭제함
- 삭제 후 복구는 불가능함
블록의 모양 기능
•
안쪽에만 삽입될 자리가 있는 블록으로 블록 안에 내용이 실행 됨을 의미
•
결합될 부분이 음과 양으로 구분되어져 있고 어떤 일을 행하는 블록이며
우측에 블록을 더 연결하여 작업을 할 수 있음
•
왼쪽에 튀어나온 부분을 다른 블록을 끼울 수 있고 좀더 자세한 일을 할 수 있음
◉
블록의 모양과 기능
1. 블록의 구성 화면(5)
◉
텍스트 블록 해부(1)
2. 텍스트 블록 사용법(1)
• 텍스트 블록은 문자 등을 표시할 때 사용
◉
텍스트 블록 해부(2)
2. 텍스트 블록 사용법(2)
• 텍스트를 하기 전에 디자이너에서 레이블1 텍스트와 버턴을
디자인함
◉
텍스트 블록 해부(3)
2. 텍스트 블록 사용법(3)
1 2
• ① 버턴 블록이 클릭이 되면 레이블1에서 블록 텍스트에 글자를 표시
• ② 블록을 조립하여 실행
구분 블록의 모양 기능
합치기
•텍스트 문자를 합침
길이
•문자의 길이를 계산함
텍스트
비교
•텍스트를 비교함
◉
텍스트 블록 해부(4)
2. 텍스트 블록 사용법(4)
구분 블록의 모양 기능 비어
있나요?
•
비어있는지를 판단 (True, Flase)
다듬기
•문자의 앞뒤 공백을 잘라냄
대문자
•대문자 소문자 변경
◉
텍스트 블록 해부(5)
2. 텍스트 블록 사용법(5)
◉
마우스 우측 버턴 활용
2. 텍스트 블록 사용법(6)
• 블록 복사, 주석문 달기,
블록 접기, 백팩에 추가,
블록 삭제 등
◉
에뮬레이터로 실행
2. 텍스트 블록 사용법(7)
• 에뮬레이터를 활용한 실행
학습하기가 끝났습니다.
다음페이지 버튼을 클릭하여
평가문항을 풀어보세요. 프로그램 실습
※ 자료실에서 프로그램 소스 코드를 다운로드 받으세요.
실습
1. 텍스트 블록 사용법(1)
1. 팔레트의 기능을 활용하여 디자인한다.
2. 디자인이 완료되면 블록 조립 화면으로 이동한다.
3. 블록 화면은 공통 블록, Screen의 컴포넌트, 모든 컴포넌트 메뉴로 구성되며, 경고 또는 에러메시지, 가방, 휴지통 등이 있다.
◉
블록 설정(1)
실습
1. 텍스트 블록 사용법(2)
4. 제어 블록 : 만약(if), 숫자, 항목 등의 블록으로 구성
5. 논리 : 참, 거짓, 아니다, 부호, 그리고, 또는 등의 블록으로 구성 6. 수학 : 0, 크기 연산자, 임의의 분수 등의 블록으로 구성
◉
블록 설정(2)
실습
1. 텍스트 블록 사용법(3)
7. 텍스트 : 텍스트 값을 삽입, 합치기, 대문자/소문자 등의 블록으로 구성
8. 리스트 : 빈 리스트, 리스트 만들기 등의 블록으로 구성 9. 색상 : 색상에 대한 블록으로 구성 10. 변수 : 전역변수, 지역변수, 가져오기, 지정하기 등의 블록으로 구성
11. 함수 : 사용자가 직접 만들어서 사용할 수 있는 블록
◉
블록 설정(3)
실습
1. 텍스트 블록 사용법(4)
1. 텍스트 블록을 뷰어에 끌어 놓는다.
2. 텍스트에 비어있는 블록을 끌어서 합치기 블록에 조립한다.
3. 조립한 블록 위에서 마우스 우측 버튼을 클릭하여 복제하기를 한 후 합치기 블록에 조립한다.
◉
텍스트 블록(1)
실습
1. 텍스트 블록 사용법(5)
4. 블록을 삭제하려면 휴지통에 넣거나 Delete 키를 활용하여 삭제한다.
5. 자주 사용되는 블록은 가방에 넣어둔다.
6. 합치기를 추가하려면 기어 바퀴를 클릭하여 문자열을 삽입한다.
◉
텍스트 블록(2)
실습
1. 텍스트 블록 사용법(6)
1. 버튼의 이벤트에 따라 블록을 선택해서 사용한다.
◉
버튼 블록(1)
실습
1. 텍스트 블록 사용법(7)
2. 텍스트 문자를 음성 변환하기 위해서 음성 변환 블록을 설정한다.
3. 텍스트 삽입 블록을 조립한다.
◉
버튼 블록(2)
실습
1. 텍스트 블록 사용법(8)
1. AI 컴패이니언 또는 에뮬레이터로 실행한다.
◉
실행하기
실습점검
실습 재미있게 해보셨나요?
‘블록 사용법’에 대해 실습한 내용과
자신의 실습 결과물을 비교해 보세요.
1. 블록 화면 구조에 대해 설명할 수 있나요?
2. 텍스트 블록을 활용할 수 있나요?
예 예
아니오
아니오
실습점검
1. 블록 메뉴와 화면 구조
- 블록 메뉴의 구성에 대한 위치 등을 확인 - 블록에 대한 사용법을 확인
2. 블록 활용
- 블록 조립에 대하여 점검
- 블록을 활용하여 실습한 내용이 정상적으로 작동되는지를 점검 - 스마트 폰 또는 에뮬레이터로 실행이 되는지를 점검
◉
