한국지비에스 신규멤버를 소개합니다.

 

김현혜 매니저가 한국지비에스에 새롭게 합류하였습니다.

영어학과와 항공지리정보학과를 복수 전공하였는데, 항공지리정보학과에는 항공기나 관제탑과 관계있는 업무를 할 것이라는 착오로 선택한 사람이 많습니다. (본인의 이야기 인지는 상상에 맡깁니다) 실제로는 지리, 측량 그리고 GIS에 관련된 학과입니다.

ArcGIS Desktop 은 전공수업과 이전 직장에서 ArcMap과 ArcSene 을 다루어서 어느 정도 익숙하고, ArcGIS Enterprise는 한국지비에스로 오면서 처음 사용하고 있습니다. 한국지비에스는 업무에서 다양한 것들을 경험할 수 있을 것 같아 조금은 어려우면서 또 재미도 있을 것 같습니다. 복지가 좋은 점도 회사의 장점이라고 생각합니다.

취미는 네일아트, 영화 감상, 독서 그리고 여행입니다. 여행은 주로 계획을 세워서 가며 그렇지 않을 때는 영화를 보거나 독서를 하는 편입니다. 시간이 생겼을 때 나가는 약속을 잡는 편은 아닌 것 같아요. (웃음) 최근에는 “어서 오세요, 휴남동 서점입니다”와 “불편한 편의점”을 보았는데, “불편한 편의점”이 근처 동네를 모티브로 한 이야기라 특히 인상 깊게 봤었으며, 개인적으로 꼭 보는 것을 추천하는 서적입니다.

국내 파트너사 최초로 Esri Partner Network Silver 획득

 
한국지비에스 CEO 신민정

한국지비에스는 국내 최초 Esri 솔루션 전문 기업으로, 뉴질랜드에 본사를 두고 Esri Partner로 약 20년 간 활동하고 있는 GBS(Geographic Business Solutions)의 투자를 받아 2018년도에 설립되었으며, 창립 후 약 4년만에 국내 파트너사 최초로 Esri Partner Network Silver를 획득하였습니다.

ArcGIS는 효율성과 혁신을 주도하는 상호운용 가능한 개방형 시스템입니다. 한국지비에스는 개방적이면서도 안전한 설계 아키텍처를 지향하는 ArcGIS를 사용하여 국내의 다양한 환경과 분야의 고객들이 공간 정보 데이터를 활용한 긴밀한 협업과 높은 가치를 창출하도록 지원하고 있습니다.

Esri Partner Network Silver를 통하여 지원되는 Esri 개발자 컨퍼런스 등의 혜택을 활용하여 적극적으로 성장하고 많은 고객분들께 더 짧은 시간에 더 최적화된 솔루션을 만들어 드릴 수 있기를 저희 또한 기대하고 있습니다.

자세한 인터뷰 내용이 궁금하신 분은 아래의 Esri Korea 기사를 참고해주시기 바랍니다.

감사합니다.

ArcGIS API for JavaScript를 활용한 Voxel Layer 시각화 하기

 

ArcGIS 2.9가 새롭게 발표되면서 Voxel Layer를 ArcGIS Online과 Enterprise Portal 10.9.1을 활용하여 웹에서 공유할 수 있게 되었습니다. Voxel Layer는 대기질, 지하 지질 모델, 수온 등을 시각화하여 주변 공간 정보와 비교하기에 적합합니다.

Voxel 레이어를 웹에 발행하면 Voxel scene layer package(SLPKs) 가 생성되고 JavaScript 응용 프로그램용 커스텀 ArcGIS API를 활용하여 시각화된 3D 데이터를 공유할 수 있습니다. 아직까지는 베타 버전이기 때문에 웹에서는 시각화만 가능합니다.

기존에 ArcGIS Pro에서 드론으로 측정한 대기질 정보를 Voxel Layer로 나타낸 방법에 대해서는 아래의 한국지비에스 블로그 포스팅을 통해 확인할 수 있습니다.

이 글에서는 Voxel Layer를 웹에 발행하여 활용하는 방법을 자세히 알아보도록 하겠습니다.

ArcGIS Pro에서 생성한 미세먼지 측정 보간 Voxel Layer를 웹에서 공유하기 위해 AGOL에 발행하면 다음과 같은 API 가 생성됩니다.

AGOL에 발행된 Voxel Layer API

이 피처레이어를 ArcGIS API for JavaScript로 시각화하기 위해서 VoxelLayer 모듈을 스크립트에 로드(load)하고 url을 받아주는 변수를 생성합니다.

‘VoxelLayer’ 모듈 Script에 load

공간정보를 시각화 할 때는 좌표계(spatial reference)가 매우 중요한 요소로 Web Scene에 Voxel Layer를 발행할 때 이 샘플은 WKID 4326으로 발행되었습니다. 정확한 좌표계로 레이어를 발행한 후 property도 스크립트에 지정해주어야 Web Scene에 나타납니다.

