앱인벤터로 10분만에 스마트폰 앱 만들기 - 06

앱인벤터를 하면 코딩이 재미있어집니다.

앱인벤터를 하면 코딩이 즐거워집니다.

앱인벤터를 하면 코딩을 하고싶어집니다.

내가 만든 앱을 내 스마트폰에 설치하고 사용할 수 있습니다.

#블록코딩

내가 만든 결과물을 스마트폰에서 직접 확인할 수 있으니 이보다 더 좋은 코딩 프로그램은 없습니다.

#스크래치#엔트리

#앱인벤터#스마트폰#코딩을#앱만들기#코딩교육#최적화된프로그램

이번 시간 목표 : 음성으로 글을 입력해주는 재미있고 신기한 앱(2/2)을 완성해 보겠습니다.

지난 시간에는 앱 화면에 필요한 구성요소를 배치하고 속성을 설정을 완료하였습니다. 오늘은 블록코딩으로 앱을 완성하고, 스마트폰에 앱을 설치하고 사용해 보겠습니다.


지난 시간에 앱 디자인을 위한 컴포넌트 배치와 속성 설정이 완료되었습니다. 블록 코딩을 위해 오른쪽 상단 [블록]을 클릭합니다.



버튼을 누르면 음성인식 기능이 동작하도록 설정해 보겠습니다. 블록 창에서 [버튼1]을 클릭 후 [언제 버튼1.클릭했을때 실행] 블록을 뷰어 창으로 드래그&드롭합니다.



[음성인식1]을 클릭 후 [호출 음성인식1.텍스트 가져오기] 블록을 뷰어 창 '언제 버튼1. 클릭했을때 실행' 블록 안으로 드래그&드롭합니다.



인식된 음성을 스마트폰 화면 텍스트 상자에 표시하는 블록을 구성해 보겠습니다. [음성인식1]을 클릭 후 [언제 음성인식1.텍스트가져온후에 실행] 블록을 뷰어 창 빈 공간으로 드래그&드롭합니다.



[텍스트박스1]을 클릭 후 [지정하기 텍스트박스1.텍스트 값] 블 록을 뷰어 창 '언제 음성인식1.텍스트가져온후에 실행' 블록 안으로 드래그&드롭합니다.



뷰어 창 '언제 음성인식1.텍스트가져온후에 실행' 블록안 [결과]에 마우스 커서를 가져갑니다. 팝업 창의 [가져오기 결과] 블록을 '지정하기 텍스트박 스1.텍스트 값' 블록 오른쪽에 연결합니다.



컴포넌트의 블록 구성이 완료 되었습니다. [빌드]를 클릭 후 [Android App (.apk)]를 클릭합니다. 아이폰 사용자는 [연결]을 클릭 후 [AI 컴패니언]을 이용해 테스트합니다.



앱 빌드가 진행됩니다. 앱 빌드는 환경에 따라 30초~5분 정도 소요됩니다. QR 코드가 나오면 스마트폰에서 작업을 진행합니다.



이제 스마트폰에서 코딩한 앱을 다운로드 받아 설치해 보겠습니다. 스마트폰에서 [MIT AI2 Companion] 또는 [App Inventor]를 터치해 실행합니다. 앱이 실행되면 [scan QR code]를 터치합니다.



카메라가 실행되면 PC의 QR 코드를 비춰 인식합니다. 연결 프로그램 선택 창이 나오면 [Chrome]을 두 번 터치합니다. 스마트폰에 따라 연결 프로그램 선택 창은 나오지 않을 수 있습니다.




파일 다운로드 창이 나오면 [확인]을 터치합니다. 파일 다운로드 완료 메시지가 나오면 [열기]를 터치합니다.




앱 설치 메시지가 나오면 [설치] 를 터치합니다. 설치가 완료되면 [완료]를 터치 후 [홈] 버튼을 터치해 홈 화면으로 이동합니다.



