반응형

앱인벤터2 강좌 12

앱인벤터2 인공지능 앱 만들기 3(음성 인식 번역 앱)

이번 시간에는 사람의 음성을 인식해서 모르는 영어 단어를 쉽게 찾아주는 앱을 만들어 보자. 또 얀덱스 번역 컴포넌트를 이용해 검색된 결과를 한글로 표시하고 말로 들려주는 것 까지 만들어 볼 것이다. 먼저 다음과 같은 디자이너 에디터를 구성한다. '음성 인식'과 '다시 듣기' 두개의 버튼을 준비하고 나머지는 전부 레이블을 이용해 디자이너 화면을 구성한다. 또한 보이지 않는 컴포넌트로 '음성인식', '음성변환', '얀덱스 번역'등 3개의 컴포넌트도 필요하다. 음성 인식 버튼을 클릭하면 음성 인식 컴포넌트에서 음성을 인식하고 그에 해당하는 텍스트를 가져온다. 그러면 가져온 텍스트를 '영어 단어 레이블'에 표시하고 음성변환 컴포넌트는 소리를 들려준다. '호출 얀덱스 번역1. 번역요청하기' 세부블록을 보면 'en..

앱인벤터2 왕초보 강좌 20 : 녹음기(Recorder)로 소리 녹음하기

앱인벤터2에는 다양한 미디어 컴포넌트가 준비되어 있어 여러가지 미디어를 다룰 수 있도록 하고 있다. 이번시간에는 녹음기로 소리를 저장하고 재생하는 방법에 대해서 알아보겠다. 먼저 다음과 같이 디자이너 에디터를 구성하자. 좌측 미디어 팔레트에 들어가서 녹음기와 소리 컴포넌트를 화면에 끌어다 두자. 이 두 컴포넌트는 보이지 않는 컴포넌트이기 때문에 화면 하단에 나타난다. 그리고 버튼 3개를 화면에 배치해서 소리를 녹음, 중지, 재생할 수 있도록 한다. 블록 에디터에 들어가서 녹음 버튼과 중지 버튼의 이벤트 블록을 채워주자. 녹음 버튼과 중지 버튼은 '녹음기'에서 소리 녹음을 시작하고 중지 하는 블록을 필요로 하기 때문에 '녹음기' 컴포넌트의 세부블록에서 '녹음기 시작하기'와 '정지' 블록을 끌어와 각각 끼워..

앱인벤터2 왕초보 강좌 19 : 플레이어(Player)와 소리(Sound) 컴포넌트의 차이

이번 시간에는 앱인벤터2 왕초보 강좌 19번째 시간으로 플레이어와 소리 컴포넌트의 차이에 대해서 알아보겠다. 먼저 다음과 같은 디자이너 화면을 구성한다. 플레이어와 소리 컴포넌트의 차이점을 알아보기 위해 각 컴포넌트의 재생과 중지 두개씩의 버튼을 준비한다. 수평배치 레이아웃을 두개 배치하고 그 안에 재생, 중지 두개씩의 버튼을 가져다 둔다. 속성은 알아보기 편한대로 적당히 수정한다. 먼저 플레이어 컴포넌트의 사용법에 대해서 알아보자. 플레이어 컴포넌트의 도움말을 보면 '오디오를 재생하고 전화 진동을 제어하는 멀티미디어 구성 요소. 멀티미디어 필드의 이름은 디자이너 또는 블록 편집기에서 설정할 수있는 소스 속성에 지정됩니다. 진동의 시간 길이는 밀리 초 (천분의 1 초) 단위로 블록 편집기에 지정됩니다. ..

앱인벤터2 인공지능 앱 만들기 1(사물 인식 인공지능 앱)

앱인벤터2에는 인공지능을 이용할 수 있는 확장 기능이 있어 여러가지 인공지능 앱을 만들어 볼 수 있다. 이번 시간에는 앱인벤터2 인공지능 만들기 1 시간으로 여러 확장기능중 사물 인식 기능이 있는 LookExtension을 import해 보고 앱인벤터2에 적용하는 방법을 알아보자. 앱인벤터2에서 새로운 프로젝트를 하나 시작한다. '도움말'에 들어가서 '확장기능'을 선택한다. 그러면 'MIT App Inventor Extensions'페이지로 들어간다. 여기에는 앱인벤터에서 제공하는 여러가지 '확장기능'이 있다. 이 중에서 'LookExtension.aix' 파일을 클릭해 보자. 그러면 'LookExtension.aix' 파일이 사용자의 컴퓨터 다운로드 디렉토리에 다운이 될 것이다. 팔레트에서 '확장기능'..

