Mappler Web&Mobile Manual(20121019) by_kim_bada

26
매플러 사용가이드 1 Mappler Web 2 Mappler Mobile 웹에서의 커뮤니티 매핑 사이트 관리 스마트폰을 이용한 커뮤니티 매핑

Transcript of Mappler Web&Mobile Manual(20121019) by_kim_bada

Page 1: Mappler Web&Mobile Manual(20121019) by_kim_bada

매플러 사용가이드

1 Mappler Web

2 Mappler Mobile

웹에서의 커뮤니티 매핑 및 사이트 관리

스마트폰을 이용한 커뮤니티 매핑

Page 2: Mappler Web&Mobile Manual(20121019) by_kim_bada

Mappler Web Manual

매플러 웹 매뉴얼

Page 3: Mappler Web&Mobile Manual(20121019) by_kim_bada

해당 커뮤니티 사이트 주소의 끝에 “/admin”을 입력 후 이동하면 관리자 로그인 페이지가 나타납니다.

알맞은 User Name과 Password를 입력합니다. 예)www.mappler.net/40days/admin

관리자 로그인

Mappler Web Manual

Page 4: Mappler Web&Mobile Manual(20121019) by_kim_bada

데이터 입력 및 수정을 위해서 Manage Data 탭의 첫 번째,

View or Edit Data를 선택합니다.

데이타 입력 및 수정

Mappler Web Manual

Page 5: Mappler Web&Mobile Manual(20121019) by_kim_bada

View or Edit Data를 선택하면 아래와 같은 화면이 나타납니다.

Edit 아래의 해당 포인트 번호를 선택하면 해당 포인트의 정보 수정이 가능합니다.

Edit 오른쪽의 Delete의 X표시를 선택하면 해당 포인트의 삭제가 가능합니다.

Mappler Web Manual

데이타 입력 및 수정

Page 6: Mappler Web&Mobile Manual(20121019) by_kim_bada

해당 포인트의 Edit을 선택하면 아래와 같은 창이 나타납니다.

[Move point]를 선택하면 위치 설정이 가능하며 [Add/Update Image]를 선택하면 사진 설정이 가능합니다.

입력된 데이터 수정

[Move Point]에서 “Find Location”에 해당 위치 이름이나 주소를 입력하면 해덩 위치 검색이 가능합니다.

Mappler Web Manual

Page 7: Mappler Web&Mobile Manual(20121019) by_kim_bada

화면 아래의 [+Add New]를 선택하면 새로운 포인트 추가가 가능합니다.

[Move point]와 [Add/Update Image]를 선택하여 위치설정 및 사진업로드가 가능합니다. 알맞은 정보를 입력합니다.

새로운 데이터 추가

[+Add New]오른쪽의 Next 20 Records를 선택하면 다음 20개 데이터 정보 화면으로 이동합니다.

Mappler Web Manual

Page 8: Mappler Web&Mobile Manual(20121019) by_kim_bada

[Move point]를 선택하면 아래와 같은 창이 뜹니다.

Find Location에 해당 위치의 이름이나 주소를 입력 후 “Find!”를 선택하면 해당 위치로 이동합니다.

위치 검색

예) “백악관” 또는 “The White House 1600 Pennsylvania Avenue NW Washington, DC” 검색 가능

Mappler Web Manual

Page 9: Mappler Web&Mobile Manual(20121019) by_kim_bada

카테고리 수정을 위해서 Manage Data 탭의 세 번째,

Set Variables Names and Options를 선택합니다.

카테고리 수정

Mappler Web Manual

Page 10: Mappler Web&Mobile Manual(20121019) by_kim_bada

Set Variables Names and Options를 선택하면 아래와 같은 창이 나타납니다. Name in the map 아래의 빈칸에

서는 카테고리 이름 수정이 가능하며, Type Option by “|”에서는 카테고리 종류 설정이 가능합니다.

카테고리 수정

Mappler Web Manual

Page 11: Mappler Web&Mobile Manual(20121019) by_kim_bada

Type Option by “|” 아래의 빈칸에 원하는 옵션대로 입력합니다. 자유로운 텍스트 입력을 설정하려면

“textarea”를 입력, 드롭다운 박스로 설정하려면 “|(Shift+\)”를 이용합니다. 예) “지하철|버스|택시”

카테고리 종류 설정

Mappler Web Manual

Page 12: Mappler Web&Mobile Manual(20121019) by_kim_bada

*New Variable 아래의 Image Column에는 원하는 이미지 컬럼의 이름을 입력합니다. 예) var4

사진 컬럼 설정

데이터 업로드 할 때의 시간과 날짜를 자동으로 입력하기를 원할 시에는 원하는 날짜 컬럼과 시간 컬럼을

아래의 Catch for Current Data와 Catch for Current Time에 입력합니다.

Mappler Web Manual

Page 13: Mappler Web&Mobile Manual(20121019) by_kim_bada

사이트 수정을 위해서 Manage Map 탭의 첫 번째,

Manage Map Site를 선택합니다.

커뮤니티 사이트 수정

