1. 서울시 홈페이지 혁신의 방
향과 성과
서울시청 마경근
iyagi.me@gmail.com
서울 웹 컨퍼런스 2012 -1- 웹의 개방과 공유
2. 홈페이지 혁신의 배경
2010년 IT 메가트렌드와 핫이슈
#1. 새로운 디바이스 #2. 소셜 네트워크
#3. 공공 정보 활용 #4. IT 생태계 구도
서울 웹 컨퍼런스 2012 -2- 웹의 개방과 공유
3. 홈페이지 혁신의 배경
2010년 서울시 홈페이지 상황
대표 홈페이지
서울시 홈페이지
지방재정시스템 자료관 상시기록평가 물품장터
업무용 시스템 세무관리시스
e인사마당 홍보물심의관리 보도관리
템
비상발령시스 공간정보시스 전자문서시스
학습관리
템 템 템
컴퓨터 장비 웹 서버 방송용 서버 지도서버
백업장비
DB서버 스토리지 서버
유무선 네트워크 해킹방지 장비
통신 및 보안
네트워크 장비 보안 시설
비상시설
건물
시설 인프라
전기
서울 웹 컨퍼런스 2012 -3- 웹의 개방과 공유
4. 홈페이지 혁신의 배경
2010년 서울시 홈페이지 상황
開店休業 不通則痛
五里霧中
?
右往左往
서울 웹 컨퍼런스 2012 -4- 웹의 개방과 공유
5. 홈페이지 혁신 추진
홈페이지 혁신 5대 목표
1. One Source
2. Open/Share 3. Governance 4. Usability 5. Efficiency
Multi Use
• 다양한 • 콘텐츠 공유/ • 콘텐츠 분류/ • 검색기능 강 • 운영 효율화
Device 지원 유통 확대 평가 화 • 외부 서비스
• 콘텐츠 자원 • 자유로운 저 • 콘텐츠 정책 • 웹 호환성 향 적극 활용
의 공동활용 작권 적 활용 상
서울 웹 컨퍼런스 2012 -5- 웹의 개방과 공유
6. 홈페이지 혁신 추진
콘텐츠의 자원화
내용(xHTML)
형식(CSS)
동작(DOM, Script)
서울 웹 컨퍼런스 2012 -6- 웹의 개방과 공유
7. 홈페이지 혁신 추진
메타데이터 적용
필수 자동
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 Access Aggregate Access Count 누적 접근 건수 자동 웹 로그 시스템 연계
서울 웹 컨퍼런스 2012 -7- 웹의 개방과 공유
8. 홈페이지 혁신 추진
CCL 적용
사이트
CCL 기본값 설정
(BY-NC-ND)
콘텐츠 등록 콘텐츠 등록 콘텐츠 등록
CCL 설정 변경 기본값 선택 유지
CCL 없음 선택
(BY-NC-SA) (BY-NC)
저작자표시-비영리- 저작자표시-비영리
동일조건변경허락
서울 웹 컨퍼런스 2012 -8- 웹의 개방과 공유
9. 홈페이지 혁신 추진
이해하기 쉬운 12개의 분야별 섹션
‘테마’에 ‘이야기’를 담은 블로그형 구성
서울 웹 컨퍼런스 2012 -9- 웹의 개방과 공유
10. 홈페이지 혁신 추진
온라인 콘텐츠 플랫폼
서울 웹 컨퍼런스 2012 - 10 - 웹의 개방과 공유
11. 홈페이지 혁신 추진
홈페이지 혁신 요소 기술
구 분 기존 신규 요소기슬
1.1 다양한 기기 지원 Ⅹ ○ 웹표준화, HTML5
1.OSMU
1.2 콘텐츠 공동 활용 Ⅹ ○ 리소스 개념, 단일URI
2.1 콘텐츠 공유/유통 △ ○ RESTful, ATOM/RSS
2.Open/
Share
2.3 자유 저작권 Ⅹ △ CCL, 메타데이터
3.1 콘텐츠 분류/평가 Ⅹ ○ 리소스 개념, 메타데이터
3.Governannce
3.2 콘텐츠 정책적 활용 Ⅹ △ 웹로그연계, 프로모션 기법
4.1 검색기능 △ ○ 메타데이터, SEO
4.Usability
4.2 웹 호환성 △ ○ 웹표준화
5.1 유지보수성 Ⅹ △ 프레임워크, 테마
5.Efficiency
5.2 외부 자원 활용 △ ○ 매시업, openAPI
서울 웹 컨퍼런스 2012 - 11 - 웹의 개방과 공유
12. 홈페이지 혁신의 성과
다양한 콘텐츠
모바일 이용
용이한 검색
SNS 연계
운영비용
최소화
콘텐츠 전파
최신정보
직접 등
록
저작권 개방
콘텐츠
통합 관
리
용이한
화면구성
서울 웹 컨퍼런스 2012 - 12 - 웹의 개방과 공유
13. 홈페이지 혁신의 성과
성과 측정 프레임워크 - 트리플 미디어 전략
(출처 : www.smartinsights.com)
서울 웹 컨퍼런스 2012 - 13 - 웹의 개방과 공유
14. 서울시 홈페이지 혁신의 성과
성과 측정 프레임워크 - 트리플 미디어 전략
포털 및 검색사이트에서의 유입
<로그파일 분석>
Paid
Media
Owned Earned
Media Media
홈페이지의 객관적 순위 콘텐츠 유통 결과
<순위평가 사이트> <소셜 미디어 유통>
서울 웹 컨퍼런스 2012 - 14 - 웹의 개방과 공유
15. 서울시 홈페이지 혁신의 성과
포털 및 검색사이트에서의 유입 변화 콘텐츠의 소셜미디어 유통
927,532
873,838
831,265
736,137
598,319
총1,240건
서울시 홈페이지 순위 변화(rankey.com)
서울 웹 컨퍼런스 2012 - 15 - 웹의 개방과 공유
16. 서울시 홈페이지 혁신의 성과
트리플 미디어로 본 성과
방문수 월 평균 300,000 이상 증가
598,319 → 927,532
Paid
Media
Owned Earned
Media Media
홈페이지 순위 40위 상승 콘텐츠의 소셜미디어 유통 시작
240위 → 199위 0 → 1,240
서울 웹 컨퍼런스 2012 - 16 - 웹의 개방과 공유
17. 홈페이지 혁신의 방향
서울특별시장실(2011.11) 희망온돌 프로젝트(2011.11) 열린 데이터 광장(2012.6)
서울시 메인 홈페이지(2012.3) 수해 커뮤니티 맵(2012.7) 정보소통광장(2012.8)
서울 웹 컨퍼런스 2012 - 17 - 웹의 개방과 공유
18. 홈페이지 혁신의 방향
기존 홈페이지
미디어
owned
paid
earned
플랫폼
시민참여
공공데이터
투명성
서울 웹 컨퍼런스 2012 - 18 - 웹의 개방과 공유
19. 홈페이지 혁신의 방향
외부의 자원(서비스)을 최대한 활용하고, 자신의 콘텐츠에 집중
서울 웹 컨퍼런스 2012 - 19 - 웹의 개방과 공유