파일럿 데모 · PID 155650

현장에서 내부망까지,
끊김 없는 GIS 자동화

통신 음영 지역에서도 데이터를 수집하고, Shape 파일 업로드 한 번으로 GeoServer 레이어를 자동 발행합니다. 망분리 공공기관을 위한 턴키 플랫폼.

시연 시나리오 아키텍처 확인
66.5km
전 구간 공간정보
3-tier
망분리 아키텍처
≤30s
Shape → WMS 발행
EPSG:5186
단일 좌표계
핵심 기능

세 가지 기술 축

현장 수집부터 GIS 자동화, 망연계 동기화까지 하나의 통합 플랫폼에서 동작합니다.

09:41 오프라인
오프라인 · 3건 큐에 적재됨
지도
촬영
동기화

오프라인 현장 수집 PWA

통신 음영 지역에서 데이터를 IndexedDB에 적재하고, 신호 복구 시 Background Sync로 자동 전송합니다.

Service WorkerIndexedDB Background SyncEXIF GPS Web Speech API
.shp / .gpkg Shape PostGIS ST_Trans form() GeoServer WMS 자동 발행 완료 ① 업로드 ② 변환·저장 ③ 30초 이내

GeoServer 자동 발행 파이프라인

Shape/GeoPackage 업로드 → PostGIS 삽입 → GeoServer REST API 자동 호출. 수작업 없이 WMS 레이어 즉시 발행.

GeoServer RESTPostGIS 3.4 EPSG:5186GeoTools OpenLayers WMS
외부망 PWA 수집 데이터 SHA-256 해시 내부망 DB PostGIS 무결성 검증 완료

망연계 실시간 동기화

외부망 수집 데이터를 SHA-256 무결성 검증과 함께 내부망 마스터 DB에 단방향 전송합니다. 장애 시 큐잉 후 자동 재시도.

SHA-256단방향 송신 큐잉 재시도JWT
자동화 파이프라인

Shape → PostGIS → GeoServer → 지도

업로드 한 번. 공간 데이터 자동 변환부터 WMS 발행까지 30초 이내 완료.

UPLOAD .shp / .gpkg multipart/form-data Spring Boot API 좌표계 변환 → EPSG:5186 GeoTools 파싱 PostgreSQL 15 PostGIS 3.4 ST_Transform() 피처 영속화 REST API 호출 GeoServer DataStore 등록 Layer 자동 발행 WMS 레이어 지도 표출 OpenLayers GetMap ① 파일 선택 ② 좌표 자동 변환 ③ 공간 DB 저장 ④ 레이어 자동 등록 ⑤ 30초 이내 완료
시스템 아키텍처

3-tier 망분리 구조

외부망·DMZ·내부망이 물리적으로 분리된 공공기관 보안 요건을 완전히 충족합니다.

외부망 (인터넷)
현장 작업자 스마트폰
PWA (React + SW)
IndexedDB 오프라인 큐
V-World 배경지도
망연계
단방향
DMZ (게이트웨이)
망연계 솔루션 (발주처)
SHA-256 무결성 검증
큐잉 자동 재시도
내부망
격리
내부망 (인트라넷)
GIS 관리 웹 (React + OL)
Spring Boot 백엔드
PostgreSQL 15 + PostGIS 3.4
GeoServer 2.25 (REST)
기술 스택

검증된 오픈소스 기반

공공기관 정보화 사업 표준에 부합하며 오픈소스 라이선스 리스크 없는 기술 조합입니다.

