꿀잼 앱 인벤터

1부 앱 인벤터 소개

꿀잼 앱 인벤터 구경하기

1장 앱 인벤터 소개 18
1. 앱 인벤터란? 18
2. 앱 인벤터로 활용할 수 있는 스마트폰의 기능 19
3. 앱 인벤터로 어떤 기능을 만들 수 있을까? 20
4. 앱 인벤터 작업 환경 20

2장 앱 인벤터 준비 21
1. 크롬 브라우저 설치 21
2. 구글 ID 만들기 22
3. 앱 인벤터 시작 22

3장 앱 만들기 실습 23
1. 새 프로젝트 “shakeTalk” 만들기 24
2. 디자이너[Designer]에서 컴포넌트[Component] 준비하기 26
3. 블록[Blocks] 에디터에서 기능 설정하기 28
4. 스마트폰에서 테스트하기 30

4장 앱 인벤터 테스트 준비하기 32
1. Wifi로 연결하기 32
2. 에뮬레이터 사용하기 33
3. USB 케이블 사용하기 35

5장 앱 패키징 및 앱 공유 38

2부 꿀잼 앱 인벤터 뚜껑열기

6장 디자이너[Designer], 블록[Blocks] 에디터 42
1. 디자이너[Designer] 42
2. 블록[Blocks] 에디터 43

7장 블록[Blocks]의 소개 45
1. 이벤트 핸들러(Event Handler) 46
2. 명령(Command)블록과 표현(Expression)블록 46
3. 블록 다루기 48

8장 실행순서 49

9장 컴포넌트[Component] 50
1. 컴포넌트 속성 값 다루기 50
2. 글상자[Textbox] 컴포넌트 51
3. 캔버스[Canvas] 컴포넌트 52
4. 글로벌 변수(전역변수) 54
5. 시계[Clock], 타이머[Timer] 컴포넌트 55
6. 공[Ball], 스프라이트[ImageSprite] 컴포넌트 57
7. 화면에서 컴포넌트 정렬하기 58

3부 꿀잼 앱 인벤터 찍어먹기

10장 버튼 누르면 말하기 62
1. 새 프로젝트 “buttonTalk” 만들기 63
2. 디자이너[Designer]에서 컴포넌트[Component] 준비하기 64
3. 블록[Blocks] 에디터에서 기능 설정하기 65
4. 스마트폰으로 테스트하기 67

11장 폰 흔들기로 말하기 68
1. 프로젝트를 복사하고 이름 바꾸기 69
2. 디자이너[Designer]에서 컴포넌트[Component] 준비하기 69
3. 블록[Blocks] 에디터에서 기능 설정하기 70
4. 스마트폰으로 테스트하기 72

12장 음성 인식 74
1. 새 프로젝트 “voiceTalk” 만들기 75
2. 디자이너[Designer]에서 컴포넌트[Component] 준비하기 76
3. 블록[Blocks] 에디터에서 기능 설정하기 77
4. 스마트폰으로 테스트하기 81

13장 낙서장 만들기 82
1. 새 프로젝트 “sketch” 만들기 83
2. 디자이너[Designer]에서 컴포넌트[Component] 준비하기 84
3. 블록[Blocks] 에디터에서 기능 설정하기 85
4. 스마트폰으로 테스트하기 88

14장 사운드 실행 89
1. 새 프로젝트 “sound” 만들기 90
2. 재료 준비하기 91
3. 디자이너[Designer]에서 컴포넌트[Component] 준비하기 92
4. 블록[Blocks] 에디터에서 동작 설정 94
5. 스마트폰으로 테스트하기 95

15장 카메라로 사진 찍기 96
1. 새 프로젝트 “camera” 만들기 97
2. 디자이너[Designer]에서 컴포넌트[Component] 준비하기 98
3. 블록[Blocks] 에디터에서 기능 설정하기 99
4. 스마트폰으로 테스트하기 99

16장 버튼 누르면 “야옹” 소리내기 101
1. 새 프로젝트 “cat” 만들기 102
2. 디자이너[Designer]에서 컴포넌트[Component] 준비하기 103
3. 블록[Blocks] 에디터에서 기능 설정하기 105
4. 스마트폰으로 테스트하기 107

17장 고양이 “야옹” 기능추가 108
1. 이전 실습 “cat” 프로젝트에 이어서 작업하기 109
2. 디자이너[Designer]에서 컴포넌트[Component] 준비하기 109
3. 블록[Blocks] 에디터에서 기능 설정하기 110
4. 스마트폰에서 테스트하기 112

18장 전화 걸기 113
1. 새 프로젝트 “phoneCall” 만들기 114
2. 디자이너[Designer]에서 컴포넌트[Component] 준비하기 115
3. 블록[Blocks] 에디터에서 기능 설정하기 116
4. 스마트폰에서 테스트하기 118

19장 폰 데이터베이스 119
1. 새 프로젝트 “tinyDB” 만들기 120
2. 디자이너[Designer]에서 컴포넌트[Component] 준비하기 121
3. 블록[Blocks] 에디터에서 기능 설정하기 123
4. 스마트폰에서 테스트하기 127

