CHAPTER 1 앱 인벤터 001
SECTION 1 책 미리 살펴보기 002
SECTION 2 앱 인벤터App Inventor란? 004
SECTION 3 앱 인벤터 실행을 위한 준비 006
SECTION 4 QR 코드 인식 앱 다운로드 009
SECTION 5 앱 인벤터 화면 미리보기 010
SECTION 6 프로젝트 테스트 및 프로젝트
내보내기 013
CHAPTER 2 프로젝트 작성 및 앱 설치 017
SECTION 1 프로젝트 만들기 018
SECTION 2 스마트폰에 앱 설치하기 022
CHAPTER 3 화면 바꾸기 025
SECTION 1 배경색 변경하기 프로젝트 026
SECTION 2 화면 전환하기 프로젝트 035
SECTION 3 연습 문제 042
CHAPTER 4 사진 표시&웹 사이트 이동하기 045
SECTION 1 사진 불러오기 프로젝트 046
SECTION 2 웹 브라우저 프로젝트 055
SECTION 3 연습 문제 064
CHAPTER 5 미디어 컴포넌트 활용하기 067
SECTION 1 흔들어서 소리내기 프로젝트 068
SECTION 2 한영 번역기 프로젝트 075
SECTION 3 연습 문제 091
CHAPTER 6 변수 활용 및 목록 지정하기 095
SECTION 1 변수 기본 개념 익히기 096
SECTION 2 계산기 프로젝트 100
SECTION 3 영화 예매하기 프로젝트 117
SECTION 4 연습 문제 136
CHAPTER 7 함수 및 반복문 139
SECTION 1 함수 및 반복문 익히기 140
SECTION 2 체질량 지수 계산 프로젝트 143
SECTION 3 사진 찍기 프로젝트 160
SECTION 4 연습 문제 175
CHAPTER 8 캔버스&펜 활용하기 177
SECTION 1 낙서장 프로젝트 178
SECTION 2 그림판 프로젝트 188
SECTION 3 연습 문제 205
CHAPTER 9 List를 이용한
앱 인벤터가 무엇인지 알아보기 전, 이 책이 어떻게 구성되었는지 함께 살펴보자.
(1 프로젝트 이해하기
새 프로젝트의 중심 내용과 세부 사항을 확인한다. 프로젝트를 만들기 위해 사용하는 프로그래밍 요소가 어떻게 쓰이는지 프로그래밍 작성 전에 미리 알아보도록 한다.
(2 완성 앱 미리보기
각 SECTION에서 제공된 완성 앱 미리보기를 통하여 작성하고자 하는 앱의 화면 설계를 확인 할 수 있다.
(3 디자인 설계
디자인 설계는 디자이너 화면의 작업을 보여준다. 즉, 앱 작성에 필요한 컴포넌트의 전체 레이아웃을 설계한다.
(4 컴포넌트 설계
필요한 컴포넌트의 팔레트의 구분, 이름, 속성을 설계한다. 디자인 설계에서 사용할 컴포넌트의 전체적인 화면 배치를 확인했다면, 컴포넌트 설계에서는 컴포넌트의 이름 변경 및 속성을 변경하여 앱 화면에 표시되는 기본 값을 설정할 수 있다.(텍스트 색상, 글꼴, 크기, 배치, 너비, 높이 등등
(5 전체 블록코딩 소스
디자이너 화면에서 필요한 컴포넌트에 대한 배치와 모양을 변경했다면, 해당 컴포넌트가 실제 실행할 이벤트(동작에 대한 설정이 필요하다. 이러한 이벤트를 블록코딩을 통해 지정할 수 있다. 따라서 블록은 컴포넌트가 동작할 수 있도록 기능을 부여해 주는 것으로 앱에 사용된 모든 컴포넌트에 대한 전체 블록코딩을 한 눈에 확인할 수 있다.
(6 블록코딩 소스 풀이
전체 블록코딩 소스에서는 앱에 필요한 전체 블록코딩 소스를 확인했다면, 각각의 컴포넌트가 어떤 동작을 하는지와 컴포넌트에 어떤 블록을 어떻게 연결하는지를 풀이한 부분이다. 즉, 블록코딩 소스풀이를 통해 만들고자 하는 앱의 동작을 이해할 수 있다.
(7 스마트폰 앱 설치
예제를 통해 만든 프로젝트를 앱으로 만들어 스마트폰에 설치하여 실행해 본다.
[연습 문제]
각 SECTION에서 다룬 컴포넌트와 블록을 활용한 연습 문제들로 구성하였으며, 연습문제를 통하여 반복, 응용 학습으로 각 SECTION의 학습을 정리하였다
