문서번호	건설총괄부-20564
결재일자	2016.9.26.
공개여부	부분공개(5)
방침번호

					시 민
주무관	건설정보관리과장	건설총괄부장	시설국장		도시기반시설본부장
김형선	정해민	김종근	형태경		09/26 고인석
협 조

- 최신 정보기술 적용과 시민이용 활성화를 위한 -

「건설알림이」전면개편 결과보고

2016. 9.

☞ 해당사항이 있는 부분에 ‘ ■ ’ 표시하시기 바랍니다. (※ 비고 : 필요시 검토내용 기재)
구 분	사전 검토항목 점검 사항	검토완료	해당없음	비 고
시민 참여	● 시민 의견 반영 및 사업 참여 방안을 검토하였습니까? 예) 청책토론회, 설문조사, 시민공모 등	□	■
전문가 자문	● 관련 전문가 의견을 반영하였습니까? 예) 자문위원회 개최, 타당성 검토, T/F 운영 등	□	■
갈 등	● 이해 당사자 간 갈등발생 가능성을 검토하였습니까? 예) 주택가 공공주차장 조성, 택시 불법영업 단속 등	□	■
사회적 약자 배려	● 사회적 약자에 대한 배려를 검토하였습니까? 예) 여성, 아동, 장애인, 한부모 가정 등	□	■
일자리	● 일자리 창출 효과 및 일자리 수를 검토하였습니까? 예) 직·간접 채용, 취업알선, 전문인력양성, 창업지원 등	□	■
선거법	● 공직선거법에 저촉 여부를 검토하였습니까? 예) 홍보물 배포, 표창수여, 경품지급, 기부행위 등	□	■
안전	● 시민 안전 위험요인과 안전대책을 검토하였습니까? 예) 장소·시설물 점검, 안전관리 인력확보 등	□	■
타 기관	● 타 기관 협의·협력(타 자원 활용 등)을 하였습니까? 예) 중앙부처, 타 지자체, 투자·출연기관, 민간단체 등	□	■
홍 보	● 사업 홍보 방안을 검토하였습니까? 예) 보도자료, 기자 설명회, 현장 설명회 등	□	■
정 책 영문화	● 정책 영문화 및 해외홍보 방안을 검토하였습니까? 예) 영문 제목‧요약, 해외 언론 보도, 외국어 홈페이지 등	□	■
바른 우리말	● 서울시 행정 순화어 목록을 확인하였습니까? 예) 별첨, 첨부 ⇒ 붙임, 가이드라인 ⇒ 지침 등	■	□

- 최신 정보기술 적용과 시민이용 활성화를 위한 -

「건설알림이」전면개편 결과보고

모바일 대중화 등 IT패러다임 변화에 대응하기 위해 최신 정보기술 적용과 시민이용 활성화를 위한 건설알림이 전면개편을 완료하고 그 결과를 보고드림

Ⅰ		추진근거 및 배경

추진근거

○「세계명품 청렴건설 행정시스템」건설알림이(PMIS) 종합 개선 계획

(시장방침 제128호, ’16.5.5)

○ 건설알리미 포털서비스로 시민이용 활성화(’16년 업무보고)

○ ’16년 건설정보관리시스템 유지관리 및 기능개선 계획(본부장방침, ’15.12.24)

○ 건설알림이 전면개편 추진계획(본부장방침, ’16.6.24)

추진배경

○ 건설알림이 디자인 및 기능개선 요구 증가

- 메인 및 서브페이지 컨텐츠 변화 적용이 용이하지 않음

- 웹로그 분석에 의한 방문유형, 접속통계 등 분석내용 적용 필요

- 유지관리가 용이하도록 컨텐츠의 메뉴 구조화 필요

- 새로운 개념의 컨텐츠 발굴 및 적용 요구 증가

○ 스마트 기기 이용자 증가에 따른 IT패러다임의 변화

- 다양한 기기(PC, 테블릿PC, 스마트폰 등) 사용자 동일한 서비스 지원 필요

