앱 인벤터 2(시작하세요!)(임베디드 & 모바일 시리즈 38)

★ 이 책에서 다루는 내용 ★



◎ 앱 인벤터 기본 개념과 사용법

◎ 사진 찍기와 소리 재생 및 녹음 기능

◎ 음성 변환과 음성 인식 기능

◎ 전화 걸기와 문자 보내기 및 공유

◎ 그림 그리기와 애니메이션 기능

◎ 스마트폰의 각종 센서

◎ 데이터베이스

◎ 2048 게임 제작

◎ 오픈 API를 활용한 미세먼지 조회 앱 제작

[첫째 마당] 안녕! 앱 인벤터



▣ 1장: 앱 인벤터란?

1.1 앱 인벤터의 이해

1.2 앱 인벤터로 할 수 있는 것들

1.3 앱 인벤터를 위한 준비

____구글 크롬 설치

____구글 계정 만들기

____앱 인벤터 접속



▣ 2장: 첫 번째 앱 만들기

2.1 프로젝트 만들기

2.2 디자인 편집기로 형태 만들기

____컴포넌트 배치

____컴포넌트 속성 설정

2.3 블록 편집기로 생명 불어넣기

____그림 그리기 기능 만들기

____지우개 기능 만들기

2.4 스마트폰에서 확인하기



▣ 3장: 앱 인벤터 메뉴 이해하기

3.1 프로젝트 관리하기

3.2 스마트폰과 연결하기

____AI 컴패니언을 이용한 스마트폰과의 무선 연결

____에뮬레이터를 이용한 앱 실행

____USB로 스마트폰과 연결하기

____연결 초기화하기

3.3 설치 파일 만들기

____QR 코드를 이용한 앱 설치

____apk 파일을 컴퓨터에 저장

3.4 도움 받기

3.5 스크린 이동, 추가, 삭제

3.6 그 밖의 기능들

____내 프로젝트

____갤러리

____가이드

____문제 보고

____English

____***@gmail.com



▣ 4장: 디자인 편집기 들여다보기

4.1 팔레트 패널

____사용자 인터페이스

____레이아웃

4.2 뷰어 패널

4.3 컴포넌트 패널

4.4 미디어 패널

4.5 속성 패널

____컴포넌트의 공통 속성

____스크린 속성



▣ 5장: 블록 이해하기

5.1 블록을 이용한 코딩

____블록을 이용한 코딩과 텍스트를 이용한 코딩 비교

____블록 조립 방법의 이해

____블록 삭제

____오류 처리

5.2 블록의 구분

5.3 컴포넌트 블록

____이벤트 핸들러 블록

____함수 호출 블록

____속성 블록

5.4 공통 블록

____ [제어] 서랍

____ [논리] 서랍

____ [수학] 서랍

____ [텍스트] 서랍

____ [리스트] 서랍

____ [변수] 서랍

____색상 서랍

____함수 서랍

5.5 알아두면 유용한 기능들

____줌과 리셋 버튼

____블록 우클릭 메뉴

____블록 작업창의 우클릭 메뉴

____텍스트 입력으로 블록 만들기



[둘째 마당] 도전! 앱 인벤터



▣ 6장: 웹 브라우저 앱

6.1 앱 개발 준비

____앱 구상

____앱 제작에 필요한 컴포넌트 살펴보기

____새로운 프로젝트 만들기

6.2 화면 디자인

____ [Screen1] 속성 설정

____화면 구성

____보이지 않는 컴포넌트 배치

____컴포넌트 속성 정리

6.3 블록 조립

____초기 설정 작업

____ [go] 버튼 기능 만들기

____웹 페이지와 주소창 주소 일치시키기

____페이지 이동 버튼 기능 만들기

6.4 기능 추가

____컴포넌트 추가

____북마크 메뉴 만들기

____북마크 페이지로 이동 기능 만들기

____북마크 삭제 기능 만들기



▣ 7장: 한 번에 전화 걸기 앱

7.1 앱 개발 준비

____앱 구상

____앱 제작에 필요한 컴포넌트 살펴보기

____새로운 프로젝트 만들기

7.2 화면 디자인

____화면 구성

____보이지 않는 컴포넌트 배치

