앱인벤터로 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 ───────────────────────────────────────────── 코딩 초보자분들이 재미있고 쉽게 배울수 있는 책입니다. 추천합니다^^!! 끝까지 읽어주셔서 고맙습니다^^ #코딩추천책 #코딩책추천 #앱인벤터책 #앱인벤터강좌 #블록코딩책추천 #앱인벤터추천도서 #코딩책 #사물인터넷 #사물인터넷책추천 #인공지능 #인공지능앱 #인공지능앱만들기 #쉬운코딩 #쉽게앱만들기 #처음코딩 #앱인벤터 #스크래치 #엔트리 #블록코딩강좌 #앱인벤터강좌 #블록코딩 #앱만들기 #스마트폰앱만들기 #스마트폰앱제작