앱인벤터 기초과정 (1차시) ㈜헬로앱스 강사: 김영준 목원대학교 겸임교수.

Presentation on theme: "앱인벤터 기초과정 (1차시) ㈜헬로앱스 강사: 김영준 목원대학교 겸임교수."— Presentation transcript:

1 앱인벤터 기초과정 (1차시) ㈜헬로앱스 강사: 김영준 목원대학교 겸임교수

2 준비하기

3 준비물 준비하기 무선인터넷 안드로이드 기반 스마트폰 노트북

4 앱인벤터 소개 소개 구글이 2010년 7월에 개발한 초보자용 안드로이드 앱 개발 툴 2011년 부터 오픈소스로 운영
현재는 MIT에서 확장 개발 및 운영 최근에는 MIT App Inventor2 이름으로 서비스 중

5 앱인벤터 소개 소개 앱인벤터는 안드로이드 앱 개발 전용 툴임 아이폰을 제외한 국내 대부분의 스마트폰은 안드로이드 계열임
아이폰은 스위프트라는 초보자용 개발 환경을 지원하고 있음

6 안드로이드 앱 개발 소개 일반적인 안드로이드 앱 개발 과정 Android Studio를 APK 파일 생성 이용한 앱 개발
Java Android Studio 구글 Play 스토어 등록

7 안드로이드 앱 개발 소개 앱 인벤터를 이용한 앱 개발 과정 앱인벤터를 APK 파일 생성 이용한 앱 개발 Java
Android Studio 구글 Play 스토어 등록

8 앱인벤터 설치 설치 동일한 무선 공유기에 노트북과 스마트폰 접속 구글 크롬 설치 구글 계정 생성
앱 인벤터 사이트 접속 (구글 크롬 브라우저를 이용해 접속) 구글 계정 로그인 약관동의 Survey 등

9 앱인벤터 실행 준비

10 언어 변경 준비 언어를 한글어로 변경합니다.

11 프로젝트 생성 준비 새 프로젝트 시작하기

12 프로젝트 생성 준비 프로젝트 이름의 첫 글자는 반드시 영문으로 시작

13 프로젝트 생성 준비

14 프로그램의 시작은 HelloWorld

15 Hello World 앱 앱 개발 맛보기 레이블 컴포넌트를 뷰어에 추가

16 Hello World 앱 앱 개발 맛보기

17 안드로이드 스마트폰이 없는 경우 실행 준비

18 앱 실행 방법 실행 준비 스마트폰에서 실행시키는 방법 에뮬레이터에서 실행시키는 방법 1) 무선 네트워크 상에서 실행시키는 방법
2) USB 케이블을 통해 실행시키는 방법 3) apk 파일을 옮겨서 실행시키는 방법 에뮬레이터에서 실행시키는 방법 1) 스마트폰이 없는 경우, PC에서 가상의 스마트폰을 실행시켜 실행

19 에뮬레이터 설치 실행 준비 appinventor.mit.edu 접속

20 에뮬레이터 설치 실행 준비 Setup Instructions 링크 클릭

21 에뮬레이터 설치 실행 준비 Option Two의 링크 클릭

22 에뮬레이터 설치 실행 준비 Step1에서 Windows 선택

23 에뮬레이터 설치 실행 준비 Download the installer 클릭후 실행 선택

24 에뮬레이터 설치 실행 준비 설치 진행

25 에뮬레이터 설치 실행 준비 Desktop Icon 추가 선택

26 에뮬레이터 설치 실행 준비 설치 완료

27 에뮬레이터 설치 실행 준비 설치 완료

28 에뮬레이터 실행 실행 준비 연결 -> 에뮬레이터 선택

29 에뮬레이터 실행 실행 준비 안내 메시지에 따라 기다리면 에뮬레이터가 실행됨

30 에뮬레이터 실행 실행 준비 최신 버전으로 업데이트

31 에뮬레이터 실행 실행 준비 마지막 단계에서 반드시 Done 버튼 클릭

32 안드로이드 스마트폰이 있는 경우 실행 준비

33 MIT AI2 Companion 앱 설치 실행 준비 스마트폰에서 구글 플레이스토어 앱 실행

34 안드로이드 스마트폰이 있는 경우 앱 실행하기

35 Hello World 앱 빌드 앱 실행하기 빌드 메뉴에서 앱 (.apk용 QR 코드 제공) 선택

36 Hello World 앱 빌드 준비 스마트폰에서 AI2 Companion 앱 실행후 SQ Code Scan 선택