[2018년 12월] ArcGIS API for JavaScript를 사용한 웹 개발 소개

설명

강좌개요
이 강좌에서는 ArcGIS 콘텐츠 및 기능을 갖춘 웹 응용 프로그램(web apps)을 만드는 방법을 익히게 됩니다. ArcGIS API for JavaScript (version 4) 는 어플리케이션 개발에 대한 간소화된 경험과 2D 및 3D 콘텐츠를 쉽게 통합할 수 있는 새로운 기능을 제공합니다. 이 과정에서는 고성능 웹 앱을 만드는데 도움이 되는 API 클래스, 구성요소 및 사용 가능한 기능들을 소개합니다.


대상자
GIS 전문가, GIS 개발자 등


목표
– 기관의 웹 맵, 웹 씬 및 레이어를 통합하는 앱을 만듭니다.
– 2D 및 3D로 지도를 표시하고 렌더링합니다 .
– 최종 사용자가 지도 레이어를 검색하고 쿼리할 수 있는 기능을 제공합니다.
– 어플리케이션 기능을 개발하고 테스트합니다.

이 과정은 다음의 소프트웨어를 활용하여 작업할 수 있도록 고안되었습니다.
– ArcGIS API 4.0 for JavaScript
– GIS 개념에 대한 기본 지식 필요
– ArcGIS Pro 필수기능을 수강했거나 이와 상응하는 GIS 기초지식이 있는 분
– HTML, CSS 및 JavaScript에 대한 지식 (필수사항은 아님)
1. 웹 앱 개요(Web apps)
웹 앱 구성요소
CSS를 이용하여 웹 앱 스타일 지정
웹 앱 평가
실습1: 웹 앱 생성
HTML을 이용하여 웹 앱 생성
CSS를 이용하여 웹 앱 스타일 지정

2. JavaScript 작성
JavaScript 소개
JavaScript 평가
속성 액세스 및 설정
속성 식별
Coding functions
실습 2: JavaScript 구현
JavaScript 함수 호출
JavaScript 함수 코딩
스크립트에서 JavaScript 함수 참조
ArcGIS 웹 앱 검증

3. ArcGIS 웹 앱 생성
ArcGIS API for JavaScript 소개
ArcGIS API for JavaScript 사용
ArcGIS 웹 앱에서 코드 평가
앱에서 웹 맵 사용
오류 발견
웹 앱에서 구현 방법 결정
실습 3: ArcGIS 웹 앱 생성
맵에 베이스맵 지정
지도의 위치를 중앙에 배치
지도가 포함된 웹 앱 생성

4. 레이어 구현(Layers)
레이어 유형
맵에 레이어 추가
레이어 유형 선택
실습 4: 레이어로 작업
새 레이어 구현
지도에서 레이어 제거
지도의 레이어 나열
웹 앱의 레이어 선택

5. 3D로 지도 보기
씬(scenes) 사용 사례
씬레이어(SceneLayer) 구현
씬뷰(SceneView) 탐색
환경설정 적용
실습 5: SceneView 구현
맵이나 씬에 SceneLayer 추가
초기 뷰 속성 할당
SceneView에서의 프로그램 탐색
지원되는 좌표계 식별

6. 웹 앱에 위젯 추가(Widget)
위젯이란?
위젯 구현
위젯 선택
ArcGIS 웹 앱에 위젯 추가
실습 6: 위젯 구현
Basemap Toggle 위젯 구현
LayerList 위젯 구현
원하는 위젯 구현

7. 그래픽 그리기
뷰에 그래픽 추가
GraphicsLayer에 그래픽 추가
그래픽에 속성 할당
속성 적용
실습 7: 지도에 그래픽 표시
GraphicsLayer에 point 그래픽 적용
GraphicsLayer에 line, polygon 그래픽 적용
GraphicsLayer에 속성 적용
SketchViewModel을 사용하여 그래픽 추가

8. 검색(Searching)
위치와 피처 검색
검색기능 사용 사례
검색 위젯 구현
실습 8A: 검색 위젯 구현
뷰에 검색 위젯 추가
제안 사용
검색 결과 제한
피처 속성 표시
실습 8B: 피처 속성 표시
팝업창 고정
요소로 콘텐츠 추가
팝업 액션 추가

9. 피처 선택(Selecting)
검색과 선택의 차이
FeatureLayerView 이해
속성으로 피처 선택
지오메트리로 피처 선택
지오메트리를 사용하여 피처 선택
쿼리 결과로 작업하기
실습 9: 피처 선택
속성으로 피처 선택
지오메트리로 피처 선택
지오프로세싱 결과에서 피처 선택

10. 피처 렌더링(Rendering)
시각화란?
수동으로 정의된 렌더러 평가
렌더러 구현
실습 10 : 렌더링 구현
simple renderer 적용
unique value renderer 적용
class breaks renderer 적용
스마트매핑 구현
스마트매핑 API 사용시기 결정

11. 인증(authentication)
보안 콘텐츠
IdentityManager 클래스 구현
IdentityManager 클래스 사용


수강신청 안내

수강신청은 교육시작일 전까지 가능하며, 수강신청과 함께 교육비 결제 또는 현장결제 방법을 선택하셔야 수강신청이 완료됩니다. 수강신청과 관련하여 아래 단계를 확인하시기 바라며, 세금계산서 요청 및 교육비 관련 문의사항은 한국에스리 교육센터(02-2086-1980)로 연락주시기 바랍니다.

  • Connector.

    홈페이지 가입하기

    홈페이지 계정은 이메일 주소로 가입하며 정확한 이름과 소속을 기입하여 주시기 바랍니다.

  • Connector.

    GIS 강좌 확인하기

    각 과정의 세부 내용을 보시려면 강좌명을 클릭하셔서 확인하실 수 있습니다. 수강을 원하는 강좌의 내용과 일정을 확인합니다.

  • Connector.

    등록하기

    등록하기 버튼을 클릭하신 뒤, 일정 및 교육비를 확인하신 다음 수강신청 버튼을 클릭합니다.

  • Connector.

    교육비 결제하기

    온라인 결제로 신용카드와 실시간 계좌 이체 및 현장 결제가 가능합니다. 현장 결제시 현대카드는 결제가 불가하며, 실시간 계좌이체는 일정 시간 내에 미입금시 수강취소 처리됩니다. 이외 세금계산서 요청을 원하시는 경우에는 한국에스리 교육센터(Tel. 02-2086-1980)로 연락주시기 바랍니다.

  • Connector.

    나의 강의실 확인하기

    수강신청이 완료되면 상단의 나의 강의실 – 진행중 강좌에서 내역이 확인됩니다. 결제 정보는 마이페이지 – 나의 주문 내역에서 확인이 가능합니다.

세부 정보

  • 오프라인 교육은 오전 9시 30분부터 오후 5시 30분(점심시간 12시 ~ 1시)까지 하루 7시간 동안 진행됩니다.
  • 교육 수강 시 교재는 추가 비용 없이 제공되며, 점심식사 및 주차 요금은 제공되지 않습니다.
  • 강좌가 조기 마감될 수 있으니 최소 한 주 전에 신청해 주시는 것을 권장합니다.
  • 교육 취소 및 환불을 원하시는 경우에는 한국에스리 교육센터(02-2086-1980)로 연락주시기 바랍니다.

관련강좌