Voxel Layer 변수를 WebScene의 layers에 추가
Voxel Layer는 Sceneview의 viewingMode property를 “local”로 지정해 주어야 한다.

지금까지 ArcGIS API for JavaScript를 통해 ArcGIS의 새로운 공간정보 표출 방식을 웹상으로 공유하고 시각화하여 효과적으로 공간 정보를 나타낼 수 있는 방법을 알아보았습니다.

아래 지도를 클릭하면 드론으로 측정된 대기질 정보를 ArcGIS Pro에서 보간법으로 분석한 상층부의 대기질을 3D로 확인할 수 있습니다. Esri에서는 지속적으로 Voxel Layer에서 상세 정보를 팝업을 통해 확인하는 등의 기능을 추가할 예정에 있습니다. 해당 기술을 통해 공간정보를 3D로 분석하여 해수면 상승, 지구 온난화 등에 효과적으로 대비할 수 있기를 기대합니다.

위 이미지를 클릭하면 해당 지도로 이동합니다.

새롭게 추가된 씬 레이어의 다양한 활용 방법 ( ArcGIS Pro 2.9)

 

What is a Scene Layer?

씬 레이어는 씬에서 대량의 3D 데이터를 표시하도록 최적화된 레이어 유형입니다. 씬 레이어는 ArcGIS Earth, ArcGIS Pro와 같은 ArcGIS 플렛폼에서 사용되고 포인트, 포인트 클라우드, 3D 객체, 건물 등을 시각화합니다. 씬 레이어는 인덱싱된 3D 씬 레이어 형식(I3S)을 사용하는데 이는 3D 데이터를 모바일, 웹 및 데스크탑 클라이언트로 배포되는데 사용되는 개방형 3D 컨텐츠 전송 포맷입니다.

Voxel Scene Layers

Voxel layer는 3D 볼륨 시각화 기법으로 다차원 공간 및 시간 정보를 나타냅니다. 예를 들어 대시 또는 해양 데이터, 지하 지질 모델 또는 시공간 큐브를 Voxel 레이어로 시각화 할 수 있습니다. 또한 전 세계에 대한 체적 데이터에 엑세스 할 수 있으면 정확도는 더욱 향상되고 물리적으로 경험할 수 없는 상태에 대한 이해가 향상됩니다. Voxel layer를 사용하면 voxel 층으로 시각화된 지하층을 이 지역에 계획된 건설이나 시추공과 함께 볼 수 있어 다른 컨텐츠와의 공간 관계를 쉽게 탐색하고 볼 수 있습니다.

Voxel Layers는 시장에 소개된 지는 좀 되었지만 ArcGIS Online과 ArcGIS Enterprise에는 도입되지 않았었습니다. 하지만 많은 사용자의 요청으로 이번 릴리즈에 Create Voxel Scene Layer Content 지오프로세싱 툴을 사용하여 Voxel Scene layer 패키지를 생성할 수 있게 되었습니다. 이 패키지는 ArcGIS Pro에서 시각화하거나 ArcGIS Enterprise 10.9.1 및 ArcGIS Online에 업로드 및 게시할 수 있습니다.

참고: ArcGIS Enterprise 10.9.1 및 ArcGIS Online의 Scene Viewer 현재 Voxel Layers 보기를 지원하지 않으므로 Voxel Scene Layer은 ArcGIS Pro 또는 Javascript 응용 프로그램용 커스텀 ArcGIS API에서만 볼 수 있습니다.

Short snippet visualizing an air quality voxel layer. The source data was captured by a drone. The information was provided by the Korea Institute of Science and Technology (KISTI).

위의 영상 클립은 드론이 다양한 높이에서 수집한 pm10(미세먼지)과 pm2.5(초미세먼지) 대기 질 수치를 시간별로 표현한 3D Layer입니다. 한국지비에스는 한국과학기술정보연구원(KISTI)에서 다양한 고도에서의 공기 질에 대한 드론 데이터를 제공받았고 이는 2020년 6월 인천에서 7일 동안 수집된 데이터입니다. 이 분석의 목적은 고도 기록과 대기 질 기록 사이의 관계를 찾는 것이고 voxel 레이어를 생성하기 위해 3D 보간법인 ESRI의 Empirtical Bayesian Kriging 3D 도구를 사용했습니다. 미세먼지 농도를 3D Voxel Layer로 표현하면 시간별 위치별 미세먼지 농도를 한눈에 볼 수 있습니다.

위의 영상은 Voxel Layer를 3D 볼륨 데이터로 시각화는데 사용되는 ArcGIS Pro의 슬라이스입니다. Voxel layer에 시간 요소가 포함된 경우 슬라이스를 만들고 추가 분석 및 시각화를 할 수 있습니다.

Clip Scene Layers

