제 3 장 앱 인벤터 결과물 테스트 및 패키징 하는방법 [ 소개 ] 안드로이드 계열의 스마트폰과 태블릿에 서 테스트 및 패키지 작업이 가능하다.  난이도 : 초급.

Presentation on theme: "제 3 장 앱 인벤터 결과물 테스트 및 패키징 하는방법 [ 소개 ] 안드로이드 계열의 스마트폰과 태블릿에 서 테스트 및 패키지 작업이 가능하다.  난이도 : 초급."— Presentation transcript:

1 제 3 장 앱 인벤터 결과물 테스트 및 패키징 하는방법 [ 소개 ] 안드로이드 계열의 스마트폰과 태블릿에 서 테스트 및 패키지 작업이 가능하다.  난이도 : 초급

2 1.Wi-Fi 로 연결하기  구글 플레이에 접속하여 ‘MIT AI2 Companion’ 앱을 설치  컴퓨터와 안드로이드 장치 ( 스마트폰 ) 를 동일한 IP 대역의 Wi-Fi 네트워크에 연결 [ 설명 ] 스마트폰과 컴퓨터가 동일한 공유기 ( 동일 IP 대 역 ) 를 사용해야 실시간 테스트가 가능하다.  데스크탑 컴퓨터의 경우 USB 무선랜카드를 사용하 면 같은 Wi-Fi 네트워크 구축이 가능함  앱인벤터 프로젝트를 열고 안드로이드 장치 ( 스마트 폰 ) 에 연결한다.  ‘MIT AI2 Companion’ 를 이용하면 앱 인벤터에서 변경된 내용이 바로 스마트폰으로 적용되어 ‘ 즉각 적인 결과 확인 ’ 이 가능한 장점이 있음.

3  데스크탑 컴퓨터의 경우 ‘USB 용 무선 랜카드 ’ 와 ‘ 가 정용 무선 공유기 ’ 를 사용하면 ‘ 동일 IP 대역 ’ 을 사용 하는 Wi-Fi 네트워크 구축이 가능하다.  노트북의 경우 자체 무선랜카드가 내장되어 있으므 로 쉽게 동일 IP 대역 Wi-Fi 네트워크 구축이 가능

4 1. 데스크탑 컴퓨터에서 ‘USB 용 무선 랜카드 ’ 을 연결 2. 무선 랜카드 드라이버 설치 3.[ 제어판 ]->[ 네트워크 상태 및 작업보기 ]->[ 어댑터설정 변경 ]  동일 IP 대역 Wi-Fi 설정 데스크탑 Wi-Fi 연결 스마트폰 Wi-Fi 연결

5 와이파이로 실시간 테스트 하기 ① ② ③ ④스캔 ⑤연결 스마트폰에서 MIT AI Compaion 실행화면 구글 크롬에서 앱 인벤터 실행화면 다운받을 QR 코드 생성완료

6 2. 에뮬레이터 사용하기 1/5  에뮬레이터는 컴퓨터상에서 작동되는 가상 스마트폰임 Step 1. aiStarter 프로그램 다운로드 및 설치 Max OS X 인 경우 : http://appinv.us/aisetup_mac 를 주 소창에 입력해 프로그램을 다운로드http://appinv.us/aisetup_mac Windows 인 경우 : http://appinv.us/aisetup_windows 를 주소창에 입력해 프로그램을 다운로드http://appinv.us/aisetup_windows  반드시 설치할 때 마우스 우측 클릭 후 “ 관리자계정으 로 설치 ” 를 해야만 정상 작동 됩니다. 바탕화면에 생성된 “aiStarter” 아이콘을 더블클릭한다.  실행되는 도스창을 절대 닫지 마세요.

7 2. 에뮬레이터 사용하기 2/5 Step 2. 에뮬레이터에 연결하기 “Connect” 에서 “Emulator” 를 선택하면 aiStarter 에서는 다 음과 같은 작업이 실행된다. ① ②

8 2. 에뮬레이터 사용하기 3/5 처음 설치후 에뮬레이터 실행하면 업데이 트를 해야 함.  업데이트 후, 에뮬에이터에서 “DONE” 을 클릭해야 합니다. 절대 “OPEN” 을 클릭하 면 안됨 !!! ① ②업데이트 ③ 인스톨 ④에뮬레이터 ⑤스마트폰에서 MIT AI Compaion 실행화면

