본 문서의 저작권은 ㈜한백전자에 있으며, 허락 없이 무단 복제 및 전제를 불허합니다. ㈜한백전자 교육사업부 1장 앱 인벤터 시작하기.

Presentation on theme: "본 문서의 저작권은 ㈜한백전자에 있으며, 허락 없이 무단 복제 및 전제를 불허합니다. ㈜한백전자 교육사업부 1장 앱 인벤터 시작하기."— Presentation transcript:

1 본 문서의 저작권은 ㈜한백전자에 있으며, 허락 없이 무단 복제 및 전제를 불허합니다. ㈜한백전자 교육사업부 1장 앱 인벤터 시작하기

2 본 문서의 저작권은 ㈜한백전자에 있으며, 허락 없이 무단 복제 및 전제를 불허합니다. 1-1 학습 목표 2 앱인벤터의 개요에 대한 이해 내 컴퓨터에 설치하기 한백전자 실습장비 사용법 에뮬레이터 사용하기

3 본 문서의 저작권은 ㈜한백전자에 있으며, 허락 없이 무단 복제 및 전제를 불허합니다. 1-2 기반 지식 3 앱(App) – 앱은 애플리케이션의 줄임 말로 볼 수도 있으나 현재는 주로 스마트폰과 같은 모 바일 환경에서 동작하는 애플리케이션의 의미로 사용 애플리케이션(Application) – PC와 같은 환경에서 독립적으로 실행되는 응용 프로그램을 의미

4 본 문서의 저작권은 ㈜한백전자에 있으며, 허락 없이 무단 복제 및 전제를 불허합니다. 1-2 기반 지식 4 앱인벤터란? – 앱인벤터는 누구나 쉽게 안드로이드 앱을 만들 수 있도록 도와주는 도구 – 일반적으로 안드로이드 앱은 자바를 이용해 개발 하게 되는데, 이러한 방법은 앱 을 만드는 과정보다 더 어렵고 복잡한 사전 지식을 요구 -> 웹브라우저를 통해 실행되는 앱인벤터 도구들을 이용하면 자바와 같은 프로그래밍 언어에 대한 지 식 없이도 간편하게 안드로이드 앱을 만들 수 있음

5 본 문서의 저작권은 ㈜한백전자에 있으며, 허락 없이 무단 복제 및 전제를 불허합니다. 1-2 기반 지식 5

6 본 문서의 저작권은 ㈜한백전자에 있으며, 허락 없이 무단 복제 및 전제를 불허합니다. 1-2 기반 지식 6 앱인벤터 설치 프로그램에 포함된 구성요소 – 에뮬레이터: 실습장비가 없을 경우 앱을 테스트하기 위한 가상 실습장비 – ADB 드라이버: PC와 실습장비를 USB케이블로 연결할 때 실습장비를 인식하기 위한 드라이버 – ADB 툴: 실습장비에 앱을 설치하거나 실행하는데 필요한 기능을 제공

7 본 문서의 저작권은 ㈜한백전자에 있으며, 허락 없이 무단 복제 및 전제를 불허합니다. 1-2 기반 지식 7 컴퓨터와 운영체제 – 매킨토시(인텔 프로세서): Mac OS X 10.5, 10.6 – 윈도우: Windows XP, Windows Vista, Windows 7 – GNU/리눅스: Ubuntu 8+, Debian 5+ 브라우저 – 모질라 파이어폭스 23 이상 – 애플 사파리 5.0 이상 – 구글 크롬 29이상

8 본 문서의 저작권은 ㈜한백전자에 있으며, 허락 없이 무단 복제 및 전제를 불허합니다. 1-3 실습 소개 8 한백전자 타깃 장비를 적용한 실습환경 구성 절차 – PC에 자바 SDK 설치 – PC에 앱인벤터 셋업프로그램 설치 – 한백전자 타깃 장비와 PC를 OTG용 USB케이블로 연결 – PC에 한백전자 타깃 장비용 드라이버 설치 내 컴퓨터에 앱인벤터개발환경 구성 – 1단계: 내 컴퓨터 설정하기 – 2단계: 실습장비 실행 환경 구성

9 본 문서의 저작권은 ㈜한백전자에 있으며, 허락 없이 무단 복제 및 전제를 불허합니다. 1-4 구현 절차 9 내 컴퓨터에 앱 인벤터 개발환경 구성 앱인벤터 설치 프로그램 설치 – 앱인벤터 셋업 패키지 설치 – 이 단계는 모든 안드로이드 장치에 대해 동일하며, 모든 윈도우 계열에서 동일 – 내 안드로이드 실습장치용 윈도우 드라이버 설치하기

10 본 문서의 저작권은 ㈜한백전자에 있으며, 허락 없이 무단 복제 및 전제를 불허합니다. 1-4 구현 절차 10 – 다음 주소에 접속한 후 본문에서 “Download” 링크를 선택해 설치 프로그램을 PC로 다운로드 http:// appinventor.mit.edu/explore/ai2/windows.html

