SW교육/앱 인벤터2

제1강-앱 인벤터2 사용을 위한 준비

멋쟁이샘 2018. 1. 8. 14:04

* 앱 인벤터란?

 : 앱 인벤터(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를 내 컴퓨터에 저장)] 클릭

      : 다운로드 폴더에 있는 파일을 네이버 클라우드 등을 이용하여 스마트폰으로 옮겨 설치