서울시가 WP로 간 까닭은
37
서울시청 마 경 근 [email protected]
-
Upload
longtag -
Category
Technology
-
view
709 -
download
2
Transcript of 서울시가 WP로 간 까닭은
시간을 잠시 2010년으로 돌려보겠습
니다.
2010년 서울시 웹사이트의 불편한 진실
#1. 새로운 디바이스 #2. 새로운 미디어
#3. 공공 정보 활용 #4. IT 생태계 구도
2010년 서울시 웹사이트의 불편한 진실
건물
시설 인프라전기
보안 시설
유무선 네트워크
네트워크 장비
비상시설
웹 서버
DB서버
방송용 서버백업장비
스토리지 서버
공간정보시스템
자료관
e인사마당
전자문서시스템
세무관리시스템
지방재정시스템
비상발령시스템
물품장터상시기록평가
학습관리
보도관리홍보물심의관리
지도서버
해킹방지 장비
통신 및 보안
컴퓨터 장비
업무용 시스템
서울시 홈페이지
대표 홈페이지
2010년 서울시 웹사이트의 불편한 진실
1. OSMU (One Source Multi Use)
1.1 다양한 Device 지원
1.2 콘텐츠 자원의 공동활용
2. Open/Share
2.1 콘텐츠 공유/유통
2.2 저작권 공유
3. Governance
3.1 콘텐츠 분류/평가
3.2 콘텐츠 정책적 활용
4. Usability
4.1 검색기능 강화
4.2 웹 호환성 향상
5. Efficiency
5.1 운영 효율화
5.2 외부 서비스 활용
내용(xHTML)
형식(CSS)
동작(DOM, Script)
콘텐츠의 재 해석 → 리소스
Spring Framework
REST Client
Front-end
테마
서울시 온라인 콘텐츠 플랫폼사용자 채널 관리자
사이트
관리자
화면
표현
구조 + 내용
동작
Back-end
포스트
페이지
공통 기능
(댓글, 만족도)
사이트관리자
총괄관리자
PC
모바일 웹
모바일 앱
IPTV
기타 Device
ATOM
-XML
WP게시물
총괄
관리자
화면
운영 관리
(운영자, 환경설정)
워드프레스 Framework
저장
소
리소스DB
(메타데이터)
실명인증 공공
I-PIN
SNS 통합회원 콘텐츠
실명제
CMS2
게시판
전자
민원
통합
예약마일
리지
•개인정보필터링
•행정포털
•전자메일
•SMS
•웹로그
•검색
콘텐츠 등록
미디어
파일
리소스 관리
리소스 라이브러리
리소스
등록
리소스
사용
메타
데이터
리소스
카테고리
미디어
파일
리소스
사이트
일반사용자
타 기관/부서
웹사이트
Ajax
RE
ST
Serv
er 서비스 제어
(Controller)
리소스 서비스
(Model)
시스
템연
계I/
F
인터페이스
플러그인
대외 연계 시스템 대내 연계 시스템공공 DB
플랫폼 아키텍처(개념도)
DBMS #1(Master)
DBMS #2(Slave)
Web Server #1 Web Server #2
Storage
MySQL
Master-Slave
Replication Link
WAS Server #1 WAS Server #2
통합DB
Internet
Web Server #5
(Test서버)
DBMS #3(Test서버)
Web Server #3 Web Server #4
Load Balancing
Web Server
(#1 ~ #4)
Wordpress 3.1.3
PHP 5.3.6
Apache 2
Linux(Redhat5.6)
DBMS
(#1 ~ #2)
MySQL 5.0
Linux(Redhat5.6)
WAS Server
(#1 ~ #2)
Tomcat 7.0
JDK 1.6
Spring 3.0
myBATIS 3.0
Linux(Redhat5.6)
Web Server
(#5)
Wordpress 3.1.3
PHP 5.3.6
Apache 2
Linux(Redhat5.6)
DBMS
(#3)
MySQL 5.0
Linux(Redhat5.6)
Load Balancing
L4스위치
플랫폼 아키텍처(하드웨어)
앱
포털사이트
BLOG
구직사이트
타 홈페이지
서울시 홈페이지
플랫폼
GET http://<사이트>/resource/<채용공고>
200 OK
ATOM-XML(전체 채용공고)
GET http://<사이트>/resource/<채용공고>/1
200 OK
ATOM-XML(1번 채용공고)
POST http://<사이트>/resource/<자원>
<등록할 자원>
201 CREATED
<자원 등록 정보>
Post(새 글)
정적 Page
게시물
ATOM의 활용
No 요소 요소설명 필수여부 자동입력 비고
1 Title 제목 필수 워드프레스 타이틀에 의해 등록
2 Creator 제작자 필수 자동 담당 부서명(dept_id에 의해 자동 입력)
3 Subject 주제, 키워드 워드프레스 Tag 입력에 의해 등록
4 Description 요약 설명 자동 콘텐츠 페이지 본문 텍스트 200자 자동 등록후 변경 가능
5 Publisher 발행자
6 Contributor 기타 제작자
7 Date Created 생성일 필수 자동
8 Valid 유효일자 예정폐기일자
9 Modified 수정일 필수 자동
10 Type 유형 필수 워드프레스 category 선택에 의해 등록
11 Format 포맷 필수 이미지, 동영상, 문서 등 선택에 의해 등록
12 Identifier 식별기호(URI) 필수 자동
13 Source 정보원
14 Language 언어 기본 한국어 표시후 목록에서 선택
15 Relation 관계(관련문서) 참조문서 및 관련법규
16 Coverage 범위 지역, 연대 범위
17 Rights 권한(저작권) CCL 선택에 의해 입력
18 AccessAggregate
Access Count 누적 접근 건수 자동 웹 로그 시스템 연계
19 Search Robots검색로봇 색인 허
용여부Robots.txt
서울시 표준 메타데이터(더블린코어+)
사이트
CCL 기본값 설정
(BY-NC-ND)
콘텐츠 등록
저작자표시-비영리-
동일조건변경허락저작자표시-비영리
콘텐츠 등록
CCL 설정 변경
(BY-NC-SA)
콘텐츠 등록
기본값 선택 유지
(BY-NC)CCL 없음 선택
CCL(Creative Common License) 적용
구 분 기존 신규 요소기슬
1.OSMU
1.1 다양한 기기 지원 Ⅹ ○ 웹표준화, HTML5
1.2 콘텐츠 공동 활용 Ⅹ ○ 리소스 개념, 단일URI
2.Open/
Share
2.1 콘텐츠 공유/유통 △ ○ RESTful, ATOM
2.3 저작권 유보 Ⅹ △ CCL, 메타데이터
3.Governannc
e
3.1 콘텐츠 분류/평가 Ⅹ ○ 리소스 개념, 메타데이터
3.2 콘텐츠 정책적 활용 Ⅹ △ 웹로그연계, 프로모션 기법
4.Usability4.1 검색기능 △ ○ 메타데이터, SEO
4.2 웹 호환성 △ ○ 웹표준화
5.Efficiency5.1 유지보수성 Ⅹ △ 프레임워크, 테마
5.2 외부 자원 활용 △ ○ 매시업, openAPI
적용 기술 비교
• 이해하기 쉬운 12개의 분야별 섹션
• ‘테마’에 ‘이야기’를 담은
블로그형 구성
분야별 섹션 및 블로그 적용
모바일 이용
용이한 검색
SNS 연계
콘텐츠 전파
저작권 개방
운영비용
최소화
다양한 콘텐츠
최신정보
직접 등록
콘텐츠
통합 관리
용이한
화면구성
2010년 서울시 웹사이트의 불편한 진실
세계도시 전자정부 협의체(2011.9) 서울특별시장실(2011.11)
서울시 메인 홈페이지(2012. 3)정보소통 광장 페이지(2012. )
0
100,000
200,000
300,000
400,000
500,000
600,000
3월 4월
야후
네이트
구글
다음
네이버
검색(포털)사이트에서의 유입 변화
SNS 종류 연계 건수
twitter 339
facebook 288
me2day 69
yozm 12
cyworld 12
합계 720
SNS로의 콘텐츠 연계
190
200
210
220
230
240
250
260
270
1/3 1/17 1/31 2/14 2/28 3/13 3/27 4/10 4/24 5/8 5/22
Series1 220 221 220 226 231 240 245 246 254 260 264
순위/날짜
홈페이지 순위 변화(랭키닷컴)
Lined Data.
Raw Data Now!!
Government As a
Platform.!
Tim O’Reilly
Tim Berners-Lee,
모든 시정 정보가 시민에게 개방 · 공유
되어,
市政이 투명하게 보이고…
박 원 순
1995년 2000년 2005년 2012년 2015년
정보제공 중
심
전자민원 서비
스
시민참여 도
입
참여∙공유∙공개
기존의 물리적공간에서 이루어지던
서울시의 공공서비스 영역을
가상공간으로 확대한 전자정부
시민들이 원하는 정보를 찾아 자유롭
게 가공하여 원하는 서비스를 만들어
낼 수 있는 ‘플랫폼형’ 정부2.0
현재현 재
서울시가 WP로 간 까닭은?,그 곳에 WP가 있었기 때문입
니다.
. .
