꿀잼 앱인벤터 완전정복

2007년 아이폰의 등장은 일상의 삶을 바꾸어 놓았고 ICT 기술은 하루가 다르게 발전하고 있습니다. 하드웨어의 발전으로 VR과 AR기술은 다시 주목받고 있으며 이세돌을 이긴 알파고로 인해 사람들은 이제 두려움까지 갖게 되었습니다. 세상은 제4차 산업혁명을 이야기하고 모든 산업과 ICT와의 융합을 이야기합니다. 하지만 컴퓨터 프로그래밍은 어렵게만 느껴집니다. 이를 위해 전문프로그래머가 아니더라도 누구라도 쉽게 앱을 만들 수 있도록 MIT에서 앱인벤터를 만들었습니다.

이제 자기가 속한 산업이나 사회에서 문제를 풀 수 있는 아이디어만 있다면 누구라도 앱을 만들 수 있습니다. 모든 사람들이 재미있고 쉽게 자신의 아이디어를 실현할 수 있는 일에 조금이라도 도움이 되고자 이 책을 저술하게 되었습니다. 엄마 아빠와 같이 앱을 만들어보면서 아이들은 더욱 창의적인 인재로 발전할 것입니다. 농부도 교사도 자신이 원하는 앱을 만들 수 있습니다. 진정한 ICT 융합의 기틀이 만들어지는 것입니다. 우리 앞으로 성큼 다가온 기술의 발전을 두려워하지 않으면서 그로 인해 인간의 삶이 더 여유로워지고 행복해질 수 있도록 이제 같이 나아갔으면 합니다.

1부 앱인벤터 소개

1장. 앱 인벤터란 무엇인가

1. 앱 인벤터의 컴퓨터 작업 환경|2. 크롬 브라우저 설치|3. 구글 ID 만들기|4. 앱 인벤터의 시작

2장 나의 첫 번째 앱 만들기

1. 새 프로젝트 "Hello" 만들기(지금부터 열심히 따라하자!)

2. 디자이너[Designer]에서 컴포넌트[Component] 준비하기

3. 블록[Blocks] 에디터에서 기능 설정하기|4. 폰에서 실행하기

3장 앱 인벤터 테스트하기

1. Wifi로 연결하기|2. 에뮬레이터 사용하기|3. USB 케이블 사용하기

4장 앱을 패키징하고 공유하기

5장 더 쉽게 앱 만들기 - 앱 엔지니어링 및 디버깅

1. 소프트웨어 엔지니어링 원칙|2. 실제 사용자의 의견 듣기|3. 간단하고 기본적인 프로토타입 만들기| 4. 한 번에 블록을 많이 추가하지 않고 코딩과 테스트를 점진적으로 하기| 5. 컴퓨터로 코딩하기 전에 미리 코딩해 두기|6. 주석 달기|7. 부분으로 나눠서 생각하기| 8. 프로그램의 작동 원리를 파악하는 법을 알아두기|9. 앱 디버깅

6장 휴대폰에 내장된 센서 사용하기

1. 위치 정보 사용하기|2. 방향 센서 사용하기|3. 가속도 센서 사용하기

7장 리스트(List)와 반복(for-each)은 어떻게 사용하는가

1. 여러 명에게 문자 보내기|2. 숫자 한꺼번에 더하기



2부 컴포넌트와 블록 에디터의 활용

8장 컴포넌트와 블록

1. 컴포넌트|2. 블록(App Inventor Language Blocks)

9장 유저 인터페이스 컴포넌트

1. 버튼(Button)|2. 체크박스(CheckBox)|3. 날짜 선택기(DatePicker)|4. 이미지(Image)

5. 레이블(Label)|6. 리스트 선택자(ListPicker)|7. 리스트 뷰(ListView)|8. 알림(Notifier)

9. 패스워드 텍스트 박스(PasswordTextBox)|10. 화면(Screen)|11. 슬라이더(Slider)

12. 스피너(Spinner)|13. 텍스트 박스(TextBox)|14. 시간 선택기(TimePicker)|15. 웹 뷰어(WebViewer)

10장 레이아웃 컴포넌트

1. 수평 배열(HorizontalArrangement)|2. 테이블 배열(TableArrangement)

3. 수직 배열(VerticalArrangement)

11장 미디어 컴포넌트

1. 캠코더(Camcorder)|2. 카메라(Camera)|3. 이미지 선택기(ImagePicker)|4. 플레이어(Player)