Scene Layer 패키지가 너무 커 특정 영역을 자르고 싶을 때는 이번에 새롭게 추가된 기능을 ArcGIS Pro 2.9 clip 지오프로세싱 툴에서 찾아볼 수 있습니다. 이전 릴리즈에서는 통합 메시 클리핑(integrated meshes) 지원이 추가되었고, 이번 릴리즈에서는 포인트 클라우드(point cloud)와 3D Scene layer 패키지 클리핑 지원이 추가되었습니다. Voxel, 포인트, 빌딩 씬 레이어는 아직까지는 클리핑이 지원되지 않지만, 현재 작업 중에 있습니다! 3D 씬 레이어가 클리핑 되면 건물을 반절로 자르지 않고 선택된 전체 건물이 출력됩니다.

ArcGIS Pro를 이용해 실제 3D 씬레이어 패키지를 clip툴을 이용해 잘라 보았습니다. 순서는 다음과 같습니다.

  1. 씬 레이어 패키지 생성
  2. 클립에 사용될 경계 생성
  3. Clip 툴을 이용해 clip

첫 번째로 씬 레이어 패키지를 생성합니다. 대한민국에서 가장 고층 건물들이 밀집되어있는 강남의 건물들을 3D로 표현했습니다. 먼저 강남의 건축물대장을 불러옵니다.

서울시 강남구 건축물대장 레이어

레이어를 3D로 표현해주기 위해 view를 local Scene으로 변경 후 Height 필드로 extrude 해줍니다.

서울시 강남구 3D 이미지

Extrude가 완료된 레이어를 Multipatch 지오메트리로 변경하기 위해 Layer 3D to Feature Class 지오프로세싱 툴을 실행한 후 씬 레이어 패키지로 변환하기 위해 Create 3D object Scene Layer content를 실행합니다. 서울시 강남구 3D 씬 레이어 패키지 생성이 완료되었습니다.

클립에 사용될 경계 폴리곤은 새로운 폴리곤을 생성 후 edit으로 원하는 지역의 경계를 그려 생성합니다.

씬 레이어 패키지와 경계 레이어

마지막으로 Clip 툴을 사용해 서울시 강남구 3D 빌딩 씬레이어 패키지를 생성된 경계 폴리곤으로 잘라줍니다. 빌딩 가운데 경계가 있다 해서 빌딩이 반절로 잘리지 않은 것을 확인할 수 있습니다.

클립이 완료된 서울시 강남구 씬레이어 패키지

Scene Layer Content

ArcGIS Pro 2.9에서는 더 많은 형식은 지원함에 따라 지오프로세싱 도구의 모든 레이블의 이름을 변경했습니다. Scene Layer 컨텐츠에는 i3REST뿐만 아니라 Scene Layer 패키지(.slpk)가 모두 포함됩니다. 뿐만 아니라 Create 3D object, Point, 및 Building 컨텐츠도구는 i3REST를 쓰거나 Scene Layer 패키지에 출력할 클라우드 연결을 선택할 수 있도록 지원하고 다음 릴리스의 ArcGIS Pro에는 i3REST에 대한 도구가 추가될 예정입니다.

.i3sREST 포맷은 JSON, REST, 그리고 modern web standards를 기반으로 합니다. .i3sREST 형식은 아마존 S3, Azure Blob 스토어, 알리바바 OSS, 구글 클라우드와 같은 클라우드 스토어에 저장될 때 웹 클라이언트가 처리, 구문 분석 및 렌더링을 수행하도록 최적화되어 있습니다. 또한 .i3sREST 형식은 데이터 저장소에서 직접 제공되므로 ArcGIS Enterprise에서 향상된 확장성을 제공합니다.

.i3sREST 형식은 200GB 이상의 Scene layer 컨텐츠에 가장 적합합니다. ArcGIS Pro에서 .i3sREST를 생성할 수 있고, Scene layer 컨텐츠를 클라우드 스토어에서 사용할 수 있게 되면 ArcGIS API for Python to ArcGIS Enterprise 10.8.1 이상을 사용하여 Scene layer로 게시할 수 있습니다.

1주일간의 시간 경과에 따른 대기질 변화

Create Mobile Scene Package tool enhancements

Create Mobile Scene 패키지 도구에 데이터 관리 및 생산성 도구의 개선 방안을 계속 추가해 ArcGIS Earth 및 ArcGIS Earth Mobile과 같은 런타임 클라이언트에서 mobile Scene 패키지를 쉽게 만들고 시각화할 수 있게 만들고 있습니다. 2.9 릴리스에서 Create mobile scene 패키지 도구는 이제 Scene layer 패키지를 클리핑 및 투영할 수 있고 벡터 타일 패키지 및 서비스는 모바일 씬 패키지에서 지원됩니다. 또한 ArcGIS Runtime 100.13 이상의 앱은 이러한 모바일 씬 패키지를 사용할 수 있습니다. 이 지원으로 Reference Online Content parameter을 활성화한 경우엔 추가적인 베이스 맵을 참조할 수 있습니다. 이러한 향상된 기능은 더 많은 하이브리드 오프라인/온라인 워크플로우를 지원할 뿐만 아니라 오프라인 워크플로우도 계속 지원합니다.

