bakkas
1,000+ Views

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

앱인벤터를 하면 코딩이 재미있어집니다.
앱인벤터를 하면 코딩이 즐거워집니다.
앱인벤터를 하면 코딩을 하고싶어집니다.
내가 만든 앱을 내 스마트폰에 설치하고 사용할 수 있습니다.
#블록코딩 방식으로 누구나 쉽게 앱을 만들 수 있습니다.
내가 만든 결과물을 스마트폰에서 직접 확인할 수 있으니 이보다 더 좋은 코딩 프로그램은 없습니다.
#스크래치#엔트리 는 PC의 해당 프로그램 내에서만 실행을 해볼 수 있습니다.
#앱인벤터 는 코딩한 결과를 #스마트폰 에 앱으로 설치해 직접 사용해 볼 수 있기에 #코딩을 통한 #앱만들기#코딩교육 에 가장 #최적화된프로그램 입니다.
이번 시간 목표 : 음성으로 글을 입력해주는 재미있고 신기한 앱(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를 이용한 사진 꾸미기 앱 만들기

[▶도서 구매 링크]
─────────────────────────────────────────────
─────────────────────────────────────────────

코딩 초보자분들이 재미있고 쉽게 배울수 있는 책입니다. 추천합니다^^!!
끝까지 읽어주셔서 고맙습니다^^

Comment
Suggested
Recent
Cards you may also be interested in
[슬기로운 코딩생활] 앱인벤터로 10분만에 스마트폰 앱 만들기 - 15
#슬기로운 코딩생활 #앱인벤터 를 하면 #코딩 이 재미있어집니다. #앱인벤터 를 하면 #코딩 이 즐거워집니다. #앱인벤터 를 하면 #코딩 을 하고싶어집니다. 내가 만든 앱을 내 스마트폰에 설치하고 사용할 수 있습니다. #블록코딩 방식으로 누구나 쉽게 앱을 만들 수 있습니다. 내가 만든 결과물을 스마트폰에서 직접 확인할 수 있으니 이보다 더 좋은 코딩 프로그램은 없습니다. #스크래치 나 #엔트리 는 PC의 해당 프로그램 내에서만 실행을 해볼 수 있습니다. #앱인벤터 는 코딩한 결과를 #스마트폰 에 앱으로 설치해 직접 사용해 볼 수 있기에 #코딩을 통한 #앱만들기 나 #코딩교육 에 가장 #최적화된프로그램 입니다. 이번 시간 목표 : 회의나 대화를 녹음해야할 때 사용할 수 있는 녹음앱 만들기!! (2/3) 지난시간에 녹음기 앱의 디자인을 완성했습니다. 이번 시간에는 지난 시간에 이어 블록코딩을 해보겠습니다. 화면 디자인을 위한 컴포넌트 등록 및 속성 설정이 완료되었습니다. 블록 창으로 이동을 위해 [블록]을 클릭합니다. 녹음 버튼 동작 구성을 해보겠습니다. 블록 창에서 [녹음시작] 을 클릭 후 [언제 녹음시작.클릭 했을때 실행] 블록을 뷰어 창으로 드래그&드롭합니다. 블록 창에서 [녹음기1]을 클릭 후 [호출 녹음기1.시작하기] 블록을 뷰어 창 '언제 녹음시작.클릭했을때 실행' 블록 안으로 드래그&드롭합니다. 블록 창에서 [녹음시작]을 클릭 후 [지정하기 녹음시작.이미지 값] 블록을 뷰어 창 '언제 녹음 시작.클릭했을때 실행' 블록 안으로 드래그&드롭합니다. 블록 창에서 [녹음시작]을 클릭 후 [지정하기 녹음시작.활성화 값] 블록을 뷰어 창 '언제 녹음시작.클릭했을때 실행' 블록 안으로 드래그&드롭합니다. 블록 창에서 [텍스트]를 클릭 후 [' '] 블록을 뷰어 창 '지정하기 녹음시작.이미지 값' 블록에 연결합니다. 드래그&드롭한 [' '] 블록을 클릭해 [rec_ing.png]로 입력합니다 블록 창에서 [논리]를 클릭 후 [거짓] 블록을 뷰어 창 '지정하기 녹음시작.활성화 값' 블록에 연결합니다. 이어서 녹음을 중지할 때 필요한 블록을 구성해 보겠습니다. 블록 창에서 [녹음중지]를 클릭 후 [언제 녹음중지.클릭했을때 실행] 블록을 뷰어 창으로 드래그&드롭합니다. 블록 창에서 [녹음기1]을 클릭 후 [호출 녹음기1.정지] 블록을 뷰어 창 '언제 녹음중지.클릭했 을때 실행' 블록 안으로 드래그&드롭합니다. 블록을 복제해 사용하겠습니다. [지정하기 녹음시작.이미지 값] 블록에서 마우스 오른쪽 버튼을 누른 후 [복제하기]를 클릭합니다. [지정하기 녹음시작.활성화 값] 블록에서 마우스 오른쪽 버튼을 누른 후 [복제하기]를 클릭합니다. 복제된 블록들을 [언제 녹음중지.클릭했을때 실행] 블록 안으로 드래그&드롭합니다. '지정하기 녹음시작.이미지 값' 블 록에 연결된 블록의 값을 [rec. png]로 설정합니다. '지정하기 녹음시작.활성화 값' 블록에 연 결된 블록의 값을 [참]으로 설정합니다. 블록 창에서 [녹음기1]을 클릭 후 [언제 녹음기1.녹음후에 실행] 블록을 뷰어 창으로 드래 그&드롭합니다. 블록 창에서 [플레이어1]을 클릭 후 [지정하기 플레이어1.소스 값] 블록을 뷰어 창 '언제 녹음기1.녹음후에 실행' 블록 안으로 드래그&드롭합니다. 뷰어 창 '언제 녹음기1.녹음후에 실행' 블록에서 [소리]를 클릭 후 [가져오기 소리] 블록을 ' 지정하기 플레이어1.소스 값' 블록에 연결합니다. 이번에는 녹음한 소리를 재생하는 블록을 구성해 보겠습니다. 블록 창에서 [재생시작]을 클릭 후 [언제 재생시작.클릭했을때 실행] 블록을 뷰어 창으로 드래그&드롭합니다. 블록 창에서 [플레이어1]을 클릭 후 [호출 플레이어1.시작하기] 블록을 뷰어 창 '언제 재생시작.클릭했을때 실행' 블록 안으로 드래그&드롭합니다. 블록 창에서 [일시정지]를 클릭 후 [언제 일시정지.클릭했을때 실행] 블록을 뷰어 창으로 드래그&드롭합니다. 블록 창에서 [플레이어1]을 클릭 후 [호출 플레이어1.일시정지하기] 블록을 뷰어 창 '언제 일시정지.클릭했을때 실행' 블록 안으로 드래그&드롭합니다. 블록 창에서 [재생정지]를 클릭 후 [언제 재생정지.클릭했을때 실 행] 블록을 뷰어 창으로 드래 그&드롭합니다. 블록 창에서 [플레이어1]을 클 릭 후 [호출 플레이어1.정지] 블록을 뷰어 창 '언제 재생정 지.클릭했을때 실행' 블록 안으 로 드래그&드롭합니다. 블록 구성이 완료되었습니다. 앱 테스트를 위해 [빌드]- [Android App (.apk)]를 클릭합니다. 아이폰 사용자는 [연결]- [AI 컴패니언]을 이용합니다. 앱 빌드 작업이 진행됩니다. 앱 빌드가 완료되면 QR코드가 표시됩니다. PC 작업이 완료되었습니다. 이번 시간에는 블록코딩으로 앱 기능을 구현해보았습니다. 다음 시간에는 앱을 스마트폰에 설치하고 테스트하는 과정과 녹음된 파일을 확인하는 방법에 대해 알아보겠습니다. 다음 시간에 또 봐요~^^* 앱인벤터에 관심이 생겼거나 더 많은 앱을 만들어보고 싶다면 아래 책을 추천해드립니다. [▶ 이 책의 대상 독자] - 코딩을 배우고 싶은 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 ───────────────────────────────────────────── 코딩 초보자분들이 재미있고 쉽게 배울수 있는 책입니다. 추천합니다^^!! 끝까지 읽어주셔서 고맙습니다^^ #코딩 #블록코딩 #앱인벤터 #AppInventor #스크래치 #Scratch #엔트리 #Entry #엠블록 #코딩추천책 #코딩책추천 #앱인벤터책 #앱인벤터강좌 #블록코딩책추천 #앱인벤터추천도서 #코딩책 #사물인터넷 #사물인터넷책추천 #인공지능 #인공지능앱 #인공지능앱만들기 #인공지능책추천 #쉬운코딩 #쉽게앱만들기 #처음코딩 #코딩강좌 #코딩입문
[슬기로운 코딩생활] 앱인벤터로 10분만에 스마트폰 앱 만들기 - 18
#슬기로운 코딩생활 #앱인벤터 를 하면 #코딩 이 재미있어집니다. #앱인벤터 를 하면 #코딩 이 즐거워집니다. #앱인벤터 를 하면 #코딩 을 하고싶어집니다. 내가 만든 앱을 내 스마트폰에 설치하고 사용할 수 있습니다. #블록코딩 방식으로 누구나 쉽게 앱을 만들 수 있습니다. 내가 만든 결과물을 스마트폰에서 직접 확인할 수 있으니 이보다 더 좋은 코딩 프로그램은 없습니다. #스크래치 나 #엔트리 는 PC의 해당 프로그램 내에서만 실행을 해볼 수 있습니다. #앱인벤터 는 코딩한 결과를 #스마트폰 에 앱으로 설치해 직접 사용해 볼 수 있기에 #코딩을 통한 #앱만들기 나 #코딩교육 에 가장 #최적화된프로그램 입니다. 이번 시간 목표 : 자주 이용하는 사이트를 쉽게 접속할 수 있는 나만의 웹브라우저 만들기 (2/3) 지난시간에 웹브라우저 디자인과 속성 설정이 완료되었습니다. 이번 시간에는 웹 브라우저 코딩으로 자주 이용하는 사이트에 접속하는 방법을 알아보겠습니다. 화면 디자인이 완료되었습니다. 기능 구현을 위해 [블록]을 클릭합니다. 먼저 주소를 입력해 원하는 사이트에 접속할 수 있도록 해보겠습니다. 블록 창 [접속]을 클릭 후 [언제 접속.클릭했을때 실 행] 블록을 뷰어 창으로 드래그&드롭합니다. 블록 창에서 [웹뷰어1]을 클릭 후 [호출 웹뷰어1.URL로이동하기] 블록을 뷰어 창 '언제 접속.클릭했을때 실행' 블록안으로 드래그&드롭합니다. 블록 창에서 [텍스트]를 클릭 후 [합치기] 블록을 뷰어 창 '호출 웹뷰어1.URL로이동하기' 블록에 연결합니다. 블록 창에서 [텍스트]를 클릭 후 [' '] 블록을 뷰어 창 [합치기] 블록 첫 번째 커넥터에 연결합니다. 드래그한 블록을 클릭해 [http://]를 입력합니다. 블록 창에서 [주소]를 클릭 후 [주소.텍스트] 블록을 뷰어 창 [합치기] 블록 두 번째 커넥터에 연결합니다. 블록 창에서 [네이버]를 클릭 후 [언제 네이버.클릭했을때] 블록을 뷰어 창으로 드래그&드롭 합니다. 블록 창에서 [웹뷰어1]을 클릭 후 [호출 웹뷰어1.URL로이동하기] 블록을 뷰어 창 '언제 네이버.클릭했을때 실행' 블록 안으로 드래그&드롭합니다. 블록 창에서 [텍스트]를 클릭 후 [' '] 블록을 뷰어 창 '호출 웹뷰어1.URL로이동하기' 블록에 연결합니다. 드래그한 블록을 클릭해 네이버 주소를 입력합니다. 뷰어 창 [언제 네이버.클릭했을때 실행] 블록에서 마우스 오른쪽 버튼을 클릭해 [복제하기]를 클릭합니다. [언제 네이버.클릭했을때 실행] 블록에서 마우스 오른쪽 버튼을 클릭해 [복제하기]를 한번 더 클릭합니다. 복제된 첫 번째 '언제 네이버.클릭했을때 실행' 블록에서 [네이버]를 클릭해 [유튜브]로 변경합니다. '언제 유튜브.클릭했을때' 블록 안의 텍스트 블록을 클릭해 유튜브 주소로 수정합니다. 복제된 두 번째 '언제 네이버.클릭했을때 실행' 블록에서 [네이버]를 클릭해 [신문]으로 변경합니다. '언제 신문.클릭했을때' 블록 안의 텍스트 블록을 클릭해 신문가게 주소로 수정합니다. 이번에는 주소가 포함된 수평 배치 레이아웃을 웹사이트에 접속되면 숨기고, 스마트폰 뒤로 버튼을 누르면 다시 나타나도록 설정해 보겠습니다. 블록 창에서 [웹뷰어1]을 클릭 후 [언제 웹뷰어1.PageLoaded 실행] 블록을 뷰어 창으로 드래그&드롭합니다. 블록 창에서 [수평배치1]을 클릭 후 [지정하기 수평배치1.보이기여부 값] 블록을 뷰어 창 '언제 웹뷰어1.PageLoaded 실행' 블록 안으로 드래그&드롭 합니다. 블록 창에서 [논리]를 클릭 후 [거짓] 블록을 뷰어 창 '지정하기 수평배치1.보이기여부 값' 블록에 연결합니다. 블록 창에서 [Screen1]을 클릭 후 [언제 Screen1.뒤로가기버튼을눌렀을때 실행] 블록을 뷰어 창으로 드래그&드롭합니다. 뷰어 창 [지정하기 수평배치1.보이기여부 값] 블록에서 마우스 오른쪽 버튼을 클릭 후 [복제하 기]를 클릭합니다. 복제된 블록을 '언제 Screen1. 뒤로가기버튼을눌렀을때 실행' 블록 안으로 드래그&드롭합니다. 복제된 블록에 연결된 논리 블록을 [참]으로 변경합니다. 블록 구성이 완료되었습니다. 앱 테스트를 위해 [빌드]- [Android App (.apk)]를 클릭합니다. 아이폰 사용자는 [연결]- [AI 컴패니언]을 이용합니다. 앱 빌드 작업이 진행됩니다. 앱 빌드가 완료되면 QR코드가 표시됩니다. PC 작업이 완료되었습니다. 스마트폰에서 [MIT AI2 Companion] 또는 [App Inventor] 앱을 이용해 제작 앱을 설치하거나 실행합니다. 설치가 완료되면 [지니인터넷]을 터치해 실행합니다. 상단 주소와 인터넷 접속 버튼을 보려면 스마트폰의 [뒤로]를 터치합니다. 주소 창이 나오면 [Y]를 터치해 유튜브 접속이 되는지 확인합니다. 인터넷 주소를 입력 후 [GO]를 터치해 입력한 사이트가 접속되는지 확인합니다. 이것으로 나만의 웹브라우저 블록코딩과 앱 설치 후 테스트가 완료되었습니다. 사이트는 만드는 분이 자주가는 사이트로 변경하거나 수정하면 되겠지요?^^ 이번 시간은 여기까지 입니다. 다음에 더 재미있는 앱으로 뵈요^^ 앱인벤터에 대해 궁금하시다면, 블록 코딩으로 앱 만들기가 궁금하시다면 아래 책을 추천합니다. [▶ 이 책의 대상 독자] - 코딩을 배우고 싶은 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 ───────────────────────────────────────────── 코딩 초보자분들이 재미있고 쉽게 배울수 있는 책입니다. 추천합니다^^!! 끝까지 읽어주셔서 고맙습니다^^ #코딩추천책 #코딩책추천 #앱인벤터책 #앱인벤터강좌 #블록코딩책추천 #앱인벤터추천도서 #코딩책 #사물인터넷 #사물인터넷책추천 #인공지능 #인공지능앱 #인공지능앱만들기 #쉬운코딩 #쉽게앱만들기 #처음코딩 #앱인벤터 #스크래치 #엔트리 #블록코딩강좌 #앱인벤터강좌 #블록코딩 #앱만들기 #스마트폰앱만들기 #스마트폰앱제작
[슬기로운 코딩생활] 앱인벤터로 10분만에 스마트폰 앱 만들기 - 14
#슬기로운 코딩생활 #앱인벤터 를 하면 #코딩 이 재미있어집니다. #앱인벤터 를 하면 #코딩 이 즐거워집니다. #앱인벤터 를 하면 #코딩 을 하고싶어 집니다. 내가 만든 앱을 내 스마트폰에 설치하고 사용할 수 있습니다. #블록코딩 방식으로 누구나 쉽게 앱을 만들 수 있습니다. 내가 만든 결과물을 스마트폰에서 직접 확인할 수 있으니 이보다 더 좋은 코딩 프로그램은 없습니다. #스크래치 나 #엔트리 는 PC의 해당 프로그램 내에서만 실행을 해볼 수 있습니다. #앱인벤터 는 코딩한 결과를 #스마트폰 에 앱으로 설치해 직접 사용해 볼 수 있기에 #코딩을 통한 #앱만들기 나 #코딩교육 에 가장 #최적화된프로그램 입니다. 이번 시간 목표 : 회의나 대화를 녹음해야할 때 사용할 수 있는 녹음앱 만들기!! (1/3) 앱인벤터 블록코딩을 이용하면 쉽게 녹음기 앱을 만들 수 있습니다. 소리를 녹음해야 하는 모든 경우에 사용 가능하니 필요하신 분들은 만들어보세요~ 앱인벤터 로그인 합니다. 구글 계정이 있다면 바로 로그인 가능합니다. http://appinventor.mit.edu 로그인이 완료되면 [프로젝트]를 클릭 후 [새 프로젝트 시작하기]를 클릭합니다. 프로젝트 이름을 입력하는 창 이 나오면 [Sound_Rec]를 입 력 후 [확인]을 클릭합니다. 컴포넌트 창의 [Screen1]을 클 릭 후 속성 창에서 수평정렬 [가운데 : 3], 수직정렬 [가운데 : 2], 앱이름 [지니녹음기], 배경 이미지 [bg.png], 아이콘 [rec. png]로 설정합니다. 속성 창 스크린방향 [세로], 제목 [지니녹음기]로 입력합니다. 팔레트 창 사용자 인터페이스 그룹에서 [레이블]을 뷰어 창으 로 드래그&드롭합니다. 팔레트 창 [레이아웃] 그룹을 클 릭 후 [수평배치]를 뷰어 창으로 드래그&드롭합니다. 추가로 레이블과 수평배치 컴포넌트를 배치해 화면과 같이 설정합니다. 팔레트 창 [사용자 인터페이스] 그룹을 클릭 후 [버튼]을 뷰어 창 첫 번째 수평배치 안으로 두 번 드래그&드롭합니다. 팔레트 창 사용자 인터페이스 그룹의 [버튼]을 뷰어 창 수평배 치2 안으로 세 번 드래그&드롭 합니다. 컴포넌트 창의 [레이블1]을 클 릭 후 속성 창에서 글꼴굵게 [체 크], 글꼴크기 [16], 텍스트 [녹 음]으로 설정합니다. 컴포넌트 창의 [수평배치1]을 클 릭 후 속성창에서 수평정렬 [가 운데 : 3], 수직정렬 [가운데 : 2], 배경색 [없음]으로 설정합니다. 컴포넌트 창의 [버튼1]을 클릭 후 [이름 바꾸기]를 클릭합니다. 이름 바꾸기 창이 나오면 새 이 름에 [녹음시작]을 입력 후 [확인]을 클릭합니다. 컴포넌트 창의 [녹음시작]을 클릭 후 속성 창에서 이미지 [rec.png], 텍스트 [ ]로 설정합니다. 컴포넌트 창의 [녹음중지]를 클릭 후 속성 창에서 이미지 [rec_stop.png], 텍스트 [ ]로 설정합니다. 컴포넌트 창의 [버튼3]을 클릭 후 [이름 바꾸기]를 클릭합니다. 이름 바꾸기 창이 나오면 새 이 름에 [재생시작]을 입력 후 [확인]을 클릭합니다. 컴포넌트 창의 [재생시작]을 클릭 후 속성 창에서 이미지 [play.png], 텍스트 [ ]로 설정 합니다. 같은 방법으로 컴포넌트 창의 재생 항목의 두번째 버튼의 이름을 [일시정지]로 설정 후 속성 창에서 이미지 [pause.png], 텍스트 [ ]로 설 정합니다. 같은 방법으로 컴포넌트 창의 재생 항목의 세번째 버튼의 이름을 [재생정지]로 설정 후 속성 창에서 이미지 [stop.png], 텍스트 [ ]로 설정합니다. 팔레트 창의 [미디어] 그룹을 클릭 후 [녹음기]를 뷰어 창으로 드래그&드롭합니다. 팔레트 창의 미디어 그룹의 [플레이어]를 뷰어 창으로 드래그&드롭합니다. 팔레트 창의 [저장소] 그룹을 클 릭 후 [파일]을 뷰어 창으로 드 래그&드롭합니다. 녹음기 앱의 화면 디자인이 완료되었습니다. 조금 길었지만 차근차근 해보시면 하실 수 있을겁니다. 다음 시간에는 블록코딩으로 앱을 완성해보겠습니다. 그리고 마지막 시간에는 스마트폰에서 사용하는 방법과 저장된 녹음 파일을 확인하는 방법도 알아보겠습니다. 좋은날 보내시고 또 뵈요~^^* 앱인벤터에 관심이 생겼거나 더 많은 앱을 만들어보고 싶다면 아래 책을 추천해드립니다. [▶ 이 책의 대상 독자] - 코딩을 배우고 싶은 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 ───────────────────────────────────────────── 코딩 초보자분들이 재미있고 쉽게 배울수 있는 책입니다. 추천합니다^^!! 끝까지 읽어주셔서 고맙습니다^^ #코딩 #블록코딩 #앱인벤터 #AppInventor #스크래치 #Scratch #엔트리 #Entry #엠블록 #코딩추천책 #코딩책추천 #앱인벤터책 #앱인벤터강좌 #블록코딩책추천 #앱인벤터추천도서 #코딩책 #사물인터넷 #사물인터넷책추천 #인공지능 #인공지능앱 #인공지능앱만들기 #인공지능책추천 #쉬운코딩 #쉽게앱만들기 #처음코딩 #코딩강좌 #코딩입문
[슬기로운 코딩생활] 앱인벤터로 10분만에 스마트폰 앱 만들기 - 12
#슬기로운 코딩생활 #앱인벤터 를 하면 #코딩 이 재미있어집니다. #앱인벤터 를 하면 #코딩 이 즐거워집니다. #앱인벤터 를 하면 #코딩 을 하고싶어집니다. 내가 만든 앱을 내 스마트폰에 설치하고 사용할 수 있습니다. #블록코딩 방식으로 누구나 쉽게 앱을 만들 수 있습니다. 내가 만든 결과물을 스마트폰에서 직접 확인할 수 있으니 이보다 더 좋은 코딩 프로그램은 없습니다. #스크래치 나 #엔트리 는 PC의 해당 프로그램 내에서만 실행을 해볼 수 있습니다. #앱인벤터 는 코딩한 결과를 #스마트폰 에 앱으로 설치해 직접 사용해 볼 수 있기에 #코딩을 통한 #앱만들기 나 #코딩교육 에 가장 #최적화된프로그램 입니다. 이번 시간 목표 : 할머니, 할아버지께서 가족들 또는 지인에게 쉽게 문자를 보낼 수 있도록 앱 만들어보기!! (2/2) 지난 시간에 이어 이번 시간에는 블록 코딩으로 앱을 완성하고 실행해 보겠습니다. 컴포넌트 배치와 속성 설정이 완료되면 기능 구현을 위해 [블록]을 클릭합니다. 먼저 음성 인식 기능으로 말만하면 텍스트 박스에 글로 입력되도록 설정해 보겠습니다. 블록 창에서 [음성인식]을 클릭 후 [언제 음성인식.클릭했을때 실행] 블록을 뷰어 창으로 드래그&드롭합니다. 블록 창에서 [음성인식1]을 클릭 후 [호출 음성인식1.텍스트가져오기]를 뷰어창 '언제 음성인식.클릭했을때 실행' 블록 안으로 드래그&드롭합니다. 음성인식이 완료된 후 텍스트를 화면의 텍스트 박스에 넣는 블록을 구성해 보겠습니다. 블록 창에서 [음성인식1]을 클릭 후 [언제 음성인식1.텍스트가져온후에 실행] 블록을 뷰어 창으로 드래그&드롭합니다. 블록 창에서 [텍스트박스1]을 클릭 후 [지정하기 텍스트박스1.텍스트 값] 블록을 뷰어 창 '언제 음성인식1.텍스트가져온후에 실행' 블록 안으로 드래그&드롭 합니다. 뷰어 창 '언제 음성인식1.텍스트가져온후에 실행'의 [결과]에 마우스 커서를 가져갑니다. 나온 블록 중 [가져오기 결과]를 드래그해 '지정하기 텍스트박스1.텍스트 값' 블록에 붙여줍니다. 텍스트 박스에 텍스트가 입력하는 블록 구성이 완료되었습니다. 이제 문자를 보내는 블록을 구성하겠습니다. 블록 창에서 [문자보내기] 블록을 클릭 후 [언제 문자보내기.클릭했을때 실행] 블록을 뷰어 창으로 드래그&드롭합니다. 블록 창에서 [문자메시지1]을 클릭 후 [지정하기 문자메시지1.전화번호 값] 블록을 뷰어 창 '언제 문자보내기.클릭했을때 실행' 안으로 드래그&드롭 합니다. 블록 창에서 [문자메시지1]을 클릭 후 [지정하기 문자메시지1.메시지 값] 블록을 뷰어 창 '언제 문자보내기.클릭했을때 실행' 안으로 드래그&드롭 합니다. 블록 창에서 [텍스트]를 클릭 후 ['□'] 블록을 뷰어 창 '지정하기 문자메시지1.전화번호 값' 블록에 연결합니다. 전화번호를 입력합니다. 문자메시지를 받을 사람 전화번호이니 아들 또는 딸 등의 전화번호를 입력하시면 됩니다. 블록 창에서 [텍스트박스1]을 뷰어 창 '지정하기 문자메시지1.메시지 값' 블록에 연결합니다. 이제 문자메시지를 발송하는 블록을 배치하겠습니다. 블록 창에서 [문자메시지1]을 클릭 후 [호출 문자메시지1.SendMessageDirect]블록을 뷰어 창 '언제 문자보내기.클릭했을때 실행' 안으로 드래그&드롭 합니다. 블록 구성이 완료되었습니다. [빌드]-[Android App (.apk)]를 클릭합니다. 앱 빌드 작업이 진행됩니다. 앱 빌드가 완료되면 QR코드가 표시됩니다. PC 작업이 완료되었습니다. 스마트폰에서 [MIT AI2 Companion] 또는 [App Inventor] 앱을 이용해 제작 앱을 설치하거나 실행합니다. 스마트폰에 앱을 설치합니다. 설치가 완료되면 앱을 실행합니다. 앱이 실행되면 [음성인식]을 클릭합니다. 마이크 모양이 나오면 문자메시지로 보낼 말을 합니다. 텍스트 박스에 글자가 입력되면 [문자보내기]를 터치합니다. 문자 메시지가 발송됩니다. 발송된 문자를 확인해보면 텍스트박스에 입력된 글이 전송된 것을 확인할 수 있습니다. 나이가 있으시거나 눈이 안좋은 분들에게 유용하겠지요?^^ 앞으로 좀 더 유용한 앱으로 찾아오겠습니다~^^ 또 뵈요~^^* 앱인벤터에 관심이 생겼거나 더 많은 앱을 만들어보고 싶다면 아래 책을 추천해드립니다. [▶ 이 책의 대상 독자] - 코딩을 배우고 싶은 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 ───────────────────────────────────────────── 코딩 초보자분들이 재미있고 쉽게 배울수 있는 책입니다. 추천합니다^^!! 끝까지 읽어주셔서 고맙습니다^^ #코딩 #블록코딩 #앱인벤터 #AppInventor #스크래치 #Scratch #엔트리 #Entry #엠블록 #코딩추천책 #코딩책추천 #앱인벤터책 #앱인벤터강좌 #블록코딩책추천 #앱인벤터추천도서 #코딩책 #사물인터넷 #사물인터넷책추천 #인공지능 #인공지능앱 #인공지능앱만들기 #인공지능책추천 #쉬운코딩 #쉽게앱만들기 #처음코딩 #코딩강좌 #코딩입문
[슬기로운 코딩생활] 앱인벤터로 10분만에 스마트폰 앱 만들기 - 17
#슬기로운 코딩생활 #앱인벤터 를 하면 #코딩 이 재미있어집니다. #앱인벤터 를 하면 #코딩 이 즐거워집니다. #앱인벤터 를 하면 #코딩 을 하고싶어집니다. 내가 만든 앱을 내 스마트폰에 설치하고 사용할 수 있습니다. #블록코딩 방식으로 누구나 쉽게 앱을 만들 수 있습니다. 내가 만든 결과물을 스마트폰에서 직접 확인할 수 있으니 이보다 더 좋은 코딩 프로그램은 없습니다. #스크래치 나 #엔트리 는 PC의 해당 프로그램 내에서만 실행을 해볼 수 있습니다. #앱인벤터 는 코딩한 결과를 #스마트폰 에 앱으로 설치해 직접 사용해 볼 수 있기에 #코딩을 통한 #앱만들기 나 #코딩교육 에 가장 #최적화된프로그램 입니다. 이번 시간 목표 : 내가 자주가는 사이트를 쉽게 접속할 수 있도록 지원하는 웹 브라우저 만들기!! (1/3) 스마트폰을 이용해 인터넷을 자주 이용할 것입니다. 개인마다 자주 이용하는 사이트는 다를 수 있습니다. 내가 자주 이용하는 사이트를 등록해, 터치 한 번으로 쉽게 접속할 수 있도록 나만의 인터넷 웹브라우저를 만들어 보겠습니다. 새로운 프로젝트를 만들기 위해 [프로젝트]-[새 프로젝트 시작하기]를 클릭합니다. 프로젝트 이름을 입력하는 창이 나오면 [MyWebBrowser]를 입력 후 [확인]을 클릭합니 다. 컴포넌트 창의 [Screen1]을 클릭 후 속성 창에서 수평정렬 [가운데 : 3], 앱이름 [지니인터넷], 아이콘 [internet.png], 제목보이기 [체크해제]로 설정합니다. 여러 개의 컴포넌트를 옆으로 배치하기 위해 팔레트 창 [레이아웃] 그룹을 클릭 후 [수평배치]를 뷰어 창으로 드래그&드롭합니다. 속성 창에서 배경색 [없음], 너비 [부모 요소에 맞추기]로 설정 합니다. 팔레트 창 [사용자 인터페이스] 그룹을 클릭 후 [텍스트박스]를 뷰어 창 수평배치 안으로 드래그&드롭합니다. 컴포넌트 창의 [텍스트박스1]을 클릭 후 [이름 바꾸기]를 클릭합니다. 새 이름에 [주소]를 입력 후 [확인]을 클릭합니다. 속성 창에서 높이 [40 픽셀], 너비 [40 퍼센트], 힌트 [ ]로 설정합니다. 팔레트 창 사용자 인터페이스 그룹의 [버튼]을 뷰어 창 텍스트 박스 오른쪽에 드래그&드롭합니다. 컴포넌트 창의 [버튼1]을 클릭 후 [이름 바꾸기]를 클릭합니다. 새 이름에 [접속]을 입력 후 [확인]을 클릭합니다. 속성 창에서 높이 [40 픽셀], 이미지 [go.png], 텍스트 [ ]로 설정합니다. 컴포넌트 창의 [버튼1]을 클릭 후 [이름 바꾸기]를 클릭합니다. 새 이름에 [네이버]를 입력 후 [확인]을 클릭합니다. 속성 창에서 높이 [40 픽셀], 텍스트 [N]으로 설정합니다. 버튼의 텍스트를 한 글자로 설정한 이유는 화면에 더 많은 버튼을 만들기 위해서 입니다. 목록 선택버튼 컴포넌트를 사용하면 좀 더 많은 사이트를 등록할 수 있으나 코드 블록이 복잡해져 이번 프로젝트에서는 간략하게 구성해 보겠습니다. 팔레트 창 [사용자 인터페이스] 그룹의 [버튼]을 뷰어 창 N 버튼 오른쪽으로 드래그&드롭합니다. 컴포넌트 창의 [버튼1]을 클릭 후 [이름 바꾸기]를 클릭합니다. 새 이름에 [유튜브]를 입력 후 [확인]을 클릭합니다. 속성 창에서 높이 [40 픽셀], 텍스트 [Y]로 설정합니다. 팔레트 창 사용자 인터페이스 그룹의 [버튼]을 뷰어 창 Y 버튼 오른쪽으로 드래그&드롭합니다. 컴포넌트 창의 [버튼1]을 클릭 후 [이름 바꾸기]를 클릭합 니다. 새 이름에 [신문]을 입력 후 [확인]을 클릭합니다. 속성 창에서 높이 [40 픽셀], 텍스트 [NP]로 설정합니다. 팔레트 창 사용자 인터페이스 그룹의 [웹뷰어]를 뷰어 창 수평배치 아래로 드래그&드롭합니다. 속성 창에서 높이 [부모 요소에 맞추기], 너비 [부모 요소에 맞 추기], 홈URL [http://naver. com]으로 설정합니다. 이번 시간은 여기까지 입니다. 다음시간에는 블록코딩으로 앱을 완성해보겠습니다. 또 뵈요^^ 앱인벤터에 관심이 생겼거나 더 많은 앱을 만들어보고 싶다면 아래 책을 추천해드립니다. [▶ 이 책의 대상 독자] - 코딩을 배우고 싶은 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 ───────────────────────────────────────────── 코딩 초보자분들이 재미있고 쉽게 배울수 있는 책입니다. 추천합니다^^!! 끝까지 읽어주셔서 고맙습니다^^ #코딩 #블록코딩 #앱인벤터 #AppInventor #스크래치 #Scratch #엔트리 #Entry #엠블록 #코딩추천책 #코딩책추천 #앱인벤터책 #앱인벤터강좌 #블록코딩책추천 #앱인벤터추천도서 #코딩책 #사물인터넷 #사물인터넷책추천 #인공지능 #인공지능앱 #인공지능앱만들기 #인공지능책추천 #쉬운코딩 #쉽게앱만들기 #처음코딩 #코딩강좌 #코딩입문
앱인벤터로 10분만에 스마트폰 앱 만들기 - 07
앱인벤터를 하면 코딩이 재미있어집니다. 앱인벤터를 하면 코딩이 즐거워집니다. 앱인벤터를 하면 코딩을 하고싶어집니다. 내가 만든 앱을 내 스마트폰에 설치하고 사용할 수 있습니다. 내가 만든 결과물을 스마트폰에서 직접 확인할 수 있으니 이보다 더 좋은 코딩 프로그램은 없습니다. 스크래치나 엔트리는 PC의 해당 프로그램 내에서만 실행을 해볼 수 있습니다. 앱인벤터는 코딩한 결과를 스마트폰에 앱으로 설치해 직접 사용해 볼 수 있기에 코딩을 통한 앱 만들기나 코딩 교육에 가장 최적화된 프로그램입니다. 이번 시간 목표 : 할머니, 할아버지께서 가족들 또는 지인에게 쉽게 전화를 걸 수 있도록 큰 얼굴 사진으로 전화를 걸 수 있도록 앱 만들어보기!! (1/2) 부모님께 자주 연락 드리시나요? 자주 연락드리고 찾아뵙는것이 가장 좋은 효도이겠지요~^^ 전 다행히 어머님께서 가까운곳에 사셔서 자주 찾아뵙고 있습니다^^ 나이가 있으신 어르신 분들은 아직도 스마트폰 사용을 어려워 하십니다. 연로하신 할머니, 할아버지 분들께서 스마트폰의 작은 글씨가 잘 안보이실 수 있습니다. 큰 사진이나 그림으로 쉽게 전화를 걸 수 있도록 앱을 제작해보겠습니다. 이번 앱도 2회에 걸쳐 진행할 예정인데요...오늘은 화면 디자인에 필요한 컴포넌트 배치와 속성 설정을 해보겠습니다. [프로젝트]를 클릭 후 [새 프로젝트 시작하기]를 클릭합니다. 프로젝트 이름을 입력하는 창이 나오면 [PhoneCall]을 입력 후 [확인]을 클릭합니다. 컴포넌트 창에서 [Screen1]을 클릭합니다. 프로젝트의 속성 창에서 수평 정렬 [가운데 : 3], 앱이름 [가족전화], 아이콘 [Phone-512.png], 제목보이기 [체크해제]로 설정합니다. 팔레트 창 [레이아웃] 그룹을 클릭 후 [표형식배치]를 뷰어 창으로 드래그&드롭합니다. 표형식배치는 여러 컴포넌트들의 상하좌우 위치를 정렬해 배치시 주소 사용할 수 있습니다. 컴포넌트 창에서 [표형식배치1]을 클릭 후 속성 창에서 높이 [부모 요소에 맞추기], 너비 [부모 요소에 맞추기]로 설정합니 다. 팔레트 창 [사용자 인터페이스] 그룹을 클릭 후 [버튼]을 뷰어 창 '표형식배치1' 컴포넌트 안 첫 번째 줄 첫 번째 칸에 드래그&드롭합니다. 표형식배치 컴포넌트는 화면에 투명하게 적용되어있어 보이지 않습니다. 버튼 컴포넌트를 배치시 마우스 드래그 상태에서 화면 상하좌우로 움직여보면 위치를 확인할 수 있습니다. 사용자 인터페이스 그룹의 [버튼]을 뷰어 창 '표형식배치1' 컴포넌트 각 칸에 3번 드래그&드롭합니다. 컴포넌트 창 [버튼1]을 클릭 후 속성 창에서 높이 [50 퍼센트], 너비 [50 퍼센트], 이미지 [01.png], 텍스트 [ ]로 설정합니다. 컴포넌트 창 [버튼2]를 클릭 후 속성 창에서 높이 [50 퍼센트], 너비 [50 퍼센트], 이미지 [02.png], 텍스트 [ ]로 설정합니다. 컴포넌트 창 [버튼3]을 클릭 후 속성 창에서 높이 [50 퍼센트], 너비 [50 퍼센트], 이미지 [05.png], 텍스트 [ ]로 설정합니다. 컴포넌트 창 [버튼4]를 클릭 후 속성 창에서 높이 [50 퍼센트], 너비 [50 퍼센트], 이미지 [06.png], 텍스트 [ ]로 설정합니다. 전화를 걸어주는 컴포넌트를 추가하겠습니다. 팔레트 창 [소셜] 그룹을 클릭 후 [전화]를 뷰어 창으로 드래그&드롭합니다. 마지막으로 앱을 실행 후 스마 트폰을 흔들면 미리 설정한 전화번호로 전화를 걸 수 있도록 컴포넌트를 추가하겠습니다. 팔레트 창 [센서] 그룹을 클릭 후 [가속도센서]를 뷰어 창으로 드래그&드롭합니다. 컴포넌트 창의 버튼을 전화 수신자에 따라 이름을 변경해 보겠습니다. 컴포넌트 창 [버튼1]을 클릭 후 [이름바꾸기]를 클릭합니다. 컴포넌트 이름 바꾸기 창이 나오면 새 이름을 [할아버지]로 입력 후 [확인]을 클릭합 니다. 컴포넌트 창 [버튼2]를 클릭 후 [이름바꾸기]를 클릭합니다. 컴포넌트 이름 바꾸기 창이 나오면 새 이름을 [할머니]로 입력 후 [확인]을 클릭합니다. 컴포넌트 창 [버튼3]을 클릭 후 [이름바꾸기]를 클릭합니다. 컴포넌트 이름 바꾸기 창이 나오면 새 이름을 [예쁜딸]로 입력 후 [확인]을 클릭합니다. 컴포넌트 창 [버튼4]를 클릭 후 [이름바꾸기]를 클릭합니다. 컴포넌트 이름 바꾸기 창이 나오 면 새 이름을 [씩씩아들]로 입력 후 [확인]을 클릭합니다. 이것으로 전화걸기 앱의 화면 디자인과 속성 설정이 완료되었습니다. 다음 시간에는 블록 코딩과 스마트폰에 앱을 설치해 사용하는 방법을 알아보겠습니다. 이 앱의 기능을 응용하면 응급상황시 전화를 걸어주거나 특정 시간이 되면 전화를 자동으로 걸어주는 등 다양하게 활용해 볼 수 있습니다. 다음시간에 또 만나요~ [▶ 이 책의 대상 독자] - 코딩을 배우고 싶은 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 ───────────────────────────────────────────── 코딩 초보자분들이 재미있고 쉽게 배울수 있는 책입니다. 추천합니다^^!! 끝까지 읽어주셔서 고맙습니다^^ #코딩추천책 #코딩책추천 #앱인벤터책 #앱인벤터강좌 #블록코딩책추천 #앱인벤터추천도서 #코딩책 #사물인터넷 #사물인터넷책추천 #인공지능 #인공지능앱 #인공지능앱만들기 #쉬운코딩 #쉽게앱만들기 #처음코딩 #앱인벤터 #스크래치 #엔트리 #블록코딩강좌 #앱인벤터강좌 #블록코딩 #앱만들기 #스마트폰앱만들기 #스마트폰앱제작
[슬기로운 코딩생활] 앱인벤터로 10분만에 스마트폰 앱 만들기 - 13
#슬기로운 코딩생활 #앱인벤터 를 하면 #코딩 이 재미있어집니다. #앱인벤터 를 하면 #코딩 이 즐거워집니다. #앱인벤터 를 하면 #코딩 을 하고싶어집니다. 내가 만든 앱을 내 스마트폰에 설치하고 사용할 수 있습니다. #블록코딩 방식으로 누구나 쉽게 앱을 만들 수 있습니다. 내가 만든 결과물을 스마트폰에서 직접 확인할 수 있으니 이보다 더 좋은 코딩 프로그램은 없습니다. #스크래치 나 #엔트리 는 PC의 해당 프로그램 내에서만 실행을 해볼 수 있습니다. #앱인벤터 는 코딩한 결과를 #스마트폰 에 앱으로 설치해 직접 사용해 볼 수 있기에 #코딩을 통한 #앱만들기 나 #코딩교육 에 가장 #최적화된프로그램 입니다. 이번 시간 목표 : 중소 사업자 및 개인 쇼핑몰 앱 만들기!! 이번 시간에는 중소 사업자 개인 쇼핑몰이나 홈페이지 앱을 만들어 보겠습니다. 이번에는 코딩이 전혀없이(#노코딩) 간단하게 앱을 만들 수 있습니다. 먼저 쇼핑몰이나 홈페이지가 있어야겠죠?^^ 혹시 홈페이지가 없으신 분들은 홈페이지부터 만들어주세요~ 참고로 네이버 아이디만 있으면 무료로 간단하게 홈페이지를 만들 수 있습니다. http://modoo.at 홈페이지를 만드세요~ 만들면 이렇게 컴퓨터와 모바일에서 접속할 수 있어요~^^ 홈페이지가 있거나 쇼핑몰을 운영중이신 분들이라면 앱인벤터로 바로 접속하시면 됩니다. 홈페이지 또는 쇼핑몰을 만드셨다면 앱인벤터 사이트에 접속합니다. http://appinventor.mit.edu 구글 계정으로 로그인 합니다. 로그인이 완료되면 프로젝트를 시작하기 위해 [프로젝트]-[새 프로젝트 시작하기]를 클릭합니다. 프로젝트 이름을 입력 후 [확인]을 클릭합니다. 왼쪽 팔레트 창에서 [웹뷰어]를 스마트폰 화면 안으로 드래그&드롭합니다. 속성 창에서 높이와 너비를 모두 [부모 요소에 맞추기]로 설정합니다. 그리고 중요한 홈URL을 설정합니다. 쇼핑몰 페이지나 홈페이지 주소를 입력합니다. 한가지 주의하실 점은 홈페이지나 쇼핑몰 주소에 꼭 http://가 포함되어야 합니다. 앱 이름과 아이콘을 설정하기 위해 컴포넌트 창의 [Screen1]을 클릭합니다. 속성 창에서 앱이름 [교육출판 에듀아이]로 입력합니다. 여러분들은 여러분들 쇼핑몰이나 홈페이지 이름을 입력해주시면 됩니다. 아이콘 항목의 [없음]을 클릭 후 [파일 올리기...]를 클릭합니다. 파일 올리기 창이 나오면 [파일 선택]을 클릭합니다. 앱 아이콘으로 사용할 그림을 선택 후 [열기]를 클릭합니다. 선택한 파일이 표시됩니다. [확인]을 클릭합니다. 아이콘이 적용되었습니다. 제목 보이기 항목을 체크해제합니다. 설정이 완료되었습니다. 앱 제작을 위해 [빌드]-[Android App (.apk)]를 클릭합니다. QR코드가 나오면 스마트폰에서 [MIT AI2 Companion]을 실행해 앱을 설치합니다. 스마트폰에 앱을 설치합니다. 설치된 앱의 아이콘을 터치해 실행합니다. 앱이 실행되면 바로 홈페이지 또는 쇼핑몰로 접속됩니다. 오늘은 여기까지 입니다. 정말 손 쉽게 앱을 만들 수 있으니 쇼핑몰이나 홈페이지를 운영하고 계신 분들은 이번에 앱인벤터로 앱을 만들어서 활용하시길 바래봅니다~^^ 저는 더 유용한 앱으로 찾아오겠습니다~^^ 또 뵈요~^^* 앱인벤터에 관심이 생겼거나 더 많은 앱을 만들어보고 싶다면 아래 책을 추천해드립니다. [▶ 이 책의 대상 독자] - 코딩을 배우고 싶은 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 ───────────────────────────────────────────── 코딩 초보자분들이 재미있고 쉽게 배울수 있는 책입니다. 추천합니다^^!! 끝까지 읽어주셔서 고맙습니다^^ #코딩 #블록코딩 #앱인벤터 #AppInventor #스크래치 #Scratch #엔트리 #Entry #엠블록 #코딩추천책 #코딩책추천 #앱인벤터책 #앱인벤터강좌 #블록코딩책추천 #앱인벤터추천도서 #코딩책 #사물인터넷 #사물인터넷책추천 #인공지능 #인공지능앱 #인공지능앱만들기 #인공지능책추천 #쉬운코딩 #쉽게앱만들기 #처음코딩 #코딩강좌 #코딩입문
앱인벤터로 10분만에 스마트폰 앱 만들기 - 08
앱인벤터를 하면 코딩이 재미있어집니다. 앱인벤터를 하면 코딩이 즐거워집니다. 앱인벤터를 하면 코딩을 하고싶어집니다. 내가 만든 앱을 내 스마트폰에 설치하고 사용할 수 있습니다. 내가 만든 결과물을 스마트폰에서 직접 확인할 수 있으니 이보다 더 좋은 코딩 프로그램은 없습니다. 스크래치나 엔트리는 PC의 해당 프로그램 내에서만 실행을 해볼 수 있습니다. 앱인벤터는 코딩한 결과를 스마트폰에 앱으로 설치해 직접 사용해 볼 수 있기에 코딩을 통한 앱 만들기나 코딩 교육에 가장 최적화된 프로그램입니다. 이번 시간 목표 : 할머니, 할아버지께서 가족들 또는 지인에게 쉽게 전화를 걸 수 있도록 큰 얼굴 사진으로 전화를 걸 수 있도록 앱 만들어보기!! (2/2) 이번 시간에는 지나번 화면 디자인한 앱을 코딩으로 완성해보겠습니다. 지난 시간에 완성한 디자인 화면에서 블록 코딩을 위해 오른쪽 상단 [블록]을 클릭합니다. 할아버지에게 전화를 거는 블록을 구성해 보겠습니다. 블록 창 [할아버지]를 클릭 후 [언제 할아버지.클릭했을때 실행] 블록을 뷰어 창으로 드래그&드롭합니다. 전화를 걸기 위해서는 전화번호가 필요합니다. 전화번호 입력 블록을 설정해 보겠습니다. 블록 창 [전화1]을 클릭 후 [지정하기 전화1.전화번호 값] 블록을 뷰어 창 '언제 할아버지.클릭했을때 실행' 블록 안으로 드래 그&드롭합니다. 블록 창 [텍스트]를 클릭 후 [' '] 블록을 뷰어 창 '지정하기 전화1.전화번호 값' 블록 오른쪽에 연결합니다. 드래그&드롭한 [' '] 블록을 클릭해 자주 통화하는 전화번호를 입력합니다. 블록 창 [전화1]을 클릭 후 [호출 전화1.다이렉트전화걸기] 블록을 뷰어 창 '지정하기 전화1.전화번호 값' 블록 아래로 드래그&드롭합니다. 이제 다른 버튼 블록도 구현해 보겠습니다. 뷰어 창 [언제 할아버지.클릭했을때] 블록에서 마우스 오른쪽 버튼을 눌러 [복제하기]를 클릭합니다. 같은 방법으로 두번 더 복제합니다. 복제된 블록을 겹치지 않도록 배치합니다. 복제한 블록 중 첫 번째 블록 '언제 할아버지.클릭했을때 실행' 블록에서 [할아버지]를 클릭해 [할머니]로 변경합니다. 전화번호도 할머니 전화번호로 변경합니다. 복제한 블록 중 두 번째, 세 번째 블록 '언제 할아버지.클릭했을때 실행' 블록에서 [할아버지]를 [예쁜딸]로, [할아버지] 를 [씩씩아들]로 변경합니다. 전화번호도 각각 딸, 아들의 전화번호로 변경합니다. 스마트폰을 흔들었을 때 특정 사용자에게 전화걸 수 있도록 설정해 보겠습니다. 블록 창 [가속도센서1]을 클릭 후 [언제 가속도센서1.흔들렸을때 실행] 블록을 뷰어 창으로 드래그& 드롭합니다. '언제 씩씩아들.클릭했을때 실행' 블록 안의 [지정하기 전화1.전화번호 값] 블록에서 마우스 오른쪽 버튼을 눌러 [복제하기]를 클릭합니다. 복제된 블록을 [언제 가속도센서1.흔들렸을때 실행] 블록안으로 드래그&드롭합니다. '언제 씩씩아들.클릭했을때 실행' 블록 안의 [호출 전화1.다이렉트전 화걸기] 블록에서 마우스 오른쪽 버튼을 눌러 [복제하기]를 클릭합니다. 복제된 블록을 [언제 가속도센서1.흔들렸을때 실행] 블록 안으로 드래그&드롭합니다. 블록 구성이 완료되었습니다. 앱 테스트를 위해 [빌드]-[Android App (.apk)]를 클릭합니다. 아이폰 사용자는 [연결]-[AI 컴패니언]을 이용합니다. 앱 빌드 작업이 진행됩니다. 앱 빌드가 완료되면 QR코드가 표시됩니다. PC에서의 작업이 완료되었습니다. 스마트폰에서 [MIT AI2 Companion] 또는 [App Inventor] 앱을 터치해 실행합 니다. 앱이 실행되면 [scan QR code]를 클릭합니다. 카메라가 실행되면 PC의 QR 코드를 비춥니다. 앱 설치 파일을 다운로드 받고 설치를 진행합니다. 앱 설치가 완료되면 [가족전화] 앱을 터치해 실행합니다. 전화 발신 확인을 위해 이미지 중 하나를 터치합니다. 전화를 걸고 관리하도록 허용을 묻는 메시지가 나오면 [허용]을 터치합니다. 전화 발신이 되는것을 확인할 수 있습니다. 전화거는 기능을 응용하면 다양한 전화 관련 앱을 만들어 볼 수 있겠지요~ 이번 시간은 여기까지 입니다. 다음시간에 좀 더 재미있는 앱으로 찾아오겠습니다^^ [▶ 이 책의 대상 독자] - 코딩을 배우고 싶은 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 ───────────────────────────────────────────── 코딩 초보자분들이 재미있고 쉽게 배울수 있는 책입니다. 추천합니다^^!! 끝까지 읽어주셔서 고맙습니다^^ #코딩추천책 #코딩책추천 #앱인벤터책 #앱인벤터강좌 #블록코딩책추천 #앱인벤터추천도서 #코딩책 #사물인터넷 #사물인터넷책추천 #인공지능 #인공지능앱 #인공지능앱만들기 #쉬운코딩 #쉽게앱만들기 #처음코딩 #앱인벤터 #스크래치 #엔트리
앱인벤터로 10분만에 스마트폰 앱 만들기 - 03
앱인벤터를 하면 코딩이 재미있어집니다. 앱인벤터를 하면 코딩이 즐거워집니다. 앱인벤터를 하면 코딩을 하고싶어집니다. 내가 만든 앱을 내 스마트폰에 설치하고 사용할 수 있습니다. #블록코딩 방식으로 누구나 쉽게 앱을 만들 수 있습니다. 내가 만든 결과물을 스마트폰에서 직접 확인할 수 있으니 이보다 더 좋은 코딩 프로그램은 없습니다. #스크래치 나 #엔트리 는 PC의 해당 프로그램 내에서만 실행을 해볼 수 있습니다. #앱인벤터 는 코딩한 결과를 #스마트폰 에 앱으로 설치해 직접 사용해 볼 수 있기에 #코딩 을통한 #앱만들기 나 #코딩교육 에 가장 #최적화된프로그램 입니다. 이번 시간 목표 : 버튼으로 텍스트 및 이미지를 바꾸는 앱을 완성해 보겠습니다. (22) 지난시간에 진행한 화면 디자인에 이어 블록코딩을 추가해 앱을 완성해보겠습니다. 지난 시간에 완성한 앱 디자인에 이이서 블록 코딩을 완성해보겠습니다. [블록]을 클릭해 블록 에디터 화면으로 이동합니다. 첫 번째 버튼을 누르면 이미지 컴포넌트에 강아지 그림이 나오도록 설정해 보겠습니다. 블록 창에서 [버튼1]을 클릭 후 세부 블록 중 [언제 버튼1.클릭 했을때 실행] 블록을 오른쪽 뷰어 창으로 드래그&드롭합니다. [이미지1]을 클릭 후 [지정하기 이미지1.사진 값] 블록을 뷰어 창의 '언제 버튼1.클릭했을때 실행' 블록 안으로 드래그&드 롭합니다. 공통 블록의 [텍스트]를 클릭 후 세부 블록 중 가장 상단의 [' '] 블록을 '지정하기 이미지1.사진값' 블록 오른쪽에 연결합니다. 드래그한 블록에 강아지 이미지의 파일명 [dog.jpg]를 입력합니다. 파일 이름은 대·소문자를 구분하므로 꼭 파일 이름을 확인 후 입력합니다. 뷰어 창의 블록을 복제하기 위해 [언제 버튼1.클릭했을때] 블록에서 마우스 오른쪽 버튼을 눌러 [복제하기]를 클릭합니다. 복제된 블록을 아래쪽에 배치 후 [버튼1]을 클릭해 [버튼2]로 변경합니다. [dog.jpg]를 클릭 해 [cat.jpg]로 수정합니다. 블록 구성이 완료되었습니다. 스마트폰에서 테스트를 위해 상단 [연결]을 클릭 후 [AI 컴패니언]을 클릭합니다. 잠시 기다리면 앱을 빌드 후 QR 코드가 나옵니다. 이것으로 PC에서의 설정은 완료되었습니다. 스마트폰에서 [MIT AI2 Companion] 또는 [App Inventor]를 터치해 실행합니다. 앱이 실행되면 [scan QR code]를 터치합니다. 카메라가 실행되면 컴퓨터의 QR 코드를 비춥니다. QR 코드가 인식되고 잠시 기다리면 앱 실행 화면이 나옵니다. 버튼이 정상적으로 동작하는지 확인하기 위해 [강아지보기]를 터치 합니다. 강아지 이미지가 표시되는 것을 확인할 수 있습니다. 두 번째 버튼이 정상적으로 동작하는지 확인하기 위해 [고양이보기]를 터치합니다. 고양이 이미지가 표시됩니다. 이번 앱은 여기까지 내용으로 완료하도록 하겠습니다. 앞으로 일상편의 앱, 사물인터넷 앱, 인공지능 앱까지 다양한 앱을 만들어보겠습니다. [▶ 이 책의 대상 독자] - 코딩을 배우고 싶은 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 ───────────────────────────────────────────── 코딩 초보자분들이 재미있고 쉽게 배울수 있는 책입니다. 추천합니다^^!! 끝까지 읽어주셔서 고맙습니다^^ #코딩추천책 #코딩책추천 #앱인벤터책 #앱인벤터강좌 #블록코딩책추천 #앱인벤터추천도서 #코딩책 #사물인터넷 #사물인터넷책추천 #인공지능 #인공지능앱 #인공지능앱만들기 #쉬운코딩 #쉽게앱만들기 #처음코딩 #코딩강좌 #스크래치 #엔트리 #코딩강좌 #블록코딩강좌 #앱만들기 #쉬운앱제작 #앱쉽게만들기
<마션> 원작 소설 작가 이력.txt
입자물리학자인 아버지와 전기기술자인 어머니 슬하에서 자랐으며, 여덟 살 때부터 아서 C. 클라크, 아이작 아시모프 등의 작품을 탐독했다. 캘리포니아 대학교에서 컴퓨터공학을 공부하다가, 열다섯 살 때 산디아 국립연구소에서 컴퓨터 프로그래머로 일하기 시작했다. 이후 블리자드에서 ‘워크래프트 2’ 개발에 참여했고, AOL 등 몇몇 소프트웨어 회사들을 전전하며 프로그래머로 일했다. 본격적으로 소설을 집필하기 시작한 건 20대에 들어서면서부터다. 수년간 웹사이트를 운영하며 자신이 쓴 글을 포스팅해왔는데, 단편 <The Egg> 등도 인터넷상에서 좋은 반응을 얻어 유투브 동영상, 단막극 등으로 만들어졌다. 2009년 첫 장편 《마션》을 개인 블로그에 연재하다가, 2011년 독자들의 요청으로 전자책 자비 출판을 했고, 2014년 크라운 출판사와 정식 판권 계약을 맺고 종이책으로 출간하였다. 데뷔작 《마션》의 출간 성공으로 한참 인기 작가로서의 명성을 누리고 있는 앤디 위어는 현재 외계인, 텔레파시, 시간여행 등을 소재로 한 차기작 《Zhek》을 집필 중이다. + ‘마션'(The Martian)은 2009년께 앤디 위어가 블로그에 동시에 연재한 3개 작품 가운데 하나였다. 연재가 계속되자 블로그를 통해 피드백이 들어오기 시작했다. 독자들이 보낸 e메일도 서서히 늘어갔다. 그러던 중 한 독자가 “e리더 버전으로 만들어주면 안되겠냐”고 요청했다. 그렇게 했다. e북 버전으로 제작해 파일을 웹사이트에 올렸다. 그는 또 한 통의 e메일을 받았다. 그 독자는 “e리더 버전의 파일을 내려받아서 e북 리더에서 어떻게 봐야 할지 잘 모르겠다. 킨들에서 볼 수 있게 해주면 안 되겠냐”고 부탁해왔다. 또 그렇게 했다. 다만 아마존에 등록하면 최소 0.99달러의 수수료를 필요로 하기에 책값도 0.99달러로 책정했다. 사실상 무료로 독자들에게 제공한 것이다. 그의 연재물을 열독할 수 있는 기술적 장벽이 이렇게 제거되면서 팬은 폭발적으로 늘어났다. 그러다 시쳇말로 ‘대박’이 터졌다. 긍정적인 리뷰를 수없이 받으며 아마존 베스트셀러에 올랐다. 출판과 영화 제작 문의가 이어졌다. 랜덤 하우스로부터 출판을, 폭스스튜디오로부터 영화 제작을 제의 받았다. 너무나 한꺼번에 일어난 일이라 그조차도 놀라워했다. + 작가가 썼던 단편 소설 <The Egg> Written by Andy Weir Translated by Soo Choi 최수영 - 당신은 귀가하는 도중 죽었다. 차사고였다. 그다지 특별한 사고는 아니였지만 치명적이였다. 당신은 죽으며 아내와 두 아이들을 남겼다. 다행히 고통은 없는 죽음이였다. 응급요원들이 당신을 살리기 위해 최선을 다했지만 이미 늦은 일이었다. 사실 몸이 아주 산산조각 나는 바람에 죽는게 나았다. 그리고 그때, 당신은 날 만났다. “무슨... 무슨 일이 일어난거죠?” 당신은 물었다. “여긴 어딘가요?” “당신은 죽었어요,” 난 단도직입적으로 말했다. 돌려말할 필요는 없다. “트... 트럭이 미끄러지고 있었는데...” “그랬죠.” 나는 말했다. “내가... 내가 죽었나요?” “네. 하지만 상심하진 말아요. 다들 언젠간 죽는 법이니까요.” 나는 말했다. 당신은 돌아보았다. 아무 것도 없었다. 당신과 나를 제외하곤. “여기가 어디죠?” 당신이 물었다. “사후세계인가요?” “그렇다고 볼 수 있죠,” 내가 말했다. “당신이 하나님인가요?” 당신이 물었다. “네.” 내가 대답했다. “하나님이에요, 난.” "내 아이들... 내 아내.“ 당신이 말했다. “그들은 왜요?” “그들은 괜찮을까요?” “보기 좋군요.” 내가 말했다. “방금 죽었는데도 가족을 걱정하다니. 아주 좋아요.” 당신은 나를 홀린 듯이 바라보았다. 당신한테는 나는 하나님이 아니라, 그저 한 남자로 보일 뿐이였다. 여자일 수도 있고. 베일에 싸인 권위자로 보일 수도 있겠다. 절대자라기 보다는 문법 선생님 같은 존재 같다고나 할까. “걱정마세요.” 난 말했다. “그들은 괜찮을 꺼에요. 당신의 아이들은 당신을 완벽했던 사람으로 기억할꺼에요. 아내는 겉으로는 슬퍼하겠지만, 속으로는 안심하겠죠. 뭐, 둘의 결혼은 실패하고 있었으니까요. 이게 위로가 될진 모르겠지만, 자신이 안심하고 있다는 거에 그녀는 매우 자신을 자책할꺼에요.” “아.” 당신이 말했다. “그럼 이제 무슨 일이 일어나는 거죠? 천국이나 지옥에 가거나 하는 건가요?” “아니에요.” 내가 말했다. “당신은 환생하게 될 겁니다.” “아.” 당신이 말했다. “힌두교 얘기가 맞았네요, 그럼.” “모든 종교는 다 그 나름대로 맞아요.” 내가 말했다. “저와 좀 걷죠.” 우리는 허공을 같이 걷기 시작했다. “우리는 어디로 가고 있는 거죠?” “딱히 정해진 곳은 없어요.” 내가 말했다. “얘기하면서 걷는 거죠.” “그럼 요점이 뭐죠?” 당신은 물었다. “내가 환생하면, 난 다시 백지로 태어나는 거잖아요, 그렇죠? 아기로 말이죠. 그러면 내가 이번 생애에 경험하고 행했던 모든 것들이 다 무의미하게 되는 거고요.” “그렇지 않아요!” 내가 답했다. “당신은 전 생애에서 얻은 모든 지식과 경험을 가지고 있어요. 그저 지금 당장 기억을 못 할 뿐이죠.” 나는 걷는 것을 멈추고 당신의 어깨를 잡았다. “당신의 영혼은 당신의 상상을 뛰어넘을 정도로 굉장하고, 아름답고, 거대한 것이에요. 인간의 생각은 당신의 존재의 그저 조그만 부분만을 담고 있을 뿐인거죠. 마치 컵에 담긴 물이 차가운지 뜨거운지 보려고 손가락을 담구는 것 같은, 그런 일이에요. 당신의 조그마한 부분을 컵에 담구고, 다시 꺼낼 때 당신은 그 그릇이 담았던 모든 경험을 얻는 거죠.” “당신은 그간 48년 동안 인간으로 지내왔기 때문에 당신의 거대한 자아를 아직 다 느끼지 못한 것 뿐이에요. 여기서 좀만 지내고 나면, 당신은 모든 것을 기억하기 시작할 겁니다. 하지만 생애와 생애 사이에서 그렇게 할 필요는 없어요.” “그럼 전 지금까지 몇 번 환생한거죠?” “많이요. 아주, 아주 많이요. 아주 여러 가지의 삶으로 말이죠.” 내가 말했다. “이번에는 기원전 540년의 중국인 소작농 여자로 태어나게 될 꺼에요.” “잠시, 뭐, 뭐라구요?” 당신은 더듬으며 말했다. “나를 과거로 보낸다는 말이에요?” “뭐, 그런 셈이죠. 당신도 알겠지만, 시간은 당신의 세계에서만 존재해요. 나의 세계는 다른 방식으로 돌아가죠.” “당신은 어디서 왔는데요?” 당신이 물었다. “물론” - 난 설명하기 시작했다 - “난 분명 어디서론가 왔어요. 여기와는 다른 곳이죠. 그리고 거기서 나같은 존재들은 더 존재해요. 당신은 나의 세계에 대해서 더 알고 싶어한다는 걸 알지만, 솔직히 지금으로썬 이해할 수 없을 겁니다.” “아.” 당신은 약간 실망한 듯 했다. “잠시만요. 만약 시간 상 다른 곳에 제가 환생하게 된다면, 한번 쯤 내 자신과 맞닥뜨린 적도 있을 수 있겠네요.” “그럼요. 항상 일어나는 일이죠. 그리고 두 생애 다 자신의 삶 밖에 인지할 수 없으니, 당신은 그런 일이 일어나는 지도 모르고요.” “그럼 도대체 이러한 일을 하는 목적이 뭐인거죠?” “지금 진심인가요?” 난 물었다. “지금 진심으로 나에게 삶의 목적을 물어보고 있는 건가요? 약간 진부한 질문이라고 생각 안해요?” “타당한 질문이라고 생각 하는데요.” 당신은 물러설 기색이 없어보였다. 나는 당신의 눈을 바라보며 대답했다. “삶의 목적, 그리고 내가 이 모든 세계를 만든 이유는, 당신의 성장을 위해서에요.” “인류 전체 말이에요? 우리가 다 성장하기를 원하는 건가요?” “아뇨, 당신 한 명이요. 난 이 모든 세계를 당신 하나를 위해 만들었어요. 새로운 생애 하나 하나마다 당신은 자라고 성숙해져서 더 크고 대단한 지능을 가지게 될꺼에요.” “저만요? 다른 사람들은요?” “다른 사람들은 없어요.” 당신이 말했다. “이 세상에서 존재하는 건 당신과 저 뿐이에요.” 당신은 나를 멍하게 쳐다보았다. “하지만 지구 상의 있는 수많은 사람들은...” “다 당신이에요. 당신의 각기 다른 환생이죠.” “잠시만요. 내가 모두란 말이에요!?” “이제야 이해하기 시작하는 군요.” 축하의 의미로 등을 툭 치며 내가 말했다. “내가 이 세상에서 살았던 모든 인간이라는 건가요?” “그리고 이 후에 살 모든 인간이기도 하죠.” “내가 아브라함 링컨이였어요?” “그리고 존 부스 (역주: 링컨의 살인자)이기도 했죠.” 내가 덧붙혔다. “내가 히틀러였다고요?” 당신은 끔찍한 듯 물었다. “그리고 그가 살해한 백만명이 넘는 사람들이였죠.” "내가 예수님이였단 말인가요?" "그리고 그를 따른 모든 사람들이었죠." 당신은 조용해졌다. "당신이 어떤 사람을 피해줄 때마다"--내가 말했다-- "당신은 당신 자신을 피해주고 있었어요. 그리고 당신이 다른 사람에게 친절을 배풀 때마다 자기 자신에게 그렇게 한거죠. 과거와 미래를 포함한 이 세상의 모든 사람이 겪은 행복과 불행을 당신은 이미 겪었거나, 앞으로 겪을꺼에요." 당신은 오랫동안 생각에 잠겼다. "왜죠?" 당신은 물었다. "왜 이 모든 걸 하는 거죠?" "왜야하면 어느날, 당신은 나와 같이 될 것이거든요. 그게 당신의 존재이기 때문이에요. 당신은 나와 같은 부류이죠. 나의 자식이에요." "우와," 당신이 놀라서 말했다. "내가 신이란 말인가요?" "아니, 아직은 아니에요. 당신은 태아에 불과하죠. 아직도 자라고 있는 태아. 시간 상의 모든 생애를 다 살았을 때, 신으로 태어날 만큼 자라나 있을 꺼에요." "그럼 이 모든 세계가," 당신이 말했다, "그저…" "알과 같은 거죠." 내가 대답했다. "자, 이제 다음 생애로 환생할 시간이군요." 그리고 난 당신을 보내주었다. 출처ㅣI Love Soccer 여러분 . . <프로젝트 헤일메리> 꼭 읽어주세요 T_T 진짜 강추합니다 . . 꼭 . . 저랑 약속해요 ! ! !
[부산IN신문] 쉽고 재미있는 소프트웨어 교육에 주력…교구 및 교육 콘텐츠 개발 기업 ‘I.O.Tech’ [동의대학교 BI ②]
선생님은 칠판에 수업내용을 적고, 아이들은 공책에 내용을 받아쓰는 과거의 수동적인 교육 방식이 크게 달라졌다. 최근 학교에서는 다양한 교구를 활용, 아이들의 흥미를 유발하고 있다. 또한 소프트웨어 교육 등 다채로운 실습 콘텐츠들도 운영 중으로, 학생들의 적극적인 참여를 이끌고 있다. 이런 가운데 학교에서 시행되고 있는 소프트웨어 교육을 쉽게 가르쳐주는 동시에 교육에 필요한 제품을 개발하는 기업이 있어 눈길을 끈다. 바로 교구 및 교육 콘텐츠 개발 기업 ‘I.O.Tech’다. I.O.Tech라는 기업 이름에는 It’s ours technology 즉, ‘우리의 기술이다’라는 의미가 내포돼있으며, ‘어디에서든 자사의 기술을 경험할 수 있도록 하자’는 포부도 담겨있다. 현재 학교에서 사용되는 소프트웨어 교육용 교구는 상당히 많다. 이 기업은 단순히 제품을 판매하는 것뿐만 아니라 제품과 연계된 강의도 직접 진행해 차별화하고 있다. 소프트웨어에 대해 잘 알지 못하는 선생님들에게 지속적인 상담과 강의를 제공해 아이들이 보다 수준 높은 수업을 들을 수 있도록 돕고 있다. 제품은 학교를 중심으로 판매된다. 학교에 직접 제품을 판매하고 강의를 진행함으로써 고객들로부터 즉각적인 피드백을 얻는 것이 가능한 것도 이 기업만의 경쟁력이다. 피드백을 반영해 개선된 새로운 제품을 개발, 공급함으로써 좋은 평을 받고 있다. I.O.Tech 김완우 대표는 “당사는 전자공학과 출신들로 구성돼있으며, 어려운 코딩을 보다 쉽게 접근할 수 있도록 도와주는 교구를 개발하려는 취지로 창업했다”며 “직접 강의를 했던 학생들이 대회에서 대상을 수상하는 등의 성과를 얻었을 때 큰 보람을 느낄 수 있었다”고 말했다. 그는 이어 “현재 작은 사무실을 운영 중이지만, 향후에는 오프라인 매장을 개설해 다양한 체험 활동을 할 수 있는 공간과 강의 및 전시를 할 수 있는 공간을 만들고자 한다”며 “학교에서 강의하는 것뿐만 아니라 학교 수업을 마치고 나서도 체험학습이 가능한 곳을 만들고 싶다”고 포부를 밝혔다. #소프트웨어교육 #소프트웨어 #교육 #교구 #소프트웨어교구 #강의 #소프트웨어교구체험학습 #체험학습 #소프트웨어강의 #강연