20장 멀티스크린 128
1. 새 프로젝트 “multiScreen” 만들기 129
2. 디자이너[Designer]에서 컴포넌트[Component] 준비하기 130
3. 블록[Blocks] 에디터에서 기능 설정하기 131
4. 스마트폰에서 테스트하기 133

21장 폰 방향 따라 무당벌레 움직이기 134
1. 새 프로젝트 “bugFollow” 만들기 135
2. 디자이너 [Designer]에서 컴포넌트 [Component] 준비하기 136
3. 블록[Blocks] 에디터에서 기능 설정하기 138
4. 스마트폰으로 테스트하기 142

22장 가위바위보 143
1. 새 프로젝트 “gawibawibo” 만들기 144
2. 디자이너[Designer]에서 컴포넌트[Component] 준비하기 145
3. 블록[Blocks] 에디터에서 기능 설정하기 146
4. 스마트폰으로 테스트하기 149

23장 폰을 흔들면 가위바위보 150
1. 앱의 복사 151
2. 블록[Blocks] 에디터에서 기능 설정하기 151
3. 스마트폰으로 테스트하기 156

24장 실로폰 157
1. 새 프로젝트 “xylophone” 만들기 158
2. 디자이너 [Designer]에서 컴포넌트 [Component] 준비하기 159
3. 블록[Blocks] 에디터에서 기능 설정하기 161
4. 블록의 복사 164
5. 스마트폰으로 테스트하기 165

4부 꿀잼 앱 인벤터 들이키기

25장 그림 그리기 만들기 168
1. 새 프로젝트 “DrawColor” 만들기 169
2. 디자이너[Designer]에서 컴포넌트[Component] 준비하기 170
3. 블록[Blocks] 에디터에서 기능 설정하기 172
4. 스마트폰으로 테스트하기 175

26장 그림 그리기와 사진 촬영 177
1. 새 프로젝트 “Draw” 만들기 178
2. 디자이너[Designer]에서 컴포넌트[Component] 준비하기 179
3. 블록[Blocks] 에디터에서 기능 설정하기 182
4. 스마트폰으로 테스트하기 187

27장 두 개의 사운드 실행 189
1. 프로젝트 복사하기 190
2. 디자이너[Designer]에서 컴포넌트[Component] 준비하기 190
3. 블록[Blocks] 에디터에서 기능 설정하기 194
4. 스마트폰으로 테스트하기 197

28장 지도검색 199
1. 새 프로젝트 “mapFind” 만들기 200
2. 디자이너[Designer]에서 컴포넌트[Component] 준비하기 201
3. 블록[Blocks] 에디터에서 기능 설정하기 203
4. 스마트폰으로 테스트하기 204

29장 공 굴리기 206
1. 새 프로젝트 “BallBounce” 만들기 207
2. 디자이너[Designer]에서 컴포넌트[Component] 준비하기 208
3. 블록[Blocks] 에디터에서 기능 설정하기 210
4. 스마트폰으로 테스트하기 213

30장 두더지 잡기 214
1. 새 프로젝트 “Mole” 만들기 215
2. 디자이너[Designer]에서 컴포넌트[Component] 준비하기 216
3. 블록[Blocks] 에디터에서 기능 설정하기 219
4. 더 알아보기 226
5. 스마트폰으로 테스트하기 228

31장 미니 골프 230
1. 새 프로젝트 “GolfBall” 만들기 231
2. 디자이너[Designer]에서 컴포넌트[Component] 준비하기 232
3. 블록[Blocks] 에디터에서 기능 설정하기 233
4. 점수 매기기 237
5. TouchUp과 TouchDown 이벤트를 이용하여 공을 티 위에 위치시키기 240
6. 실행한 게임 횟수 기록, “새로 시작하기” 기능 추가하기 244
7. 장애물 만들기 246
8. 스마트폰으로 테스트하기 247

32장 인물 퀴즈 249
1. 새 프로젝트 “Quiz” 만들기 250
2. 디자이너[Designer]에서 컴포넌트[Component] 준비하기 251
3. 블록[Blocks] 에디터에서 기능 설정하기 254
4. 스마트폰으로 테스트하기 263

33장 XML 파싱 265
1. 새 프로젝트 “xmlParser” 만들기 266
2. 디자이너[Designer]에서 컴포넌트[Component] 준비하기 267
3. 블록[Blocks] 에디터에서 기능 설정하기 267
4. 스마트폰으로 1차 테스트하기 271
5. XML 파서 만들기 271
6. 스마트폰으로 테스트하기 277

34장 스마트폰과 컴퓨터의 대화 279
단계 1. 스마트폰의 앱 작성
1. 새 프로젝트 “RGB send” 만들기 281
2. 서버의 주소 찾기 282
3. 디자이너[Designer]에서 컴포넌트[Component] 준비하기 282
4. 블록[Blocks] 에디터에서 기능 설정하기 283
단계 2. 서버 프로그램의 작성
1. 프로세싱으로 서버 만들기 286
2. 프로세싱 스케치의 실행 287
3. 앱 인벤터의 실행 287
4. 스마트폰과 컴퓨터로 테스트하기 287