9 2. 에뮬레이터 사용하기 4/5  에뮬레이터에서 MIT AI Companion 2.0 으로 업 데이트 후 앱 인벤터에서 리셋해 주어야 정상적으 로 업데이트된 프로그램으로 접속할 수 있음.

10 2. 에뮬레이터 사용하기 5/5  에뮬레이터는 스마트폰처럼 여러가지 응용 프로 그램을 사용할 수 있으나 각종 센서들을 사용하는 프로그램의 경우 테스트 할 수 없는 단점이 있음.

11 3. USB 케이블 사용하기 1/3  USB 케이블과 안드로이드 장치가 있다면 앱 인벤터와 연결을 통하여 스마트폰으로 즉각적인 결과 확인이 가능 Step1. 휴대폰 드라이버 설치  스마트폰에서 컴퓨터와 연결해서 사진 파일, 음악파일, 동영상 파일 등을 다운로드 받기, 스마트폰 업데이트 등을 할 수 있도록 드라이버 가 설치  휴대폰과 USB 케이블을 연결하지 않은 상태에서 드라이버를 설치해 야 함  아래 사이트를 이용하면 자기 스마트폰에 맞는 드라이버 설치 파일을 다운로드해서 설치 할 수 있음 [2014.5.8 현재 휴대폰 드라이버 설치 파일 다운로드 사이트 1/2] 삼성 – 갤럭시 시리즈 ( 삼성 Kies 설치시 자동으로 드라이버 설치됨 ) http://down2.local.sec.samsung.com/uploadimg2/comLocal/service/sup port/consumer/download/SAMSUNG_USB_Driver_for_Mobile_Phones. zip

12 3. USB 케이블 사용하기 2/3 [2014.5.8 현재 휴대폰 드라이버 설치 파일 다운로드 사이트 2/2] LG http://www.lgmobile.co.kr/lgmobile/front/download/retrieveDownloadMai n.dev 넥서스원 http://developer.android.com/sdk/win-usb.html HTC http://www.htc.com/kr/support/ 모토로라 https://motorola-global-kor.custhelp.com/app/home 펜텍 ( 베가 ) http://www.pantechservice.co.kr/down/software/main.sky

13 3. USB 케이블 사용하기 3/3 Step 2. aiStarter 프로그램 다운로드 및 설치 ( 2. 에뮬레이터 사용하기를 참조 ) Step 3. 스마트폰에 구글 플레이에 접속하여 “MIT AI2 Companion” 앱을 설치한다. ( 1. Wifi 로 연결하기를 참조 ) Step 4. aiStarter 실행 ( 2. 에뮬레이터 사용하기를 참조 ) Step 5. 안드로이드 장치 ( 스마트폰 ) 에서 USB 디버깅 켜기 스마트폰이나 타블렛 PC 에서는 USB Debugging 을 허용 Android 3.2 이상 버전 : Settings( 환경설정 ) > Applications( 어플리케이션 ) > Development( 개발자 옵션 ) Step 5. 컴퓨터와 장치 연결하기  휴대폰에서 앱을 한번 실행하고 종료가 됨 -> 4 번 방법인.Apk 파일 설치받아 사용하는 것이 좋음

14 4. 앱 패키징 및 앱 공유를 통한 테스트  앱 인벤터에서 만든 앱을 테스트 후 MIT AI2 Companion 을 끄면 더 이상 사용할 수 없음  스마트폰에 설치하는 앱의 확장자는.apk  앱을 휴대폰에 저장하려면.apk 로 변환  앱 인벤터 화면 상단 Build 에서 QR 코드로 전 송 받을 것인지 컴퓨터에 저장할 것인지 선택 하여.apk 형태로 저장된 어플리케이션이 완성  2 장 ‘4. 앱설치를 위한 휴대폰 준비하기 ’ ‘5. 폰에서 실행하기 ’ 강좌 참고

15 ① [Build] 에서 [App(provide QR code for.apk] 클릭하면, 휴대폰에 다운받아 설치할 수 있도록 QR 코드가 생성됨  1 개의 스마트폰에서 QR 코드를 스캔하고 나면 다시 ①번 과정을 거쳐야 다른 스마트폰에서 설치할 수 있음. ①

16 ② .apk 파일은 구글 플레이에서 배포할 수 있는 파일임. 홈페 이지에.apk 파일을 올려두고 다른 스마트폰에 다운받아 설치 하게 할 수도 있음. 여러 명이 다운받아 공유하며 사용가능 ② [Build] 에서 [App(save.apk to my computer] 클릭하면, 컴퓨터에 다운받아 설치하는.apk 파일이 생성됨