문서번호	시민소통담당관-11938
결재일자	2015.7.15.
공개여부	대시민공개
방침번호

		시 민
★주무관	서울사랑팀장	시민소통담당관
한해아	박종규	07/15 김진만

정보화사업 예산 타당성 심사에 따른

2016 월간 “서울사랑”홈페이지

고도화 및 운영 계획

추진근거	대내(외) 협력 현황			사 업 비
	부서(단체)명	협의내용	협의결과

2015. 7

시민소통기획관

(시민소통담당관)

정보화사업 예산 타당성 심사에 따른

2016 월간“서울사랑" 홈페이지 고도화 및 운영계획

정보화사업 예산 타당성 심사를 위한 2016년도 월간 “서울사랑” 하이브리드 웹 개발 및 고도화 계획을 수립하여, PC 및 모바일을 통한 시민과의 소통을 강화하고자 함

1		기본방향

○ PC, 모바일 등 온라인 구독층 확대 및 시민소통 강화

○ 다양한 시민 의견 수렴하는 시민참여형 사이트로 개편

○ 하이브리드 웹으로 개선, 다양한 환경에서 최적화된 콘텐츠 제공

○ 반응형 웹 구현을 통한 구독자 편의성 증대

○ 매월 서울사랑 콘텐츠 업데이트 및 안정적인 시스템 운영

	[ 2015 월간“서울사랑”홈페이지 및 디지털 매거진 앱 운영 개요]
- 서울사랑 홈페이지 □ 홈페이지 주소 : http://love.seoul.go.kr □ 사업개요 : 월간 “서울사랑” 매월호 업데이트 및 바른 우리말 사용 콘텐츠 운영 □ 주요기능 : 서울사랑의 주요 기사, 사진 콘텐츠 및 우리말 문제풀이 제공 □ 사업기간 : 2015. 6. 5 ~ 2015. 12. 31 □ 소요예산 : 51,200천원 - 서울사랑 디지털 매거진 앱 □ 개발유형 : 애플 I-OS 및 안드로이드 □ 사업개요 : 오프라인 잡지로 발간되는 서울사랑 매월호 업데이트 □ 주요기능 : 서울사랑의 주요 기사 콘텐츠, 사진, 동영상 등 제공 □ 사업기간 : 2015. 1. 14 ~ 2015. 12. 20 □ 소요예산 : 19,312천원

2		사업개요

○ 사업기간 : 2016. 1. ~ 12. 31

○ 소요예산 : 79,726,852원 (붙임 산출근거 참조)

○ 예산과목 : 시민소통기획관 시민소통담당관, 시민과 함께 하는 참여와

소통 시정구현, 시민과 함게 만드는 시정 간행물 운영,                  시정종합월간지 서울사랑 발간, 공공운영비

3		고도화 방안

○ 하이브리드 웹 구축 운영

- 기기 따른 별도 제작이 아닌 통합 콘텐츠 운영으로 효율성 증대

- 모바일 웹 환경에서 쉽게 접근 가능하도록 개선

- 외부 검색, 공유 확산 기능 등 강화

○ 반응형 웹 구현

- PC, 태플릿PC, 모바일 등 기기에 맞는 최적화된 서비스 제공

- 동일 콘텐츠를 다양한 기기에서 보다 편리하게 구독 가능

○ 시민 참여형 사이트 개편

- 사진과 글을 자유롭게 게시할 수 있는 참여 게시판 확대

- 시민 참여 활성화 통한 시민 소통채널 확보

○ 디자인 트렌드 반영한 콘텐츠 강화

- 최신 트렌드와 사용자 요구에 맞는 디자인 개선

- 사용자 편의성을 고려한 콘텐츠 배치

○ 홈페이지 검색기능 강화

- 이미지 검색 기능 도입해 고객 편의성 증대

4		중점 홈페이지 기본 운영 내용

○ 서울사랑 매월호 업데이트 및 운영 활성화

- 월간 서울사랑 콘텐츠 활용해 디자인, 코딩, 프로그램 운영 및

검색 엔진 최적화 등 기법 활용해 방문자 유입 활성화

○ 국어(바른말 쓰기) 관련 콘텐츠 운영

- 국어 관련 메뉴의 최신 콘텐츠 업데이트 및 원활한 운영

○ 서울사랑, 내친구서울, 서울시보 등 시민소통기획관 발간물의

대량메일 전송에 필요한 코딩 및 이미지 산출물 주기적 전달

○ 인터넷 홍보용 배너 이미지 및 플래시 배너 등 수시 디자인