앱인벤터2 강좌 37 : 숫자 정렬(sorting)을 배워보자.

앱인벤터로 앱을 .여러개 만들다 보면 어느 순간 숫자 정렬에 관한 문제에 마주치게 된다. 점수를 계산한다든지, 돈을 누가 많이 내야 하는지 등등 여러가지 상황에서 숫자를 정렬해야 하는 문제에 마주치게 되는 것이다. 오름차순으로 정렬하건, 내림차순으로 정렬하건 상관없이 숫자를 정렬해야 하는 문제에 마주치게 되면 골머리를 썩히게 된다. 숫자정렬(sorting)에 관한 문제는 앱인벤터 뿐만 아니라 다른 랭귀지에서도 중요한 문제로 부각되는데 이는 정렬 알고리즘이라는 한 부분의 챕터가 마련되어 있을 정도로 중요한 파트이기 때문이다. 주요 정렬 방법론으로는 비교정렬, 제자리 정렬, 온라인 정렬등 3가지 방법론이 존재하는데 각 방법론 마다 따로 저명한 정렬 알고리즘이 존재한다. 일반 스크립트 코딩에서는 반복문이나 루..

인벤터2 왕초보 강좌 11 : 슬라이더(Slider)로 남은 시간을 표시하자.

이번 시간에는 슬라이더란 것이 무엇인지, 어디에 사용되는지, 어떻게 사용하는지에 대해 알아보겠다. 슬라이더는 게임창의 상단에서 시간이 줄어드는 것을 보여주든지, 또는 에너지가 얼마나 남아있는지 등의 시각적인 용도로 사용하는 컴포넌트이다. 이번 시간에는 버튼을 클릭하면 상단에 배치한 슬라이더가 슬라이딩 하는 상황을 연출해 보겠다. 화면 상단에 슬라이더를 배치하고 그 아래 버튼을 두어서 버튼을 클릭하면 슬라이더가 움직이는 앱을 만들 것이다. 슬라이더의 속성창에 너비, 최대값, 최소값등을 입력하자. 섬네일 위치란 처음 슬라이더가 화면에 나타날때 슬라이더의 중간 막대기가 어디에 위치하는가를 말한다. 시계를 하나 배치한다. 시계는 보이지 않는 컴포넌트이기 때문에 스마트폰 화면 아래에 나타날 것이다. 시계의 속성창..

인벤터2 왕초보 강좌 10 : 암호 텍스트 박스와 텍스트 박스 비교

이번 시간에는 암호 텍스트 박스에 대해서 알아보는 시간이다. 그러나 '암호 텍스트 박스'와 '텍스트 박스'가 상당부분 비슷하기 때문에 두개를 동시에 공부해 보는 시간을 가지겠다. 암호 텍스트 박스가 가장 많이 쓰이는 곳이 바로 로그인 화면인데 로그인 화면을 구성해 보고 간단한 실행 상황을 알아보도록 하자. 암호 텍스트 박스 안에는 글자가 ******* 처럼 암호화 되서 표시 되기 때문에 암호가 유출 될 위험성이 낮아진다. 스마트폰 화면에수평배치 레이아웃과 수직배치 레이아웃 그리고 버튼을 하나 적절히 배치해서 위의 그림과 같은 레이아웃을 만든다. 그리고 텍스트 박스와 암호 텍스트 박스를 위 아래에 나란히 배치해서 로그인 화면을 만든다. 알림 컴포넌트도 하나 배치해서 로그인이 실패했을 때 알림창을 띄우도록 ..

카테고리 없음 2021.09.22

앱인벤터2 왕초보 강좌 5 : 이미지 전환 배우기

이번 시간에는 이미지블록을 공부해 보는 시간으로 이미지를 전환하는 방법을 배우면서 이미지 블록의 모든 것을 공부해 보자. 이미지 전환 동영상 이해를 돕기 위해서 오늘 설명하는 내용의 결과 동영상을 미리 보여 주겠다. 동영상 처럼 앱을 켜면 이미지가 왼쪽에서 오른쪽으로 15도 각도로 회전한 상태에서 이동한다. 그리고 화면 중앙의 15도 각도로 회전한 이미지를 클릭하면 이미지가 똑바로 서고 그 다음부터 이미지를 한번씩 클릭 할 때마다 이미지가 바뀐다. 5개의 이미지만 준비되어 있지만 얼마든지 더 많은 수의 이미지를 바꿔가면서 앱을 구성할 수 있다. 팔레트 창에서 이미지 항목을 화면 중앙에 배치한다. 속성창을 보면 Clickable이 있는데 이걸 체크해 줘야 이미지를 클릭하는 것이 먹힌다. 사진 항목의 빈 박..