5. 사운드(Sound)|6. 사운드 레코더(SoundRecorder)|7. 음성 인식기(SpeechRecognizer)

8. 문자 음성 변환(TextToSpeech)|9. 비디오 플레이어(VideoPlayer)|10. YandexTranslate

12장 그림과 애니메이션 컴포넌트

1. 공(Ball)|2. 캔버스(Canvas)|3. 이미지 스프라이트(ImageSprite)

13장 센서 컴포넌트

1. 가속기 센서(AccelerometerSensor)|2. 바코드 스캐너(BarcodeScanner)|3. 시계(Clock)

4. 위치 센서(LocationSensor)|5. NearField|6. 방향 센서(OrientationSensor)

7. 근접 센서(ProximitySensor)

14장 소셜 컴포넌트

1. 연락처 선택기(ContactPicker)|2. 이메일 선택기(E-mailPicker)|3. 전화 걸기(PhoneCall)

4. 전화번호 선택기(PhoneNumberPicker)|5. 공유(Sharing)|6. 텍스팅(Texting)|7. 트위터(Twitter)

15장 저장 컴포넌트

1. 파일(File)|2. 퓨전테이블 제어(FusiontablesControl)|3. TinyDB|4. TinyWebDB

16장 연결 컴포넌트

1. 액티비티 스타터(ActivityStarter)|2. 블루투스 클라이언트(BluetoothClient)

3. 블루투스 서버(BluetoothServer)|4. 웹(Web)



3부 기본 앱 만들기

17장 음성을 인식하여 문자로 출력하기

1. 새 프로젝트 "voiceTalk" 만들기|2. 디자이너[Designer]에서 컴포넌트[Component] 준비하기| 3. 블록[Blocks] 에디터에서 기능 설정하기|4. 스마트폰으로 테스트하기

18장 화면에 버튼 정렬하기

1. 새 프로젝트 "horizontal" 만들기|2. 디자이너[Designer]에서 컴포넌트[Component] 준비하기| 3. 블록[Blocks] 에디터에서 기능 설정하기|4. 테스트하기

19장 덧셈 함수 만들기

1. 새 프로젝트 "functionAdd" 만들기|2. 디자이너[Designer]에서 컴포넌트[Component] 준비하기| 3. 블록[Blocks] 에디터에서 기능 설정하기|4. 테스트하기

20장 수신 문자에 자동으로 회신하기

1. 새 프로젝트 "texting" 만들기|2. 디자이너[Designer]에서 컴포넌트[Component] 준비하기| 3. 블록[Blocks] 에디터에서 기능 설정하기|4. 스마트폰에서 테스트

21장 메시지 박스 꾸미기

1. 새 프로젝트 "msgBox" 만들기|2. 디자이너[Designer]에서 컴포넌트[Component] 준비하기| 3. 블록[Blocks] 에디터에서 기능 설정하기|4. 테스트하기

22장 폰으로 사진 찍어 SNS로 전송하기

1. 새 프로젝트 "camSocial" 만들기|2.디자이너[Designer]에서 컴포넌트[Component] 준비하기| 3. 블록[Blocks] 에디터에서 기능 설정하기|4. 테스트하기

23장 버튼을 누르면 폰이 진동하게 하기

1. 새 프로젝트 "vibrate" 만들기|2. 디자이너[Designer]에서 컴포넌트[Component] 준비하기| 3. 블록[Blocks] 에디터에서 기능 설정하기|4. 스마트폰에서 실시간 테스트하기|5. 내 폰에 다운받기

24장 나침반을 만들어 활용하기

1. 새 프로젝트 "compass" 만들기|2. 디자이너[Designer]에서 컴포넌트[Component] 준비하기 3. 블록[Blocks] 에디터에서 기능 설정하기|4. 테스트하기

25장 화면을 긁으면 사진이 나오게 하기

1. 새 프로젝트 "TouchImage" 만들기|2. 디자이너[Designer]에서 컴포넌트[Component] 준비하기| 3. 블록[Blocks] 에디터에서 기능 설정하기|4. 테스트하기|5. 내 폰에 다운받기

26장 웹 뷰어 이용하기

1. 새 프로젝트 "web" 만들기|2. 디자이너[Designer]에서 컴포넌트[Component] 준비하기

3. 블록[Blocks] 에디터에서 기능 설정하기|4. 테스트하기

27장 파서 프로시저 이용하기

1. 새 프로젝트 "parser" 만들기|2. 디자이너[Designer]에서 컴포넌트[Component] 준비하기

