(주)웨이버스 사원 2017.07~2018.03 1) Web ㆍArcGIS, OpenLayers2를 이용한 서비스를 발행하여 이를 활용할 수 있는 사이트 구현 └ 도면 출력, 주소 검색 or 공간정보 파일을 읽은 결과 Drawing ㆍST_Geometry 함수들을 이용한 Oracle 내 공간정보 처리 2) Android ㆍWebView를 통한 Olleh Map 지도서비스 제공 및 이벤트 처리(Buffer, 거리 재기, 길 찾기 등) ㆍ사진 촬영 및 Drawing 기능 구현(선 그리기, 텍스트 및 아이콘 추가) └ 텍스트 및 아이콘 추가, 이동 관련은 오픈소스 활용 ㆍ웹 서버와의 통신(Volley) 및 외부 DB(SQLite, Sugar ORM) 이용하여 CRUD 구현 ㆍJava, Spring Framework, MyBatis, OracleDB(11g) 기반의 모바일 담당 서비스 개발

1. 지적기준점 관리시스템 기능개선
웹 & 모바일앱 구현 내용 (2017.07~2018.03 9개월)
웨이버스 사원 김경현

2. Front-End & Back-End
웹 구현 내용

3. 사용자 업로드 파일 처리
 파일 전송
 Jquery의 ajaxForm을 이용하여 파일 전송
 파일 처리
 확장명에 맞게 파일을 읽어 도형을 그릴 수 있는 정보
(좌표, 타이틀, 타입, 스타일 등)를 추출
 타입별 List를 가진 resultVO를 리턴
 결과 처리
 타입, kml파일 여부에 맞게 drawing하여 Graphic Layer
에 추가
 사용자 레이어 등록 메뉴의 상태를 변경

4. 사용자 업로드 파일 처리
 파일 전송
 Jquery의 ajaxForm을 이용하여 파일 전송
 파일 처리
 확장명에 맞게 파일을 읽어 도형을 그릴 수 있는 정보
(좌표, 타이틀, 타입, 스타일 등)를 추출
 타입별 List를 가진 resultVO를 리턴
 결과 처리
 타입, kml파일 여부에 맞게 drawing하여 Graphic Layer
에 추가
 사용자 레이어 등록 메뉴의 상태를 변경

5. 사용자 업로드 파일 처리
 파일 처리
 zip(shp, shx, dbf) 압축 해제 및 추출 과정

6. 사용자 업로드 파일 처리
 파일 처리
 readSpatialInfo() 메서드의
Shp 내 타입별 추출 과정

7. 문제 해결 사례 : 망도 그리기
 망도
 기준점들을 사용자가 지정한 순서에 맞게 선으로 연결한 것
 기존 상태
 생성한 순간 그래픽 레이어에 그려줌
 DB에 저장되지 않아 일회성에 그침
 요구사항  해결방안
 공간 DB에 저장, ArcGIS 서비스
발행을 이용
 선택한 기준점들과 선이 하나의
서비스로 발행할 것
Issue
Layer에는 한 가지 타입(symbol, polyline, polygon 등)만 담을 수 있음
Solution
1. 속성용 Table, symbol Layer, polyline Layer 로 구분해서 설계
2. 두 레이어를 하나의 서비스에 담아 발행하고 속성용 table의 pk를 이용하여 관리
 첫 번째 선과 마지막 선은 빨간색
일 것
1. Polyline Layer에 처음이나 마지막임을 나타내주는 칼럼 추가
2. 조건식을 통해 style 적용
 각 점은 다음 점의 방향을 가리키
는 화살표 심볼일 것(단, 첫 점과
끝 점은 제외)
1. 기준점들의 좌표를 이용하여 방위각 계산
2. Symbol Layer의 별도의 칼럼에 저장
3. 조건식을 통해 symbol image의 style 적용

8. Android & Front-End & Back-End
모바일앱 구현 내용

9. 현황조사시스템
1. 현황자료 내려받기
 Volly, JSON을 활용해 서버와 송수신
 현황조사를 위해 서버 Oracle DB → Sqlite에 데이터 insert
 기기에 저장, SugarORM을 이용하여 컨트롤
2. 현황조사
 조사 프로세스 진행
3. 현황자료 올리기
 조사 완료된 건 서버에 전송
