앱만들기(앱인벤터2)

[앱 인벤터2] 기본학습(13)_구글지도검색_액티비티스타터(Activity Starter)

예영교육연구소 2016. 6. 21. 18:30

새롭고 신나는 일이 생기는 오늘 하루입니다.

한주간도 파이팅하세요~

 

액티비티 스타터를 이용하여 사용자가 특정한 곳을 검색하면 구글지도를 불러와서 해당 위치를 

표시하는 기능을 사용해 보겠습니다.

구글 지도를 사용하는 방법을 알아보죠.

 

학습목표

(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)