3. 블록[Blocks] 에디터에서 기능 설정하기|4. 테스트하기

28장 블루투스를 이용해 채팅하기

1. 새 프로젝트 "BTchat" 만들기|2.디자이너[Designer]에서 컴포넌트[Component] 준비하기

3. 블록[Blocks] 에디터에서 기능 설정하기|4. 테스트하기

29장 이메일 전송 앱 만들기

1. 새 프로젝트 "sendEmail" 만들기|2. 디자이너[Designer]에서 컴포넌트[Component] 준비하기| 3. 블록[Blocks] 에디터에서 기능 설정하기|4. 테스트하기

30장 사진을 선택하여 출력하기

1. 새 프로젝트 "FindImage" 만들기|2. 디자이너[Designer]에서 컴포넌트[Component] 준비하기| 3. 블록[Blocks] 에디터에서 기능 설정하기|4. 테스트하기



4부 고급 앱 만들기ㆍ237

31장 메모 노트 앱

1. 메모 노트 앱 만들기|2. 화면 디자인하기|3. 기능 설정하기

32장 컬러 도트(다중 화면 사용하는 앱)

1. 컬러 도트 프로그램 만들기|2. 화면 디자인하기|3. 기능 설정하기

33장 두더지 잡기 게임

1. 두더지 잡기 게임 만들기|2. 화면 디자인하기|3. 기능 설정하기|4. 앱 제작하기

34장 주식

1. 시작하기|2. 컴포넌트 역할 추가하기

35장 우주 침략자들

1. "Space Invaders" 만들기|2. 화면 디자인하기|3. 기능 설정하기

36장 비디오 담장

1. 비디오 담장(VideoWall) 앱 만들기|2. 화면 디자인하기|3. 기능 설정하기

37장 SMS 허브

1. BroadcastHub 만들기|2. 화면 디자인하기|3. 기능 설정하기

38장 내 차 찾기 앱

1. 새 프로젝트 만들기|2. 앱 화면 디자인하기|3. 컴포넌트에 기능 설정하기



5부 앱 확장하기

39장 스마트폰과 컴퓨터 간에 대화하기

1. ON, OFF 버튼으로 서버 화면의 색상 바꾸기|2. [앱 인벤터] Wifi로 숫자 보내기 앱 만들기 3. [프로세싱] 서버 스케치 작성하기

40장 스마트폰으로 아두이노 LED 제어하기

1. 앱 인벤터(스마트폰-앱)|2. 프로세싱(서버)|3. 아두이노(시리얼 제어)

41장 블루투스로 아두이노 로봇 제어하기

1. 아두이노 로봇-Abot|2. 블루투스 연결하기|3. [앱 인벤터] 블루투스로 로봇 제어 앱 만들기 4. 아두이노(시리얼 제어)

42장 스마트폰 센서로 아두이노 로봇 제어하기

1. 스마트폰 방향 센서|2. 블루투스 연결하기|3. [앱 인벤터] 스마트폰 센서로 로봇 제어 앱 만들기 4. 아두이노(시리얼 제어)



부록

1 (앱 인벤터 확장 활용을 위한) 아두이노

1. 아두이노 보드와 통합개발환경(IDE)|2. LED 깜박이기|3. 아날로그 입력과 시리얼 모니터

4. 빛 센서 밝기에 따라 LED 제어|5. 릴레이를 이용한 220V 전등 제어

6. 전등이 1초마다 깜박이도록 하기|7. 빛의 밝기에 따라 220V 전등을 제어하기

8. 키보드 0과 1에 따라 릴레이를 끄고 켜기|9. 온도를 읽고 시리얼 모니터로 출력하기

2 (앱 인벤터 확장 활용을 위한) 프로세싱 언어

1. 프로세싱 언어 소개|2. 0~9키로 LED 밝기 조절하기

3 창의 앱 기획서|363

박영아 저자 박영아는 포항공대 컴퓨터공학과를 졸업하고, 미국 오클라호마 주립대학에서 석사, 텍사스 A&M대학에서 박사학위를 취득했다. 텍사스 A&M의 디지털 라이브러리 랩에서 연구했으며 유학생들과 같이 Danbi Soft, LLC라는 증강현실 관련 벤처를 만들어 시니어 프로그래머, 연구소장, CTO를 역임했다. 귀국 후 현재 대학 강의와 더불어 광진생명 ICT융합연구소 IT 사업부의 책임연구원으로 재직하며 농업과 ICT 융합 연구에 집중하고 있다.