4. 지도서비스
 WebView를 이용해 OllehMap(기본도 & 위성도 & 길찾기)
 ArcGIS 서비스(공간DB를 이용한 기준점 정보) 제공
 위치 찾기
 앱 ↔ JS 간 송수신을 통해 이벤트 처리
5. 공지사항 , QnA
 게시판. 기간 내 공지사항이 있을 경우 AlertDialog로 표출

10. 현황조사시스템
1. 현황자료 내려받기
 Volly, JSON을 활용해 서버와 송수신
 현황조사를 위해 서버 Oracle DB → Sqlite에 데이터 insert
 기기에 저장, SugarORM을 이용하여 컨트롤
2. 현황조사
 조사 프로세스 진행
3. 현황자료 올리기
 조사 완료된 건 서버에 전송
4. 지도서비스
 WebView를 이용해 OllehMap(기본도 & 위성도 & 길찾기)
 ArcGIS 서비스(공간DB를 이용한 기준점 정보) 제공
 위치 찾기
 앱 ↔ JS 간 송수신을 통해 이벤트 처리
5. 공지사항 , QnA
 게시판. 기간 내 공지사항이 있을 경우 AlertDialog로 표출

11. 현황조사시스템
1. 현황자료 내려받기
 Volly, JSON을 활용해 서버와 송수신
 현황조사를 위해 서버 Oracle DB → Sqlite에 데이터 insert
 기기에 저장, SugarORM을 이용하여 컨트롤
2. 현황조사
 조사 프로세스 진행
└ Drawing – 선 그리기(직선, 점선, 방향선 등)
아이콘, 텍스트 입력(오픈소스 MotionViews)
3. 현황자료 올리기
 조사 완료된 건 서버에 전송
4. 지도서비스
 WebView를 이용해 OllehMap(기본도 & 위성도 & 길찾기)
 ArcGIS 서비스(공간DB를 이용한 기준점 정보) 제공
 위치 찾기
 앱 ↔ JS 간 송수신을 통해 이벤트 처리
5. 공지사항 , QnA
 게시판. 기간 내 공지사항이 있을 경우 AlertDialog로 표출
시연영상

12. 현황조사시스템
1. 현황자료 내려받기
 Volly, JSON을 활용해 서버와 송수신
 현황조사를 위해 서버 Oracle DB → Sqlite에 데이터 insert
 기기에 저장, SugarORM을 이용하여 컨트롤
2. 현황조사
 조사 프로세스 진행
└ Drawing – 선 그리기(직선, 점선, 방향선 등)
아이콘, 텍스트 입력(오픈소스 MotionViews)
3. 현황자료 올리기
 조사 완료된 건 서버에 전송
4. 지도서비스
 WebView를 이용해 OllehMap(기본도 & 위성도 & 길찾기)
 ArcGIS 서비스(공간DB를 이용한 기준점 정보) 제공
 위치 찾기
 앱 ↔ JS 간 송수신을 통해 이벤트 처리
5. 공지사항 , QnA
 게시판. 기간 내 공지사항이 있을 경우 AlertDialog로 표출
방향선 화살표 그리기 코드

13. 현황조사시스템
1. 현황자료 내려받기
 Volly, JSON을 활용해 서버와 송수신
 현황조사를 위해 서버 Oracle DB → Sqlite에 데이터 insert
 기기에 저장, SugarORM을 이용하여 컨트롤
2. 현황조사
 조사 프로세스 진행
3. 현황자료 올리기
 조사 완료된 건 서버에 전송
4. 지도서비스
 WebView를 이용, OllehMap(기본도 & 위성도 & 길찾기),
ArcGIS 서비스(공간DB를 이용한 기준점 정보) 제공
 위치 찾기
 앱 ↔ JS 간 송수신을 통해 이벤트 처리
5. 공지사항 , QnA
 게시판. 기간 내 공지사항이 있을 경우 AlertDialog로 표출
맵서비스 위에 띄운 버튼(내 위치 찾기)의
이벤트를 통해 js의 function 호출
앱의 getPosition()
호출

14. WebView가 있는 Activity 내의 getPosition()
위치정보를 위해 생성한 GpsInfo 클래스 이용
GpsInfo 클래스 내의 function