어린이 코딩/앱인벤터 기초 7

앱 인벤터 실행방법

먼저 간단하게 앱 인벤터란 무엇인지 알아 본 후 실행 방법에 대하여 알아보도록 하겠습니다. ■ 앱 인벤터(App Inventor)란 안드로이드 앱을 쉽게 구현할 수 있도록 기능을 제공하는 프로그래밍 툴 이다. 프로그래밍에 대한 기초 지식이 없어도 쉽고 재미있게 어플을 만들 수 있도록 편리한 기능들을 제공한다. 기존 개발 프로그램처럼 명령어를 입력하여 코딩하는 방식이 아닌, 블록형태의 기능들을 연결하며 코딩하는 방식이기에 어린이들도 이용할 수 있는 개발 툴 이다. ■ 앱 인벤터 실행방법 - 시작하기 1. 크롬(Chrome) 브라우저 설치 - 다른 웹 브라우저에서는 실행이 되지 않는다. 크롬 브라우저가 없다면 다운받아 설치 후 앱 인벤터를 시작할 수 있다. 2. 구글(Google) 계정 만들기 - 앱 인벤터..

앱인벤터 제어 각각 반복(for문) 완벽 가이드

앱 인벤터 [각각 반복] 제어블록 완벽 가이드 앱 인벤터에 제어 블록 중 [각각 반복..] 에 대하여 알아보도록 하겠습니다. 먼저 블록 기능을 알아보기 위해 간단한 디자이너 뷰어 화면을 만들어 보도록 하겠습니다. 아래와 같이 텍스트 박스, 버튼, 레이블을 추가하여 줍니다. 이제 블록 부분을 보도록 하겠습니다. 이번 포스팅에서 알아 볼 부분은 제어에서 [각각 반복..]하기 블록입니다. 시작 숫자에서 시작하여 끝 숫자보다 작거나 같을 때 까지 실행 됩니다. 그리고 한번 돌때마다 간격 값 만큼 숫자는 커 집니다. 즉, 숫자라는 값은 1 → 2 → 3 → 4 → 5 로 변경 됩니다. 버튼을 눌렀을 경우 [각각 반복..] 블록이 실행되도록 블록을 연결 시킵니다. 그리고 실행 부분에 아래와 같이 블록을 연결합니다...

앱인벤터 공통블록 제어 완벽 가이드 - 만약 그러면(IF문)

앱인벤터 공통블록 만약 그러면 블록 완벽 가이드 공통 블록 중 [만약 그러면] 기능에 대하여 알아 봅시다 보통 IF문 이라고 부릅니다. 그러면 실습을 통해 자세하게 알아보도록 하겠습니다. 먼저 뷰어에 아래와 같이 텍스트박스, 버튼, 레이블을 하나씩 이동 시킵니다. 그리고 블록 영역으로 이동하여 아래와 같이 블록을 만들어 줍니다. 버튼이 클릭 된다 → 만약 1과 텍스트상자의 값이 동일한지 비교한다 → 동일하면 참 입니다.라고 레이블에 표시된다. if문의 가장 기본적인 구조입니다. 다음은 if문에 조금 더 추가하여 만들어 보도록 하겠습니다. 옵션 버튼을 누르면 아래과 같이 나타납니다. [아니고.. 만약]을 드래그 하여 [만약] 안으로 연결 시킵니다. 이번에는 [아니면] 블록을 이동시켜 봅니다. [아니고.. ..

앱인벤터2 - 에뮬레이터(Emulator)를 이용한 앱 테스트하기

에뮬레이터(Emulator)를 이용한 앱 테스트하기 안드로이드 폰이 없거나, 보다 편하게 테스트를 하기위해 에뮬레이터 연결을 이용하여, 만든 앱을 테스트 하는 방법을 알아보도록 하겠습니다. 1. 설치 소프트웨어를 다운로드 합니다. appinventor.mit.edu/explore/ai2/windows.html 로 이동하여, Download the installer 를 클릭하여 파일을 다운 받습니다. 2. 다운받은 파일을 설치 해 줍니다. 다운받은 파일 위에서 마우스 오른쪽 버튼을 클릭하여 관리자 권한으로 실행(A) 을 클릭 하여 설치 해 줍니다. Next 또는 I Agree 버튼을 클릭하여 설치 해 줍니다. 2. 설치가 완료되면 프로그램을 실행 해 줍니다. aiStarter 실행 아이콘을 클릭하여 실행 ..

앱인벤터2 - 목록뷰 및 레이블 컴포넌트 완벽 가이드

앱인벤터2목록뷰 및 레이블 컴포넌트 완벽 가이드 이번 포스팅에서는 목록뷰 컴포넌트와 레이블 컴포넌트에 대하여 알아보도록 하겠습니다.두가지 컴포넌트 모두 간단하기에 함께 포스팅을 해 봅니다.만들어 보게 될 화면의 기능은 이러합니다. 조회버튼을 클릭했을 때 목록이 조회되고, 목록을 클릭하게되면, 레이블에 목록 Text가 표시되도록 하는 것 입니다. ■ 화면구성 - 목록조회 버튼 추가 - 레이어 두개 추가 : 하나는 Text Format, 다른 하나는 HTML Format으로 설정하여 차이점을 확인 할 수 있도록 할 것입니다. - 목록뷰를 추가 ■ 컴포넌트 속성 - 레이블 속성 : Text Format과 HTML Format의 차이점은 Text로만 작성 가능한 것과 HTML태그로 작성 가능한 것 입니다.- 목..

앱인벤터2 - 버튼기능 완벽 가이드

앱인벤터 버튼기능 완벽 가이드 앱인벤터 기초강좌로 버튼기능에 대하여 포스팅 해 보도록 하겠습니다. ■ 사용하기버튼(Button) 컴포넌트(Components) 기능을 사용하기 위해서는 팔레트(Palette)에서 사용자 인터페이스(User Interface) 하위에 위치하고 있는 버튼 컴포넌트를 드래그하여 뷰어(Viewer) 위에 올려 놓으면 됩니다. ■ 속성설정 버튼의 속성(Properties)은 디자이너(Designer)에서 바로 설정을 할 수 있으며, 또한 블록(Blocks)에서 설정을 할 수도 있습니다. 디자이너에서 속성영역을 보면 어떤 속성들이 있는지 쉽게 알 수가 있습니다. 속성 설명 배경색 (BackgroundColor) 버튼 배경색 활성화(Enabled) 설정되지 않은 경우(비활성화) 버튼을..

[인벤터] 퓨전테이블(Fusiontables)을 이용한 모바일 앱 데이터 저장하기

[인벤터] 퓨전테이블(Fusiontables)을 이용한 모바일 앱 데이터 저장하기 이전 포스팅에서는 모바일 게임 앱 만들기, 고양이 잡기에 대하여 게시하였습니다. 게임을 하고 나면 게임점수를 획득합니다 자신의 점수를 다른사람이 볼 수 있다면 게임을 하는 재미가 더욱 커 질 것입니다. 이번 시간에는 바로 이런 기능에 대하여 알아보고자 합니다. 저장소를 활용하여 자신의 점수를 저장해 두고, 다른 사람이 접속 하였을 경우, 점수를 보여주게 하는 것입니다. 모든 사람의 점수를 보여줄 수는 없으니 상위랭크의 점수만 보여주게 해야 되겠죠 인벤터에도 이런 기능이 가능합니다. 그리고 몇가지 방법을 제공하고 있습니다. 첫번째로 File을 이용한 방법입니다 파일에 기록하고 그 파일을 읽어 기능을 구현하는 방법입니다. 두번..