대디의 IT공방

메뉴-아이콘

#앱인벤터 (9)

앱 인벤터 - 지도검색 만들기

프로그래밍/앱 인벤터(App Invertor) 아빠달 2017. 1. 15. 16:57

구글 지도 서비스를 이용하여 찾고자 하는 곳의 위치를 찾아보는 앱 인벤터 지도검색 앱을 만들어 보겠습니다. 지도 검색 서비스는 간단하게 만들 수 있는데요. 이번 시간에는 ActivityStarter 컴포넌트 활용하여 구글 맵과 연하는 하는 방법을 알아보도록 하겠습니다. 앱 인벤터 지도 검색 앱 만들기화면디자인필요한 것은 찾고자 하는 장소를 입력하는 텍스트 상자와 지도 검색을 할 수 있게 만드는 버튼 하나만 있으면 됩니다. 1. 아래 그림처럼 텍스트 박스와 버튼을 배치합니다. 2. 컴퍼넌트에서 Button1을 선택하고 속성에서 텍스트를 [지도보기]로 변경시켜 줍니다. 3. 연결에서 액티비티 스타터를 스크린에 옮겨 놓으면 아래 보이지 않는 컴포넌트로 이동합니다. 4. 액티비티 스타터를 클릭하고 Ation과 ..

앱인벤터 강좌 전화걸기 연결 예제

프로그래밍/앱 인벤터(App Invertor) 아빠달 2017. 1. 11. 13:57

이번 시간에는 앱인벤터 강좌 전화번호 연결하는 예제를 만들어 보도록 하겠습니다. 이렇게 예제 하나하나 만들다 보면 제대로 된 앱 하나 만들 수 있겠조? 전화번호 앱은 동작 예제는 텍스트 박스에 전화번호를 입력하고 버튼을 클릭하면 바로 전화를 거는 것과 버튼을 클릭하면 전화번호부 목록이 나타나는 프로그램을 만드는 것입니다. 화면 디자인하기 1. 사용자 인터페이스에서 텍스트 상자와 버튼을 하나씩 가져와 배치를 시켜줍니다. 여기서 텍스트 상자에 전화번호를 넣고 버튼을 누르면 전화통화를 할 수 있게 만들 것입니다. 2. 소셜을 클릭하면 [전화번호 선택]이 있습니다. 선택을 한 다음 끌어 놓습니다. 여기서 [전화번호 선택] 버튼을 클릭하면 전화번호부 앱이 나타나게 할것입니다. 3. [전화]도 컴포넌트에 넣습니다...

앱인벤터 강좌 - MP3 음악 재생 앱 만들기

프로그래밍/앱 인벤터(App Invertor) 아빠달 2016. 9. 1. 16:35

이번 앱인벤터 강좌에서는 mp3 음악 파일을 재생시켜 보도록하겠습니다. 앱 인벤터의 player 컴퍼넌트를 이용하여 간단한 음악 파일을 재생시켜 보도록 하겠습니다. 앱 인벤터 MP3 음악 재생 앱 화면 구성하기 팔레트에서 버튼 버튼 3개를 가져다가 화면에 그림과 같이 배치를 먼저 하도록 하겠습니다 Media에 들어가서 Player를 클릭한 다음 드래그하여 화면에 옮겨 놓으면 [보이지 않는 컴포넌트]로 이동됩니다. 배치가 완료 되고 나면 각 버튼을 클릭하여 속성에서 텍스트 글자를 재생, 일시정지, 멈춤으로 텍스트를 변경해 주시고 컴퍼넌트에서 버튼의 이름도 Button1_R, Button1_P, Button1_S로 변경을 해주세요 이제 재생할 음악 파일을 업로드 해야 합니다. 컴포넌트 밑에 있는 Media에..

앱인벤터 강좌 - 카메라 이용하여 사진찍기

프로그래밍/앱 인벤터(App Invertor) 아빠달 2016. 7. 30. 08:00

앱인벤터 강좌- 카메라 이용하여 사진찍기 앱인벤터에 있는 카메라 컴포넌트를 이용하여 사진찍는 앱을 만들어 보겠습니다. 앱인벤터 카메라 - 사진찍기 사진을 찍는 앱을 만들 때 사진을 찍는 블럭과 찍은 후 그 이미지를 가지고 스마트폰 화면에 보여지게하는 부분을 만들어야합니다. 화면구성▲ 화면 구성은 버튼과 이미지 카메라 컨퍼넌트를 가져다 놓고 그림과 같이 배치를 합니다.그리고 버튼의 이름을 변경해 줍니다. 블럭 구성▲ 버튼과 카메라1 에서 블럭을 가져와 넣습니다.버튼을 클릭하면 카메라를 호출하게 됩니다. ▲ 카메라에서 사진을 찍으면 화면에 보여줘야하는 부분을 만드는 것입니다.카메라에서 사진을 찍은 후 사진을 이미지에 넣으라는 뜻입니다. ▲ 이미지1에 카메라1에서 찍은 사진을 가져와 넣으라는 명령입니다. ▲ ..

앱인벤터 강좌 - 캔버스 이용하여 그림그리기

프로그래밍/앱 인벤터(App Invertor) 아빠달 2016. 7. 29. 14:19

