스토리맵 =============== 스토리맵 개요 ----------------------------- .. image:: images/storymapIntro.png :alt: PINOGIO 스토리맵 - 개요 **스토리맵** 스토리맵은 프로젝트의 데이터셋을 사용하여 공간분석을 거쳐 생성된 레이어로 만들어지는 지도입니다. 스토리맵의 내용은 사용자의 작성내용에 따라서 수많은 용도로 사용될 수 있습니다. **기본형(BASIC) 스토리맵** 기본형 스토리맵은 가장 기초적인 스토리맵 입니다. 스토리맵 페이지 제목과 내용(콘텐츠) 를 담고있는 내용면과 사용되는 데이터를 보여줄 지도면으로 구성되어 있습니다. **포스트형(POST) 스토리맵** 포스트형 스토리맵은 블로그 포스트와 유사한 구성의 스토리맵 입니다. 사용자가 원하는 위치에 내용(콘텐츠) 를 입력할 수 있으며, 구분선과 이미지 맵(지도) 를 추가할 수 있습니다. 스토리맵 만들기 ----------------------------- 스토리맵 만들기는 다음과 같은 순서로 진행됩니다. .. important:: **타입(기본/포스트) 선택 -> 제목/설명/공개범위 설정 -> 배경지도/콘텐츠/레이어/지도옵션 설정 -> 완료** --------------------------------------------------------------------------------------- 기본형 스토리맵 만들기 --------------------------------------------------------------------------------------- .. image:: images/createStoryMapBasic.png :alt: PINOGIO 스토리맵 - 기본형 만들기 1. 스토리맵 페이지에서 **새로운 스토리 맵** 을 클릭합니다. 2. 스토리맵의 맵 타입의 기본값은 기본형(BASIC) 이며 4개의 템플릿 중 한 개를 선택하고 **다음** 을 클릭합니다. 3. 스토리맵 **제목** 입력란에 스토리맵 제목을 입력합니다. 4. 스토리맵 **설명** 입력란에 스토리맵에 대한 설명을 입력합니다. 5. '스토리맵 **공개범위** 선택란에서 스토리맵의 공개범위를 선택합니다. 6. **완료** 를 클릭하여 새로운 스토리맵을 생성합니다. --------------------------------------------------------------------------------------- 포스트형 스토리맵 만들기 --------------------------------------------------------------------------------------- 1. 스토리맵 페이지에서 **새로운 스토리 맵** 을 클릭합니다. 2. 스토리맵의 맵 타입을 로 POST 선택 후 **다음** 을 클릭합니다. .. image:: images/createStoryMapPost.png :alt: PINOGIO 스토리맵 - 포스트형 만들기 .. image:: images/createStoryMapPost2.png :alt: PINOGIO 스토리맵 - 포스트형 만들기2 3. 스토리맵 **제목** 입력란에 스토리맵 제목을 입력합니다. 4. 스토리맵 **설명** 입력란에 스토리맵에 대한 설명을 입력합니다. 5. 스토리맵 **공개범위** 선택란에서 스토리맵의 공개범위를 선택합니다. 6. 완료를 클릭하여 새로운 스토리맵을 생성합니다. 스토리맵 검색하기 ----------------------------- 스토리맵은 권한이 있는 모든 프로젝트 참여자가 만들 수 있습니다. 다른 팀원이 생성한 스토리맵의 제목을 입력하여 스토리맵들을 검색 할 수 있습니다. .. image:: images/searchStoryMap.png :alt: PINOGIO 스토리맵 - 검색하기 스토리맵 작성하기 ----------------------------- 스토리맵을 만들고 나면 스토리맵을 작성할 수 있는 페이지로 바로 이동하게 됩니다. 스토리맵의 내용을 작성하게 되면 작성 후 저장해야 내용이 소실되지 않습니다. ---------------------------------------------------------- 기본형 스토리맵 작성하기 ---------------------------------------------------------- 기본형 스토리맵은 지도와 콘텐츠로 이루어져 있습니다. 아래의 내용은 기본형 스토리맵을 작성하기위한 설명입니다. **콘텐츠** 콘텐츠는 기본형 스토리맵에서 지도를 제외한 내용이 입력되는 공간입니다. 페이지 제목과 콘텐츠 내용으로 이루어져 있습니다. .. image:: images/storymapContent.png :alt: PINOGIO 스토리맵 - 컨텐츠 1. **페이지 제목** 입력란에 스토리맵 페이지의 제목을 입력합니다. 2. **콘텐츠** 입력란에 스토리맵 페이지의 콘텐츠 내용을 입력합니다. **배경지도 설정** .. image:: images/storymapBaseMap.png :alt: PINOGIO 스토리맵 - 배경지도 스토리맵에서 사용하는 배경지도를 선택할 수 있습니다. 기본값은 VWorld 일반지도이며, OSM(OpenStreetMap)지도와 VWorld 흑백지도, VWorld 영상지도를 추가 가능합니다. 1. 배경지도 탭의 **추가 버튼(+)** 을 클릭합니다. 2. 스토리맵에서 사용할 배경지도를 클릭하여 추가합니다. 3. **선택하기** 를 클릭하여 배경지도를 추가합니다. .. list-table:: :widths: 100 150 :header-rows: 1 * - 지도명 - 특징 * - OSM(OpenStreetMap) - OpenSource로 제공되는 OpenStreetMap입니다. * - VWorld 일반 - 국토지리원에서 제공하는 기본 지도 입니다. * - VWorld 회색 - 국토지리원에서 제공하는 기본 지도 이며, 회색조로 제작되었습니다. * - VWorld 영상 - 국토지리원에서 제공하는 기본 지도 이며, 정사영상으로 제작되었습니다. .. tip:: 배경 지도는 여러 개 추가할 수 있습니다. .. image:: images/storymapBaseMapList.png :alt: PINOGIO 스토리맵 - 여러 개의 배경지도 목록 여러 개의 배경 지도를 추가하면 지도의 우측 상단에 배경 지도를 전환할 수 있는 도구가 추가됩니다. .. image:: images/storymapBaseMapChanger.png :alt: PINOGIO 스토리맵 - 여러 개의 배경지도 추가 **레이어 추가** 프로젝트에서 공간분석을 통해 만들어진 결과물이나 데이터 , 셋의 데이터를 사용한 레이어를 지도에 추가합니다. .. image:: images/storymapLayer.png :alt: PINOGIO 스토리맵 - 레이어 1. 레이어 **추가하기 버튼(+)** 을 클릭합니다. 2. 스토리맵에서 사용할 레이어들을 클릭하여 추가합니다. 3. 레이어 선택완료를 클릭하여 선택한 레이어들을 추가합니다. **지도옵션 설정** 스토리맵에서 사용되는 지도의 옵션들을 설정할 수 있습니다 기. 본적으로는 모든 설정값이 Off로 되어 있으며, 스토리맵의 특성에 따라 필요한 기능들만 가 가 On/Off 능합니다. 기능들에 대한 설명은 아래에 표에 정리되어 있습니다. .. image:: images/storymapMapControl.png :alt: PINOGIO 스토리맵 - 지도옵션 .. list-table:: :widths: 100 150 :header-rows: 1 * - 옵션명 - 특징 * - 줌 컨트롤 - | 지도에 기본적인 줌 컨트롤을 추가합니다. | 줌 인(+) / 줌 아웃(-) * - 축척 바 - 지도에 축적 바(Scale Bar)를 추가 합니다. * - 박스 줌 - Shift 키를 누르고 마우스 드래그를 통해 지도에 선택된 박스 지점을 줌인 합니다. * - 드래그 - 지도를 드래그 하여 위치를 이동할 수 있습니다. * - 키보드 - | 키보드를 이용하여 지도에 컨트롤 할 수 있습니다. | 방향키 : 지도의 위치를 이동합니다. | 더하기(+), 빼기(-) 키 : 지도의 줌 레벨을 조정합니다. | 키보드 컨트롤을 하기 위해서는 먼저 지도에 포커스를 맞춰야합니다. | (지도 클릭 후 키보드 동작 실행 가능) * - 마우스 휠 줌 - 마우스 휠을 사용하여 줌 인 / 줌 아웃을 할 수 있습니다. ---------------------------------------------------------- 포스트형 스토리맵 작성하기 ---------------------------------------------------------- 포스트형 스토리맵은 기본 스토리맵과 다르게 다수의 지도와 다수의 컨텐츠 내용, 이미지와 구분선으로 이루어져 있습니다. 기본형 스토리맵은 한 개의 지도를 통해 내용을 강조할 수 있다면, 포스트형 스토리맵은 다수의 지도를 활용하여 여러 가지 내용을 강조하여 표현할 수 있습니다. 아래의 그림은 포스트형 스토리맵을 생성한 직후의 모습입니다. .. image:: images/storymapPostCreate.png :alt: PINOGIO 스토리맵 - 포스트형 스토리맵 만든 직후 화면 포스트형 스토리맵은 추가(+) 버튼을 클릭하여 원하는 순서대로 아래의 내용들을 스토리맵에 채워나갈 수 있습니다. 스토리맵에 추가 가능한 내용들은 맵, 콘텐츠, 이미지, 구분선입니다. .. image:: images/storymapPostTool.png :alt: PINOGIO 스토리맵 - 포스트형 스토리맵 도구 **맵 추가하기** 스토리맵에 지도를 추가하는 기능입니다 지도에는 세가지 요소가 있습니다 . . 배경지도를 먼저 선택하고, 지도에 추가할 레이어들을 선택합니다. 마지막으로 지도의 옵션들을 선택할 수 있습니다. .. image:: images/storymapPostMap.png :alt: PINOGIO 스토리맵 - 포스트형 스토리맵 지도 스토리맵에서 사용하는 배경지도를 선택할 수 있습니다. 기본값은 OSM(OpenStreetMap)지도이며, VWorld 일반지도와 VWorld 흑백지도, VWorld 영상지도를 추가 가능합니다. 1. 배경지도 탭의 **추가 버튼(+)** 을 클릭합니다. 2. 스토리맵에서 사용할 배경지도를 클릭하여 추가합니다. 3. **선택하기** 를 클릭하여 배경지도를 추가합니다. .. list-table:: :widths: 100 150 :header-rows: 1 * - 지도명 - 특징 * - OSM(OpenStreetMap) - OpenSource로 제공되는 OpenStreetMap입니다. * - VWorld 일반 - 국토지리원에서 제공하는 기본 지도 입니다. * - VWorld 회색 - 국토지리원에서 제공하는 기본 지도 이며, 회색조로 제작되었습니다. * - VWorld 영상 - 국토지리원에서 제공하는 기본 지도 이며, 정사영상으로 제작되었습니다. 레이어 추가 기능을 통해 현재 프로젝트에서 생성된 레이어들을 지도에 추가할 수 있습니다. .. image:: images/storymapPostLayer.png :alt: PINOGIO 스토리맵 - 포스트형 스토리맵 레이어 스토리맵에서 보여질 지도에 대한 옵션 기능을 할 수 있습니다 지도의 On/Off . 옵션 기능은 아래의 표와 같습니다. .. list-table:: :widths: 100 150 :header-rows: 1 * - 옵션명 - 특징 * - 줌 컨트롤 - | 지도에 기본적인 줌 컨트롤을 추가합니다. | 줌 인(+) / 줌 아웃(-) * - 축척 바 - 지도에 축적 바(Scale Bar)를 추가 합니다. * - 박스 줌 - Shift 키를 누르고 마우스 드래그를 통해 지도에 선택된 박스 지점을 줌인 합니다. * - 드래그 - 지도를 드래그 하여 위치를 이동할 수 있습니다. * - 키보드 - | 키보드를 이용하여 지도에 컨트롤 할 수 있습니다. | 방향키 : 지도의 위치를 이동합니다. | 더하기(+), 빼기(-) 키 : 지도의 줌 레벨을 조정합니다. | 키보드 컨트롤을 하기 위해서는 먼저 지도에 포커스를 맞춰야합니다. | (지도 클릭 후 키보드 동작 실행 가능) * - 마우스 휠 줌 - 마우스 휠을 사용하여 줌 인 / 줌 아웃을 할 수 있습니다. **콘텐츠 추가하기** 스토리맵에 콘텐츠를 추가하는 기능입니다. 콘텐츠는 스토리맵 안에서 작성되는 텍스트입니다. 콘텐츠역시 화살표 버튼을 통해 추가된 내용의 위치를 위/아래로 순서 변경이 가능합니다. 삭제 버튼을 두 번 클릭하면 해당 내용은 삭제가 됩니다. .. image:: images/storymapPostContent.png :alt: PINOGIO 스토리맵 - 포스트형 스토리맵 콘텐츠 **구분선 추가하기** 구분선을 추가하면 아래의 그림처럼 구분선이 추가됩니다. 화살표 버튼을 통해 추가된 내용의 위치를 위/아래로 순서 변경이 가능합니다. 삭제버튼을 두 번 클릭하면 해당 내용은 삭제가 됩니다. .. image:: images/storymapPostLine.png :alt: PINOGIO 스토리맵 - 포스트형 스토리맵 구분선 **이미지 추가하기** 스토리맵에 이미지를 추가하는 기능입니다. 이미지를 추가하는 방법은 파일 업로드를 통한 이미지 추가와 링크를 사용한 이미지 추가입니다. - 파일 업로드를 통한 이미지 추가 .. image:: images/storymapPostImgFile.png :alt: PINOGIO 스토리맵 - 포스트형 스토리맵 이미지(파일 업로드) - 이미지 링크(주소) 통한 이미지 추가 .. image:: images/storymapPostImgUrl.png :alt: PINOGIO 스토리맵 - 포스트형 스토리맵 이미지(링크) ---------------------------------------------------------- 작성 스토리맵 미리보기 ---------------------------------------------------------- 내용을 저장한 후 스토리맵 작성 화면의 상단에서 미리보기(눈 아이콘)를 클릭하면 스토리맵을 공유받은 사용자의 시점에서 스토리 맵을 미리보기 할 수 있습니다. - 기본형 스토리맵 미리보기 .. image:: images/storymapPreviewBasic.png :alt: PINOGIO 스토리맵 - 스토리맵 기본형 미리보기 - 포스트형 스토리맵 미리보기 .. image:: images/storymapPreviewPost.png :alt: PINOGIO 스토리맵 - 스토리맵 포스트형 미리보기 ---------------------------------------------------------- 스토리맵 메타데이터 변경 ---------------------------------------------------------- .. image:: images/storymapMetadata.png :alt: PINOGIO 스토리맵 - 스토리맵 메타데이터 스토리맵 작성 화면의 상단에서 **메타데이터 변경** 을 클릭하면 스토리맵의 메타데이터를 변경할 수 있습니다. 스토리맵의 제목이나 스토리맵의 설명, 스토리맵 공개 범위를 변경할 수 있습니다. 변경내용 저장하기를 클릭해서 변경된 내용을 저장하면 메타데이터가 변경되고 저장됩니다. - 기본형 스토리맵 메타데이터 변경 .. image:: images/storymapMetadataBasicChange.png :alt: PINOGIO 스토리맵 - 스토리맵 메타데이터 변경(기본형) - 포스트형 스토리맵 메타데이터 변경 .. image:: images/storymapMetadataPostChange.png :alt: PINOGIO 스토리맵 - 스토리맵 메타데이터 변경(포스트형) ---------------------------------------------------------- 작성된 스토리맵 저장하기 ---------------------------------------------------------- 스토리맵의 변경사항이 있다면 스토리맵 저장을 클릭해서 변경내용을 적용해야 합니다. 저장하지 않고 스토리맵 작성페이지를 나가거나 새로고침 할 경우 변경된 내용이 적용되지 않습니다. .. important:: 저장하지 않고 새로고침하여 변경사항이 손실된 경우 **복원할 수 없으니** 반드시 저장해주세요. 스토리맵 공유하기 ----------------------------- 만들어진 스토리맵을 다른 사용자들에게 공유할 수 있습니다. 권한이 있는 프로젝트 팀원을 제외한 다른 사용자에게도 공유할 수 있습니다. **스토리맵 공유하기** 스토리맵 목록의 우측에 위치한 **공유** 를 클릭하여 스토리맵을 공유할 수 있습니다. .. image:: images/storymapShare.png :alt: PINOGIO 스토리맵 - 공유하기 **스토리맵 공유링크 만들기** .. image:: images/storymapShareType.png :alt: PINOGIO 스토리맵 - 공유하기 옵션 스토리맵 공유링크를 만들 수 있습니다. 공유 옵션을 변경하게 되면 하단의 변경하기를 클릭하여 변경 내용을 적용해야 합니다. 공유 옵션은 아래와 같습니다. .. list-table:: :widths: 100 150 :header-rows: 1 * - 공유옵션 - 특징 * - 끄기 - 공유하지 않기 - 현재 스토리맵을 공유하지 않습니다. * - 링크가 있는 모든 웹 사용자에게 공유 - 로그인 필요 없음 - 피노지오 로그인을 하지 않아도 스토리맵 조회가 가능합니다. * - 링크가 있는 로그인 사용자 - 로그인 필요 - 피노지오 로그인을 해야 스토리맵 조회가 가능합니다. 스토리맵 삭제하기 ----------------------------- 잘못 만들어졌거나, 필요가 없어진 스토리맵을 삭제할 수 있습니다. 스토리맵 작성 페이지의 우측 상단에 위치한 스토리맵 삭제를 클릭하여 스토리맵을 삭제할 수 있습니다. **스토리맵 삭제하기** 스토리맵 삭제를 클릭한 후 나타나는 팝업창에 스토리맵의 이름을 한번 더 입력합니다. 스토리맵 제목을 정확하게 입력하면 삭제하기 버튼이 활성화 됩니다. 활성화된 버튼을 클릭하면 스토리맵이 삭제됩니다. .. image:: images/storymapDelete.png :alt: PINOGIO 스토리맵 - 삭제하기 .. attention:: 스토리맵을 삭제하면 **다시 복원할 수 없습니다.** 신중히 생각해주세요.