Overview
2017년 3~6월 약 4개월간 인천공항 모바일 업무환경 고도화 사업 프로젝트에 참여하였습니다.
인천공항 사내 커뮤니케이션을 위한 태블릿용 전용 앱으로 직원에게 할당되는 지정 태블릿을 기준으로 작업하였습니다.
My Roll
인천공항공사 모바일 업무환경 고도화 사업 퍼블리싱 - 기여도 100%
- 인천공항 하이브리드 앱 웹뷰 퍼블리싱
- 인천공항 PC 업무화면 퍼블리싱
- 인청공항 하이브리드 앱 관리자 퍼블리싱(PC)
- 모바일 뷰 UI/UX 가이드
Goals
- 지정 태블릿 first
- 모바일UI 프레임워크 개발 - 하드코딩이 아닌 모바일UI 프레임워크로 개발하기 때문에 해당 프레임워크에서의 화면 구현이 우선
Issue
- 지정 태블릿 first
- 모바일 프레임워크 UI 개발 - 관련된 브라우저 구현 및 CSS 구현 검토
Communication
디자이너가 내부에 상주하지 않아 기획자와의 커뮤니케이션으로 대신하였습니다. 기획자가 화면을 구성하고 디자인요청을 할 때 퍼블리싱 개발과 관련된 이슈를 미리 검토하고 기획서 및 디자인을 수정하였습니다.
또한 지정된 모바일UI 프레임워크를 지원하는 UI개발자와의 커뮤니케이션이 매우 중요하였습니다. 처음 화면디자인을 받아 퍼블리싱 화면을 작업시 UI개발자와의 협업을 통해 퍼블리싱 코드를 위지윅 프레임워크에서 구현하여 실제로 구현 가능한지, 지원하지 않는 브라우저나 CSS기술 등이 있는지 검토하였습니다.
실제로 가상 셀렉터인 :before :after 가 지정 프레임워크에서 구현되지 않았고, 개발자가 li를 반복적으로 루프를 돌려 개발할 수 없도록 되어 있어 div로 개발하는 등 퍼블리싱 작업 후에도 긴밀한 개발 follow up을 위해 계약한 기간이 3개월보다 1개월 더 상주하여 작업하였습니다.
Features
전화번호부
See the Pen multi left menu by Mihee Mun (@designpureros) on CodePen.
용어사전
See the Pen Word Dictionary by Mihee Mun (@designpureros) on CodePen.
Publishing Guide
Tablet(Mobile)
ex. Button & Icon Guide
퍼블리싱 가이드 보기 Github Repository 바로가기
Final Output