ArcGIS Pro의 Create Mobile Scene Package 툴

모바일 씬 패키지를 생성하면, .mspk확장자의 파일이 만들어지고 패키지를 생성할 때 많은 파라미터로 다양한 설정을 할 수 있습니다. 앞서 진행했던 씬패키지 클리핑 예처럼 Area of Interest에 경계 폴리곤을 넣어 클리핑해 원하는 지역만 잘라서 모바일 씬 패키지로 만들 수 있습니다.

다양한 ArcGIS 플랫폼과 Runtime SDK에서 사용할 수 있는 모바일 패키지를 잘 활용한다면 씬 레이어의 활용성을 극대화 할 수 있습니다.

ArcGIS Data Interoperability 익스텐션

 

Data Interoperability 란?

ArcGIS Data Interoperability 익스텐션은 사용자가 여러 소스와 형식의 데이터를 쉽게 읽고, 조작하고, 병합할 수 있는 다용도 솔루션입니다. Data Interoperability 익스텐션은 Safe Software의 FME Workbench를 사용하며 ArcGIS를 통해 활용합니다.

Data Interoperability는 여러 소스(아래 그림에서 소스 A과 B로 표시됨)의 데이터를 읽고, Transformer(변환모듈)를 사용하여 요구 사항에 맞게 데이터를 변경하거나 재구성한 후 출력 위치(C)에 기록함으로써 데이터 변환 및 통합을 수행합니다:

왜 Data Interoperability를 사용하나요?

  • Data Interoperability는 Oracle Database, JSON 파일 또는 API과 CAD와 같은 다양한 데이터 형식을 활용
  • 아래 사진과 같은 그래픽 모델을 쉽게 읽을 수 있음
  • 유지관리에 용이
  • 자체 문서화
  • 데이터 변환 및 통합의 효율성
  • 활발한 사용자 커뮤니티 그룹

Data Interoperability는 어떻게 사용하나요?

Data Interoperability는 다양한 방법으로 사용될 수 있으며 특히 공간 정보 작업을 편리하게 수행할 수 있습니다. 이 익스텐션을 활용할 수 있는 방법의 예시는 다음과 같습니다:

  • 데이터 변환 및 프로세스 자동화
  • ETL(Extraction, Transformation, Loading) 프로세스
  • 관리자 혹은 사용자에게 알림 메일 송부
  • 데이터 분석 및 분류

프로세스의 예시

1. 3D 빌딩 생성 프로세스

아래의 예시는 시각화를 위해 2D 건물 외곽선을 3D로 변환하는 프로세스입니다. 입력하는 소스는 ① 건물 ID, 높이 등 기본정보를 포함하는 CAD/DWG 파일, ②건물 ID와 건물 높이를 포함하는 CSV 파일을 활용합니다. 이 프로세스를 요약하면 데이터를 읽고 건물 ID를 키 값으로 하여 ①과 ②를 병합한 후, 데이터를 3D로 변환하고 ESRI의 ArcGIS Pro 소프트웨어에서 표출할 수 있도록 출력합니다.

3D 빌딩 생성 프로세스 예시

소스 데이터는 속성 테이블, 그래픽 및 개별 피쳐 정보를 시각화할 수 있는 Reader Transformers를 사용하여 읽습니다.

① 소스 데이터를 읽고 병합합니다.
데이터 값과 지오메트리는 Data Interoperability  익스텐션에서 시각화할 수 있습니다
Extruder Transformer를 사용하여 데이터를 3D로 변환합니다
ArcGIS Pro를 사용하여 원하는 형식으로 출력합니다

2. 날씨와 대기질 이메일 알람 설정

Data Interoperability 익스텐션은 API 데이터를 빠르고 효율적으로 읽고 다양한 방법으로 출력할 수 있습니다. 다른 데이터 변환 예시는 JSON API에서 날씨 및 대기질 데이터를 읽고 활용하는 것입니다. 오픈소스로 제공되는 JSON 데이터를 표 형식으로 전환하여 일기예보 및 대기질과 일치하는 온라인 이미지와 결합한 후 HTML로 변환합니다. 그리고 사용자에게 매일 아침 해당 정보를 이메일로 보내도록 자동화할 수 있습니다. 이는 관리자에게 시스템 오류를 전달하는 방법으로 응용되거나 집중호우 알림 같은 재난 알림 등에도 활용될 수 있습니다.  

날씨와 대기질 이메일 알람 프로세스 예시
해당 프로세스의 이메일 알람 결과 예시

