bakkas
1,000+ Views

[슬기로운 코딩생활] 앱인벤터로 10분만에 스마트폰 앱 만들기 - 13

#슬기로운 코딩생활
#앱인벤터 를 하면 #코딩 이 재미있어집니다.
#앱인벤터 를 하면 #코딩 이 즐거워집니다.
#앱인벤터 를 하면 #코딩 을 하고싶어집니다.
내가 만든 앱을 내 스마트폰에 설치하고 사용할 수 있습니다.
#블록코딩 방식으로 누구나 쉽게 앱을 만들 수 있습니다.
내가 만든 결과물을 스마트폰에서 직접 확인할 수 있으니 이보다 더 좋은 코딩 프로그램은 없습니다.
#스크래치 나 #엔트리 는 PC의 해당 프로그램 내에서만 실행을 해볼 수 있습니다.
#앱인벤터 는 코딩한 결과를 #스마트폰 에 앱으로 설치해 직접 사용해 볼 수 있기에 #코딩을 통한 #앱만들기 나 #코딩교육 에 가장 #최적화된프로그램 입니다.
이번 시간 목표 : 중소 사업자 및 개인 쇼핑몰 앱 만들기!!

이번 시간에는 중소 사업자 개인 쇼핑몰이나 홈페이지 앱을 만들어 보겠습니다.
이번에는 코딩이 전혀없이(#노코딩) 간단하게 앱을 만들 수 있습니다.
먼저 쇼핑몰이나 홈페이지가 있어야겠죠?^^
혹시 홈페이지가 없으신 분들은 홈페이지부터 만들어주세요~
참고로 네이버 아이디만 있으면 무료로 간단하게 홈페이지를 만들 수 있습니다.


홈페이지를 만드세요~ 만들면 이렇게 컴퓨터와 모바일에서 접속할 수 있어요~^^


홈페이지가 있거나 쇼핑몰을 운영중이신 분들이라면 앱인벤터로 바로 접속하시면 됩니다.
홈페이지 또는 쇼핑몰을 만드셨다면 앱인벤터 사이트에 접속합니다.

구글 계정으로 로그인 합니다. 로그인이 완료되면 프로젝트를 시작하기 위해 [프로젝트]-[새 프로젝트 시작하기]를 클릭합니다.



프로젝트 이름을 입력 후 [확인]을 클릭합니다.



왼쪽 팔레트 창에서 [웹뷰어]를 스마트폰 화면 안으로 드래그&드롭합니다.



속성 창에서 높이와 너비를 모두 [부모 요소에 맞추기]로 설정합니다.
그리고 중요한 홈URL을 설정합니다. 쇼핑몰 페이지나 홈페이지 주소를 입력합니다.
한가지 주의하실 점은 홈페이지나 쇼핑몰 주소에 꼭 http://가 포함되어야 합니다.



앱 이름과 아이콘을 설정하기 위해 컴포넌트 창의 [Screen1]을 클릭합니다.
속성 창에서 앱이름 [교육출판 에듀아이]로 입력합니다. 여러분들은 여러분들 쇼핑몰이나 홈페이지 이름을 입력해주시면 됩니다.



아이콘 항목의 [없음]을 클릭 후 [파일 올리기...]를 클릭합니다.



파일 올리기 창이 나오면 [파일 선택]을 클릭합니다.



앱 아이콘으로 사용할 그림을 선택 후 [열기]를 클릭합니다.



선택한 파일이 표시됩니다. [확인]을 클릭합니다.



아이콘이 적용되었습니다.



제목 보이기 항목을 체크해제합니다. 설정이 완료되었습니다.



앱 제작을 위해 [빌드]-[Android App (.apk)]를 클릭합니다.



QR코드가 나오면 스마트폰에서 [MIT AI2 Companion]을 실행해 앱을 설치합니다.



스마트폰에 앱을 설치합니다.
설치된 앱의 아이콘을 터치해 실행합니다.
앱이 실행되면 바로 홈페이지 또는 쇼핑몰로 접속됩니다.

오늘은 여기까지 입니다.
정말 손 쉽게 앱을 만들 수 있으니 쇼핑몰이나 홈페이지를 운영하고 계신 분들은 이번에 앱인벤터로 앱을 만들어서 활용하시길 바래봅니다~^^


저는 더 유용한 앱으로 찾아오겠습니다~^^
또 뵈요~^^*


앱인벤터에 관심이 생겼거나 더 많은 앱을 만들어보고 싶다면 아래 책을 추천해드립니다.

[▶ 이 책의 대상 독자]
- 코딩을 배우고 싶은 Software 비전공 입문 독자
- 소프트웨어 교육 의무화로 소프트웨어 코딩을 배우고 싶은 학생
- 초등학교, 중학교, 고등학교에서 방과후 교육을 진행하는 선생님
- 대학 및 학원, 직업전문학교 등의 교육 기관에서 코딩을 가르치는 교수님, 선생님
- 스마트폰 앱을 직접 만들어 사용하고 싶은 독자
- 사물인터넷과 스마트 센서를 활용한 앱을 만들고 싶은 독자
- 인공지능을 이해하고 관련 앱을 만들어보고 싶은 독자


[▶이 책에서 다루는 내용]
- 블럭코딩을 이용해 스마트폰에서 사용 가능한 앱 만들기
- 음성인식 기능을 활용한 음성을 텍스트로 받아적기
- 가족/지인 전화걸기 앱 만들기
- 언어 번역 앱 만들기
- 녹음기 앱 만들기
- 두더지 잡기 게임 만들기
- 나만의 인터넷 웹브라우저 만들기
- 여러 사이트 검색을 한방에 검색왕 앱 만들기
- 만보기 센서를 이용한 만보기 앱 만들기
- 방위 센서를 활용한 나침반 앱 만들기
- 가속도 센서를 이용한 응급상황 알리미 앱 만들기
- 근접 센서를 이용한 운동 앱 만들기
- 위치 센서를 이용한 내 위치찾기 앱 만들기
- 앱인벤터 확장기능으로 플래시 SOS 앱 만들기
- 인공지능을 이해할 수 있는 챗봇 앱 만들기
- 인공지능 이미지 분석 앱 만들기
- 인공지능 안면인식 앱 만들기
- Facemesh를 이용한 사진 꾸미기 앱 만들기

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

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

#코딩
#블록코딩
#앱인벤터
#AppInventor
#스크래치
#Scratch
#엔트리
#Entry
#엠블록
#코딩추천책
#코딩책추천
#앱인벤터책
#앱인벤터강좌
#블록코딩책추천
#앱인벤터추천도서
#코딩책
#사물인터넷
#사물인터넷책추천
#인공지능
#인공지능앱
#인공지능앱만들기
#인공지능책추천
#쉬운코딩
#쉽게앱만들기
#처음코딩
#코딩강좌
#코딩입문
Comment
Suggested
Recent
사면안되나요
Cards you may also be interested in
[슬기로운 코딩생활] 앱인벤터로 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분만에 스마트폰 앱 만들기 - 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분만에 스마트폰 앱 만들기 - 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분만에 스마트폰 앱 만들기 - 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 #엠블록 #코딩추천책 #코딩책추천 #앱인벤터책 #앱인벤터강좌 #블록코딩책추천 #앱인벤터추천도서 #코딩책 #사물인터넷 #사물인터넷책추천 #인공지능 #인공지능앱 #인공지능앱만들기 #인공지능책추천 #쉬운코딩 #쉽게앱만들기 #처음코딩 #코딩강좌 #코딩입문
술 항아리 채우기
옛날 어느 부자가 자신의 하인들을 한 곳에 불러 모았습니다. 하인들이 모인 자리에는 커다란 항아리가 놓여 있었습니다. 부자는 하인들에게 금화 한 닢과 작은 술 단지를 하나씩 나누어 주고 말했습니다. “곧 큰 잔치를 여는데 그동안 맛보지 못했던 특별한 포도주를 연회에서 내놓고 싶다. 그러니 너희들은 내가 준 금화로 각자 다른 포도주를 한 단지씩 사 와서 이 큰 항아리에 한데 섞어 두도록 해라. 여러 가지 포도주를 섞으면 어떤 맛이 날지 매우 궁금하구나.” 하인들은 각자 포도주를 구하러 떠났습니다. 그런데 한 하인은 주인에게 받은 금화를 자신이 챙기고 자신의 술 단지에는 물을 채워 슬그머니 큰 항아리에 부어 놓았습니다. ‘이렇게 큰 항아리에 물이 조금 섞인 걸 누가 알겠어. 이 금화는 내가 써야겠다.’ 잔치가 열린 날 부자는 포도주를 사러 보낸 하인들을 모아 두고 말했습니다. “오늘의 잔치는 그동안 고생한 너희들을 위한 잔치다. 오늘 하루는 너희가 사 온 술을 마음껏 마시며 즐기기를 바란다.” 그리고 큰 항아리에 담긴 포도주를 나누어 주었습니다. 그런데 술을 받은 하인들은 모두 깜짝 놀랐습니다. 그들이 술잔에 받은 것은 전부 맹물이었습니다. 하인들은 모두 나 하나쯤이야 하고 생각하고, 금화를 빼돌리고 물을 가져왔던 것입니다. 결국, 하인들은 빼돌린 금화를 도로 빼앗기고 잔치 내내 맹물만 마시고 있어야 했습니다. 우리는 모두 사회란 공동체에 속한 일원입니다. 그러나 간혹 ‘나 하나쯤이야’라는 생각으로 대수롭지 않게 행동할 때가 있습니다. 하지만, 그 행동은 당신이 얼마나 소중하고 중요한 사람인지도 잊게 만들어 버립니다. # 오늘의 명언 교묘하게 속이는 것보다는 서투르더라도 성실한 것이 좋다. – 한비자 – =Naver "따뜻한 하루"에서 이식해옴...... #공동체#속임수#나하나쯤#인생#삶#명언#영감을주는이야기#교훈#따뜻한하루
앱인벤터로 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 ───────────────────────────────────────────── 코딩 초보자분들이 재미있고 쉽게 배울수 있는 책입니다. 추천합니다^^!! 끝까지 읽어주셔서 고맙습니다^^ #코딩추천책 #코딩책추천 #앱인벤터책 #앱인벤터강좌 #블록코딩책추천 #앱인벤터추천도서 #코딩책 #사물인터넷 #사물인터넷책추천 #인공지능 #인공지능앱 #인공지능앱만들기 #쉬운코딩 #쉽게앱만들기 #처음코딩 #코딩강좌 #스크래치 #엔트리 #코딩강좌 #블록코딩강좌 #앱만들기 #쉬운앱제작 #앱쉽게만들기
[슬기로운 코딩생활] 앱인벤터로 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%도 되지 않는다고 합니다. 말을 바꾸면 인격이 변하고 인격이 변하면 운명도 변할 수 있습니다. 그러므로 말이 중요합니다. 무의미한 말보단 침묵을 지키고 부정의 말보단 희망의 말로 바꿔보는 노력이 필요합니다. # 오늘의 명언 입술의 30초가 마음의 30년이 된다. 나의 말 한마디가 누군가의 인생을 바꿀 수도 있다. – 유재석 – =Naver "따뜻한 하루"에서 이식해옴..... #용기#침착함#말#인생#삶#명언#영감을주는이야기#교훈#따뜻한하루
식별되지않은 네트워크,이더넷 다양한 해결방안
인터넷을 사용하시다가 식별되지 않은 네트워크,이더넷 오류를 한번쯤이라도 겪어보신적이 있으실 겁니다. 해결방법이 간단할 수도 있지만 윈도우10 업데이트 할시 인터넷 옵션 속성이 꼬일 수 있어 나타나는 오류이기도 하는데요. 간단한 방법부터 소개해서 여러가지 해결책 방법을 소개해드리고자 합니다. https://chchhsware.tistory.com/3 (본문) 1. 매우 간단하게 윈도우10 자체 네트워크 드라이버 최신화 첫번째는 매우 간단한 방법으로 장치 관리자에 들어가서 네트워크 드라이버를 재설치 하는 방법입니다. 위 사진처럼 왼쪽 하단에 여러가지 옵션이 나오게 할려면 윈도우키+X를 누르시면 왼쪽처럼 여러 옵션들이 보이실텐데요. 여러 옵션 중 " 장치 관리자 "를 먼저 들어가주세요. 장치 관리자를 들어가주시면 상단에 " 네트워크 어댑터 " 라는 옵션이 보이실 겁니다. 그걸 더블클릭하셔서 바로 아래에 나오는 Intel / 또는 Realtech Ethernet 이라는 문구가 있으실 겁니다. 그걸 마우스 오른쪽 클릭해주셔서 " 드라이버 업데이트 " 를  진행해주시면 되는데요. 드라이버 업데이트에서 위에 있는 " 업데이트된 드라이버 소프트웨어 자동 검색 " 이라는 문구를 클릭해주셔서 진행해주시면 되겠습니다. 보통 윈도우10 업데이트 후 인터넷 드라이버가 업데이트가 되지 않아 식별되지 않은 네트워크 오류가 발생될 수 있기 때문에 생기는 오류 입니다. 만약 이 방법에서 업데이트 된 드라이버가 최신화 이미 되었다는 문구가 나오신다면 다른 방법을 접근을 해보셔야 합니다. 이 방법은 노트북 사용시 와이파이가 갑자기 안되었을 때 해주시면 해결되는 방법 중 하나이기도 합니다. 하지만 그 때는 네트워크 이름이 Ethernet 이 아닌 " Dual Band " 로 되어있으니 그걸로 업데이트 해주시면 되겠습니다. 2. 인터넷 속성 변경 2번째는 네트워크 및 공유센터 옵션에서 속성 변경을 해주는 방법입니다. 여기서 부터는 조금 어려우실 수도 있는데 그대로 따라와만 주시면 되겠습니다. 먼저 제어판에서 오른쪽 상단에 " 보기 기준 " 을 큰 아이콘으로 변경해주시고 나오는 네트워크 및 공유 센터를 들어가주세요. 네트워크 및 공유 센터로 들어가시면 엑세스 형식 인터넷 밑에 " 연결 : 이더넷 " 이라는 아이콘이 있을 겁니다. 저 아이콘은 반드시 컴퓨터에 유선연결이 되어있어야만 뜨는 아이콘이며 와이파이가 연결되어셨으면 와이파이 아이콘으로 나오시니 이 점 혼동 없으시길 바라겠습니다. 이더넷 아이콘이 보이셨으면 저 아이콘으로 들어가주시면 되겠습니다.  그러면 " 이더넷 상태 " 라는 창이 나오실텐데 사진 왼쪽부터 오른쪽처럼 진행해주시면 되겠습니다. 먼저 밑에 속성으로 들어가셔서 " 구성 " 을 눌러주시고 구성을 들어가시면 3번째 사진처럼 네트워크 속성 창에 진입하게 되시는데, 위 바에서 일반 옆에 있는 고급 탭으로 이동해주시면 됩니다. 고급 창에 들어오셨다면 이제 2가지만 " 비활성화 / Disabled " 로 변경을 해주시면 됩니다. 1. Large Send Offload v2 (IPv6) / 대형 전송 오프로드 v2 (IPv6) 2. TCP Checksum Offload (IPv6) / TCP 체크섬 오프로드 v2 (IPv6) 이 2개를 활성화에서 비활성화 (Disabled)로 변경해주시면 되겠습니다. 그 다음 확인을 눌러주시고  컴퓨터 다시시작을 해주시면 식별되지 않은 네트워크 오류는 웬만해서는 해결이 되실 겁니다. 생각보다 참 쉽죠? 만약 이 방법대로도 안된다면, 케이블도 바꿔보시고 하셔야 됩니다. 만약 케이블도 바꿨는데도 그렇다면 모뎀쪽이나 아니면 공유기쪽에서 인터넷을 받지 못하는 경우도 있으니, 이 3가지 방법이 다 안되신다면 통신사쪽에 연락하셔서 기사님을 부르시고 모뎀기를 검사해보셔야 됩니다. * 모든 사진은 Unsplash같은 무료사진 및 출처를 밝히고 사용하고 있습니다. * 제 블로그에 방문해주셔서 감사합니다. 제 글이 유익하셨다면 공감 한번만 눌러주시면 감사하겠습니다!
[슬기로운 코딩생활] 앱인벤터로 10분만에 스마트폰 앱 만들기 - 20
#슬기로운 코딩생활 #앱인벤터 를 하면 #코딩 이 재미있어집니다. #앱인벤터 를 하면 #코딩 이 즐거워집니다. #앱인벤터 를 하면 #코딩 을 하고싶어집니다. 내가 만든 앱을 내 스마트폰에 설치하고 사용할 수 있습니다. #블록코딩 방식으로 누구나 쉽게 앱을 만들 수 있습니다. 내가 만든 결과물을 스마트폰에서 직접 확인할 수 있으니 이보다 더 좋은 코딩 프로그램은 없습니다. #스크래치 나 #엔트리 는 PC의 해당 프로그램 내에서만 실행을 해볼 수 있습니다. #앱인벤터 는 코딩한 결과를 #스마트폰 에 앱으로 설치해 직접 사용해 볼 수 있기에 #코딩을 통한 #앱만들기 나 #코딩교육 에 가장 #최적화된프로그램 입니다. 이번 시간 목표 : 인터넷 검색 사이트 한번 입력으로 여러 사이트에서 검색하는 검색왕 앱 만들기 (1/3) 인터넷 검색 결과를 사이트마다 입력하지 않고 한번 입력으로 구글, 네이버, 네이버쇼핑, 에누리 등의 사이트에서 비교할 수 있는 방법을 알아보겠습니다. 이번 시간에는 앱 화면에 필요한 컴포넌트를 배치하고 속성을 설정해 디자인을 완성해보겠습니다. 기존 웹 브라우저 프로젝트 와 디자인이 유사해 웹 브라우저 프로젝트를 복사해 프로젝트를 진행해 보겠습니다. [MyWebBrowser] 앱을 연 후 [프로젝트]-[프로젝트 다른 이름으로 저장]을 클릭합니다. 다른 이름으로 저장 창이 나오 면 [SearchKing]을 입력 후 [확 인]을 클릭합니다. 컴포넌트 창의 [Screen1]을 클릭 후 속성 창에서 앱이름 [검색왕], 아이콘 [i_king.png]로 설정합니다. 배치한 컴포넌트의 이름과 속성을 검색왕 프로젝트에 맞게 수정해 보겠습니다. 컴포넌트 창에서 [접속]을 클릭 후 [이름 바꾸기]를 클릭합니다. 이름 바꾸기 창이 나오면 새 이름에 [구글]을 입력 후 [확인]을 클릭합니다. 속성 창에서 이미지 [없음], 텍 스트 [G]로 설정합니다. 컴포넌트 창에서 [유튜브]를 클릭 후 [이름 바꾸기]를 클릭합니 다. 이름 바꾸기 창이 나오면 새 이름에 [네이버쇼핑]을 입력 후 [확인]을 클릭합니다. 속성 창에서 텍스트를 [NS]로 설정합니다. 컴포넌트 창에서 [신문]을 클릭 후 [이름 바꾸기]를 클릭합니 다. 이름 바꾸기 창이 나오면 새 이름에 [에누리]를 입력 후 [확인]을 클릭합니다. 속성 창에서 텍스트를 [EN]으로 설정합니다. 참고로 G는 구글, N은 네이버, NS는 네이버쇼핑, EN은 에누리 사이트 입니다. 컴포넌트 배치와 속성 설정이 완료되었습니다. 이어지는 블록 코딩은 다음 시간에 완성하도록 하겠습니다. 그럼 다음에 다시 뵈요~~^^ 블록코딩과 앱인벤터에 대해 알고싶으시다면 아래 책을 추천해드립니다. [▶ 이 책의 대상 독자] - 코딩을 배우고 싶은 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 #엠블록 #코딩추천책 #코딩책추천 #앱인벤터책 #앱인벤터강좌 #블록코딩책추천 #앱인벤터추천도서 #코딩책 #사물인터넷 #사물인터넷책추천 #인공지능 #인공지능앱 #인공지능앱만들기 #인공지능책추천 #쉬운코딩 #쉽게앱만들기 #처음코딩 #코딩강좌