대디의 IT공방

메뉴-아이콘

프로그래밍/앱 인벤터(App Invertor) (18)

앱인벤터 강좌 - 캔버스 이용하여 그림그리기

프로그래밍/앱 인벤터(App Invertor) 아빠달 2016. 7. 29. 14:19

앱인벤터 강좌 캔버스 - 그림그리기 앱인벤터 이번 시간에는 캔버스를 이용하여 스마트폰 화면에 그림을 그려 보도록 하겠습니다. 앱인벤터 캔버스 - 그림그리기 화면구성 ▲ 팔레트에서 [그리기&애니메이션]에 들어 있는 캔버스를 뷰어 화면에 옮겨 놓습니다. ▲ 캔버스 속성에서 높이와 너비를 부모에 맞추기를 선택하여 캔버스가 화면에 꽉 차게 합니다. 블록설정하기 ▲ 블록으로 이동한 뒤 [캔버스1]을 클릭하여 위 블록을 가져와 배치를 합니다. ▲ 캔버스에서 우리가 할 일은 선을 그리는 일이기 때문에 [호출 캔버스1. 선그리기]블록을 가져옵니다. ▲ 블럭을 위 그림 처럼 두개를 맞춰 줍니다. ▲ 이전X 위에 마우스를 올려 놓으면 위 그림 처럼 [가져오기 이전 X]와 [지정하기 이전X]값이 나타납니다. [가져오기 이전..

앱인벤터 강좌 - 음성인식 컴포넌트 활용하기

프로그래밍/앱 인벤터(App Invertor) 아빠달 2016. 7. 2. 07:49

앱인벤터 강좌 - 음성인식 컴포넌트 활용하기 첫 시간에 텍스트를 음성으로 변환시겨 보았는데요이번에는 반대로 음성인식 컴포넌트를 이용하여 텍스트로 출력해보겠습니다. 앱인벤터 음성인식 컴포넌트 실행 동영상 어플리케이션 실행 조건1. 버튼을 클릭하면 음석인식 컴포넌트를 실행시킨다.2. 음성인식 컴포넌트가 실행 되어 음성인식을 시작합니다.3. 음성 인식이 끝나면 레이블에 텍스트가 표시된다. 화면 구성▲ 위 그림 처럼 버튼과 레이블을 배치하고 버튼의 이름과 텍스트를 변경시겨 주세요 ▲ 미디어에서 [음성인식] 컴포넌트를 뷰어 화면에 옮겨 놓으면 3번 보이지 않는 컴포넌트 안에 [음성 인식] 컴포넌트가 자동으로 들어갑니다. 블록 설정하기▲ 음성인식 버튼을 클릭하여 실행 블록을 옮겨 놓습니다. ▲ 음성인식 컴포넌트를 ..

앱인벤터 강좌 - 합치기 블록 사용하기

프로그래밍/앱 인벤터(App Invertor) 아빠달 2016. 6. 28. 10:34

앱인벤터 강좌 - 합치기 블록 사용하기 지난 시간에는 텍스트 박스를 하나 만들어 봤는데요이번에는 두개의 텍스트 박스를 만들어 가각 내용을 하나로 합쳐음성으로 변환하는 예제를 만들어 보겠습니다. 앱인벤터 합치기 블록 실행 동영상 꼭 알아두기앱인벤터에는 여러가지 블록들이 있지만 그 중 합치기 블럭도많이 사용합니다. 꼭 사용방법을 익혀 두는게 좋습니다. 어플리케이션 실행 조건1. 두개의 텍스트 상자에 문자를 입력한다2. 버튼을 클릭하면 두개의 텍스트 상자에 내용을 음성으로 변환한다. 화면 구성▲ 텍스트 상자를 두개 배치를 시키고 버튼 1개를 그림처럼 배치합니다.그리고 텍스트 상자와 버튼 컴퍼넌트의 이름을 하나 하나 변경해 줍니다. 블록 설정하기▲ 버튼에서 "언제 실행~" 블록과 음성_변환에서 "호출 음성_변환..

앱인벤터 강좌 - 텍스트 음성으로 변환하기

프로그래밍/앱 인벤터(App Invertor) 아빠달 2016. 6. 26. 23:23

앱인벤터 강좌 - 텍스트 음성으로 변환하기 앱인벤터로 간단한 예제를 한번 만들어보겠습니다.텍스트 상자에 글씨를 입력하고 버튼을 누르면 텍스트 상자에 있는 문자를 음성으로 변화하여 읽어주는 앱을 만들어 보겠습니다. 앱인벤터 텍스트 음성으로 변환 실행 동영상 꼭 알아두기컴퍼넌트를 추가하는 방법과 이름을 변경하는 방법블록 사용하는 방법을 꼭 알아두시기 바랍니다. 어플리케이션 실행 조건1. 텍스트 상자에 문자를 입력한다.2. 버튼을 클릭하면 텍스트 상자에 있는 문자를 음성으로 변환시켜 준다. 화면 구성하기▲ 먼저 새로운 프로젝트를 생성해 줍니다.파일이름은 꼭 시작을 영문으로 시작해야합니다. ▲ 사용자 인터페이스에 있는 텍스트 상자와 버튼 상자를 클릭하여 위에 그림 처럼 배치를 시켜 줍니다. ▲ 컴포넌트에서 텍스..

앱인벤터 강좌 - AI 컴패니언 설정하기

프로그래밍/앱 인벤터(App Invertor) 아빠달 2016. 6. 16. 15:08

앱인벤터에서 앱을 제작하는 동안 실제 앱이 제대로 동작을 하는지 보려는 작업을 [라이브 테이트]라고 합니다. 연결을 클릭해 보면 라이브테스트 설정하는 방법은 AI companion, Emulator, USB 방법 3가지가 있습니다. ▲AI companion, Emulator, USB 각각의 연결 방법을 알아보도록 하겠습니다. ▲ AI컴패니언(AI companion) AI컴패니언(AI companion) 방법은 앱인벤터에서 권장하는 방법으로실시간으로 앱 동작을 확인 할 수 있는 방법입니다.전제 조건은 안드로이드 기기와 컴퓨터가같은 망으로 연결이 되어 있어야 한다는 것입니다. ▲ 에뮬레이터 이 방법은 안드로이드 기기가 없을 경우 사용하면 좋은 방법입니다. 단점은 속도가 많이 느립니다. ▲ USB와 스마트폰을..

앱인벤터 강좌 - 언어 설정 한국어로 선택하는 방법

프로그래밍/앱 인벤터(App Invertor) 아빠달 2016. 6. 14. 11:06

앱 인벤터에 한국어 버전이 있습니다. 기본은 영어로 되어 있는데요 영어가 편하신 분들은 영어로 작성하셔도 됩니다. 그래도 저는 영어보다는 한글을 좋아해서 한글 버전으로 작성을 합니다 ^^; 그럼 앱 인벤터 언어 설정을 변경해 보겠습니다. 언어 설정 변경은 아주 간단합니다. ▲ Create apps로 들어갑니다. ▲ English를 클릭합니다. 그러면 다른 나라의 언어들이 나오는데요 그 중에 한국어가 있다는 정말 자랑스럽습니다. ^^ 한국어를 선택해 주세요 ▲ 각 항목별로 클릭해 보면 사용자 인터페이스 부분도 한글로 변경이 되었고요 ▲ 코드 블록도 모두 한글로 변경이 되었습니다. 옛날 대학에서 프로그래밍 언어를 배울 때 왜 언어들은 모두 영어로 되어 있을까? 한글로 되어 있으면 얼마나 좋을까? 하고 생각을..

앱인벤터 강좌 02 - 첫 어플리케이션 만들기

프로그래밍/앱 인벤터(App Invertor) 아빠달 2015. 7. 22. 14:16

앱 인번터로 첫 애플리케이션을 만들어 보겠습니다. 스크래치 처럼 블럭을 이용하여 프로그래밍을 할 수 있는데요 첫 프로그램을 버튼을 클릭하면 " 안녕!!! 앱 인벤터!!" 라는 단어가 나오게 한번 만들어 보고 스마트폰에서 실행까지 해 보도록하겠습니다. 팔레트와 컴포넌트 속성 디자이너 및 블록 에디터를 설명을 먼저 알려드려야 겠지만 내가 작업하는게 먼지 만들어봐야 형태가 잡힌다고 생각되어서 우선 만들어 보고 프로그램을 만들어 보면서 그때 그때 설명을 하도록 하겠습니다. 첫 애플리케이션 만들기 " 안녕!!! 앱 인벤터 !!" 첫 애플리케이션 만들기에서는 버튼을 클릭하면 반응을 하는 앱을 만들어 보겠습니다. 버튼을 클릭하면 " 안녕!!! 앱 인벤터 " 입니다. ▣ [Start new project] 버튼을 클릭..

앱인벤터 강좌 01 시작하기

프로그래밍/앱 인벤터(App Invertor) 아빠달 2015. 7. 6. 13:16

앱 인벤터(App Invertor) 시작하기 - 내 손으로 어플을 만들어 보자! 스마트폰에 어플이 없으면 예전에 통화만 하던 2G, 3G 핸드폰이랑 별 차이가 없겠지요 플레이 스토어 등 여러 어플 스토어에 가면 정말 많은 어플리케이션들이 존제하고 있는데 정말 내가 쓰고 싶고 내가 원하는 기능이 있는 어플들이 얼마나 있을까요? 그래서 저는 직접 생활에 필요한 내 어플을 직접 만들어 보고 싶었습니다. 그래서 이곳 저곳 알아본 결과 Java도 배워야 하고 안드로이드도 배워야 하고~ 그러다가 앱 인벤터라는 것도 알게 되었습니다. 스크래치를 조금 하다 보니 앱 인벤터도 블록으로 프로그램을 만들어서 저한테는 정말 정감이 가는 것 같아서 시작을 했는데 역시 만만치 않네요 하나하나 배우면서 정리해서 올려 보도록 하겠습..

Copyright © 대디의 IT공방 All Rights Reserved
Designed by JB FACTORY

티스토리툴바