Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Cartobuilder 실습

90 views

Published on

Carto Builer를 활용한 미세먼지 주제도 만들어 보기 실습 교재입니다.
상세한 내용과 사용되어진 데이터가 필요하면 skkim@sphinfo.co.kr로 요청 해주세요.

Published in: Data & Analytics
  • Torque.js를 이용한 시간대별 미세먼지 농도 변경추이 Demo URL : http://104.199.133.107/carto.demo/seminar/index.html
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Cartobuilder 실습

  1. 1. 2 AGENDA CARTO 실습 미세먼지 분석 지도 작성하기 SPH R&D 팀 조용균 과장
  2. 2. 3 미세먼지 분석 지도 작성하기 2017. 05 SPH(www.sphinfo.com)
  3. 3. 4 1. 실습의 목적 ● IT 비전문가도 위치정보의 시각화와 분석을 Cloud환경의 CARTO Builder를 이용하여 손쉽게 시각화 및 분석할 수 있도록 사용방법을 실습과 함께 제시 ● 실습내용 ○ 사용자 계정 정보 등록 ○ “미세먼지 측정정보 분석”이라는 시나리오를 활용 지도 작성하기 ○ 제작한 지도를 공유하기
  4. 4. 5 2. CARTO Builder 시작하기 2.1. 사용자 계정 등록 1. CARTO Builder Site ( URL : http://carto.com )에 접속하여 “Sign UP” 클릭하면 사용자 계정을 등록할 수 있는 웹 페이지로 이동
  5. 5. 6 2. CARTO Builder 시작하기 2.1. 사용자 계정 등록 2. 사용자 계정 등록 페이지에서 “Username”, “Your email”, “Choose password”를 차례대로 입력하고 “SIGN UP”을 클릭 (사용 자 정보 입력, Google 계정 연동, Github 계정 연동 총 3가지 방법 중 사용자 정보 입력으로 등록)
  6. 6. 7 2. CARTO Builder 시작하기 2.1. 사용자 계정 등록 3. 사용자 계정에 대하여 CARTO Builder 환경을 설정 중이라는 메시지와 함께 간단한 설문조사 페이지가 보여짐. 환경설정이 완료 되면 Dashboard 편집 페이지로 이동
  7. 7. 8 2. CARTO Builder 화면 구조 2.2. CARTO Builder 화면 구조 ● Public Profile - 외부에 공개되는 사용자 계정의 지도 및 데이터 콘텐츠 페이지 1 2 3 4
  8. 8. 9 2. CARTO Builder 화면 구조 2.2. CARTO Builder 화면 구조 ● Dashboard - Map과 Dataset 정보를 활용하여 지도 컨텐츠를 작성 및 관리하는 페이지 1 6 4 52 7 3
  9. 9. 10 3. CARTO Builder 실습하기 ● 미세먼지 측정 지도 제작하기 ○ 미세먼지 측정정보를 이용하여 미세먼지 측정 지도 제작 ○ 지역별 측정기 설치 분포 정보 지도 제작 ● 미세먼지 측정기 설치 분석 지도 제작하기 ○ 지역별 측정기 설치 분포 정보와 미세먼지 농도에 영향을 주는 추가 정보를 활용하여 측정기 추가 설치 지역을 분석할 수 있는 지도 작성 ● 실습 데이터 파일 파일명 파일 내용 사용 실습 시나리오 fine_dust.csv 미세먼지 측정 정보 미세먼지 지도 제작하기 sgg_polygon.csv 행정구역 공간정보 미세먼지 지도 제작하기 census.csv 행정구역별 인구정보 미세먼지 측정기 설치 분석 지도 제작하기 power_plant.csv 화력발전소 정보 미세먼지 측정기 설치 분석 지도 제작하기
  10. 10. 11 3. CARTO Builder 실습하기 3.1. Dataset Import 하기 1. Dataset Dashboard 페이지로 이동하여 오른쪽 상단에 “NEW DATASET” 버튼을 클릭 2. 실습을 위해 제공된 파일을 Drag & Drop으로 화면으로 이동 선택상자에서 Datasets를 선택하 여 Datasets Dashboard로 이동 Dataset 정보로 Import할 파 일 정보가 화면에 출력됩니다.
  11. 11. 12 3. CARTO Builder 실습하기 3.1. Dataset Import 하기 3. Dataset 상세 페이지 Import된 데이터 확인 및 “Preview” 버튼을 클릭하여로 공간 정보는 지도로 확인
  12. 12. 13 3. CARTO Builder 실습하기 3.1. Dataset Import 하기 4. 위와 같은 방법으로 실습 파일을 Dataset 으로 Import
  13. 13. 14 3. CARTO Builder 실습하기 1. 사용자 계정의 Map Dashboard 페이지로 이동하여 “NEW MAP” 버튼 클릭 3.2. 미세먼지 측정 지도 제작하기
  14. 14. 15 3. CARTO Builder 실습하기 2. Dataset 선택 팝업 페이지에서 Dataset “fine_dust”를 선택하고 “CREATE MAP” 버튼을 클릭 3.2. 미세먼지 측정 지도 제작하기
  15. 15. 16 3. Carto Builder 실습하기 3. Map이 생성되면 Welcom to Builer 알림 페이지가 출력되는데 “EDIT YOUR MAP” 버튼을 클릭 (“Don’t show me this again.”의 체크상자를 선택하면 다음부터는 보여지지 않음) 3.2. 미세먼지 측정 지도 제작하기
  16. 16. 17 4. Map 상세 페이지에서 “fine_dust” Layer를 클릭 3. CARTO Builder 실습하기 3.2. 미세먼지 측정 지도 제작하기
  17. 17. 18 5. “STYLE” 메뉴를 클릭하여 아래의 내용대로 Style에 대한 정보를설정 3. CARTO Builder 실습하기 3.2. 미세먼지 측정 지도 제작하기 ● Aggregation : 육각형 모양의 “HEXABINS”를 선택 ● Aggregation Options ○ SIZE : HEXABINS 크기를 설정하는 정보로 지도의 Zoom Level을 “8”로 설정 후 “30”으로 설정 ○ OPERATION : HEXABIN영역에 포함되는 농도의 평균치를 계산을 위해 “AVG”를 선택한 후 Dataset 컬럼 정보중 aqi(농 도)를 선택 ● Style ○ FILL : 색상바를 클릭하면 설정할 수 있는 색상바를 선택할 수 있는 정보창이 출력되는데 그림과 같은 색상을 선택 후 오른 쪽의 바꾸기 버튼을 클릭 ○ Label : 체크박스 클릭하여 활성화 - COLUMN : HEXABIN영역의 농도의 평균값 agg_value를 선택 - OFFSET : Label정보가 HEXABIN의 중앙에 출력되도록 “0”으로 설정
  18. 18. 19 6. Style에서 설정 정보와 지도에 출력되는 Layer 정보를 확인 3. CARTO Builder 실습하기 3.2. 미세먼지 측정 지도 제작하기
  19. 19. 20 7. Layer의 제목을 “미세먼지 측정정보”로 변경 3. CARTO Builder 실습하기 3.2. 미세먼지 측정 지도 제작하기
  20. 20. 21 8. 관리영역의 “LAYERS” 메뉴에서 “ADD” 버튼을 클릭한 후 Dataset 선택 팝업 페이지에서 Dataset “sgg_polugon”를 선택 3. CARTO Builder 실습하기 3.2. 미세먼지 측정 지도 제작하기
  21. 21. 22 9. Map 상세페이지에서 “sgg_polygon” Layer를 클릭한 후 메뉴 정보 중 “ANALYSIS”를 클릭 3. CARTO Builder 실습하기 3.2. 미세먼지 측정 지도 제작하기
  22. 22. 23 10. “ADD ANALYSIS” 버튼을 클릭하여 출력된 분석기능 중에서 “Intersect second layer”를 선택 후 “ADD ANALYSIS” 버튼 을 클릭 3. CARTO Builder 실습하기 3.2. 미세먼지 측정 지도 제작하기
  23. 23. 24 11. “ANALYSIS” 메뉴에서 아래의 내용대로 위에서 선택한 분석기능에 정보를 설정 3. CARTO Builder 실습하기 3.2. 미세먼지 측정 지도 제작하기 ● Aggregation Intersection ○ INTERSECT LAYER : 제작한 “미세먼지 측정정보” Layer를 선택 ● Measure by ○ OPERATION : 행정구역에 포함되는 측정기의 갯수를 분석하기 위해 COUNT 선택
  24. 24. 25 12. “STYLE” 메뉴를 클릭하여 분석정보에 대하여 아래의 내용대로 Style에 정보에 대한 정보 설정 3. CARTO Builder 실습하기 3.2. 미세먼지 측정 지도 제작하기 ● Polygon Style ○ FILL : 색상정보 설정 팝업에서 “BY VALUE”을 클릭하여 아래와 같이 정보를 설정 - BY VALUE는 측정기의 갯수 “count_vals”를 선택. - “count_vals”의 값에 대한 분위수 별 색상정보는 원하는 색상을 선택 ○ STROKE : 색상바를 클릭한 후 테두리로 사용할 원하는 색상 정보를 선택 13. “POPUP” 메뉴를 클릭하여 분석정보에 대하여 아래의 내용대로 Popup에 대한 정보를설정 ● Popup의 유형 : HOVER를 선택하여 Polygon 마우스 오버 이벤트 시 요약정보 팝업을 출력 ● Style : 원하는 팝업 디자인을 선택 ● Show Item : 아래 표를 참고하여 Popup에 출력할 정보를 선택 후 명칭 변경 컬럼명 cityname1 cityname2 count_vals 설명 시도 구군 측정기 개수
  25. 25. 26 14. “ANALYSIS”, “STYLE”, “POPUP”에 설정한 정보들과 지도에 출력되는 Layer 정보를 확인 3. CARTO Builder 실습하기 3.2. 미세먼지 측정 지도 제작하기
  26. 26. 27 15. Layer의 제목을 “지역별 미세먼지 측정기 분포 정보”로 변경 3. CARTO Builder 실습하기 3.2. 미세먼지 측정 지도 제작하기
  27. 27. 28 3. CARTO Builder 실습하기 3.3. 미세먼지 측정 지도 제작하기 연습문제 ● 위에서 제작한 “지역별 미세먼지 측정기 분포 정보”에 미세먼지 측정기의 위치정보를 추가하기 ● Layer 명 : 미세먼지 측정기 위치 정보 ● Dataset 명 : fine_dust ● Style ○ Aggregation : 원모양의 “NONE”를 선택 ○ Style ○ FILL : 측정기의 위치정보 Style을 변경 - FIXED : 원의 크기에 대한 설정으로 사용자가 원하는 크기로 설정 - 색상 : 사용자가 원하는 색상으로 설정 ● Popup을 이용하여 측정기 상세정보 출력 ○ Popup의 유형 : CLICK를 선택하여 Point 클릭 이벤트 시 상세정보 정보 팝업을 출력 ○ Style : 원하는 팝업 디자인을 선택 ○ Popup에 출력할 측정기 정보 : 아래 표를 참고하여 Popup에 출력할 정보를 선택 후 명칭 변경 컬럼명 idx pol aqi city 설명 측정기 INDEX 물질정보 농도 지역정보
  28. 28. 29 3. CARTO Builder 실습하기 3.3. 미세먼지 측정 지도 제작하기 연습문제 ● 위에서 제작한 “지역별 미세먼지 측정기 분포 정보”에 미세먼지 측정기의 위치정보를 추가하기
  29. 29. 30 1. 관리영역의 “LAYERS” 메뉴에서 “ADD” 버튼을 클릭한 후 Dataset 선택 팝업 페이지에서 Dataset “census”를 선택 3. CARTO Builder 실습하기 3.4. 미세먼지 측정기 설치 분석 지도 제작하기
  30. 30. 31 2. Map 상세페이지에서 “census” Layer를 클릭한 후 메뉴 정보 중 “ANALYSIS”를 클릭 3. CARTO Builder 실습하기 3.4. 미세먼지 측정기 설치 분석 지도 제작하기
  31. 31. 32 3. CARTO Builder 실습하기 3.4. 미세먼지 측정기 설치 분석 지도 제작하기 3. “ADD ANALYSIS” 버튼을 클릭하여 출력된 분석기능 중에서 “Join columns from 2nd layer”를 선택 후 “ADD ANALYSIS” 버 튼을 클릭
  32. 32. 33 4. “ANALYSIS” 메뉴에서 아래의 내용대로 위에서 선택한 분석기능에 정보를 설정 3. CARTO Builder 실습하기 3.4. 미세먼지 측정기 설치 분석 지도 제작하기 ● Join columns from 2nd layer ○ INPUT #2 : 미세먼지 측정기 분포 정보 Layer ○ JOIN TYPE : LEFT를 선택하여 “census” Layer를 기준으로 “지역별 미세먼지 측정기 분포 정보” Layer의 정보를 JOIN ● Foreign Keys : 두 개의 Layer가 JOIN할 때 서로 연결할 정보 설정 ○ CENSUS : the_geom(공간정보)을 선택하여 “지역별 미세먼지 측정기 분포 정보” Layer의 the_geom(공간정보)와 같은 정보들을 연결한다. ○ B1 : the_geom(공간정보)을 선택하여 “census” 레이어의 the_goem(공간정보) 같은 정보들을 연결한다. ● Columns : 두 개의 Layer가 JOIN 되어 새로운 Layer를 구성할 때 사용할 컬럼정보를 설정 ○ CENSUS : 아래 표로 정리한 항목의 체크박스를 선택 ○ B1 : 미세먼지 측정기 개수 정보 count_vals 항목의 체크박스를 선택 컬럼명 cityname1 cityname2 to_in_cnt to_in_avg to_age_avg 설명 시도명 구군명 총 인구 수 인구밀도 평균연령
  33. 33. 34 4. “ANALYSIS” 메뉴에서 아래의 내용대로 위에서 선택한 분석기능에 정보를 설정 3. CARTO Builder 실습하기 3.4. 미세먼지 측정기 설치 분석 지도 제작하기
  34. 34. 35 5. “STYLE” 메뉴를 클릭하여 분석정보에 대하여 아래의 내용대로 Style에 대한 정보를설정 3. CARTO Builder 실습하기 3.4. 미세먼지 측정기 설치 분석 지도 제작하기 ● Polygon Style ○ FILL : 색상정보 설정 팝업에서 “BY VALUE”을 클릭하여 아래와 같이 정보를 설정 - BY VALUE는 측정기의 갯수 “right_count_vals”를 선택. - Quantification에 대한 설정정보에서 “quantiles”에서 “Cartegory”로 변경 - 각 항목의 색상정보는 원하는 색상으로 수정 ○ STROKE : 색상바를 클릭한 후 테두리로 사용할 원하는 색상 정보를 선택 6. “POPUP” 메뉴를 클릭하여 분석정보에 대하여 아래의 내용대로 Popup에 대한 정보를 설정 ● Popup의 유형 : HOVER를 선택하여 Polygon 마우스 오버 이벤트 시 요약정보 팝업을 출력 ● Style : 원하는 Hover에 대한 팝업 디자인을 선택 ● Show Item : 아래 표를 참고하여 Popup에 출력할 정보를 선택 후 명칭 변경 컬럼명 cityname1 cityname2 to_in_cnt to_in_avg to_age_avg right_count_vals 설명 시도명 구군명 총 인구 수 인구밀도 평균연령 측정기 갯수
  35. 35. 36 7. “LEGEND” 메뉴를 클릭하여 분석정보에 대하여 아래의 내용대로 범례에 대한 정보를 설정 3. CARTO Builder 실습하기 3.4. 미세먼지 측정기 설치 분석 지도 제작하기 ● Select Style : “CUSTOM”을 선택하여 Style 메뉴에서 설정한 Category 항목을 수정 ● Creating your legend : 아래 그림과 같이 설정 항목 타이틀명을 변경
  36. 36. 37 3. CARTO Builder 실습하기 3.4. 미세먼지 측정기 설치 분석 지도 제작하기 8. Layer의 제목을 “지역별 인구밀도 별 미세먼지 측정기 분포 정보”로 변경
  37. 37. 38 3. CARTO Builder 실습하기 3.5. 미세먼지 측정기 설치 분석 지도 제작하기 연습문제 ● 위에서 제작한 “지역별 인구밀도 별 미세먼지 측정기 분포 정보”와 화력발전소 정보를 이용하여 미세먼지 측정의 정 확도를 높이기 위해 우선적으로 측정기를 설치해야할 지역을 분석 ● Layer 명 : 화력발전소 위치 정보 ● Dataset 명 : power_plant ● Style ○ Aggregation : 원모양의 기본 Style ○ Style - FILL : 발전소의 위치정보를 기본으로 제공되는 공장 ICON으로 설정 - ICON : 색상정보 오른쪽에 IMG를 선택하면 팝업 하단에 “Show full collections” 에 원하는 이미지를 선택 - 색상 : 사용자가 원하는 색상으로 설정 ● Popup을 이용하여 측정기 상세정보 출력 ○ Popup의 유형 : CLICK를 선택하여 Point 클릭 이벤트 시 상세정보 정보 팝업을 출력 ○ Style : 원하는 Hover에 대한 팝업 디자인을 선택 ○ Popup에 출력할 측정기 정보 : 아래 표를 참고하여 Popup에 출력할 정보를 선택 후 명칭 변경 컬럼명 name description 설명 발전소 명 전력정보
  38. 38. 39 3. CARTO Builder 실습하기 3.5. 미세먼지 측정기 설치 분석 지도 제작하기 연습문제 ● 충청남도 지역에 화력발전소가 여러 방향으로 위치하고 있음에도 미세먼지 농도가 다른지역에 비해 상대적으로 낮 기 때문에 정확도를 높이기 위해 측정기를 추가 설치 필요
  39. 39. 40 3. CARTO Builder 실습하기 3.6. 작성한 지도 공유하기 ● Get the link : 지도를 웹사이트나 블로그에 공유할 수 있는 URL 주소정보 ● Embed it : 웹 페이지 내 지도를 임베딩(Embedding)할 수 있는 HTML Tag 설정정보 - 관리영역 상단의 제목을 “미세먼지 분석 지도”로 변경한 후 바로 아래의 “PUBLIC” 버튼을 클릭 - “PUBLISH” 파란버튼이 화면에 출력되면 Publish가 되지 않은 상태이므로 해당 버튼을 클릭 - “UPDATE” 파란 버튼이 활성화 상태이면 이미 Pulish된 지도에 수정내역을 반영해야 된다는 의미로 해당 버튼을 클릭하여 Republish
  40. 40. 41 3. CARTO Builder 실습하기 3.6. 작성한 지도 공유하기 ● Get the link에서 제공하는 URL을 이용하여 지도 공유하기
  41. 41. 42 감사합니다. 문서 내용 중 궁금한 점이 있거나 추가 의문점이 있다면, 언제라도 저희 에게 연락 주시기 바랍니다. Feel free to contact us if you have any questions help@sphinfo.co.kr
  42. 42. 43 AGENDA CARTO 실습 미세먼지 분석 지도 작성하기 SPH R&D 팀 조용균 과장 Tel. 02-785-9910 Email. help@sphinfo.co.kr

×