[앱 인벤터2] 기본학습(13)_구글지도검색_액티비티스타터(Activity Starter)
새롭고 신나는 일이 생기는 오늘 하루입니다.
한주간도 파이팅하세요~
액티비티 스타터를 이용하여 사용자가 특정한 곳을 검색하면 구글지도를 불러와서 해당 위치를
표시하는 기능을 사용해 보겠습니다.
구글 지도를 사용하는 방법을 알아보죠.
학습목표
(1) 액티비티 스타터를 이용한 구글 맵(지도) 검색을 할 수 있다.
학습내용
(1) 내가 검색하고 싶은 내용을 입력 박스에 입력하고 해당 위치를 구글지도에 보여준다.
기본 다지기
저번시간에 간단한 예제를 통해 액티비티 스타터에 대해 이해할 수 있었죠.
자 그럼 액티비티라는 단어에 대해 조금 알아보고 넘어가겠습니다.
액티비티란(Activity)?
스마트폰에는 전체적인 운영을 담당하는 안드로이드라는 운영체제가 있어요.
액티비티란 안드로이드에서 애플리케이션(프로그램)의 한 구성요소입니다.
특정한 작업을 담당하게되죠.
예를 들면 앱에서의 하나의 화면을 액티비티라고 말할 수 있죠. 그렇다면 하나의 앱은 여러가지
액티비티를 가질 수 있답니다.
이메일 앱이라면 이메일 목록을 표시하는 화면(액티비티), 이메일을 작성하는 화면(액티비티)이
액티비티가 될 수 있어요.
이런 액티비티가 모여서 하나의 앱이 되는 거죠. ^^
그렇다면 액티비티 스타터는 액티비티를 시작해 주는 요소라고 이해하면 좀 더 쉬워지겠죠.
앱에서 구글 맵과 연결시키기
앱 인벤터2에서 구글 맵(지도)과 연결시키기 위해서는 액티비티 스타터를 이용합니다.
그리고 연결하고자 하는 서비스에 따라 속성값을 설정해 주어야 합니다.
구글 맵 서비스와 연결하기 위해 사용되는 속성값은 아래와 같습니다.
동작(Action) : android.intent.action.VIEW
액티비티 클래스(ActivityClass) : com.google.android.maps.MapsActivity
액티비티 패키지(ActivityPackage) : com.google.android.apps.maps
디자이너 화면에서 설정이 가능합니다.
여기서 입력 시에 오타가 발생하면 제대로 동작을 하지 않을 수 있습니다.
대소문자 구분해서 잘 입력해 주세요.
준비작업
가. http://ai2.appinventor.mit.edu/ 접속하기
나. 언어를 한국어로 설정한다.
다. '새 프로젝트 시작' 선택 후, 프로젝트 이름 원하는 이름으로 작성하기. 영어로 작성해야 합니다.
실습하기
다음과 같은 단계로 실습이 이루어집니다.
(1) 디자이너 화면에서 액티비티 스타터 , 버튼, 텍스트을 뷰어로 가져옵니다.
(2) 블록 화면에서 뷰어로 블록을 가져오고 결합합니다.
(3) 실제로 실행을 합니다..
디자이너 화면
① 버튼 : 선택하면 구글지도가 연결
속성변경 : 텍스트(“동영상보기”)
② 텍스트박스 : 구글지도에서 검색하고 싶은 지점을 검색.
③ 액티비티 스타터1 : 다른 프로그램을 불러오는 기능을 갖는 구성요소
준비작업
구글 지도 연결을 위한 액티비티 스타터 속성 설정
동작(Action) : android.intent.action.VIEW
액티비티 클래스(ActivityClass) : com.google.android.maps.MapsActivity
액티비티 패키지(ActivityPackage) : com.google.android.apps.maps
블록작업
블록 편집 화면 – 뷰어 |
블록을 가져옵니다.
같은 번호가 같은 쌍입니다.
1번은 1번에서 마우스를 선택해서 가져올 수 있습니다.
나머지도 동일하게 해당 번호에서 블록을 뷰어로 가져오면 됩니다.
# 블록을 결합시킵니다.
(1) 합치가 블록을 이용하면 두 문자열을 연결시킬 수 있어요.
결과적으로 만약 텍스트 상자에 ‘서울’을 입력하면
‘geo:0,0?q=서울’ 이 됩니다. 구글 지도에서 서울이 검색되게 되죠.
(2) 액티비티_스타터1.데이터 URI를 지정하므로 구글 지도의 위치를 지정할 수 있습니다.
‘geo:0,0?q=서울’ or 다음과 같이 입력이 가능합니다.
http://maps.google.com/?q=’서울’
‘geo:0,0?q=’의 문자열이 의미하는 바는
구글 지도에서 q= 이후에 입력되는 위치를 검색해 보이라는 뜻입니다.
샌프란시스코를 검색하고 싶다면
geo를 이용하면 위도, 경도의 값을 아래와 같이 설정해 주면 됩니다.
geo:37.7749,-122.4194
그리고 만약 Zoom 확대 기능을 넣고 싶다면 값을 다음과 같이 변경하면 됩니다.
z=숫자의 형태로 들어갑니다.
geo:37.7749,-122.4194?z=23
어느정도 이해가 되셨으리라 믿고, 결과화면으로 넘어가도록 하겠습니다.
장치에 연결 후, 앱을 확인하기 |
스마트폰과 연결하여 결과를 확인합니다.
(1) 연결되면 위와 같은 실행화면이 보입니다.
(2) 입력란을 선택하고, 폰의 키보드를 이용하여 찾고 싶은 위치를 입력합니다.
그리고 구글지도로 보기 버튼을 마우스로 선택합니다.
(3) 그러면 액티비티_스타터 구성요소의 기능에 따라구글 지도에서 검색된 위치가
새로운 화면으로 보여집니다.
참고
https://developer.android.com/guide/components/activities.html?hl=ko
자 그럼 오늘 하루도 수고하셨습니다. 파이팅!
하나님이 세상을 이처럼 사랑하사 독생자를 주셨으니 이는 그를 믿는 자마다 멸망하지 않고 영생을 얻게 하려 하심이라(요3:16)