앱인벤터2 왕초보 강좌 4 : 레이아웃의 세부 사용법

이번 시간에는 레이아웃의 세부 활용에 대해 알아보겠다. 순서상 레이아웃을 다룰 시간은 아니지만 레이아웃을 알아야 화면 구성을 마음대로 할 수 있기 때문에 레이아웃을 먼저 하고 다음 시간 부터 순서대로 진행하도록 하겠다. 앱인벤터에서는 기본적으로 컴포넌트들을 배치하면 수직으로 죽 나열이 된다. 즉 수평으로 컴포넌트들을 배치하는 것은 되지 않는다. 그래서 컴포넌트들을 여러 방향으로 배치하기 쉽게 하기 위해서 사용하는 것이 레이아웃이다. 팔레트 창에서 레이아웃 메뉴에 들어가면 5가지의 항목들이 준비되어 있다. 수평배치 컴포넌트를 뷰어창에 끌어다 놓아 보자. 처음 수평배치 레이아웃만 배치시키면 상당히 큰 사각형이 나타난다. 이 사각형 안에 버튼이나 레이블등등 을 배치하면 수평으로 컴포넌트들이 배치가 되는 것이다..

앱인벤터2 왕초보 강좌 3 : 날짜 선택 버튼의 사용법

이번 시간은 앱인벤터2 왕초보 강좌 세번째 시간으로 날짜 선택버튼의 사용법에 대해서 알아보겠다. 사용자 인터페이스 세번째 항목인 '날짜 선택 버튼'을 끌어다 뷰어 창의 핸드폰 화면 중앙에 놓는다. 그리고 '날짜 선택 버튼' 아래에다 레이아웃 항목안에 있는 수평배치 블록을 네개 끌어다 놓는다. 그리고 수평배치 블록 안에 레이블을 끼워 넣어서 위와 같은 배치를 만든다. 레이아웃은 가장 많이 쓰는 블록들 중 하나이기 때문에 순서가 되지 않았지만 앱인벤터2 왕초보 강좌 네번째 시간에 설명하도록 하겠다. 수평 배치 블록 안에 레이블을 2개씩, 그리고 네번째 수평배치 블록 안에는 6개의 레이블을 배치 해 두었으므로 일단 위의 그림을 보고 따라해 보기 바란다. 이제 블록 에디터로 가서 좌측 블록창 중단에 있는 '날짜..

앱인벤터2 왕초보도 후다닥 앱 만들기 3

이번 시간에는 앱인벤터2의 build 방법과 apk 파일을 스마트폰에 설치하는 법을 알아보겠다. 이해하기 쉽도록 가장 핵심적인 그림과 방법만 설명하겠다. 1)상단 메뉴바의 Build 버튼을 클릭한다. 위의 Android App(.apk) 를 선택한다. 밑의 aab 파일은 구글 플레이 스토어 출시할때 필요한 파일이다. 2)build 진행 과정이 프로그레스바의 형태로 나타난다. 3)build 과정이 끝나면 Download.apk 버튼과 바코드가 나타난다. Download.apk 버튼을 클릭하면 프로젝트의 apk파일 추출해서 컴퓨터에 저장한다. 이 파일을 스마트폰에서 직접 설치 할 수도 있고 구글 플레이 스토어에 설치 할 수도 있었다. 그러나 2021년 부터는 더이상 apk 파일을 플레이 스토어에 올릴 수 없..

앱인벤터2 왕초보도 후다닥 앱 만들기 1

앱인벤터2로 후다닥 앱만드는 방법을 설명하고 가장 간단한 앱을 하나 만들어 보겠다. 아래 방식을 따라 하기만 하면 오늘 처음 앱인벤터2를 접하는 사람도 금방 앱 하나를 후다닥 만들 수 있다. 3~4 번의 시리즈로 글을 올릴 생각이다. 1. 새 프로젝트 열기 처음 앱인벤터2를 시작하는 분이라면 먼저 구글에 계정을 하나 만들고 https://appinventor.mit.edu/ 사이트로 들어간다. 앱인벤터2 홈페이지가 열리면 좌상단 주황색 버튼 'Create Apps!'를 클릭한다. 그러면 본인의 앱인벤터2 페이지가 열린다. 상단 메뉴바에서 'Projects -> Start new Project' 항목을 클릭해 프로젝터를 하나 생성한다. 앱 이름을 영어로 작성하고 OK 버튼을 클릭한다. 2. 각 컴포넌트 배..

반응형