2005년 구글맵으로 부터 시작된 웹 기반 지도 API 서비스는 웹 2.0의 데이터 플랫폼 서비스의 주요 사례로 떠올랐다. 그 이후 야후!, 마이크로소프트 등에서 지도 플랫폼 서비스와 API 제공이 잇달았으며, 국내에서도 다음이 최초로 항공 사진(스카이뷰)과 거리 사진(로드뷰)을 제공하고 네이버도 참여함으로서 로컬 기반 서비스의 폭발적 성장의 견인차 역할을 하였다. 노키아의 Here 및 오픈스트릿맵 등 제 3의 사업자 및 협업 기반 플랫폼이 성장하였으며, Open Layer 라이브러리 및 Open GIS 등 다양한 공개 소프트웨어 들도 함께 성장하였다.
특히, 스마트폰의 보급과 아울러 모바일용 지도 SDK를 적극 보급 및 지원하는 추세로 기존의 Ajax 기반의 이미지 기반 웹 지도 표현 기술은 WebGL 혹은 Canvas를 통해 3차원 기술을 도입하면서 웹 호환성 및 성능을 동시에 높히고 있다. 구글 스케치업을 통해 시작된 공간 3차원 서비스는 약간 주춤하지만 45도 이미지너리 및 DEM 기반 데이터는 계속 추가되고 있다.
최근에는 구글맵 엔진 서비스와 같은 전문 사용자의 참여를 이끌어 내어 클라우드 소싱 형태의 지도 데이터 생성 커뮤니티를 통해 저개발 국가 및 북한과 같은 미공개 지도 데이터 생산을 만들고 있다.
2011년부터 구글 부터 지도 API 서비스 유료화를 단행하여 보안 강화 및 품질 및 성능 향상을 통해 제 3자 재판매를 통한 사업을 진행하고 있다. 또한, 최근 많은 기업들이 글로벌 홈페이지에 자사의 위치나 고객센터를 이용자들이 찾는데 활용하고 있으며, 이를 활용해 물류•관제•입지분석•위험관리•마케팅 등에 활용하고 있다.
현재 글로벌 지도 API 플랫폼은 단순히 베이스맵을 지원하는데 그치지 않고 공간 정보를 시각화 및 표현하는데 필요한 다양한 기능을 제공하면서, 정보 전달 역할을 강화하고 있다. 또한, Mapbox 등 지도 타일의 다양한 스타일과 테마 기능을 통해 좀 더 미려한 지도를 제공하기도 한다.
향후 글로벌 지도 API 플랫폼은 단보다 고도화된 시스템을 활용해 데이터 분석 및 2차원 시각화 그리고 3차원 공간 정보 활용으로 진화하고 있다.
Openshift 활용을 위한 Application의 준비, Cloud Nativerockplace
What is Cloud-native - DevOps, MSA and Cloud-native: Openshift 활용을 위한 Application의 준비, Cloud Native
*웨비나 다시보기 영상 바로가기:
https://www.youtube.com/watch?v=tzSBS-vki6w
2005년 구글맵으로 부터 시작된 웹 기반 지도 API 서비스는 웹 2.0의 데이터 플랫폼 서비스의 주요 사례로 떠올랐다. 그 이후 야후!, 마이크로소프트 등에서 지도 플랫폼 서비스와 API 제공이 잇달았으며, 국내에서도 다음이 최초로 항공 사진(스카이뷰)과 거리 사진(로드뷰)을 제공하고 네이버도 참여함으로서 로컬 기반 서비스의 폭발적 성장의 견인차 역할을 하였다. 노키아의 Here 및 오픈스트릿맵 등 제 3의 사업자 및 협업 기반 플랫폼이 성장하였으며, Open Layer 라이브러리 및 Open GIS 등 다양한 공개 소프트웨어 들도 함께 성장하였다.
특히, 스마트폰의 보급과 아울러 모바일용 지도 SDK를 적극 보급 및 지원하는 추세로 기존의 Ajax 기반의 이미지 기반 웹 지도 표현 기술은 WebGL 혹은 Canvas를 통해 3차원 기술을 도입하면서 웹 호환성 및 성능을 동시에 높히고 있다. 구글 스케치업을 통해 시작된 공간 3차원 서비스는 약간 주춤하지만 45도 이미지너리 및 DEM 기반 데이터는 계속 추가되고 있다.
최근에는 구글맵 엔진 서비스와 같은 전문 사용자의 참여를 이끌어 내어 클라우드 소싱 형태의 지도 데이터 생성 커뮤니티를 통해 저개발 국가 및 북한과 같은 미공개 지도 데이터 생산을 만들고 있다.
2011년부터 구글 부터 지도 API 서비스 유료화를 단행하여 보안 강화 및 품질 및 성능 향상을 통해 제 3자 재판매를 통한 사업을 진행하고 있다. 또한, 최근 많은 기업들이 글로벌 홈페이지에 자사의 위치나 고객센터를 이용자들이 찾는데 활용하고 있으며, 이를 활용해 물류•관제•입지분석•위험관리•마케팅 등에 활용하고 있다.
현재 글로벌 지도 API 플랫폼은 단순히 베이스맵을 지원하는데 그치지 않고 공간 정보를 시각화 및 표현하는데 필요한 다양한 기능을 제공하면서, 정보 전달 역할을 강화하고 있다. 또한, Mapbox 등 지도 타일의 다양한 스타일과 테마 기능을 통해 좀 더 미려한 지도를 제공하기도 한다.
향후 글로벌 지도 API 플랫폼은 단보다 고도화된 시스템을 활용해 데이터 분석 및 2차원 시각화 그리고 3차원 공간 정보 활용으로 진화하고 있다.
Openshift 활용을 위한 Application의 준비, Cloud Nativerockplace
What is Cloud-native - DevOps, MSA and Cloud-native: Openshift 활용을 위한 Application의 준비, Cloud Native
*웨비나 다시보기 영상 바로가기:
https://www.youtube.com/watch?v=tzSBS-vki6w
[Agenda]
*토크쇼 주제: Cloud Native를 위한 컨테이너 플랫폼 구현과 활용 이야기
1. 시장 및 기술동향 소개 & Container & Kubernetes 소개
2. Red Hat OpenShift를 왜 써야 할까요?
3. OpenShift Infra 구성 방안은 어떻게 되나요?
4. OpenShift와 Kubernetes의 주요 차이점은 무엇일까요?
5. 완전한 오픈소스 기반 OpenShift로 PaaS를 빠르게 구축이 가능 하나요?
6.컨테이너플랫폼의 운영을 효율적으로 하기위한 표준화에는 어떤 것이 필요할까요?
7. Red Hat OpenShift를 이용하여 기존의 시스템을 마이그레이션 하는 방법은 무엇인가요?
8. 개발자와 운영자가 일을 수월하게 할 수 있도록 도움을 준다고 하는데 어떠한 부분인가요?
9. Red Hat OpenShift 구축 성공 사례가 있나요?
NetApp AI Control Plane for Kubernetes and Kubeflow
NetApp AI Data Control Plane for Kubernetes and Kubeflow
NetApp Trident and Python REST API for Kubernetes and Kubeflow
1. 서울시 홈페이지 아키텍처 소개
및 리소스 개방
2012.08.31
가비아 SI사업부 총괄사업부장 : 윤 여 주
1998~ 2012. GABIA Ⓒ All rights reserved.
2.
3. 서울시 홈페이지 아키텍처
추가 적용 기술
MDM(Master Data Mgmt.)
Any Device 보안(OWASP Top10)
기반 기술 적용(ROA)
Resource Center
(OSMU) RESTful
Open CMS Oauth Protocol
(Platform)
Open API
ATOM
Legacy System
Meta Data
Application H/W 기반 기술
COP 가상화
(Contents Open Platform)
클라우드 컴퓨팅
그린 IT 설계
IEEE 1471
Architecture Model
IT WEB TOTAL COMPANY GABIA. -3-
4. 오픈 플랫폼
시민을 위한 시공무원을 위한
1 누구나 1 누구나
콘텐츠 입력과
2 찾기 쉽고 2 재활용이 쉽고
서울시 민원과 자원의
3 보기도 쉽고 3 모니터링이 쉽고
홈페이지
관리가 용이하고
4 이해하기도 쉬운 4 비용도 절감되고
꼭 필요한
5 꼭 필요한
정보만을 요약한
5 기능을 요약한
IT WEB TOTAL COMPANY GABIA. -4-
5. 오픈 플랫폼
시민을 위한 시공무원을 위한
1 누구나 1 누구나
콘텐츠 입력과
2 찾기 쉽고 2 재활용이 쉽고
서울시 민원과 자원의
3 보기도 쉽고 3 모니터링이 쉽고
홈페이지
관리가 용이하고
4 이해하기도 쉬운 4 비용도 절감되고
꼭 필요한
5 꼭 필요한
정보만을 요약한
5 기능을 요약한
IT WEB TOTAL COMPANY GABIA. -5-
6. 오픈 플랫폼
모범사례 연구
런던시청 백악관
높은 시민참여
사용자 중심의
정리된 정보 양방향 정보제공
오픈 소스
콘텐츠 개방
플랫폼 기반
IT WEB TOTAL COMPANY GABIA. -6-
7. 오픈 플랫폼
서울시 홈페이지의 오픈 플랫폼 도입
2011년 2012년
다양한
디바이스 지원
SNS로의 사용자 중심의
콘텐츠 연계 양방향 정보제공
오픈 소스 콘텐츠 개방
플랫폼 기반 시도
IT WEB TOTAL COMPANY GABIA. -7-
8. 반응형웹
Responsible Web 제작
•HTML5, CSS3, Javascript
•One Source 에서 서비스 제공
•모바일 환경 고려, 사용자 중심의 UX,UI 제공
•컨텐츠 중심의 최적화 웹페이지 제공
•One Source 로서, 유지보수의 효율을 높임.
반응형웹 기술을 통한 nScreen 전략
IT WEB TOTAL COMPANY GABIA. -8-
9. 반응형웹
Width : A
Media Query
•상대값 코딩
Height : a’
•미디어쿼리를 활용한
가변폭 웹 디자인기법 적용
Width : B
Height : b’
Width : C
Height : c’
IT WEB TOTAL COMPANY GABIA. -9-
10. 리소스센터 개념
Dash Board
Open API /
( )
API
XML,JSON,RSS Word Press
Application Server
Meta Data
API- (Rest)
Post
Page
html
My-SQL
Word Press Server
IT WEB TOTAL COMPANY GABIA. - 10 -
15. 메타데이터 수집
메타데이터 구성도
WordPress My-SQL
Post Data
Posting
Seoul_ _post
Mapping Data
( ) Core
Engine
Seoul_resource_mapping
Meta Serialize
Plug-in Object Resource Data
Seoul_resource_meta
IT WEB TOTAL COMPANY GABIA. - 15 -
23. 서울시 UI/UX 가이드
UX/UI 개발 방법론
대학생
내외부 핵심 이해관계자 파악, 외부 이해관계자 내부 이해관계자 홈페이지 이용자
청년 관심 이슈 조사 분석 파악 및 이슈분석 의견수렴 및 검토 설문 조사 기획 및 시행
취업자
공무원 홈페이지 UI 구성 방안 및 홈페이지 구성(안) 홈페이지 개정 및 운영
중요 이슈 분석
노인
가이드라인 도출 도출 가이드 개발
+ =
사용자 경험 중심의 UI/UX 수립
IT WEB TOTAL COMPANY GABIA. - 23 -
24. 서울시 UI/UX 가이드
영역별 가이드
영역별 가이드
Layout 가이드
GNB 가이드
LNB 가이드
로그인 가이드
Footer 가이드
IT WEB TOTAL COMPANY GABIA. - 24 -
25. 서울시 UI/UX 가이드
영역별 가이드
영역별 가이드
Layout 가이드
GNB 가이드
LNB 가이드
로그인 가이드
Footer 가이드
IT WEB TOTAL COMPANY GABIA. - 25 -
26. 서울시 UI/UX 가이드
요소별 가이드
요소별 가이드
타이틀 가이드
로고가이드
컬러가이드
버튼, 탭스타일 가이드
아이콘 스타일 가이드
이미지 가이드
동영상 가이드
IT WEB TOTAL COMPANY GABIA. - 26 -
27. 서울시 UI/UX 가이드
요소별 가이드
요소별 가이드
타이틀 가이드
로고가이드
컬러가이드
버튼, 탭스타일 가이드
아이콘 스타일 가이드
이미지 가이드
동영상 가이드
IT WEB TOTAL COMPANY GABIA. - 27 -
28. 서울시 UI/UX 가이드
개별폼 가이드
개별 폼가이드
스태틱 컨텐츠 가이드
게시판 가이드
EMS 가이드
팝업 가이드
이벤트, 프로모션 가이드
IT WEB TOTAL COMPANY GABIA. - 28 -
29. 서울시 UI/UX 가이드
개별폼 가이드
개별 폼가이드
스태틱 컨텐츠 가이드
게시판 가이드
EMS 가이드
팝업 가이드
이벤트, 프로모션 가이드
IT WEB TOTAL COMPANY GABIA. - 29 -
30. 서울시 플러그인 활용사례
플러그인 개념
Open Platform 물리적 아키텍처 Open Platform 개념적 아키텍처
Open-API Dash Board
XML
ADD-ON Open-API Dash Board
JSON Ext-JS 보안
(그리드,챠트)
RSS
Application(Spring)
Meta-Data Plug-in/Theme
MVC AOP Ext-JS Batch
(REST) (jdbc)
DBMS
Theme
Plug-in Open Platform Core
Core Data App Data Meta Data
Open Platform
IT WEB TOTAL COMPANY GABIA. - 30 -
31. 서울시 플러그인 활용사례
적용 플러그인- 시민과 찰칵찰칵
Oauth Key를 통한 Flickr 연동
IT WEB TOTAL COMPANY GABIA. - 31 -
32. 서울시 플러그인 활용사례
적용 플러그인- 태그, CCL
IT WEB TOTAL COMPANY GABIA. - 32 -
33. 서울시 플러그인 활용사례
적용 플러그인- 섹션 메인 플러그인
IT WEB TOTAL COMPANY GABIA. - 33 -
34. 서울시 플러그인 활용사례
실제 사용 중인 Plug-in
번호 이름 내용
1 CMS2WP CMS2 게시판의 내용을 WP로 이관하는 기능
2 seoul mayor citizen 시민이 시장이다
3 seoul mayor photo 시민과 찰칵찰칵
4 seoul mayor talk 시장실 정책워크숍
5 seoul print 화면 인쇄하기 버튼
6 seoul search tweet 검색트윗 가져오기 플러그인
7 seoul SNS button SNS 연동 플러그인
8 seoul tag cloud 태그 클라우드 스타일 변경
9 서울 만족도 플러그인 만족도 평가, 통계
10 서울 스크랩 플러그인 포스트 스크랩
11 서울시 라이브원순 동영상설정 플러그인 서울시 라이브원순 동영상설정 플러그인
12 서울시 연계태그 프러그인 리뉴얼 템플릿에 적용되는 연계태그 플러그인
13 서울시 위원회 회의록 정보소통광장 위원회 회의록 플러그인
14 서울시 정보소통광장 공표주기 삽입 글쓰기에 커스텀필드로 공표주기/등록번호 추가
IT WEB TOTAL COMPANY GABIA. - 34 -
35. 서울시 플러그인 활용사례
실제 사용 중인 Plug-in
번호 이름 내용
15 서울시 주요회의록 정보소통광장 주요회의 플러그인
16 서울시 트윗위젯 최신 트윗가져오기 플러그인
17 seoul board 게시판 플러그인
18 seoul CCL CCL 플러그인
19 seoul common comment 댓글 플러그인
20 seoul content manager 콘텐츠 담당자 표시 플러그인
21 seoul dashboard 서울시 대쉬보드 커스터마이징 플러그인
22 seoul LiveRe 소셜댓글 라이브리 적용
23 seoul no robot 포털 로봇 검색방지 플러그인
24 seoul rating 게시물 평가 플러그인
25 Seoul To Excel 엑셀 다운로드 플러그인
26 섹션메인 새템플릿 섹션메인 구성 플러그인
27 서브메인 새분야별 템플릿 서브메인 구성 플러그인
IT WEB TOTAL COMPANY GABIA. - 35 -