____컴포넌트 속성 정리

7.3 블록 조립

____전화 번호 입력 기능 만들기

____전화 번호 저장 및 종료 기능 만들기

____전화 걸기 기능 만들기

7.4 기능 추가

____컴포넌트 추가

____전화번호 선택 기능 만들기



▣ 8장: 금연 도우미 앱

8.1 앱 개발 준비

____앱 구상

____앱 제작에 필요한 컴포넌트 살펴보기

____새로운 프로젝트 만들기

8.2 화면 디자인

____ [Screen1] 속성 설정

____정보 표시 레이아웃 만들기

____정보 입력 레이아웃 만들기

____보이지 않는 컴포넌트 배치

____컴포넌트 속성 정리

8.3 블록 조립

____초기 설정 및 화면 전환 기능 만들기

____ [금연정보계산하기] 함수 만들기

____ [금연기간계산하기] 함수 만들기

____날짜 및 시간 선택 기능 만들기

____하루 흡연량 설정 기능 만들기

____화면 및 TinyDB 초기화 기능 만들기

____자료 저장 기능 만들기

8.4 기능 추가



▣ 9장: 사진 꾸미기 앱

9.1 앱 개발 준비

____앱 구상

____앱 제작에 필요한 컴포넌트 살펴보기

____새 프로젝트 만들기

9.2 화면 디자인

____ [Screen1] 속성 설정

____이미지 영역 구성

____펜 설정 영역 구성

____보이지 않는 컴포넌트 배치

____컴포넌트 속성 정리

9.3 블록 조립

____사진을 앱 화면으로 가져오는 기능 만들기

____펜과 지우개 기능 만들기

____펜 설정 기능 만들기

____사진 저장 기능 만들기

9.4 기능 추가

____컴포넌트 추가

____캔버스에 글자 쓰기 기능 만들기



▣ 10장: 비행기 게임 앱

10.1 앱 개발 준비

____앱 구상

____앱 제작에 필요한 컴포넌트 살펴보기

____미디어 파일 준비하기

____새 프로젝트 만들기

10.2 화면 디자인

____미디어 업로드

____ [Screen1] 속성 설정

____정보 표시 영역 만들기

____게임 영역 만들기

____보이지 않는 컴포넌트 배치

____컴포넌트 속성 정리

10.3 블록 조립

____초기 설정 작업

____ [비행기] 움직임 만들기

____ [적군위치설정하기] 함수 만들기

____ [시작버튼] 기능 만들기

____ [미사일] 발사 기능 만들기

____ [미사일]로 [적군]을 맞추지 못했을 때 실행되는 기능 만들기

____ [미사일]로 [적군]을 맞췄을 때 실행되는 기능 만들기

____게임 종료 기능 및 기록 저장 기능 만들기

10.4 기능 추가

____컴포넌트 추가

____단계 기능 만들기



▣ 11장: 위치 전송 앱

11.1 앱 개발 준비

____앱 구상

____앱 제작에 필요한 컴포넌트 살펴보기

____새로운 프로젝트 만들기

11.2 화면 디자인

____ [Screen1] 속성 설정

____위치 정보 표시 영역 만들기

____버튼 영역 만들기

____보이지 않는 컴포넌트 배치

____컴포넌트 속성 정리

11.3 블록 조립

____초기 설정 작업

____위치 정보 업데이트 기능 만들기

____ [지도 업데이트] 버튼 기능 만들기

____ [위치전송] 버튼 기능 만들기

11.4 기능 추가

____컴포넌트 추가

____공유 기능 만들기



▣ 12장: 영어 암기장 앱

12.1 앱 개발 준비

____앱 구상

____앱 제작에 필요한 컴포넌트 살펴보기

____새로운 프로젝트 만들기

12.2 Screen1 화면 디자인

____ [Screen1] 속성 설정

____화면 구성

____보이지 않는 컴포넌트 배치하기

____컴포넌트 속성 정리

12.3 Input 화면 디자인

____ [Input] 속성 설정

____이전 버튼과 화면 제목 만들기

____자료입력 인터페이스 만들기

____보이지 않는 컴포넌트 배치

____컴포넌트 속성 정리

12.4 Study 화면 디자인

____ [Study] 속성 설정하기