3. 추가활용예시

  • 포인트, 선 및 폴리곤 생성:
    • Data Interoperability는 VertexCreator Transformer를 사용하여 Lat/Lon 또는 X/Y 값으로부터 포인트 데이터를 구축할 수 있습니다 (측정 지점, POI등).
    • 보유하고 있는 데이터가 시작 및 끝 노드인 경우, LineBuilder Transformer를 사용하여 선으로 변환할 수 있습니다 (경로 생성, 도로 등).
    • 모양을 구성하는 선이 있는 경우, AreaBuilder Transformer를 사용하여 폴리곤으로 변환하여 활용할 수 있습니다.
  • SQL:
    • 프로세스 시작 전에 WHERE 절을 사용하여 분석에 필요한 데이터만을 필터링하여 최적화 할 수 있습니다.
    • 프로세스가 끝나고 데이터를 출력하기 전이나 후에 쿼리를 실행합니다.
    • 프로세스 중에 SQL 쿼리를 실행하여 여러 테이블을 조인하거나 일부 공간 쿼리를 실행하거나 신규 테이블을 생성합니다.
  • 스크립팅(Scripting) 기능:
    • SQL 활용과 함께 Data Interoperability는 워크벤치 내에서 python과 R이 모두 실행 가능합니다.
    • 이는 사용자가 보간법 등의 통계 분석을 실행할 수 있음을 의미합니다.
  • 데이터 마이그레이션(Data Migration):
    • Data Migration에 매우 유용하게 사용됩니다. 여러 데이터 소스 형식에서 읽거나 하나의 형식으로 읽어서 엔터프라이즈 데이터베이스나 클라우드로 옮길 수 있습니다.
  • HTTP 호출 또는 XML 파싱(Parsing)
  • JSON 파싱(Parsing): 익스텐션의 JSONFeature Reader를 사용하면 JSON을 ArcGIS에서 활용할 수 있는 피처테이블(Feature table)형태로 변환할 수 있습니다. 중복된 목록이 있을 경우 ListExploder Transformer를 사용하여 필드를 정리할 수 있습니다.

강력한 ArcGIS Data Interoperability 익스텐션을 활용하여 다양한 종류의 데이터를 공간 정보 위에 나타내고, 시각화 된 데이터를 분석과 의사결정에 활용해보세요.

KBS 재난방송센터 재난현황판 2021년 개선 (Experience Builder/대시보드)

 

한국지비에스(GBS Korea)는 2020년 KBS 재난미디어센터에 ArcGIS를 도입 및 콘텐츠를 구축하고 실시간으로 재난 정보를 전달하며 시청자들에게 GIS에 대해 더 알리는 계기가 되었습니다. 2021년에 한국지비에스(GBS Korea)에서는 2020년도 1차 사업에 이어 GIS 콘텐츠의 고도화를 진행하였습니다.

2021년 재난현황판 고도화를 위해 ArcGIS Enterprise의 어떤 기능들이 활용되었는지 살펴보도록 하겠습니다. 현황판은 클라이언트 요청을 구현하기 위하여 일부 위젯을 개발하여 사용하기도 하였지만 유지관리의 용이성을 위하여 기존 Experience Builder 앱(이하: ExB)와 Dashboard에 내장된 위젯을 주로 사용하였습니다.

2020년 도입된 재난현황판 태풍 대시보드 화면
2020년 도입된 재난현황판의 미세먼지 대시보드 화면

Experience Builder (ExB)

ArcGIS Enterprise 10.8.1의 ExB은 캐시 속도가 빠르고 여러 가지 위젯을 손쉽게 연결해줄 수 있는 장점이 있지만 비교적 최근에 출시되어 내부에 포함된 위젯이 아직은 제한적입니다. 그러나 ExB의 빠른 화면 전환과 여러 페이지를 조합할 수 있는 기능 때문에 여러 대시보드 앱을 만들고 하나의 ExB에 embed 하여 현황판을 표시하였습니다. ArcGIS Enterprise 10.9부터는 ExB에 여러 기능이 추가가 되어 대시보드 없이 구현이 더욱 용이해질 것으로 기대됩니다.

하나의 ExB에 여러 대시보드를 담기 위해서는 섹션(Section) 위젯을 이용하여 뷰(View) 혹은 페이지(Page)를 여러 개 추가하는 방법이 있습니다. 2021년 현황판 고도화를 진행하면서 KBS에서는 페이지를 추가하여 화면을 구성하였는데 뷰와 페이지의 장단점에 대해 간략히 살펴보겠습니다.

  • : 페이지 전체가 아닌 해당 페이지 안의 섹션만 새로고침을 하기 때문에 더 빠른 앱 성능을 제공합니다. 또한 뷰 탐색 위젯을 하나만 사용하기 때문에 ExB의 디자인 변경이 필요할 때 수정해야 할 항목이 섹션과 뷰 탐색 위젯 두 개여서 수정이 용이합니다. 하지만 ArcGIS Portal이 아닌 외부 URL로 해당 ExB에 접근이 필요할 경우 각 뷰마다 로그인 정보가 요청됩니다.
  • 페이지: 여러 페이지를 추가하여 페이지 간 이동할 시 뷰보다는 초기 로딩에 1~3초 정도 소요되지만 초기 로딩 이후에는 신속한 화면 전환이 이루어 집니다. 페이지는 ExB 랜딩페이지 로그인을 하면 추가 로그인 요청이 없다는 점에서 UX가 편리합니다. 2021년 사업 고도화 진행 시 내부 여러 부서에서 접근이 용이하도록 로그인 편의성 개선에 중점을 두었기에 페이지로 현황판을 구성하였습니다.

