____  ___    _  _     _   _ _____     _______
 / ___|/ _ \  | || |   | | | |_ _\ \   / / ____|
| |  _| | | | | || |_  | |_| || | \ \ / /|  _|
| |_| | |_| | |__   _| |  _  || |  \ V / | |___
 \____|\___/     |_|   |_| |_|___|  \_/  |_____|

 --- A GOPHER-LIKE INTERFACE FOR HIVE BLOCKCHAIN ---

[1분 앱 개발] 1. 음성인식 앱

BY: @urobotics | CREATED: March 31, 2018, 2:25 p.m. | VOTES: 9 | PAYOUT: $0.70 | [ VOTE ]

1분 앱개발 시리즈를 계속 써보겠습니다.
앱인벤터를 사용해서 앱을 개발하는 건데요.
이것도 실제로 안드로이드 마켓에 팔 수 있어요.

앱 만들어서 부자된다고, 돈 다 달라고 하지 않으니
마음껏 부자가 되어주세요.
(OS개발책 저자, 카와이 히데미 님 표현을 빌리자면,
덕분에 부자가 되었으니 꼭 사례금을 받아주세요 하면서 주신다면
사양하지 않고 받도록 하겠습니다. ㅎㅎㅎ)

기본적인 것은 저번에 했지만,
간단하게 다시 짚고 넘어가겠습니다.

환경설정
1. 크롬 설치
www.google.com/chrome

  1. 크롬에서 앱인벤터 사이트를 방문함.
    거기서 개발가능.
    http://appinventor.mit.edu

앱 인벤터에 로그인 하려면,
3. 구글 이메일 필요.

이 3가지만 있으면
기본 환경셋팅이 끝납니다.