View Map Site를 선택하면 해당 커뮤니티 사이트로 이동합니다.

Mappler Web Manual

Page 14: Mappler Web&Mobile Manual(20121019) by_kim_bada

Manage Map Site를 선택하면 아래의 화면으로 이동합니다.

Define your default map view의 “Type Your Location”에 원하는 지도 위치(중심 위치) 검색, 설정이 가능합니다.

커뮤니티 사이트 수정.

Mappler Web Manual

Page 15: Mappler Web&Mobile Manual(20121019) by_kim_bada

Select Banner에서 사용자가 원하는 배너 선택이 가능합니다.

“Upload your own banner”를 선택하여 원하는 배너를 업로드 합니다.

커뮤니티 사이트 수정.

배너 사이즈는 1280*82 pixels 여야 하며 950*82 pixels 안에 내용이 위치해야 합니다.

Mappler Web Manual

Page 16: Mappler Web&Mobile Manual(20121019) by_kim_bada

“Web Title:” 에서 원하는 웹사이트 이름 설정이 가능하며 “Site Description”에서는 사이트 설명을 입력

할 수 있습니다. Categories and Icons: 우측의 “Add/Edit:” 버튼을 선택하면 아이콘 수정이 가능합니다.

커뮤니티 사이트 수정.

아이콘을 클릭하면 수정 가능한 아이콘 이미지들이 나타납니다.

Mappler Web Manual

Page 17: Mappler Web&Mobile Manual(20121019) by_kim_bada

Manage Map 탭의 첫 번째, View Map Site를 선택하면

해당 커뮤니티 사이트 창이 나타납니다.

커뮤니티 사이트 보기.

Mappler Web Manual

Page 18: Mappler Web&Mobile Manual(20121019) by_kim_bada

Mappler Mobile Manual

매플러 모바일 매뉴얼

Page 19: Mappler Web&Mobile Manual(20121019) by_kim_bada

App Store에서 Mappler Mobile을 검색 후 Install,

그리고 어플리케이션을 실행합니다.

Mappler Mobile 앱 설치

Mappler Mobile Manual

Page 20: Mappler Web&Mobile Manual(20121019) by_kim_bada

메인 화면에서 세 번째, Community Site를 선택합니다.

알맞은 Site와 Key를 입력 한 후 Enter를 선택하면 해당 커뮤니티 사이트로 연결됩니다.

Site & Key 입력

Mappler Mobile Manual

Page 21: Mappler Web&Mobile Manual(20121019) by_kim_bada

첫 번째, View Map을 선택하면 해당 커뮤니티 지도를 볼 수 있습니다.

아이콘을 선택하면 해당 포인트의 정보와 사진을 볼 수 있습니다.

View Map

사진을 선택하면 사진이 확대되어 나타납니다. Get My Position을 선택하면 현재 나의 위치로 이동합니다.

Mappler Mobile Manual

Page 22: Mappler Web&Mobile Manual(20121019) by_kim_bada

Add Data/Photo 과정 아래는 데이터를 추가하는 전반적인 과정입니다.

자세한 내용은 다음 페이지부터 시작됩니다.

2

나눔고딕 B

10pt

3

나눔고딕 B

10pt

4

나눔고딕 B

10pt

5

나눔고딕 B

10pt

6

나눔고딕 B

10pt

위치 정보 제공 동의

커뮤니티 사이트 연결

정확한 위치 설정

사진 선택 사진 업로드 데이타 입력

1

나눔고딕 B

10pt

업로드 완료

Mappler Mobile Manual

Page 23: Mappler Web&Mobile Manual(20121019) by_kim_bada

두 번째 Add Data/Photo를 선택하시면 아래와 같은 창이 뜹니다.

OK를 선택하시면 현재 위치가 핀으로 나타납니다. 정확한 위치 선택 후 다음 화살표를 선택합니다.

위치 설정

핀을 선택하여 드래그하면 정확한

위치로의 이동이 가능합니다.

Mappler Mobile Manual

Page 24: Mappler Web&Mobile Manual(20121019) by_kim_bada

Select Image를 선택하면 현재 앨범에 있는 사진 선택이 가능하며, 중간의 카메라 버튼을 선택하면 바로 사진 촬영이 가능합니다.

사진 선택 후에 오른쪽 아래의 Submit을 선택합니다. 아래와 같은 메시지가 뜨면 OK를 선택하고 다음 화살표를 선택합니다.

사진 선택

사진 선택 후 반드시 Submit

버튼을 선택해 주세요.

Mappler Mobile Manual

Page 25: Mappler Web&Mobile Manual(20121019) by_kim_bada

알맞은 데이터를 입력 후 Submit을 선택합니다.

오른쪽과 같은 화면이 나타나면 홈버튼을 눌러 메인화면으로 돌아갑니다.

데이타 입력

반드시 카테고리를 설정해야 합니다.

Mappler Mobile Manual

Page 26: Mappler Web&Mobile Manual(20121019) by_kim_bada

THANK YOU

감사합니다

CONTAC T :

김바다

[email protected]