ArcGIS 대시보드 (HTML/Arcade)

2021년 프로젝트 디자인 팀과 협업을 통해 각 재난별로 통일된 디자인을 반영하였습니다. 그러나 ArcGIS Enterprise 10.8.1의 ExB나 기본 대시보드 하나만으로는 표현하기 어려운 요소들이 있었습니다. 한국지비에스는 대시보드 텍스트 에디터에서 제공하는 기본 HTML을 이용하여 디자인 가이드를 반영하여 대시보드를 구축하였습니다. 아래는 2021년 ArcGIS Online(AGOL)에서 제공하는 Arcade도 추가 활용하여 디자인 표현을 반영한 대시보드이며 ArcGIS Enterprise에서도 HTML을 사용하여 유사하게 구현할 수 있습니다.

2021년 ArcGIS Online에 구현된 태풍 대시보드
2021년 ArcGIS Online에 구현된 미세먼지 대시보드

위의 태풍과 미세먼지 대시보드에 동일하게 적용된 HTML은

  • 각 위젯의 제목 부분 HTML 적용(폰트, 색상 통일)
  • 디자인 가이드 반영을 위한 범례 텍스트 HTML 지정

으로 전체 디자인과 레이아웃의 통일성을 위해 세부적으로 HTML을 사용하였습니다.

현재 태풍 예상 경로 리스트 위젯 모음

특히 태풍 대시보드의 태풍 경로 리스트 위젯에서 현재 태풍의 위치를 강조하기 위하여 해당 위젯에서 제공하는 텍스트 편집 툴을 다용하여 다음과 같이 적용하였습니다.

  • <div style = position: absolute > </div> : div 태그의 내용 위치 고정
    • 빨간 상자와 내용을 각각 두개의 div 태그에 나누고 style에 position:absolute로 하여 해당 정보를 강조합니다.
  • <p style= text-indent:-1.7em padding-left:1.7em > </p>: 해당 p 태그의 내용이 두줄 이상으로 표시 될 경우 두 번째 줄 시작점을 들여 씀
    • 내용 텍스트의 각 줄을 p 태그로 감싸주고 style에 text-indent와 padding-left를 작성하면 텍스트 블럭의 좌측정렬을 자동화할 수 있습니다.
  • <img src={url} /> : url의 이미지를 텍스트란에 표시
    • 아이콘 등을 표시하기 위해 작성되었으며, 이미지 path url을 지정하면 해당 이미지가 텍스트 박스에 표기 됩니다.
최근 발생 태풍 위젯

KBS 재난현황판의 경우 실시간으로 데이터를 변환하여 재난정보를 표출하기 때문에 고정된 값을 표출하지 않습니다. 그래서 보기 쉽고 정돈된 리스트로 나타내기 위하여 다음과 같은 HTML을 사용하였습니다.

  • <div style= display: grid > </div>: div 태그 내부의 태그를 테이블 형식으로 표출
    • div 태그의 style에 display: grid 를 작성하면 테이블 형식으로 표현이 되며 grid-template-columns 프로퍼티를 이용하여 테이블 열의 개수와 넓이를 조정할 수 있습니다.
  • <p> </p> : display: grid를 생성할 때 빈 <p> 태그를 생성하여 빈칸 표시. 각 태그마다 기본 설정과 다른 색상과 폰트 지정 가능
    • 빈 <p>태그를 작성하여 텍스트 간의 정렬을 맞추고 날짜 텍스트의 <p> 태그에 폰트 크기와 색상을 지정하여 텍스트별 위계를 나타낼 수 있습니다.
미세먼지 지점별 PM2.5 농도 리스트 위젯

Enterprise 10.8.1에서는 Arcade 기능이 제공되지 않아 농도별 텍스트의 색상을 강조 하는 대신 농도에 따른 심볼과 색상을 보여주는 것으로 대체하였지만 AGOL에 적용된 미세먼지 대시보드의 “지점별 PM2.5 농도” 위젯은 Arcade를 사용하여 조금 더 직관적인 표현을 추가하였습니다.