앱인벤터 강좌 캔버스 - 그림그리기 앱인벤터 이번 시간에는 캔버스를 이용하여 스마트폰 화면에 그림을 그려 보도록 하겠습니다. 앱인벤터 캔버스 - 그림그리기 화면구성 ▲ 팔레트에서 [그리기&애니메이션]에 들어 있는 캔버스를 뷰어 화면에 옮겨 놓습니다. ▲ 캔버스 속성에서 높이와 너비를 부모에 맞추기를 선택하여 캔버스가 화면에 꽉 차게 합니다. 블록설정하기 ▲ 블록으로 이동한 뒤 [캔버스1]을 클릭하여 위 블록을 가져와 배치를 합니다. ▲ 캔버스에서 우리가 할 일은 선을 그리는 일이기 때문에 [호출 캔버스1. 선그리기]블록을 가져옵니다. ▲ 블럭을 위 그림 처럼 두개를 맞춰 줍니다. ▲ 이전X 위에 마우스를 올려 놓으면 위 그림 처럼 [가져오기 이전 X]와 [지정하기 이전X]값이 나타납니다. [가져오기 이전..

어린이 코딩 교육 엄마 아빠가 먼저

IT 인터넷/IT이야기 아빠달 2016. 6. 28. 16:23

2018년 초중고등학교에서 시행하는 SW교육 때문에 벌써부터 사교육 시장이 들썩이는거 같다.직설적으로 이야기하면 정말 먹을께 많은 먹거리 시장이다.“논리적 사고력~” 하면서 부모님들을 현혹하고 있으니 말이다. 출판사에서는 올해 초부터 스크래치 관련 책들을 찍어내고 있고 사설 자격증까지 생겨나고 있으니 말이다. 어떤 부모님들은 벌써부터 어떤 학원을 보내나 찾아보고 있으니 말이다. 정부에서 소프트웨어 교육을 한다고 소식을 접한게 2014년도 즈음이다.학교에서 컴퓨터 교육이라고 하면서 파워포인트, 엑셀, 한글 자격증 교육에 맞추어져 있는 현실에서 2018년 즈음 우리아이가 학교에서 배울 SW교육에 관심을 안가질 수 가 없었다. 지금 직장은 전공과 전혀 상관 없는 곳에서 일은 하지만 대학에서 컴퓨터과학을 전공했..

앱인벤터 강좌 - 합치기 블록 사용하기

프로그래밍/앱 인벤터(App Invertor) 아빠달 2016. 6. 28. 10:34

앱인벤터 강좌 - 합치기 블록 사용하기 지난 시간에는 텍스트 박스를 하나 만들어 봤는데요이번에는 두개의 텍스트 박스를 만들어 가각 내용을 하나로 합쳐음성으로 변환하는 예제를 만들어 보겠습니다. 앱인벤터 합치기 블록 실행 동영상 꼭 알아두기앱인벤터에는 여러가지 블록들이 있지만 그 중 합치기 블럭도많이 사용합니다. 꼭 사용방법을 익혀 두는게 좋습니다. 어플리케이션 실행 조건1. 두개의 텍스트 상자에 문자를 입력한다2. 버튼을 클릭하면 두개의 텍스트 상자에 내용을 음성으로 변환한다. 화면 구성▲ 텍스트 상자를 두개 배치를 시키고 버튼 1개를 그림처럼 배치합니다.그리고 텍스트 상자와 버튼 컴퍼넌트의 이름을 하나 하나 변경해 줍니다. 블록 설정하기▲ 버튼에서 "언제 실행~" 블록과 음성_변환에서 "호출 음성_변환..

앱인벤터 강좌 - 텍스트 음성으로 변환하기

프로그래밍/앱 인벤터(App Invertor) 아빠달 2016. 6. 26. 23:23

앱인벤터 강좌 - 텍스트 음성으로 변환하기 앱인벤터로 간단한 예제를 한번 만들어보겠습니다.텍스트 상자에 글씨를 입력하고 버튼을 누르면 텍스트 상자에 있는 문자를 음성으로 변화하여 읽어주는 앱을 만들어 보겠습니다. 앱인벤터 텍스트 음성으로 변환 실행 동영상 꼭 알아두기컴퍼넌트를 추가하는 방법과 이름을 변경하는 방법블록 사용하는 방법을 꼭 알아두시기 바랍니다. 어플리케이션 실행 조건1. 텍스트 상자에 문자를 입력한다.2. 버튼을 클릭하면 텍스트 상자에 있는 문자를 음성으로 변환시켜 준다. 화면 구성하기▲ 먼저 새로운 프로젝트를 생성해 줍니다.파일이름은 꼭 시작을 영문으로 시작해야합니다. ▲ 사용자 인터페이스에 있는 텍스트 상자와 버튼 상자를 클릭하여 위에 그림 처럼 배치를 시켜 줍니다. ▲ 컴포넌트에서 텍스..

앱인벤터 강좌 - 언어 설정 한국어로 선택하는 방법

프로그래밍/앱 인벤터(App Invertor) 아빠달 2016. 6. 14. 11:06

앱 인벤터에 한국어 버전이 있습니다. 기본은 영어로 되어 있는데요 영어가 편하신 분들은 영어로 작성하셔도 됩니다. 그래도 저는 영어보다는 한글을 좋아해서 한글 버전으로 작성을 합니다 ^^; 그럼 앱 인벤터 언어 설정을 변경해 보겠습니다. 언어 설정 변경은 아주 간단합니다. ▲ Create apps로 들어갑니다. ▲ English를 클릭합니다. 그러면 다른 나라의 언어들이 나오는데요 그 중에 한국어가 있다는 정말 자랑스럽습니다. ^^ 한국어를 선택해 주세요 ▲ 각 항목별로 클릭해 보면 사용자 인터페이스 부분도 한글로 변경이 되었고요 ▲ 코드 블록도 모두 한글로 변경이 되었습니다. 옛날 대학에서 프로그래밍 언어를 배울 때 왜 언어들은 모두 영어로 되어 있을까? 한글로 되어 있으면 얼마나 좋을까? 하고 생각을..

Copyright © 대디의 IT공방 All Rights Reserved
Designed by JB FACTORY

티스토리툴바