~ 앱인벤터(App Inventor)의 개발환경 구축 ~
앱인벤터(App Inventor)의 개발환경은 다양하지만, 앱인벤터의 학습을 위해 하드웨어를 별도로 준비할 필요는 없고 컴퓨터만 있으면 된다. 이 블로그에서는 XP의 운영체제를 사용하여 설명한다. 물론, 다른 운영체제를 사용하여도 된다.
웹 브라우저도 파이어 폭스와 크롬 중 어느 하나를 사용하면 된다. 이 블로그에서는 크롬 브라우저를 사용하여 설명하고 있다.
1. 앱인벤터 활성화를 위한 예비작업
1. 구글 크롬 브라우저의 설치
1-1. 크롬 브라우저가 컴퓨터에 설치되어 있지 않는 경우, 인터넷 주소창에서www.google.co.kr를 입력한 다음, 구글 검색창에서 아래 그림과 같이 더보기 --> 전체서비스 --> Google 크롬을 클릭하면 크롬 브라우저가 간단하게 설치된다.
2. 자바 웹 스타트 데모 실행
2-1. 크롬을 설치하고, 인터넷 주소창에서, www.java.com/en/download/testjava.jsp를 입력하고, 자바가 이미 설치가 되어 있는 지의 여부를 확인한다. 자바가 이미 설치되어 있는 경우에는, 아래 그림과 같이 설치되어 있음을 확인하여 준다.
2-3. 자바의 설치가 완료되면, 자바 웹 스타트 데모 사이트
(http://www.oracle.com/technetwork/java/demos-nojavascript-137100.html)로 이동한다.
2-4. 여기서, 상기 데모 실행 화면중 어느 하나의 데모 실행 화면 (예를 들면, Draw 등)을 클릭하면 크롬 브라우저 좌측하부에 다음과 같은 파일(draw.jnlp)가 다운로드된다.
2-5. 다운로드된 파일(draw.jnlp)을 클릭하면 다음과 같이 자바 웹 스타트 응용프로그램인 데모 화면(Draw)이 별도로 나타난다.
참고사항: 앱인벤터를 실행하기 전에 상기 데모화면을 필수적으로 테스트하여야 한다.
3. 구글 앱인벤터의 설치
3-2. 다음에, 브라우저에서 http://appinventor.googlelabs.com/에서 서비스 조항(Terms of Service)을 읽고 수락버튼(I accept the terms of service)을 클릭하면 앱인벤터를 사용할 수 있다.
3-3. 윈도우용 앱인벤터 셋업 소프트웨어를 설치하기 위해서는, 웹브라우저에서http://appinventor.googlelabs.com/learn/setup/setupwindows.html의 주소를 입력하고 다음과 같은 스크린샷이 나타난다.
3-4. 상기 화면에서 연두색 문자(Download)를 클릭하면, 웹브라우저의 좌측하부에 다운로드의 화살표가 이하 스크린샷에 나타난 바와 같이 표시된다.
3-5. 다운로드의 여부를 묻는 대화상자가 표시되고 저장버튼을 클릭하면 실행파일(appinventor_setup….exe)이 저장된다.
3-6. 다음과 같이 실행파일이 다운로드된다.
참고 사항: 이 파일의 설치된 경로는 다음과 같다.
C:\Program Files\Appinventor\commands-for-Appinventor
댓글 없음:
댓글 쓰기