미세먼지 리스트 위젯의 HTML은 태풍 리스트 위젯과 유사하게
– 두 개의 <div> 태그 와
– style= display: grid 를 사용하여 수시로 변하는 정보 텍스트를 표현하였습니다.
Arcade로 색상을 지정할 때 주의할 점은 바로 라인 항목 템플릿에서 변경되길 원하는 텍스트 색상은 기본 색상으로 지정해주어야 하는 점입니다. HTML 혹은 색상 설정으로 색상을 덮어씌울 경우 Arcade에서 지정된 색보다 우선하게 됩니다.

HTML과 Arcade를 이용하면 ArcGIS의 기본 ExB와 대시보드 앱의 디자인을 더 효율적이고 이해하기 쉽게 표현이 가능해집니다. Arcade는 ArcGIS 플랫폼에서 사용하기 위해 만들어진 언어로 간단한 수학적 계산, 텍스트 조작 등을 할 수 있기 때문에 위에 예시로 나타낸 방법 외에도 다양한 결과를 나타낼 수 있습니다. 또한 많은 종류의 데이터를 지도 위에 효과적으로 시각화 하고 사용자의 요구에 맞게 수정 및 표현할 수 있습니다. 상황에 따라 유연하게 활용되는 Arcade와 HTML을 활용하여 ArcGIS Experience Builder와 Dashboard의 사용을 확장해보세요!

한국지비에스 신규멤버를 소개합니다.

 

허필규 매니저가 한국지비에스에 새롭게 합류하였습니다.

컴퓨터 공학과를 전공하였으며 허필규 매니저는 시각적인 강점에 매력을 느껴 GIS로 첫 회사를 시작했으며 지금도 세상의 변화에 가까운 위치에서 섬세한 영향력을 발휘하는 것이 매력적인 분야라고 생각합니다.

SI 개발사에서 3년 반동안 근무를 한 경험이 있으며 드론 관련 회사에서도 잠깐 업무를 수행했었습니다. 그 후 Esri Korea에 입사하여 3년 반 동안 근무를 하면서 GIS에서 “플랫폼은 필수다”라는 생각이 확고하게 되어 한국지비에스로 오게되었습니다. 허필규 매니저는 한국에서의 GIS가 스마트하고 자연스럽게 전분야에 녹아드게 만드는 것에 기여하는 것이 우선의 목표라고 하였습니다.

허필규 매니저는 최근 라틴 댄스를 다시 시작했습니다. 또한 자전거를 한 주에 300~400km 씩 탈만큼 즐겨도 했습니다. 자출할 환경이 된다면 다시 타고 싶다고 합니다.

“GBS 화이팅!”

드론으로 측정한 3D 대기질 정보를 Voxel 레이어로 보간 및 시각화

 

Voxel 레이어(3D 볼륨 레이어)는 다차원 공간 및 시간 정보를 3D로 표현하기 위한 환상적인 방법을 제공합니다. Voxel 레이어 기능을 사용하면 데이터 3D로 시각화하고 데이터 필터링 및 시계열 정보를 확인할 수 있습니다. 이 기술은 기후 데이터, 지하 정보, 그리고 사업을 시작하기 가장 적합한 장소를 결정하기 위한 공간 분석과 시간 기반 분석을 시각화하는데 유용합니다.

다음의 예시는 드론이 수집한 다양한 높이에서 pm10(미세먼지)과 pm2.5(초미세먼지) 대기질 수치를 시각화하는 것입니다. 한국지비에스는 한국과학기술정보연구원(KISTI)으로부터 다양한 고도에서의 공기 질에 대한 항공 드론 데이터를 제공받았습니다. 샘플 데이터는 2020년 6월 인천에서 7일 동안 수집되었습니다. 목적은 고도 기록과 대기질 기록 사이의 관계를 찾는 것으로 이 분석과정에서는 표면 및 voxel 시각화 도구를 생성하기 위한 값을 예측하는 데 도움이 되는 3D 보간 방법인 ESRI의 Empirical Bayesian Kriging 3D 도구를 사용했습니다.


아래 Figure 1은 대기질 센서를 갖추고 있는 드론이 하루 동안 자료를 수집한 지점들을 보여줍니다. 고도에 따라 초미세먼지
(pm2.5) 수치를 수집하고 파란색(낮은 값)과 빨간색(높은 값)으로 비교하도록 시각화되었습니다. Figure 2는 pm2.5 값과 고도 사이의 관계를 보여줍니다.

Figure 1: 드론이 캡처한 X, Y, Z 포인트를 보여주는 이미지입니다.
Figure 2: pm2.5와 고도 사이의 관계를 보여주는 산점도입니다.

위의 비디오는 1주일간의 시간 경과에 따른 대기질 변화를 3D로 보여줍니다. 점 데이터로부터 보간된 표면을 만들어 연구 영역의 서로 다른 높이에서 예측 pm2.5 수준을 표시할 수 있습니다. 아래 Figure 3은 높이에 따른 보간된 pm2.5 값을 보여줍니다. 고도가 높아짐에 따라 pm2.5 농도가 증가하는 것으로 보이고 있습니다.

