IoT의 이해
전병현 교수
11주차 1강. 앱 인벤터
학습내용
학습목표 1. 앱 인벤터
2. 화면 구조와 기능
1. 앱 인벤터에 대하여 설명할 수 있다.
2. 앱 인벤터 화면 구조와 기능에 대하여 설명할 수 있다.
◉ 앱 인벤터(App Inventor for Android)란?
1. 앱 인벤터(1)
2010년 출시
크롬 웹 브라우저
안드로이드 기반 앱 제작 블록으로
명령
자체 서버
구글과 MIT 대학 공동
제작
◉ 앱 인벤터 특징
1. 앱 인벤터(2)
GUI 개발환경
앱 디자인과 코딩기능
이벤트 기반
드래그&
드롭
스마트 폰에서 직접
실행 PC용 에뮬 레이터 지원
◉ 앱 소개
1. 앱 인벤터(3)
Application
앱 다운로드
데이터 전송
◉ 앱 인벤터 준비물
1. 앱 인벤터(4)
• 구글(http://www.google.com) ID
• 크롬 브라우저 설치(http://www.google.com/chrome)
• Play 스토어(MIT 검색) → MIT AI2 Companion 설치
• 앱 인벤터 시작(http://appinventor.mit.edu) - create
◉ 앱 인벤터 활용
1. 앱 인벤터(5)
• 음성인식 등 막강한 기능
• 구글 맵과 연동
• 진동 작동
• 전화 걸기
• 카메라 제어
• 스피커를 활용
• 폰의 센서(가속도, GPS, 방향)
• 상상 속의 앱을 만들 수 있음
◉ 앱 인벤터 작업 환경
1. 앱 인벤터(6)
• Mac OS, Linux
• Windos OS와 안드로이드 기반
• 크롬 브라우저에서 바로 실행 가능
◉ 앱 인벤터 프로젝트 관리 화면
2. 화면 구조와 기능(1)
• Start new Project : 새로운 프로젝트 생성
• Delete Project : 프로젝트 삭제
• Publish to Gallery : 프로젝트 공유
◉ 앱 인벤터 메인 화면
2. 화면 구조와 기능(2)
◉ 앱 인벤터 메뉴
2. 화면 구조와 기능(3)
• 프로젝트 : 프로젝트 시작, 가져오기, 저장 등 프로젝트 관리
• 연결 : 에뮬레이터 연결 등 실행과 관련된 기능
• 빌드 : 안드로이드 빌드 파일(apk) 생성
• 도움말 : 라이브러리, 튜토리얼, 무제 해결 등의 정보 제공
• 내 프로젝트 : 내가 생성한 프로젝트 목록 보기
• 갤러리 : 다른 사용자가 제작하여 오픈 한 목록 보기
• 가이드 : Library 창 띄우기
• 문제보고 : MIT 앱 인벤터 포럼에 연결
• 한국어 : 영어 또는 앱 인벤터에서 사용하는 언어 제공
◉ 프로젝트 메뉴
2. 화면 구조와 기능(4)
• 프로젝트 이름 표시
• Screen1 : 현재 스크린 Display
• 스크린 추가 : 스크린 추가
• 스크린 제거 : 스크린 삭제
• 디자이너 : 앱 화면을 디자인하는 디자이너 화면 표시
• 블록 : 코딩을 할 수 있는 블록 편집 화면
◉ 팔레트
2. 화면 구조와 기능(5)
• 사용자 인터페이스 : 버튼, 체크 상자 등 사용자가 디자인 컴포넌트
• 레이아웃 : 수평, 수직 배치 등 컴포넌트를 배치하는 기능
• 그리기& 애니메이션: 그림을그릴수있는캔버스와이미지처리 컴포넌트
• Maps : 지도를 활용한 앱 개발 컴포넌트
• 센서 : 가속도, 바코드, 자이로스코프 등 센서 컴포넌트
• 소셜 : 문자 발송, 트위터, 전화 걸기 등 컴포넌트
• 저장소 : 파일, DB 등 데이터를 저장하는 컴포넌트
• 연결 : 블르투스, 웹 연결 등에 필요한 컴포넌트
• LEGO® MINDSTORMS® : 레고를 사용한 프로그램밍 컴포넌트
• 실험적 : 현재 실험중인 컴포넌트
• Extension ; 외부의 화장 기능을 연결할 때 사용
◉ 뷰어/컴포넌트
2. 화면 구조와 기능(6)
• 컴포넌트 : 뷰어에 배치된 컴포넌트 계층 구조
표시(파일 이름)
• 뷰어 : 컴포넌트를 배치하여 화면을 디자인 하는 곳이지만 실제와는 약간 다름
뷰어 컴포넌트
◉ 미디어/속성
2. 화면 구조와 기능(7)
• 미디어 : 업로드한 이미지, 사운드와 같은 미디어 파일 표시
• 속성 : 컴포넌트 속성을 지정
정리하기(1)
1. 앱 인번테 소개
- GUI 개발 환경과 드래그& 드롭 방식을 디자인 함
- 텍스트 기반의 언어 코딩과 블록을 조립하여 프로그래밍 - PC용 에뮬레이터, 스마트 폰과 직접 연결하여 실행 가능
2. 화면 구조와 기능
- Start new Project : 새로운 프로젝트를 생성 - Delete Project : 프로젝트를 삭제
- Publish to Gallery : 프로젝트 공유
- 앱 인벤터 메뉴 : 프로젝트 시작, 가져오기, 저장 등 프로젝트 관리 메뉴 - 프로젝트 메뉴 ; 프로젝트 이름 표시 및 현재 스크린 표시
- 팔레트 : 사용자 인터페이스 및 컴포넌트 제공
다음시간에는…
에 대해 학습해 보겠습니다.
참고문헌
11주차. 앱 인벤터의 이해
2강. 앱 인벤터 시작과 실행
• 앱인벤터. http://appinventor.mit.edu