11 본 문서의 저작권은 ㈜한백전자에 있으며, 허락 없이 무단 복제 및 전제를 불허합니다. 11 1-4 구현 절차 – 다운로드 후, 저장된 폴더에서 해당 프로그램을 실행해 설치를 시작

12 본 문서의 저작권은 ㈜한백전자에 있으며, 허락 없이 무단 복제 및 전제를 불허합니다. 12 1-4 구현 절차 – 앱인벤터 셋업 설치 경로

13 본 문서의 저작권은 ㈜한백전자에 있으며, 허락 없이 무단 복제 및 전제를 불허합니다. 13 1-4 구현 절차 한백전자 타깃 장비 케이블링(선 연결) 1) 한백전자 타깃 장비와 PC 연결 – 전원 연결 후 다음과 같이 USB 케이블을 실습용 컴퓨터의 USB 단자와 연결 – 한백전자 타깃 장비에는 작은 커넥터를 연결

14 본 문서의 저작권은 ㈜한백전자에 있으며, 허락 없이 무단 복제 및 전제를 불허합니다. 14 1-4 구현 절차 한백전자 타깃 장비의 ADB 드라이버설치 – USB 케이블 연결이 완료되었으면 전원을 켜고 실습장비를 동작 – 아래와 같이 새로운 하드웨어를 발견했다는 알림 창이 표시

15 본 문서의 저작권은 ㈜한백전자에 있으며, 허락 없이 무단 복제 및 전제를 불허합니다. 15 1-4 구현 절차 – “목록 또는 특정위치에서 설치(고급)”항목을 선택하고 다음클릭 – “찾아보기”버튼을 눌러 구글 ADB 드라이버가위치하는 경로를 선택한 후 “다 음”을 눌러 설치를 진행 – 한백전자 장비를 인식하게 해야 할 경우, 앱인벤터 폴더가 아닌 AndroXStudio 의 폴더로 지정해 주는 방법을 사용 32bit OS : C:\Program Files\Appinventor\commands-for-Appi nventor\usb_driver 64bit OS :C:\Program Files (x86)\Appinventor\commands-for- Appinventor\usb_driver

16 본 문서의 저작권은 ㈜한백전자에 있으며, 허락 없이 무단 복제 및 전제를 불허합니다. 16 1-4 구현 절차 – 설치완료

17 본 문서의 저작권은 ㈜한백전자에 있으며, 허락 없이 무단 복제 및 전제를 불허합니다. 17 1-4 구현 절차 – 만약 설치가 제대로 안됫을경우 드라이버 위치를 C:\AndroXStudio\legacy\sdk\extras\google\usb_driver 폴더 로 지정해서 다시 시도

18 본 문서의 저작권은 ㈜한백전자에 있으며, 허락 없이 무단 복제 및 전제를 불허합니다. 18 1-4 구현 절차 – 만약 실습장비가 잠금 화면일 경우 앱의 실행을 위해 잠금을 해제 – 마지막으로 USB 케이블을 이용해 실습장비와 PC를 연결하면 실습장치에는 다음 두 개의 상태 메시지가 알림 바에 표시

19 본 문서의 저작권은 ㈜한백전자에 있으며, 허락 없이 무단 복제 및 전제를 불허합니다. 19 1-4 구현 절차 – 혹시 다른 장비에서 개발자 모드로 되어있지 않다면 디버깅 모드 실패 가능 – 디바이스옵션설정>더 보기>디바이스정보에 빌드번호를 연속 클릭하다 보면 모드 변경이 된 것을 확인 가능

20 본 문서의 저작권은 ㈜한백전자에 있으며, 허락 없이 무단 복제 및 전제를 불허합니다. 20 1-5 결과물 – “장치관리자”에서 “ADB Interface”목록에“HANBACK Android Composite ADB Interface”가 있으면 드라이버설치가 정상적으로 완료

21 본 문서의 저작권은 ㈜한백전자에 있으며, 허락 없이 무단 복제 및 전제를 불허합니다. 21 1-6 정리 앱인벤터를 이용해 누구나 쉽게 앱을 구현 가능 앱인벤터를 사용하기 위해 내 컴퓨터에 개발용 프로그램을 설치 한백전자 실습장비를 사용하기 위해 USB 드라이버를 설치 실습장비가 없을 경우 에뮬레이터를 사용하여 실습 가능

22 본 문서의 저작권은 ㈜한백전자에 있으며, 허락 없이 무단 복제 및 전제를 불허합니다. 22 1-7 과제물 1.내 컴퓨터의 장치관리자로 들어가 “adb device” 목록에 실 습장비가 표시되는 것을 확인 2.안드로이드 스마트폰을 가지고 있다면 자신의 안드로이드 스 마트폰 드라이버가 장치관리자에 표시될 수 있도록 제조사의 드라 이버를 찾아서 설치, 스마트폰으로 실습 결과물의 동작을 테스트 3.구글앱인벤터를 이용해 만들 수 있는 앱에 대해 생각