다음으로 Voxel 레이어(netCDF 파일)를 생성하여 데이터를 완전한 3D 볼륨으로 시각화할 수 있습니다. NetCDF/Voxel 레이어는 래스터, 피쳐 레이어 또는 테이블에서 생성될 수 있으며 다차원 공간 데이터 또는 시간 데이터를 저장할 수 있습니다. ESRI의 ArcGIS Pro에는 수직 및 수평 슬라이스, 등각 표면, 각도 또는 횡단면을 만드는 기능을 통해 각 표면을 시각화하는 데 도움이 되는 유용한 도구를 제공하고 있습니다. 아래 Figure 4는 3D 볼륨 레이어의 전체 3D 볼륨(왼쪽)과 기울어진 섹션(오른쪽)을 보여줍니다.

Figure 4: Voxel레이어(왼쪽)와 Voxel레이어의 기울어진 섹션을 표시합니다.

위의 비디오는 Voxel 레이어가 3D 볼륨 데이터를 시각화하는 데 유용하고 물리적으로 경험할 수 없는 조건을 더 잘 이해하는 데 도움이 되는 ArcGIS Pro의 슬라이스 생성 기능을 보여줍니다. Voxel레이어에 시간 요소가 포함된 경우 추가 분석 및 시간 슬라이스를 만들고 시각화할 수 있습니다.

ArcGIS Notebook을 이용한 미세먼지 모니터링 자동화 솔루션 구축

 

대기기온역전층이 동북아 전반에 장기간에 걸려 크게 형성될 경우 지구 자전에 의한 편서풍에 의해 고농고 미세먼지가 세게최대의 공업국인 중국에서 유입되어 한반도가 크게 피해를 입고 있습니다. 이 때문에 공기중의 미세먼지에 관한 정보는 한국인들에게 큰 관심사가 되었습니다.

코로나로 인해 중국의 공장이 가동을 멈춰 미세먼지의 대한민국 유입이 줄어든거와 같이 미세먼지는 공장의 가동, 편서풍, 기후 등에 의해 하루하루 유입의 양이 다릅니다. 따라서 실시간 미세먼지 유입 지수를 확인하기 위해서 전국 각 (설치지점)에서 보내오는 데이터를 API로 불러와 실시간으로 미세먼지를 모니터링 할 수 있는 자동화 솔루션을 한국지비에스가 Esri 의 ArcGIS Notebook을 사용하여 구축하였습니다. 제공받는 API 데이터의 효율적인 사용과 Arcpy, ArcGIS API for Python등을 사용하기 위해서 파이썬 프로그램이 사용되었으며 서버에서의 자동화 서비스를 위해 ArcGIS Notebook의 스케줄링 기능으로 자동화 솔루션을 구축하였습니다.

처음으로 API의 형태로 제공받는 공공데이터를 파이썬을 이용해 파싱 후 Arcpy를 이용해 분석이 용이한 형태로 가공했습니다. 그리고 이 가공된 데이터를 Arcpy를 사용 분석해 지리적 예측정보를 얻을 수 있었습니다.

이 예측된 정보를 ArcGIS Online에 ArcGIS API for Python을 이용 업데이트 하였으며 WebApp Builder 어플리케이션을 통해 대시보드를 생성 사용자가 한눈에 쉽게 정보를 볼 수 있게 구현하였습니다. 이와 같이 클라우드 서비스인 ArcGIS Online을 이용하면 하드웨어/소프트웨어에 큰 투자 없이 고급 GIS 분석이 가능합니다.

사용자가 가장 궁금해 하는 실시간 정보를 받기 위해선 윈도우즈의 스케줄러나 ArcGIS Pro를 통해 파이썬 스크립트를 지정한 시간마다 자동으로 실행하는 방법이 있었는데 이번 ArcGIS 업데이트로 ArcGIS Notebook에 스케줄링 기능이 새로 추가되어 분석 자동화가 용이해졌습니다. 그리고 또한 ArcGIS Notebook은 Arcpy 구동도 가능해 이번 미세먼지 스크립트는 Notebook을 이용해 실시간 정보를 받아 GIS 분석을 하는 자동화 솔루션을 구축할 수 있었습니다.

한국지비에스 신규멤버를 소개합니다.

 

이희수 매니저가 한국지비에스에 새롭게 합류하였습니다.

2019년에 UCLA에서 지리학 전공, GIS and Technology를 부전공으로 학사를 취득한 이희수 매니저는 GIS가 정제되지 않은 데이터를 시각화하고, 유의미한 정보로 바꾸어 해결책을 제시할 수 있다는 점을 좋아합니다.

쉬는 시간에는 주로 운동을 하거나 영화 보며 시간을 보냅니다.

ArcGIS Desktop Entry 19-001