홈 화면 하단에서 상단으로 드래그&드롭합니다. 앱 중 [음성을 텍스트로]를 터치합니다.



앱이 실행되면 [음성을 받아적기]를 터치합니다. 오디오 녹음 허용 메시지가 나오면 [허용]을 터치합니다.



마이크 모양이 나오면 텍스트로 나타낼 내용을 말합니다. 말한 내용이 텍스트 박스에 텍스트로 인식된 것을 확인할 수 있습니다.



아주 간단하게 음성을 인식해 글로 변환해주는 앱을 만들어보았습니다.

이번 시간은 여기까지입니다.

앞으로 좀 더 멋지고 다양한 앱들도 만들어 보겠습니다. 기대해주시고 관심 부탁드려요~~^^




[▶ 이 책의 대상 독자]

- 코딩을 배우고 싶은 Software 비전공 입문 독자

- 소프트웨어 교육 의무화로 소프트웨어 코딩을 배우고 싶은 학생

- 스마트폰 앱을 직접 만들어 사용하고 싶은 독자

- 사물인터넷과 스마트 센서를 활용한 앱을 만들고 싶은 독자

- 인공지능을 이해하고 관련 앱을 만들어보고 싶은 독자


[▶이 책에서 다루는 내용]

- 블럭코딩을 이용해 스마트폰에서 사용 가능한 앱 만들기

- 음성인식 기능을 활용한 음성을 텍스트로 받아적기

- 가족/지인 전화걸기 앱 만들기

- 언어 번역 앱 만들기

- 녹음기 앱 만들기

- 두더지 잡기 게임 만들기

- 나만의 인터넷 웹브라우저 만들기

- 여러 사이트 검색을 한방에 검색왕 앱 만들기

- 만보기 센서를 이용한 만보기 앱 만들기

- 방위 센서를 활용한 나침반 앱 만들기

- 가속도 센서를 이용한 응급상황 알리미 앱 만들기

- 근접 센서를 이용한 운동 앱 만들기

- 위치 센서를 이용한 내 위치찾기 앱 만들기

- 앱인벤터 확장기능으로 플래시 SOS 앱 만들기

- 인공지능을 이해할 수 있는 챗봇 앱 만들기

- 인공지능 이미지 분석 앱 만들기

- 인공지능 안면인식 앱 만들기

- Facemesh를 이용한 사진 꾸미기 앱 만들기


[▶도서 구매 링크]

─────────────────────────────────────────────

교보문고 : http://www.kyobobook.co.kr/product/detailViewKor.laf?barcode=9791196027223

영풍문고 : https://www.ypbooks.co.kr/book.yp?bookcd=101159743

Yes24 : http://www.yes24.com/Product/Goods/108250143

알라딘 : https://www.aladin.co.kr/shop/wproduct.aspx?ItemId=290859612

인터파크 : https://book.interpark.com/product/BookDisplay.do?_method=detail&sc.prdNo=354596048

─────────────────────────────────────────────


코딩 초보자분들이 재미있고 쉽게 배울수 있는 책입니다. 추천합니다^^!!

끝까지 읽어주셔서 고맙습니다^^


#코딩

#블록코딩

#앱인벤터

#스크래치

#엔트리

#엠블록

#코딩추천책

#코딩책추천

#앱인벤터책

#앱인벤터강좌

#블록코딩책추천

#앱인벤터추천도서

#코딩책

#사물인터넷

#사물인터넷책추천

#인공지능

#인공지능앱

#인공지능앱만들기

#인공지능책추천

#쉬운코딩

#쉽게앱만들기

#처음코딩

#코딩강좌

IT 교육전문가 코딩, 소프트웨어, 사물인터넷 정보보안, 스마트폰 영상편집 등의 강의 및 출판을 전문으로하는 1인기업입니다.
Follow
4.7 Star App Store Review!
Cpl.dev***uke
The Communities are great you rarely see anyone get in to an argument :)
king***ing
Love Love LOVE
Download

Select Collections