○ 매체간 통합과 연계를 위한 기능개선 및 최신기사 수시 등록

○ 안정적인 유지 관리

- 정기적인 예방점검 및 장애발생 시 신속한 복구 조치

- 오류사항, 자료갱신 등에 따른 프로그램 보안

- 안정적인 서비스 위한 시스템 최적조건 유지 관리

- 주기적인 웹 표준성 및 웹 접근성 운영 유지 관리

- 주기적인 보안관리 및 취약성 점검 진단과 보안 취약점 보완에

관련된 프로그램 코딩

- 관리자 프로그램 운영체계 분석을 통한 관리자 기능 개선

5		홈페이지 시스템 현황

○ 홈페이지 구성현황

구 분		수 량	제품명	사 양	비고
H/W	웹서버	1	HP DL580 G5	CPU : 2.93GHz 2Core 메모리 : 2048MB 로컬디스크 : 50GB	하드웨어 유지보수 데이터센터
	DB서버	1	HP rx8620	CPU : 12CPU 메모리 : 40GB

○ 홈페이지 구성도

6		준수 기준

○ 전자정부 호환성 준수지침 : W3C 표준문법 준수, 기술적 제약이 없는 한 상이한 3종 이상 브라우저에서 동등서비스 제공

구분	진단지표	진단방법	진단도구
웹표준 준수	1. 표준 (X)HTML 문법 준수 여부	• DTD 선언 여부 확인 ※ DTD 권고안 목록 참조	W3C HTML Validator
		• 인코딩 방식 선언 여부 확인	W3C HTML Validator
		• Validator에서 오류 개수 확인 및 오류 발생비율에 따라 평가 - 오류발생비율 = 오류 수 / 페이지의 닫힌 태그 수 ※ 오류발생비율에 따라 배점 차등화	W3C HTML Validator
	2. 표준 CSS 문법 준수 여부	• W3C CSS Validator를 이용하여 해당 페이지에 CSS 오류 발생여부 진단 (CSS 2.1 기준)	W3C CSS Validator
	3. 표준 Script 문법 및 DOM 준수 여부	• 브라우저 부가기능을 이용해서 해당 페이지내 사용된 Javascript의 오류 및 경고 발생여부 진단 - IE : Developer Tools - Firefox : Error Console / Firebug - Safari : Debugging Menu - Opera : Javascript Console	브라우저 부가기능
웹 호환성 확보	4. 정보서비스웹호환성 확보 여부	• 최소 3종의 브라우저에서 동등한 레이아웃 및 기능 구현 여부 확인	Cross Browsing Test

○ 장애인차별금지 및 권리구제 등에 관한 법률 : 전자정보 이용·접근에  있어 장애를 이유로 차별금지, 정보통신 및 의사소통에 정당한    편의제공

<한국형 웹 콘텐츠 접근성 지침 2.0>

항 목		내 용
인식의 용이성	1.1 대체 텍스트	텍스트 아닌 콘텐츠에는 대체 텍스트를 제공해야 한다.
	1.2 멀티미디어 대체 수단	동영상, 음성 등 멀티미디어 콘텐츠를 이해할 수 있도록 대체 수단을 제공해야 한다.
	1.3 명료성	콘텐츠는 명확하게 전달되어야 한다.
운용의 용이성	2.1 키보드 접근성	콘텐츠는 키보드로 접근할 수 있어야 한다.
	2.2 충분한 시간 제공	콘텐츠를 읽고 사용하는 데 충분한 시간을 제공해야 한다.
	2.3 광과민성 발작 예방	광과민성 발작을 일으킬 수 있는 콘텐츠를 제공하지 않아야 한다.
	2.4 쉬운 내비게이션	콘텐츠는 쉽게 내비게이션할 수 있어야 한다.
이해의 용이성	3.1 가독성	콘텐츠는 읽고 이해하기 쉬워야 한다.
	3.2 예측가능성	콘텐츠의 기능과 실행결과는 예측 가능해야 한다.
	3.3 콘텐츠 논리성	콘텐츠는 논리적으로 구성해야 한다.
	3.4 입력 도움	입력 오류를 방지하거나 정정할 수 있어야 한다.
견고성	4.1 문법 준수	웹 콘텐츠는 마크업 언어의 문법을 준수해야 한다.
	4.2 웹 애플리케이션 접근성	웹 애플리케이션은 접근성이 있어야 한다.

붙임 : 월간 “서울사랑” 홈페이지 고도화 및 운영용역 산출내역 1부