앱인벤터를 활용한 스마트폰 앱 만들기

Chapter 9

앱 인벤터(App Inventor)란

웹 브라우저를 통해 실행되는 앱 인벤터 도구들을 이용하여 자바와 같

은 프로그래밍언어에 대한 지식이 없이도 간편하게 안드로이드 앱을 만

들 수 있도록 도와주는 프로그램

2

앱 인벤터 사용하기

앱 인벤터 설치 과정

• 디자이너와 블록 에디터를 실행하려면 반드시 컴퓨터에 자바 실행환경(JRE :

Java Runtime Environments)이 설치되어 있어야 함

• 앱 인벤터 홈페이지(http://appinventor.mit.edu)로 이동 후, “Resources" 탭

의 ‘AI classic v1’을 클릭

• 다음 화면에서 “Setup" 탭 클릭

• [Install App Inventor Software]을 클릭

• Instructions for Windows 클릭

• Download 링크를 클릭하여 앱 인벤터 소프트웨어를 설치

• 설치 후에 앱 인벤터 실행은 크롬 웹 브라우저를 사용.

3

앱 인벤터 사용하기

앱 인벤터를 사용하기 위해서는 PC가 인터넷에 연결되어 있어야 하며,

Gmail 계정을 가지고 있어야 함.

http://ai2.appinventor.mit.edu/ 사이트로 이동

4

페인트 앱 실습

컴포넌트 설계 화면

• 페인트 앱을 만들려면 색상 버튼들, 캔버스, 도형 버튼들, 브러쉬 크기 버튼

들, 지우개, 카메라 컴포넌트가 필요함

5

페인트 앱 실습

컴포넌트 동작 프로그래밍

• 디자인을 다 마쳤다면 이제는 각 컴포넌트의 기능을 프로그래밍 할 단계

① 색상표 버튼을 클릭하면 선택된 색상의 표시와 캔버스의 색상 설정

② 브러쉬 크기와 원의 반지름 크기 등 가변적인 값을 저장할 변수 만들기

6

① ②

페이트 앱 실습

③ 선 그리기 버튼과 원 그리기 버튼을 클릭했을 때 프로그래밍

④ 브러쉬 크기 설정

⑤ 캔버스에서 드래그 할 때 선 그리기 또는 원 그리기

7

③

④

⑤

페인트 앱 스마트 폰 실행 화면

8

큰 브러쉬로 선 그리기 드래그하여 원 그리기

페인트 앱 스마트폰 실행 화면

9

지우개로 캔버스 지우기 작은 브러쉬로 선 그리기