앱인벤터 기초과정 (1 차시 )
㈜헬로앱스
1
강사 : 김영준 목원대학교 겸임교수
2
준비하기
준비물
3
준비하기
무선인터넷
노트북 안드로이드 기반
스마트폰
앱인벤터 소개
구글이 2010 년 7 월에 개발한 초보자용 안드로이드 앱 개발 툴
2011 년 부터 오픈소스로 운영
현재는 MIT 에서 확장 개발 및 운영
최근에는 MIT App Inventor2 이름으로 서비스 중
4
소개
앱인벤터 소개
앱인벤터는 안드로이드 앱 개발 전용 툴임
5
소개
아이폰을 제외한 국내 대부분의 스마트폰은 안드로이드 계열임
아이폰은 스위프트라는 초보자용 개발 환경을 지원하고 있음
안드로이드 앱 개발
일반적인 안드로이드 앱 개발 과정
6
소개
Android Studio 를
이용한 앱 개발 APK 파일 생성
구글 Play 스토어 등록 Java
Android Studio
안드로이드 앱 개발
앱 인벤터를 이용한 앱 개발 과정
7
소개
앱인벤터를
이용한 앱 개발 APK 파일 생성
구글 Play 스토어 등록 Java
Android Studio
앱인벤터 설치
동일한 무선 공유기에 노트북과 스마트폰 접속
구글 크롬 설치
구글 계정 생성
앱 인벤터 사이트 접속 ( 구글 크롬 브라우저를 이용해 접속 )
http://ai2.appinventor.mit.edu/
구글 계정 로그인
약관동의
Survey 등
8
설치
앱인벤터 실행
준비
언어 변경
언어를 한글어로 변경합니다 .
10
준비
프로젝트 생성
새 프로젝트 시작하기
11
준비
프로젝트 생성
프로젝트 이름의 첫 글자는 반드시 영문으로 시작
12
준비
프로젝트 생성
13
준비
14
HelloWorld
프로그램의 시작은
Hello World 앱
레이블 컴포넌트를 뷰어에 추가
15
앱 개발 맛보기
Hello World 앱
16
앱 개발 맛보기
17
실행 준비
안드로이드 스마트폰이 없는 경우
앱 실행 방법
스마트폰에서 실행시키는 방법
1) 무선 네트워크 상에서 실행시키는 방법
2) USB 케이블을 통해 실행시키는 방법
3) apk 파일을 옮겨서 실행시키는 방법
에뮬레이터에서 실행시키는 방법
1) 스마트폰이 없는 경우 , PC에서 가상의 스마트폰을 실행시켜 실행
18
실행 준비
에뮬레이터 설치
appinventor.mit.edu 접속
19
실행 준비
에뮬레이터 설치
Setup Instructions 링크 클릭
20
실행 준비
에뮬레이터 설치
Option Two 의 링크 클릭
21
실행 준비
에뮬레이터 설치
Step1 에서 Windows 선택
실행 준비
에뮬레이터 설치
Download the installer 클릭후 실행 선택
실행 준비
에뮬레이터 설치
설치 진행
실행 준비
에뮬레이터 설치
Desktop Icon 추가 선택
실행 준비
에뮬레이터 설치
설치 완료
실행 준비
에뮬레이터 설치
설치 완료
실행 준비
에뮬레이터 실행
연결 -> 에뮬레이터 선택
실행 준비
에뮬레이터 실행
안내 메시지에 따라 기다리면 에뮬레이터가 실행됨
실행 준비
에뮬레이터 실행
최신 버전으로 업데이트
실행 준비
에뮬레이터 실행
마지막 단계에서 반드시 Done 버튼 클릭
실행 준비
32
실행 준비
안드로이드 스마트폰이 있는 경우
MIT AI2 Companion 앱 설치
스마트폰에서 구글 플레이스토어 앱 실행
MIT AI2 Companion 검색
설치
33
실행 준비
34
앱 실행하기
안드로이드 스마트폰이 있는 경우
Hello World 앱 빌드
빌드 메뉴에서 앱 (.apk 용 QR 코드 제공 ) 선택
35
앱 실행하기
Hello World 앱 빌드
스마트폰에서 AI2 Companion 앱 실행후 SQ Code Scan 선택
36
준비