- 엑티브X 등 비표준 기술을 제거하고 HTML5 등 웹 표준기술 적용

- 정부 3.0 정보공개․개방 정책에 기반한 데이터 구조화 및 다양화 필요

- 최신 트랜드가 반영된 UI 구조 적용과 사용자 접근 용이

Ⅱ		추진개요

추진기간 : ’16. 3월 ~ 10월(서비스 오픈예정 : ’16. 10. 1(토))

※ 시범운영(’16.9.26(월) ~ 9. 30(금))후 서비스 오픈 및 안정적 운영

도메인명 : http://csi.seoul.go.kr/

구 성 도

주요 개선내용

○ 컨텐츠 구조화 : 7개 메인메뉴, 16개 서브메뉴, 3개 팝업메뉴 구성

주메뉴	건설알림이란	공정현황	계약/집행	안전정보	뉴스/소식	정보공유	지도검색서비스
서브메뉴	건설알림이란	공사사진 추진과정 부실벌점	계약현황 집행현황	안전매뉴얼 안전점검모범사례	새소식 건설정보소식 소식지 기술인이야기	공사 과거와현재 법령정보 공사궁금이	지도검색서비스
팝업메뉴	건설사업별 공사현황, 본부장에게 바란다, 건설현장 견학신청

○ 개선내용

- 디자인 개편과 최신 정보기술 도입 : 반응형웹 구축, UI 개편

- 컨텐츠 발굴 포털사이트로 개편 : 건설공사TOP5, 전자책, 공사 과거/현재 등

- 시민과 상호 소통이 가능한 체계 마련 : 안내서비스, 사용자 접속편의 제공

○ 주요기능

Ⅲ		추진절차 및 경과

추진절차

웹사이트 기획	➜	현황조사와 분석 및 설계	➜	웹사이트 디자인 및 구현	➜	웹사이트 테스트 및 시험운영	➜	웹사이트 오픈 및 웹접근성 심사
’16.3월		’16.4월~6월		’16.6월~8월		’16.8월~9월		’16.9월~10월

추진경과

웹사이트 기획		￭ 전면개편 목적 및 취지 정의 ￭ 기존 컨텐츠 현황분석 : 메뉴구조도, 설명, URL 등
□
현황조사와 분석 및 설계		￭ 건설분야 정보시스템 및 컨텐츠 현황조사․의견수렴 ￭ 메인 및 서브 페이지 화면설계 및 기획 협의(총 6회) ￭ 건설알림이 이용실태 및 개선을 위한 설문조사 추진(1,391명) ￭ 건설알림이 메뉴별 웹로그 분석(총2회) ￭ 벤치마킹 사이트 현황 및 선호도 조사 추진(10개 사이트)
□
웹사이트 디자인 및 구현		￭ 컨텐츠(건설알림이란, 공사궁금이) 제작 ￭ 메인, 서브, 팝업 페이지 디자인 가이드 제작 ￭ 메인, 서브, 팝업 페이지 웹디자인, 웹퍼블리싱 작업 ￭ 메인, 서브, 팝업 페이지 데이터베이스(DB) 설계 및 프로그램 개발
□
웹사이트 테스트 및 시험운영		￭ 웹사이트 테스트환경 구축 ￭ 단위, 통합, 시스템 테스트 수행(개발자, 운영자) 및 결함보완 ￭ 웹사이트 운영서버에서 시험운영 수행 및 결함보완
□
웹사이트 오픈 및 웹접근성 심사		￭ 웹사이트 시민서비스 오픈 ￭ 웹접근성 심사 및 인증 : 서면심사(자가진단툴 적용결과) ➜ 기술심사(전문가심사(인식․운용․이해 용이성, 견고성) +사용자심사(장애인 사용))

Ⅳ		건설알림이 전면개편

