* <span>수행사: ㈜유채널</span> * <span>발주처: 부산광역시교육청</span> * <span>프로젝트 기간: 2017.10 – 2018.01</span> * <span>프로젝트 유형: 교육청 및 직속기관 대상 내부업무 웹 시스템 구축</span> * <span>팀 구성: PM·개발자·디자이너 총 6명</span> * <span>구축 환경: PC 기반 로컬 웹 프로그램</span> * <span>담당 업무: 디자인 시안 제작, 메인·서브 페이지 UI 개발, 화면 퍼블리싱</span> * <span>사용 기술 및 도구: JSP, JSTL, EL, HTML5, CSS3, JavaScript, jQuery, AJAX, JSON, Java Servlet, Apache Tomcat, Eclipse, Adobe Photoshop, Adobe Illustrator, Chrome DevTools, SVN 또는 Git</span> * <span>적용 기준: 웹 표준, 크로스 브라우징, 시맨틱 마크업, 공통 UI 컴포넌트, 사용자 중심 정보구조 설계</span> <span>부산광역시교육청과 산하 직속기관의 교육금고 관련 업무를 통합적으로 처리할 수 있도록 E-교육금고 시스템의 사용자 인터페이스를 구축하였습니다. 학교회계, 세외현금, 학교발전기금, 금융정보, 통계관리 및 사용자 지원 기능을 업무별로 구분하여 사용자가 필요한 메뉴에 빠르게 접근할 수 있도록 정보구조(IA)를 설계하였습니다.</span> <span>JSP 기반의 웹 개발 환경에서 메인 페이지와 서브 페이지의 UI를 구현하고, HTML5·CSS3·JavaScript·jQuery를 활용하여 업무 화면의 레이아웃과 사용자 인터랙션을 개발하였습니다. JSTL과 EL을 이용해 서버에서 전달되는 데이터를 화면에 출력하고, AJAX와 JSON을 활용한 비동기 통신 방식으로 조회 결과와 업무 처리 상태를 효율적으로 제공할 수 있도록 구성하였습니다.</span> <span>프로젝트에서는 디자인 시안 제작부터 PC용 메인·서브 화면 퍼블리싱까지 담당하였습니다. 다수의 메뉴와 금융 업무 데이터를 쉽게 확인할 수 있도록 좌측 메뉴, 업무별 아이콘, 공지사항, 조회 목록 및 상태 표시 영역을 체계적으로 구성했으며, 반복적으로 사용되는 화면 요소는 공통 UI 컴포넌트로 설계하여 전체 시스템의 일관성과 유지보수 효율성을 높였습니다.</span>