자 그러면,
크롬 설치 및 크롬을 활용해서 앱인벤터 사이트 방문
그리고 구글 이메일로 로그인 까지 끝났다고 가정하고.
(잘 안 되는 부분은 질문주세요.)
앱인벤터 사이트에서 시작해 봅시다.

  1. 앱 만들기 버튼을 클릭하세요.
    [IMAGE: https://gateway.ipfs.io/ipfs/QmSfTMg9UU6Vy4d7qThoy1WpqCSvx1Dg1weN2WfUR2gTHw]

  2. 한국어부터 바꿔주세요.
    [IMAGE: https://gateway.ipfs.io/ipfs/QmS1U4BEiq11Fy2zja6LED241CtcHR8hUu3F5hJy6ojLrM]

  3. 앱 시작하기 버튼 클릭.
    [IMAGE: https://gateway.ipfs.io/ipfs/QmaXxgwoiMUkfrx4j5exbU4xUcDQ7B9campoD5cnUqzrJB]

이렇게 되면
개발할 수 있는 기본화면으로 갑니다.
디자이너 화면인데요.
여기부터가 본편입니다.

왼쪽 화면, 팔레트에서,
1. 음성인식. 2. 레이블. 3. 버튼.
3가지를 선택해서 중앙에 빈 화면에 넣어줍니다.
[IMAGE: https://gateway.ipfs.io/ipfs/QmPEVt6M7tMYri3NQw6bnE59HG4ZZTu9GwmCTyHGMdnV2W]

팔레트 내부의 위치
미디어> 음성인식
사용자 인터페이스> 레이블, 버튼

이제 블록화면으로 바꿔주기 위해서
블록을 클릭합니다.
[IMAGE: https://gateway.ipfs.io/ipfs/QmPzcTrrgAUhRMZZfyNhZ351GXMjYYodtxdvUEzakrdBYM]

블록화면이 되었네요. 이걸로 끝까지 갑니다.
왼쪽화면에서 버튼. 에 마우스를 올립니다.
[IMAGE: https://gateway.ipfs.io/ipfs/QmQY2XwBZqnJgPW7VoapUQj6j5AkuMPFBiErowbbNMXH3j]
그러면 이런 화면이 나와요.

이런 식으로
버튼, 레이블, 음성인식 에서
필요한 것들을 끌고 나옵니다.
[IMAGE: https://gateway.ipfs.io/ipfs/QmZCZtCVdR9XM1VpKXyu3DN1y4FWxxgt13Wera8injPRsL]

그리고 순서대로 맞춰주면
조립완성입니다.
[IMAGE: https://gateway.ipfs.io/ipfs/QmbLMg1QiL3PZqx45GjEsRUxvnRQdvbZTw2FHWqN4bM4iM]

버튼을 클릭하면 => 음성인식에서 텍스트를 가져오고,
음성인식에서 텍스트를 가져온 다음 => 레이블의 결과 값으로, 음성인식의 결과 값을 넣어줍니다.
결국엔 레이블에 결과 값이 나오는 거죠.

빌드를 클릭해서, 앱(apk 내 컴퓨터에 저장) 클릭.
[IMAGE: https://gateway.ipfs.io/ipfs/QmUJDC6QHFJdmwdd93bpkj1KyjVKDLiJwoW7hTmSppdXaz]

시간이 걸리는데 기다리면 됩니다.
[IMAGE: https://gateway.ipfs.io/ipfs/QmQSEnmmwpmnLMo4Z9t4PUq373B7YdrihBGgoMm18MgUaB]

apk는 다운로드 폴더에 저장됩니다.
[IMAGE: https://gateway.ipfs.io/ipfs/QmWXZMvX3Etz1TpCjmko5imVsxEk7favhcD1jTjDara2no]

apk파일을
PC에서 -> 폰으로 옮겨서
설치를 하면 됩니다.

저는 그냥 PC에서 이메일로 보내고,
폰에서 그 이메일 접속해서 다운 받아요.
(취향따라 여러가지 방법이 있어요.)

폰에서 실행을 해보면,
[IMAGE: https://gateway.ipfs.io/ipfs/QmYzgQjsegvsEE6ZkucmV6Df9utVHDSZY6tGRXQtcu7XQN]
[IMAGE: https://gateway.ipfs.io/ipfs/QmbVZ8R33KGmTqFv96R6p4zVFwDrBzv7ELoTZYkAUrEK3z]
[IMAGE: https://gateway.ipfs.io/ipfs/QmV8qNiw1go64Y9zMA71kN2m5T2ci7eAvx58g6sf9bfpzx]
이렇게 됩니다.

잘 나오죠?
한 번 만들어보세요.

감사합니다.

TAGS: [ #kr ] [ #jjangjjangman ] [ #busy ] [ #app ] [ #maker ]

Replies

@knowkorea | March 31, 2018, 2:56 p.m. | Votes: 0 | [ VOTE ]

좋습니다! 이런글

@urobotics | March 31, 2018, 3:11 p.m. | Votes: 0 | [ VOTE ]

knowkorea 고맙습니다. 짧아보이지만 개 노가다의 완성. ㅋㅋㅋ. 보람 있네요.

@reo01 | March 31, 2018, 4:49 p.m. | Votes: 0 | [ VOTE ]

꼭 필요하다싶은 앱이있을 때는 반드시 코딩 배워야겠다고 다짐했는데 이런 게 있었네요. 나중에 한 번 들러볼 게요.

@urobotics | April 1, 2018, 12:33 p.m. | Votes: 0 | [ VOTE ]

reo01 예. 진짜 쉽고 재밌게 만들 수 있어요. 이게 좀 쉬운 툴이긴한데 원리는 비슷해요. 익숙해지면 안 스로도 만들기 쉬워집니다.

@ravenkim | April 1, 2018, 1:42 p.m. | Votes: 0 | [ VOTE ]

요즘 코딩이 대세인 듯 해요. 알고리즘에 대한 평소생각하는 습관이 교육적으로 필요하다는 걸 느끼고 갑니다. 좋은 정보 감사합니다.^^

@urobotics | April 1, 2018, 1:52 p.m. | Votes: 0 | [ VOTE ]

코딩 재밌어요. 솔직히 정부에서 시켜서 애들이 하는 거긴 하지만, 그래도 의미있는 좋은 변화라고 생각합니다. 감사합니다.

@virus707 | April 2, 2018, 8:45 a.m. | Votes: 0 | [ VOTE ]

새로운 한주 화이팅!!!
가즈아!

@urobotics | April 2, 2018, 10:55 a.m. | Votes: 0 | [ VOTE ]

virus707 예. 새로운 한주. 가즈아 ㅎㅎㅎ

@steamsteem | April 3, 2018, 5:05 a.m. | Votes: 1 | [ VOTE ]

크롬에서 안드로이드 앱개발..
좋은 정보..

@urobotics | April 3, 2018, 5:13 a.m. | Votes: 1 | [ VOTE ]

욥. steamsteem 감사합니다. ^^ ㅎㅎㅎ.

[ BACK TO TRENDING ] [ BACK TO MENU ]
CMD>