React 18
PWA + 관리 웹 프론트엔드. Vite 번들러 + TypeScript 전면 적용.
Service Worker
vite-plugin-pwa (Workbox 기반). 오프라인 캐시 + Background Sync.
OpenLayers
WMS/WFS 타일 렌더링. V-World 연동. EPSG:5186 좌표 지원.
Spring Boot 3
Java 17. GeoTools Shape 파싱, JPA + PostGIS 타입 지원.
PostGIS 3.4
PostgreSQL 15 확장. ST_Transform EPSG:5186 자동 변환. pgcrypto 암호화.
GeoServer 2.25
REST API로 DataStore·FeatureType·Layer 자동 등록. WMS GetMap.
JWT + 디바이스 바인딩
3단계 권한, 2단계 관리자 체계. 디바이스 UUID 바인딩.
Docker Compose
단일 명령으로 전체 스택 기동. 망분리 시뮬레이션 네트워크 격리 포함.
시연 시나리오

다섯 단계로 보는 핵심 플로우

현장 수집부터 GIS 관리 웹까지 실제 동작하는 플로우입니다.

01
오프라인 현장 조사 시작
작업자가 통신 음영 지역으로 이동. Service Worker가 앱 셸을 사전 캐시해 인터넷 없이 PWA가 정상 동작. V-World 타일도 캐시된 범위 내에서 표출.
// sw.js — precacheAndRoute(self.__WB_MANIFEST)
02
현장 사진 촬영 + GPS 자동 추출
카메라로 촬영하면 EXIF 메타데이터에서 GPS 좌표를 자동 추출해 지도 위 핀으로 표시. 음성 메모(Web Speech API STT)로 비고를 입력하면 IndexedDB 큐에 적재.
// exifr.gps(file) → { latitude, longitude }
03
신호 복구 → 자동 동기화
통신 신호 복구 시 Background Sync API가 큐를 감지하고 자동으로 외부망 API에 전송. SHA-256 해시를 함께 전송해 망연계 구간에서 무결성을 검증.
// self.addEventListener('sync', e => e.waitUntil(flushQueue()))
04
Shape 파일 업로드 → GeoServer 자동 발행
내부망 GIS 관리 웹에서 .zip(Shape) 파일 업로드. Spring Boot가 GeoTools로 파싱 후 PostGIS에 삽입. 이후 GeoServer REST API를 순차 호출해 DataStore·FeatureType·Layer를 자동 등록. 30초 이내 완료.
// POST /geoserver/rest/workspaces/{ws}/datastores/{ds}/featuretypes
05
지도에서 레이어 확인 + 속성 편집 + 복명서 출력
발행된 WMS 레이어가 OpenLayers 지도에 즉시 오버레이. 피처 클릭 → 속성 인라인 편집 → 변경 이력(audit log) DB 자동 기록. 프로젝트 데이터 기반 출장복명서 PDF 원클릭 생성.
// GET /geoserver/wms?SERVICE=WMS&VERSION=1.1.1&REQUEST=GetMap
유사 레퍼런스

망분리·공공 SI·GIS 관련 구축 실적

동일 도메인 경험을 바탕으로 요구사항을 깊이 이해하고 있습니다.

공공기관 SI

NIA 공공와이파이 관제 시스템 (4·5차)

국가정보화진흥원 발주 공공 인프라 관제 대시보드. 지도 기반 AP 현황 대규모 모니터링 구축.

망분리 유사 환경

폐쇄망 FOTA 시스템

외부망 차단 폐쇄 네트워크에서 펌웨어 OTA 배포. 망분리 환경 개발·배포 직접 경험 보유.

보고서 자동 생성

시설물 성능점검 + Word 보고서 자동 생성

점검 데이터 입력 → 보고서 양식 자동 매핑 → 문서 출력. 출장복명서 자동 생성과 동일 패턴.

오프라인 PWA

전시회·박람회 O2O 스마트 주문 플랫폼

Service Worker 기반 오프라인 동기화 PWA 직접 구현. IndexedDB 큐 + 자동 동기화 실적.

파일럿 데모

docker compose up 한 번으로
전체 스택을 확인하세요

PostGIS + GeoServer + PWA 오프라인 동기화가 모두 동작하는 파일럿을 로컬에서 직접 실행할 수 있습니다.

시연 시나리오 보기 데모 요청