____뒤로 가기 버튼과 화면 제목 만들기

____디스플레이 영역 만들기

____버튼 영역 만들기

____보이지 않는 컴포넌트 배치

____컴포넌트 속성 정리

12.5 Screen1 블록 조립

____컴포넌트 색깔 재설정

____[공부하기] 버튼 기능 만들기

____[자료입력하기] 버튼 기능 만들기

____[자료관리하기] 버튼 기능 만들기

12.6 Input 블록 조립

____[<-] 버튼 기능 만들기

____[입력] 버튼 기능 만들기

12.7 Study 블록 조립

____[<-] 버튼 기능 만들기

____ 초기 설정 작업

____ [학습자료바꾸기] 함수 만들기

____ [듣기] 버튼 기능 만들기

____ [말하기] 버튼 기능 만들기

____ [읽기] 버튼과 [쓰기] 버튼 기능 만들기

____ [O] 버튼과 [X] 버튼 기능 만들기

____ 컴포넌트 추가

____ [녹음] 버튼 기능 만들기

____ [재생] 버튼 기능 만들기

____ 학습 자료 무작위 선택 기능 만들기

____ 설정 창 바로 열기 기능 만들기



▣ 13장: 팔 굽혀 펴기 앱

13.1 앱 개발 준비

____ 앱 구상

____ 앱 제작에 필요한 컴포넌트 살펴보기

____ 새로운 프로젝트 만들기

13.2 화면 디자인

____ [Screen1] 속성 설정

____ 정보 출력 영역 만들기

____ 운동 횟수 출력 영역과 버튼 영역 만들기

____ 보이지 않는 컴포넌트 배치

____ 컴포넌트 속성 정리

13.3 블록 조립

____ 초기 설정 작업

____ 팔 굽혀 펴기 인식 기능 만들기

____ [운동시작] 버튼 기능 만들기

____ [기록보기] 버튼 기능 만들기

13.4 기능 추가

____ Screen1 수정

____ 스크린 추가 및 화면 구성

____ chart 블록 조립



[셋째 마당] 완성! 앱 인벤터



▣ 14장: 2048 게임 앱

14.1 앱 개발 준비

____ 앱 구상

____ 미디어 준비

____ 새로운 프로젝트 만들기

14.2 화면 디자인

____ 미디어 파일 업로드

____ [Screen1] 속성 설정

____ 점수 표시 영역과 재시작 버튼 만들기

____ 이미지 스프라이트 영역 만들기

____ 보이지 않는 컴포넌트 배치

____ 컴포넌트 속성 정리

14.3 블록 조립

____ 초기 설정 작업

____ [새숫자만들기] 함수 만들기

____ [이미지바꾸기] 함수 만들기

____ 플링 이벤트 처리

____ [~쪽으로움직이기] 함수 만들기

____ 숫자판 업데이트 기능 만들기

____ 게임 끝 판단 기능 만들기

____ 재시작 및 종료 기능 만들기



▣ 15장: 미세먼지 앱

15.1 앱 개발 준비

____ 앱 구상

____ 앱 제작에 필요한 컴포넌트 살펴보기

____ 서비스 활용 신청하기

____ API 사용법

____ 새로운 프로젝트 만들기

15.2 화면 디자인

____ [Screen1] 속성 설정

____ 통합대기환경등급 표시 영역 만들기

____ 상세 정보 표시 영역 만들기

____ 지도 표시 영역 만들기

____ 기타 컴포넌트 배치

____ 컴포넌트 속성 정리

15.3 블록 조립

____ 변수 선언 및 초기화

____ 화면 초기화

____ 정보 요청 기능 만들기

____ 응답 처리 기능 만들기

____ 정보 출력 기능 만들기

____ 오류 처리 기능 만들기

김경민 대구교육대학교에서 컴퓨터교육과 학사와 석사학위를 취득하고, 경북 소재 초등학교 교사로 재직 중입니다. 교육용 앱 개발과 소프트웨어 교육에 관심을 가지고 꾸준히 연구하고 있습니다. 소프트웨어 교육을 통해 소프트웨어를 만드는 과정에서 느끼는 성취감과 행복감을 학생들과 공유하기 위해 노력하고 있습니다.