다시 뛰는 공정도시 서울!

문서번호 정보시스템담당관-2640 결재일자 2018.2.28. 공개여부 부분공개(2 5) 방침번호 시 민 주무관 IT기획팀장 정보시스템담당관 정보기획관 이운심 이영순 정경숙 02/28 김태균 협 조 행정포털 웹표준？웹접근성 개선 오픈 계획 2018. 2. 정 보 기 획 관 (정보시스템담당관) 지속 가능성 ● 정책·계획 등의 지속가능성을 검토하였습니까? 예) 지역경제 발전, 사회적 형평성, 환경의 보전 등 □ ■ 행정포털 웹표준？웹접근성 개선 오픈 계획 행정포털 웹표준？웹접근성 개선 사업이 완료됨에 따라 개선된 기능을 오픈하고자 계획을 보고드림. ？？ 추진근거 ○ 행정포털 웹표준 · 웹접근성 개선 계획(정보시스템담당관-2775, 2017.2.) ？？ 사업개요 ○ 사 업 명 : 행정포털 웹표준？웹접근성 개선 사업 ○ 사업기간 : ( ○ 계약금액 : ○ 사업내용 - 웹 표준 및 웹 접근성 지침에 따른 적용 - 중복 코드 제거 및 코드 최적화를 통한 경량화 및 로딩 속도 개선 - 시큐어 코딩(보안강화)을 통한 취약한 코드 제거 - 미국 공공기관 웹 표준 디자인 가이드 분석을 통한 적용 - 추가개발을 위한 라이브러리 사이트(템플릿 코드) 제작 - 다양한 디바이스 및 PC 환경에서 접근이 용이하도록 반응형 웹 구현 ？？ 개선내용 - ⇒ 시각장애인의 명료한 인식, 키보드 접근성, 가독성 등 개선 ？ 웹접근성 : 툴 진단, 전문가 수동 진단, 장애인 공무원 테스트 ？ 웹표준 : W3C Markup Validator, W3C CSS Validator ？ 웹호환성 : IE, 크롬, 파이어폭스 크로스 브라우징 ※ 붙임1. 전자정부서비스 호환성 준수지침 ‘전자정부서비스 웹 호환성 진단표’ 참조 - 중복코드 제거, 코드 최적화, 시큐어코딩(보안강화) 등 적용 ⇒ 속도 개선, 오류 발생 가능성 등의 잠재 위험요소 제거, 보안 강화 ？ iframe HTML 문서에서 임의의 위치에 또 다른 HTML 문서를 보여주는 내부 프레임 태그 제거 등 중복코드 제거를 통한 소스코드 경량화 ？ 검증도구(SonarQube, PMD) 이용 잠재 버그 요소 제거 등 ？ 소스코드 경량화에 따른 로딩속도 개선 - 다양한 디바이스 및 PC환경에서 접근이 용이한 반응형웹 하나의 소스로 웹의 해상도 등 스크린 환경에 따라 반응하여 변환되는 웹페이지 구현 - 라이브러리 사이트 구축 ？ 본 사업에서 적용된 소스 코드를 템플릿화 하여 유지 운영 시 활용 ？？ 오픈을 위한 사전작업 ○ 서버에 신규 서비스 설치 완료 - 장애인 공무원 테스트, 사용자테스트, 부하테스트를 실 운영환경과 동일한 환경에서 실시하기 위하여 사전 신규서비스 설치 완료 - 신규 서비스와 기존 서비스 전환이 5분 이내 가능 ？ 서비스 오픈 후 장애시 기존 서비스로 전환을 고려한 환경 구축 구분 환경 현상 조치사항 1차(2.7(수)) 동시사용자 : 3,000명 TPS Transaction Per Second(초당 처리 건수) : 500 이상 10초 이상 응답속도 CPU 90% 이상 DB 메모리 많이 사용하는 쿼리(메인 공지 조회) 수정으로 5배 성능 개선 2차(2.13(화)) 동시사용자 : 3,000명 TPS : 500 이상 4초 이내 응답속도 게시판 목록 조회 쿼리 튜닝 ○ 장애인 공무원 테스트 - 테스트 일자 : 2.7(수), 2.14(수), 2.27(화) - 테스트 후 조치 사항 ？ 게시판 상세보기에서 ‘뒤로가기’시 목록으로 이동 기능 개선 ？ 통합검색, 업무데스크 등 ‘검색’이 구분(헤딩 추가) 되도록 개선 ？ IE 브라우져에서만 사용하는 키설정 기능 제거(textarea에서 ESC키) ？ 모든 설정기능(예:포틀릿 설정)에서 엔터키로 항목이 선택되도록 개선 등 ○ 사용자 시범 오픈 실시 - 방법 : 행정포털 접근시 자동으로 신규 서비스로 자동 이동 ※ 시범 기간 중 발생 오류에 대해서는 즉시 조치 반영 ？？ 향후계획 ○ 서비스 오픈 안내 - 내용 : 행정포털 시업무공지에 개선 내용 안내 게시 - 기간 : ‘18. 3. 5(월) ~ [붙임1] 전자정부서비스 웹 호환성 진단표 구 분 진단지표 진 단 기 준 진단방법 1웹표준 문법 준수 1-1 표준 (X)HTML 문법 준수 여부 ？ W3C Markup Validator에서 출력된 오류의 개수에 따라 감점 ※ HTML5의 경우 Nu Html Checker로 자동전환 W3C Markup Validator 1-2 표준 CSS 문법 준수 여부 ？ W3C CSS Validator에서 출력된 오류의 개수에 따라 감점 ※ CSS의 경우 Level 3으로 진단 W3C CSS Validator 2웹호환성 확보 2-1 기능 호환성 확보 여부 ？ 브라우저 부가 기능을 이용해서 해당 페이지 내에 사용된 Javascript 오류 및 DOM 경고 발생 시 감점 ？ Javascript가 의도한 기능이 정상적으로 동작되는지 점검하여 비정상적 동작에 대해 감점 브라우저 부가 기능, 크로스 브라우징 테스트 준용 2-2 화면표시 호환성 확보 여부 ？ 다양한 웹브라우저에서 화면표시가 동등하게 구현 되었는지 여부 확인 ※웹브라우저별 특성에 의한 차이(폰트, 픽셀 등)는 예외로 함 크로스 브라우징 테스트 준용 3. 비표준 기술제거 3.1 비표준 기술제거 여부 ？ 웹사이트에서비표준기술(액티브X등)사용 여부점검 ※ 개인정보보호, 보안 등을 위해 사용하는 비표준 기술(액티브X, EXE 등)을 사용하고 있는지 점검 ※ 웹 표준이 아닌 방식으로 메뉴, 동영상 등을 위해 사용하는 멀티미디어(플래시, 실버라이트, 자바 애플릿, 미디어플레이어 등)를 사용하고 있는지 점검 수동평가 3-2. 최신 웹 표준기술 사용 여부 ？ 최신웹표준 기술(HTML5)사용여부점검 ※ 최신 웹표준 기술을 활용하여 웹사이트를 운영하고 있지 않을 경우 감점 수동평가

14730811

20210925201920

본청

정보시스템담당관-2640

D0000032927871