* 앱 인벤터란?
: 앱 인벤터(App Inventor)는 안드로이드 플랫폼 앱을 만들 수 있는 도구이다. 특별히 어려운 프로그래밍 언어를 배우지 않아도 블록을 연결하여 나만의 앱을 쉽게 만들 수 있다.
* 크롬 브라우저 로그인하기
: 구글(Google) 계정이 필요함
* 앱 인벤터2 사이트 접속하기
1. 앱 인벤터2 사이트를 클릭하면 크롬에 로그인 상태이므로 바로 접속됨
* 안드로이드 스마트폰 준비
1. 실시간 미리보기를 하기 위해서는 'MIT AI2 Companion' 어플 설치
: 이때 컴퓨터와 스마트폰이 같은 Wifi에 연결되어 있어야 함. 데스트탑으로 실습할 경우는 문제 발생
2. QR 코드 리더 앱 설치
: 앱을 설치하기 위해서 앱 인벤터2에서 설치 QR 코드를 만들면 스마트 폰에서 QR 코드 리더 앱을 이용하여 설치.
3. 1,2번이 잘 안되는 경우 앱 인벤터2에서 설치 파일을 만들고, 그 파일을 스마트폰으로 옮겨서 설치
4. 스마트폰 설정에 가서 '알 수 없는 출처'를 선택하여 Play 스토어 외에 다른 출처의 앱도 설치 가능하게 설정
: 폰마다 다름. 보통 [설정]-[보안]-[디바이스 관리]에서 하거나 파일을 설치할 때 설정 메뉴가 뜸
* 앱 인벤터2 화면 익히기
1. 디자이너 화면
1) 메뉴 : 프로젝트, 연결, 빌드, 도움말에 대한 메뉴들이다.
2) 스크린 : 스크린 이동, 스크린 추가, 스크린 제거를 할 수 있다.
3) 팔레트 : 앱을 디자인하는데 필요한 컴포넌트들이다.
4) 뷰어 : 앱에 필요한 컴포넌트들을 배치하는 곳이다. 컴포넌트를 드래그 하여 배치한다.
5) 컴포넌트 : 뷰어에 배치된 컴포넌트들을 목록 형태로 보여준다.
6) 미디어 : 앱에 사용되는 사진(이미지), 음악(소리), 동영상 등을 파일로 올리거나 확인 할 수 있다.
7) 속성 : 각 컴포넌트들의 속성을 설정할 수 있다.
2. 블럭 화면
1) 블록 : 앱이 동작하도록 하는 명령어 블록들이다.
2) 미디어 : 앱에 사용되는 사진(이미지), 음악(소리), 동영상 등을 파일로 올리거나 확인할 수 있다.
3) 뷰어 : 블록 복사, 붙여넣기를 도와주는 기능이다. 현재 사용 중인 프로젝트 또는 스크린에서 블록을 복사하여 다른 프로젝트나 스크린에 붙여 넣을 수 있다.
4) 백팩 : 블록 복사, 붙여 넣기를 도와주는 기능이다. 현재 사용 중인 프로젝트 또는 스크린에서 블록을 복사하여 다른 프로젝트나 스크린에 붙여 넣을 수 있다.
5) 휴지통 : 블록을 드래그 하여 놓으면 삭제 뷰어 영역에서 삭제된다.
* 앱 실행 테스트하기
1. 앱 만들기
가. [프로젝트] - [새로운 프로젝트] (프로젝트 이름은 영어 알파벳으로 시작해야하고 특수 문자는 사용 금지)
나. 버튼 하나 추가하기
2. 앱 저장하기
가. [프로젝트] - [선택된 프로젝트(.aia)를 내 컴퓨터로 내보내기] 로 저장하기
: 앱을 다시 편집할 수 있는 프로젝트로 저장하는 방법으로 [내 컴퓨터에서 프로젝트(.aia) 가져오기]로 다시 불러올 수 있음
나. [빌드]-[앱(.apk를 내 컴퓨터에 저장하기)]로 저장하기
: 완성된 앱을 설치파일 형태인 .apk 파일로 저장됨. 파일은 컴퓨터의 다운로드 폴더에서 확인 가능.
3. 앱 설치하기
가. [빌드]-[앱(.apk용 QR 코드 제공)] 클릭
: QR 코드가 나타나며 스마트폰에 설치해 둔 QR 코드 리더 앱으로 코드를 인식한다. (QR 코드는 2시간만 유효하다)
나. [빌드]-[앱(.apk를 내 컴퓨터에 저장)] 클릭
: 다운로드 폴더에 있는 파일을 네이버 클라우드 등을 이용하여 스마트폰으로 옮겨 설치
'SW교육 > 앱 인벤터2' 카테고리의 다른 글
제6강-비만도 계산기 앱 만들기 (0) | 2018.01.08 |
---|---|
제5강-Phone_call 앱 만들기 (0) | 2018.01.08 |
제4강-특정 사이트가 열리는 앱 만들기 (1) | 2018.01.08 |
제3강-shake_talk 앱 만들기 (0) | 2018.01.08 |
제2강-앱 인벤터2 시작하기(dog 앱) (0) | 2018.01.08 |