Hello World출력

 

 

앱 인벤터는
안드로이드 스튜디오(안드로이드 어플리케이션 공식 개발폴렛폼)과 같은

별도의 설치가 필요없고, 웹상에서(인터넷상에서) 작업하는 방식입니다
언제 어디서든지 인터넷만 갖춰진 곳이라면 작업을 할 수 있습니다.

 

1.구글 크롬 설치

 

크롬설치.JPG

 

 

 앱 인벤터는 마이크로소트프의 인터넷 익스플로러를 지원하지 않습니다. 구글 크롬을 이용해주세요

https://www.google.com/chrome/browser/desktop/index.html - 설치다운로드

 

 

 

 

 

 

 

2.앱인벤터 사용 설명

 

앱 검색.JPG

 

 

 

 

 app inventor 를 검색합니다.

 

 

 

 

 

3.Hello World 앱제작

 

3.JPG

 

 

앱인벤터 공식사이트 - 우측상단의 create apps! 클릭

 

 

 

 

 

 

 

4.JPG

 

 

구글 로그인 후 상단에 있는 메뉴 중 'proiect'를 누른 후 'Start new project' 클릭합니다.

 

 

 

 

 

 

5.JPG

 

 

프로젝트 이름명 설정하는 창이 뜹니다. 

 

 

 

 

 

 

6.JPG

 

 

디자이너 화면 ( 앱 설정, UI와 인터페이스를 만드는 곳 )

 

Lbel 을 클릭해 스마프폰 외면처럼 보이는 곳으로 끌어당긴다.

 

 

 

 

7.JPG

 

 

 

디자인 화면으로 끌어당겨 적용

 

 

 

 

8.JPG

 

 

 

 properties 에서 텍스트 수정, 텍스트 크기, 굵기 색상 등 변경할 수 있습니다.

 

 

 

 

 

9.JPG

 

 

 

저는 택스트 내용을 hello world로 지정했습니다. 

 

 

 

 

 

10.JPG

 

 

 

Label 을 클릭하고 디자인 화면에 추가

리고 라벨을 추가하고나니, 스마트폰화면과 Properties사이에 Components(컴포넌트)부분에
Label1과 Label 2가 추가되었음을 알 수 있습니다
Rename을 눌러 이름을 재설정하거나, Delete를 눌러 없앨 수 있습니다.

 

 

 

 

 

 

 

11.JPG

 

 

좌측상단 메뉴에 Bulid(만들어내다)를 보시면
두가지 옵션이 보입니다
먼저 첫번째 옵션인 Provide QR code for apk.(이 앱의 apk파일을 QR코드로 제공합니다)

 

 

 

 

 

 

12.JPG

 

 

그럼 이렇게 진행바가 뜨게됩니다.

 

 

 

 

 

13.JPG

 

 

진행이 끝난 후에는
QR코드가 뜨게 됩니다
그럼 여기서 안드로이드 스마트폰이 필요합니다

 

 

 

 

 

KakaoTalk_20170502_160157346.jpgKakaoTalk_20170502_160157122.jpgKakaoTalk_20170502_160156064.jpg

 

 

 

 

QR코드 사용방법은, 별도 앱을 까는 방법이 있고 만약 네이버앱이 있으시다면
홈에서 우측에 마이크모양 버튼을 누르고
바코드모양의 QR코드를 누르면, QR코드 인식 기능을 사용할 수 있습니다

카메라를 컴퓨터 화면에 뜬 QR코드에 찍히도록 보여주면

 

 

 

 

 

KakaoTalk_20170502_160228188.jpg

 

 

 

자동으로 파일이 저장되며
파일을 누를 경우, 대부분으 스마트폰은 가운데 사진과 같이
출처를 알 수 없는 앱...이라고 알림이 뜰 것입니다

설정버튼을 누른 후
'출처를 알 수 없는 앱'에 들어가서
허용함에 체크해 주시길 바랍니다

 

허용이 되면, 가운데사진처럼 설치화면이 뜨고
설치버튼을 누르면 몇초의 시간이 지난 다음

 

 

 

 

 

 

KakaoTalk_20170501_104347598.jpgKakaoTalk_20170501_104348598.jpg

 

 

 

설치가 완료됩니다!
홈화면으로 나와보면 HelloWorld앱이 생성되어 있음을 확인할 수 있으며
위 아이콘은 앱인벤터 기본 아이콘입니다

 

 

 

 

 

 

 

 

KakaoTalk_20170501_104348115.jpg

 



앱을 실행시키면 맨 우측사진과 같이 우리가 앱인벤터 화면에서 봤던
형태 그대로 보여지게 됩니다

 

 

 

 

 

 

14.JPG

 

 

그리고 아까 앱인벤터 Build메뉴에서 두번째에 있는
save apk to my computer(apk파일을 내 컴퓨터에 저장합니다)를 눌러주시면
apk파일이 내 컴퓨터에 저장되며

이 파일을 통해, USB를 사용하는 등..으로 앱 설치파일을 옮겨다닐 수 있습니다.

 

 

 

 

 

4.블루트스 RC카 (앱인벤터)

http://www.inoroid.com/blue