활용한 스마트폰 앱...
TRANSCRIPT
앱인벤터를 활용한 스마트폰 앱 만들기
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
지우개로 캔버스 지우기 작은 브러쉬로 선 그리기