기초코딩과 문제해결 with APP INVENTOR

◆ 01 앱 인벤터 시작하기
1.1 앱 인벤터를 이용한 기초코딩 3
1.2 안드로이드 앱 개발 5
1.3 앱 인벤터 준비 9
1.4 앱 인벤터 화면 구성과 컴포넌트 이해 13
1.4.1 [메인] 화면 13
1.4.2 [디자이너] 화면 25
1.4.3 [블록] 화면 45
1.5 블록의 기본 이해 54

◆ 02 논리적 절차 익히기
2.1 조건 판단을 통한 큰 수 찾기 59
2.1.1 UI 설계 60
2.1.2 컴포넌트 속성 60
2.1.3 Block Coding 66
2.2 다중 조건 판단을 이용한 학점 구하기 73
2.2.1 UI 설계 74
2.2.2 컴포넌트 속성 74
2.2.3 Block Coding 77
2.3 논리 연산을 통한 복수 조건 할인 금액 구하기 84
2.3.1 UI 설계 85
2.3.2 컴포넌트 속성 85
2.3.3 Block Coding 91
2.4 반복문을 이용한 정수의 합 구하기 98
2.4.1 UI 설계 99
2.4.2 컴포넌트 속성 99
2.4.3 Block Coding 102
2.5 반복문의 이용한 구구단 출력하기 106
2.5.1 UI 설계 107
2.5.2 컴포넌트 속성 107
2.5.3 Block Coding 116
2.6 연습문제 122

◆ 03 컴포넌트와 블록 코딩 단련하기
3.1 RGB 텍스트 박스을 이용한 화면 색상 바꾸기 125
3.1.1 UI 설계 126
3.1.2 컴포넌트 속성 126
3.1.3 Block Coding 130
3.2 제약 조건 고려하기 138
3.2.1 제약 조건 138
3.2.2 첫 번째 방법[App_Color1_1] 141
3.2.3 두 번째 방법[App_Color1_2] 141
3.2.4 세 번째 방법[App_Color1_3] 142
3.2.5 사용 블록 정리하기 143
3.3 RGB 슬라이더을 이용한 화면 색상 바꾸기 144
3.3.1 UI 설계 145
3.3.2 컴포넌트 속성 145
3.3.3 Block Coding 150
3.4 연습문제 158

◆ 04 연산과 비교 판단문 단련하기
4.1 남녀 체지방률 구하기 161
4.1.1 UI 설계 162
4.1.2 컴포넌트 속성 162
4.1.3 Block Coding 170
4.2 간단한 사칙연산 계산기 182
4.2.1 UI 설계 183
4.2.2 컴포넌트 속성 183
4.2.3 Block Coding 190
4.3 입력 오류 점검하기 208
4.3.1 입력 오류 점검 208
4.4 연습문제 212

◆ 05 센서를 이용한 앱 제작
5.1 만보기 만들어 보기 215
5.1.1 UI 설계 216
5.1.2 컴포넌트 속성 216
5.1.3 Block Coding 222
5.2 나의 위치 알아내기 227
5.2.1 UI 설계 228
5.2.2 컴포넌트 속성 228
5.2.3 Block Coding 235
5.3 나침반 만들어 보기 241
5.3.1 UI 설계 242
5.3.2 컴포넌트 속성 242
5.3.3 Block Coding 247
5.4 연습문제 252

◆ 06 문제해결 능력 향상하기
6.1 노트하고 공유하기 255
6.1.1 UI 설계 256
6.1.2 컴포넌트 속성 256
6.1.3 Block Coding 265
6.2 계산기 만들기 273
6.2.1 UI 설계 274
6.2.2 컴포넌트 속성 274
6.2.3 Block Coding 277
6.3 연습문제 293

1.1 앱 인벤터를 이용한 기초코딩

앱 인벤터을 기초코딩 도구로 사용하는 이유는 일상적인 스마트폰과 연동하여 산출물을 적시에 확인가능하고 비전공자의 이해도를 높일 수 있는 블록형 프로그래밍 도구이기 때문이다. 이를 통하여 학습자의 학습 수월성을 높이고 창의적인 아이디어와 컴퓨팅사고를 함양할 수 있으리라 사료된다.
또한 다양한 미디어를 손쉽게 활용할 수 있으며 스마트폰의 기능을 이용한 자신만의 아이디어와 일성적인 서비스를 구현할 수 있기도 하다.
별도의 프로그래밍을 위한 개발도구의 설치 없이 인터넷이 가능한 웹 환경에서 브라우즈만으로 코딩을 할 수 있는 장점과 직관적인 가시성도 앱 인벤터를 본 교과에 적용하는 이유 중 하나다.

본 교재는 향후 다른 프로그래밍 언어나 도구를 사용할 수 있는 확장성을 위하여 통상적인 구문과 절차의 폭넓은 이해를 위해 한글 개발 환경과 영문 개발 환경을 혼용하여 내용을 설명하고자 한다. 블록형 프로그래밍 도구 외에 거의 모든 텍스트형 프로그래밍 언어는 한글화가 없으므로 가능하면 영문으로 된 구문 등을 익숙하게 단련하는 것이 보다 나을 것으로 사료 된다.
혹, 영문 환경의 이해도가 낮은 학습자들은 한글 환경에서 학습을 해도 무관하다, 이는 단순한 문장의 표기 방법의 차이일 뿐 아무른 문제가 되지는 않는다. 또한 본 교재 외에도 앱 인베터를 이용한 다양한 예제가 웹에 공개되어 있으므로 적용 영역에 따라 참고하면서 학습하기를 바란다.

앱 인벤터는 MIT 공대의 미디어랩에서 운영하고 있으며 App Inventor for Android라는 명칭에서도 확인할 수 있듯이 안드로이드 환경의 앱을 제작하기 위한 도구이다. 당초 개발은 구글에서 주도하였으며 2011년 공식적으로 출시하여 서비스하다가 2011년 후반기 소스 코드를 공개하고 서비스를 중단하였다. 이를 MIT 공대에서 이어받아 현재 서비스를 제공하고 있다. 현재 버전은 앱 인벤터2이며 최근(2019년 11월)에는 App Inventor for iOS가 베터 버전으로 나와 안드로이드 환경과 iOS 환경 모두에 적용할 수 있는 앱을 개발할 수 있게 되었다.