프로젝트 진행시 담당 역할별 프로젝트 개발 흐름도는 아래와 같다.
| 단계 | PM/PL/개발자 | 디자이너 | 솔루션/UI 공통 담당자 | 퍼블리셔 | |||
|---|---|---|---|---|---|---|---|
| 1 | 디자인 관련 업무 흐름 | ||||||
| 교육 이수 | ← | 솔루션 기본 교육 진행 | → | 교육 이수 | |||
| ↓ | |||||||
| [PM/PL] 업무 화면 유형 및 요건 선정 - 업무 화면 기능 요건 정의 - 팝업용 화면 기능 요건 정의 - 에러 메시지 표시 내용 | → | UI 디자인 이미지 작업 - 해상도(전체/업무화면) 정의, - 기본 폰트 및 폰트 크기 정의, - UI 프레임 디자인, - 컴포넌트 유형별 스타일 디자인 (그리드, 콤보, 달력 등등) - 버튼 유형별 디자인 - 로그인 화면 디자인 - 일반 팝업/오류 메시지 팝업 디자인 | |||||
| ↓ | |||||||
| 고객 협의를 통한 디자인 확정 | |||||||
| ↓ | |||||||
| 디자인 가이드 문서/이미지 생성 - 유형별 아이콘 생성 - 디자인 작업에 대한 이미지 Cut 작업 (Normal/Hover/Down/Disable) - 업무 화면 유형별 디자인 이미지 작업 | → | [솔루션] - 솔루션 디자인 기본값 적용 - 컴포넌트 커스트마이징 CSS 적용 [UI 공통 개발자] - UI 프레임 디자인 구현 - 로그인 화면 디자인 구현 | → | [UI 공통 퍼블리셔] - 컴포넌트 유형별 스타일 개발 및 등록 - 버튼 유형별 디자인 개발 및 등록 - 일반 팝업, 오류 팝업 디자인 개발 |
|||
| 2 | UI 공통 관련 관련 업무 흐름 | ||||||
| [PM/PL] 프로젝트 개발 표준 정의 - Naming Rule 정의 및 메타 연계 정의 (컴포넌트, 데이터셋, 함수명, 주석) - 화면 디렉토리/ID 명명 규칙 정의 - 공통 코드 ID/데이터 정의 방식 정의 - 사용자 권한 기준 메뉴 정의 | → | → | → | [UI 공통 개발자] - 프로젝트 환경 정의 - 메타 시스템 연계 모듈 커스트마이징 - 공통 코드 연계 모듈 커스트마이징 | |||
| ↓ | ↓ | ||||||
| [서버 공통 PL] 기본 서비스 구현 - 로그인 처리 서버 서비스 구현 - CRUD 기본 흐름 서버 서비스 구현 - 권한 기준 메뉴 정보 조회 서비스 구현 | ← | ← 상호 협조 → | → | [UI 공통 개발자] - 로그인 화면 로직 개발 - 업무 화면 공통 기능 개발 - 서비스 CRUD 기본 흐롬 화면 개발 - 서비스 연계 오류 처리 개발 | |||
| 3 | 업무 화면 퍼블리싱 관련 업무 흐름 | ||||||
| [PL/개발자] 업무 화면 설계서 작성 - 업무 화면 유형별 설계서 작성 | → | → | → | → | → | [업무 화면 퍼플리셔] - 설계서 수령 및 분석 |
|
| ↓ | |||||||
| [PL/개발자] 업무 화면 디자인 개발 | ← | ← | ← | ← | ← | [업무 화면 퍼플리셔] - 업무 화면 유형별 화면 퍼블리싱 (n개) - 업무 화면 디자인 가이드 문서 작성 및 교육 - 업무 개발자 퍼블리싱 지원 및 검증 |
|
| 4 | UI 공통/업무 화면 개발 관련 업무 흐름 | ||||||
| [UI 공통 개발자] - 업무 화면 개발 가이드 문서 작성 및 교육 - 메뉴 기능 및 권한 처리 개발 - 외부 솔루션 연계 가이드 - UI 공통 기능 고도화 - 솔루션 요건 전달 및 패치 적용 | |||||||
| ↓ | |||||||
| [PL/개발자] 업무 화면 로직 개발 - 이벤트 로직 개발 - 데이터 셋 정의 및 링크 - 업무 서비스 연계 처리 | ← | ← | ← | [개발자 그룹별 UI 개발 지원자] 업무 화면 개발자 지원 UI 공통 개발자와 협의 진행 | |||