(별첨#1 건설알림이 전후비교)

1

웹사이트 컨텐츠 구조화

개편 전(AS-IS)		개편 후(TO-BE)
￭ 컨텐츠 정보의 분류별 구분 미비 - 메인메뉴(4개), 서브메뉴(4개), 팝업메뉴(3개) ￭ 메인이미지 변화가 없음		￭ 컨텐츠 정보를 분류별 형태로 메뉴 구조화 - 메인메뉴(7개), 서브메뉴(16개), 팝업메뉴(3개) ￭ 사용자 접근이 많은 컨텐츠를 메인메뉴에 배치하여 접근성 강화

2

웹사이트 디자인 개편 및 최신 정보기술 도입

개편 전(AS-IS)		개편 후(TO-BE)
￭ 메인 화면에서 사이트를 대표할 Identity, 주요업무가 잘 드러나지 않음 ￭ 기기별(PC, 테블릿PC, 스마트폰 등) 사용환경이 상이함		￭ 플랫 디자인 유형을 적용하여 컨텐츠간 영역이 명확하고 접근성 용이 ￭ 스마트폰 자동맞춤 웹사이트 디자인 및 구조 개편(반응형웹 구축)

3

컨텐츠 발굴 및 적용으로 포털사이트로 개편

개편 전(AS-IS)		개편 후(TO-BE)
￭ 최근이슈공사 2개만 표출됨 ￭ 타 정보시스템의 정보가 표출되지는 않고 단순 Link로만 운영됨		￭ 건설공사TOP5 최신순/인기순으로 분류하여 관심사업 표출 ￭ 타 정보서비스와의 연계를 통한 컨텐츠 확대

4

시민과 상호 소통이 가능한 체계 마련

개편 전(AS-IS)		개편 후(TO-BE)
￭ 공사궁금이를 통한 궁금증 해소방법이 산발적으로 구성됨 ￭ 메인과 서브, 팝업 사이트의 디자인적 통일성이 부족함		￭ 건설공사가 궁금하거나 불편사항에 대한 안내서비스 가독성 높임 ￭ 메인과 서브, 팝업 사이트의 디자인적 통일성을 높임

5

지도기반 정보검색서비스 기능 강화

개편 전(AS-IS)		개편 후(TO-BE)
￭ 검색은 메인에서만 이루어지는 구조임		￭ 상단에 검색영역을 마련하여 어디서든 검색이 가능함 ￭ 별도의 지도검색서비스 메뉴를 신설함

6

컨텐츠 다양화를 위한 서비스 신설

전자책(e-Book) 서비스 신설	공사현장 안전정보 공유 서비스 신설	주요건설공사 과거와 현재를 알려주는 테마 신설
￭ 소식지(함께해요 희망도시) 썸네일 반영자료 제공 ￭ 기술인이야기 연계 제공	￭ 안전매뉴얼 제공 ￭ 안전점검모범사례 제공	￭ 주요건설공사의 과거모습과 현재모습을 비교하여 제공

Ⅴ		기대효과

기술적 측면

○ 스마트 기기에 자동조절되는 반응형웹 구축으로 스마트 기기별로 개발하는 시간 및 비용절감 효과와 사용자 활용편의 제공

○ 정보소외계층(장애인, 고령자 등)의 사용자들도 웹사이트에서 제공하는 정보를 비장애인과 동등하게 접근하고 활용할 수 있도록 웹접근성 적용

○ 최신 트랜드(플랫 디자인 등)가 반영된 통일된 UI 구조

사용자 측면

○ 분산된 건설분야 정보를 건설알림이에 통합하여 시민이 편리하게 이용토록 제공함으로써 다양한 건설분야 정보를 포괄하는 플랫폼 마련

○ 컨텐츠 정보를 분류별 형태로 메뉴 구조화하여 명확한 표출과 사용자 접근이 용이하고 가독성이 높음

○ 타 정보시스템 연계와 신규메뉴 제공을 통한 컨텐츠 다양화 및 시민이용 활성화 제고

Ⅵ		향후계획

○ ************************************

○ ******************************************

○ **********************************************