EOND
포트폴리오 / 한국감정원 종합정보시스템(KABiiS) — 공공기관 내부망 포털 퍼블리싱
공공·기관

한국감정원 종합정보시스템(KABiiS) — 공공기관 내부망 포털 퍼블리싱

2013.11.20 조회 1798

한국감정원 임직원이 사용하는 사내 종합정보시스템 KABiiS의 화면을 퍼블리싱했습니다. 감정평가 접수·작성, 인사·근태·급여, 회계, 문서 접수·발송을 한 포털에서 처리하는 업무 화면과 메뉴 설정 기능을 구현했습니다.

PROJECT웹 구축·퍼블리싱
YEAR2013
PLATFORM웹퍼블리싱
ROLE웹 퍼블리싱, UI 개발

한국감정원 종합정보시스템 — 공공기관 내부망 포털 퍼블리싱 화면

프로젝트 개요

한국감정원 임직원이 사용하는 사내 종합정보시스템 KABiiS입니다. 감정평가 접수·작성부터 인사·근태·급여, 회계, 문서 접수·발송까지 서로 다른 업무가 한 포털 안에서 돌아갑니다. 이온디는 이 시스템의 화면 퍼블리싱과 UI 개발을 맡았습니다.

작업 범위

메인 대시보드와 메뉴 구조, 각 업무 서브 화면을 전면 퍼블리싱했습니다. 공공기관 웹 표준화 지침에 맞춰 마크업을 다시 짰고, 2013년 당시 기준으로 IE 8 이상과 Chrome·Firefox에서 같게 보이도록 대응했습니다.

  • 메인 대시보드·메뉴 구조·업무 서브 화면 전체 퍼블리싱
  • 업무 아이콘 바와 대분류 탭의 2단 내비게이션
  • My Menu 설정 화면(순서 이동·추가·삭제)
  • 웹 표준화 지침 적용과 IE 8 이상 크로스브라우저 대응

주요 구현

다루는 업무 수가 많아 내비게이션을 2단으로 나눴습니다. 최상단에는 CRM/경영통계, 감정평가 접수/관리, 감정평가 작성/전산, 인사/근태/자산, 회계/예산, 기금관리, 특수사업, 급여관리, 복지후생, 감사자원을 아이콘 바로 늘어놓고, 그 아래 줄에 선택한 업무의 대분류 탭을 폈습니다. 본문은 왼쪽 트리 메뉴와 오른쪽 작업 영역으로 가르고 상단에 Home > 대분류 > 소분류 위치 표시를 붙였습니다. 자주 쓰는 메뉴를 임직원이 직접 구성하는 My Menu 설정 화면은 왼쪽 1depth 목록과 오른쪽 메뉴명·메뉴설명 입력을 짝지어, 순서 이동(맨위/위/아래/맨아래)과 추가·삭제를 한 화면에서 처리하게 했습니다.

비슷한 프로젝트를 준비 중이라면

현재 사이트와 필요한 범위를 알려주시면 어디서부터 시작할지 함께 정리합니다.