프로젝트 배경
1) 문제점
건설기술연구원의 발주업무는 프로세스와 액티비티의 흐름을 체계적으로 관리하기 어려웠으며, 문서 작성 시 협업이 비효율적이었습니다.
각 단계별 업무 흐름이 명확하지 않아, 중복 작업, 문서 누락, 실시간 현황 파악의 어려움이 존재하였고, 프로젝트 상태를 한눈에 파악하기 어려워 진행 관리의 비효율성이 발생하였습니다.
2) 프로젝트 목표
- 프로세스/액티비티 플로우맵 작성 기능을 통해 발주 업무의 단계별 흐름을 시각적으로 표현하고, 체계적인 관리가 가능하도록 시스템을 구축합니다.
- 웹문서 동시편집 기능을 도입하여 협업 시 시간 소모를 줄이고, 문서 작성의 정확성을 높입니다.
- 칸반보드 형태의 프로젝트 관리 기능으로 프로젝트 상태를 시각적으로 한눈에 파악할 수 있도록 설계합니다.
3) 주안점
- WYSIWYG 프로세스 맵 작성 도구를 통해 사용자가 손쉽게 업무 흐름을 설계하고 시각화할 수 있도록 함
- 실시간 협업 문서 작성을 지원하여, 팀원 간의 커뮤니케이션을 원활하게 유지
- 칸반보드 형태의 프로젝트 관리로 시각적이고 직관적인 프로젝트 상태 확인
- 산출물 관리 시 법령 정보 및 문서 관리를 웹 기반으로 처리하여 데이터의 접근성과 보안성을 동시에 확보
건설기술연구원의 발주업무는 프로세스와 액티비티의 흐름을 체계적으로 관리하기 어려웠으며, 문서 작성 시 협업이 비효율적이었습니다.
각 단계별 업무 흐름이 명확하지 않아, 중복 작업, 문서 누락, 실시간 현황 파악의 어려움이 존재하였고, 프로젝트 상태를 한눈에 파악하기 어려워 진행 관리의 비효율성이 발생하였습니다.
2) 프로젝트 목표
- 프로세스/액티비티 플로우맵 작성 기능을 통해 발주 업무의 단계별 흐름을 시각적으로 표현하고, 체계적인 관리가 가능하도록 시스템을 구축합니다.
- 웹문서 동시편집 기능을 도입하여 협업 시 시간 소모를 줄이고, 문서 작성의 정확성을 높입니다.
- 칸반보드 형태의 프로젝트 관리 기능으로 프로젝트 상태를 시각적으로 한눈에 파악할 수 있도록 설계합니다.
3) 주안점
- WYSIWYG 프로세스 맵 작성 도구를 통해 사용자가 손쉽게 업무 흐름을 설계하고 시각화할 수 있도록 함
- 실시간 협업 문서 작성을 지원하여, 팀원 간의 커뮤니케이션을 원활하게 유지
- 칸반보드 형태의 프로젝트 관리로 시각적이고 직관적인 프로젝트 상태 확인
- 산출물 관리 시 법령 정보 및 문서 관리를 웹 기반으로 처리하여 데이터의 접근성과 보안성을 동시에 확보
프로젝트 성과
업무 가시성 및 관리 효율성 증대
프로세스와 액티비티의 흐름을 시각적으로 표현함으로써, 각 단계별 진행 상황을 한눈에 파악할 수 있게 되었고,
업무 간 중복 및 누락을 최소화하여 관리 효율성이 크게 향상되었습니다.
업무 간 중복 및 누락을 최소화하여 관리 효율성이 크게 향상되었습니다.
실시간 협업을 통한 문서 작성 및 산출물 관리 최적화
웹문서 동시 편집 기능을 통해 여러 팀원이 동시에 문서를 작성하고 수정할 수 있게 되었으며, 문서 버전 관리와 변경 사항 추적이 쉬워져 협업의 생산성이 크게 높아졌습니다.
프로젝트 관리 및 진행 상태 추적 용이성 향상
칸반보드를 활용한 프로젝트 관리 기능으로, 각 업무의 진행 상황과 상태를 직관적으로 확인할 수 있었고, 업무 순서 변경과 상태 업데이트가 실시간으로 반영되어 프로젝트 관리가 용이해졌습니다.
핵심 기능



프로세스/액티비티 플로우맵 작성 기능
WYSIWYG 기반의 프로세스 설계 도구로, 프로젝트의 단계별 흐름을 시각적으로 표현하고 관리할 수 있습니다.
드래그 앤 드롭으로 액티비티를 생성하고, 단계별 산출물의 연결을 쉽게 설정할 수 있습니다.
드래그 앤 드롭으로 액티비티를 생성하고, 단계별 산출물의 연결을 쉽게 설정할 수 있습니다.

웹문서 동시편집 기능
실시간 협업이 가능한 웹문서 편집 기능으로, 여러 사용자가 동시에 문서 작성 및 수정이 가능하며
작성된 내용은 자동으로 버전 관리되어 변경 이력을 추적할 수 있습니다.
작성된 내용은 자동으로 버전 관리되어 변경 이력을 추적할 수 있습니다.

칸반보드를 활용한 프로젝트 관리 기능
프로젝트의 진행 상태를 칸반보드 형태로 시각화하여, 각 업무의 단계와 우선순위를 쉽게 파악할 수 있습니다.
카드 이동만으로 상태 변경이 가능하며, 실시간 업데이트를 통해 진행 상황을 직관적으로 확인할 수 있습니다.
카드 이동만으로 상태 변경이 가능하며, 실시간 업데이트를 통해 진행 상황을 직관적으로 확인할 수 있습니다.
진행 단계
기획 및 요구사항 정의
2023.05.
발주업무 프로젝트의 요구사항을 수집하고, 프로세스와 액티비티 설계, 협업 기능 정의 및 시스템 구조 설계를 진행하였습니다.
설계 및 개발
2023.08.
WYSIWYG 기반 프로세스 맵 작성 도구, 웹문서 동시편집 기능, 칸반보드 프로젝트 관리 기능을 개발하고 연동 작업을 완료하였습니다.
테스트 및 안정화
2024.10.
개발된 기능의 테스트 및 디버깅을 통해 오류를 수정하고, 사용성 테스트를 진행하여 시스템의 안정성을 확보하였습니다
검수 및 배포
2024.12.
최종 검수와 클라이언트 피드백을 반영하여 시스템을 배포하고, 초기 사용자의 안정적인 도입을 지원하였습니다.
프로젝트 상세
⭐ 프로젝트 개요
건설기술연구원의 발주업무를 효율적으로 관리하고, 프로젝트 진행 상황과 산출물 생성, 협업 기능을 통합적으로 관리하기 위한 업무 프로젝트 관리 시스템을 구축하였습니다.
본 시스템은 WYSIWYG 기반의 프로세스 맵 작성, 액티비티 관리, 협업 도구를 제공하여 업무의 흐름을 시각적으로 표현하고, 팀원 간의 실시간 협업이 가능하도록 설계되었습니다.
⭐ 주요 기능
1. 사업 관리
- 발주 업무와 관련된 사업의 생성, 수정, 관리가 가능하며, 진행 중인 프로젝트의 상태를 한눈에 확인할 수 있음
- 프로젝트 별 담당자 지정, 진행 상황 대시보드 제공
2. 프로젝트 관리
- 프로젝트를 칸반보드 형태로 시각화하여, 업무의 단계별 진행 상황을 명확하게 확인 가능
- 각 프로젝트의 진행 상태, 이슈 사항, 완료 여부를 실시간 업데이트
- 프로젝트별 문서 관리 및 관련 법령 정보를 손쉽게 조회 (법령정보센터 API연계)
3. 프로세스 관리
- WYSIWYG 기반의 프로세스 맵 작성 도구를 활용하여, 프로젝트의 단계별 업무 플로우를 시각적으로 설계
- 드래그 앤 드롭(Drag & Drop) 방식으로 손쉽게 업무 연결 및 수정 가능
- 업무 플로우에 따른 액티비티 자동 생성
4. 액티비티 관리
- 액티비티(단위 업무)의 산출물 설정이 가능하며, 문서, 관련 법령 정보, 체크리스트 등을 설정할 수 있음
- 각 액티비티의 진행 상황과 담당자 배정을 실시간으로 관리
- 웹 에디터를 통한 산출물 작성 지원
5. 산출물 관리 및 협업 기능
- 액티비티에서 생성된 산출물(문서, 법령 정보 등)을 웹 에디터를 통해 실시간 작성 및 수정
- 팀원 초대 기능을 통해 동시 작성 및 협업이 가능
- 문서 작성 중 실시간으로 수정 내용이 반영되며, 버전 관리가 지원됨
6. 실시간 알림 및 접근 권한 설정
- 프로젝트 변경 사항, 액티비티 진행 상황, 산출물 수정 시 실시간 알림 전송
- 팀원별 접근 권한 설정을 통해 보안성 확보
⭐ 기술 스택 및 개발 환경
- 프론트엔드: React.js
- 백엔드: Spring Boot
- DB: PostgreSQL
⭐ 특장점
- WYSIWYG 프로세스 맵 작성 도구를 통해 프로젝트의 흐름을 시각적으로 표현
- 실시간 협업으로 문서 작성 및 산출물 관리가 가능하며, 버전 관리로 이력 추적
- 칸반보드 형태의 프로젝트 관리를 통해 진행 상황을 직관적으로 확인
- 법령 정보와 연동된 산출물 관리로 관련 규정 준수 여부를 손쉽게 확인
건설기술연구원의 발주업무를 효율적으로 관리하고, 프로젝트 진행 상황과 산출물 생성, 협업 기능을 통합적으로 관리하기 위한 업무 프로젝트 관리 시스템을 구축하였습니다.
본 시스템은 WYSIWYG 기반의 프로세스 맵 작성, 액티비티 관리, 협업 도구를 제공하여 업무의 흐름을 시각적으로 표현하고, 팀원 간의 실시간 협업이 가능하도록 설계되었습니다.
⭐ 주요 기능
1. 사업 관리
- 발주 업무와 관련된 사업의 생성, 수정, 관리가 가능하며, 진행 중인 프로젝트의 상태를 한눈에 확인할 수 있음
- 프로젝트 별 담당자 지정, 진행 상황 대시보드 제공
2. 프로젝트 관리
- 프로젝트를 칸반보드 형태로 시각화하여, 업무의 단계별 진행 상황을 명확하게 확인 가능
- 각 프로젝트의 진행 상태, 이슈 사항, 완료 여부를 실시간 업데이트
- 프로젝트별 문서 관리 및 관련 법령 정보를 손쉽게 조회 (법령정보센터 API연계)
3. 프로세스 관리
- WYSIWYG 기반의 프로세스 맵 작성 도구를 활용하여, 프로젝트의 단계별 업무 플로우를 시각적으로 설계
- 드래그 앤 드롭(Drag & Drop) 방식으로 손쉽게 업무 연결 및 수정 가능
- 업무 플로우에 따른 액티비티 자동 생성
4. 액티비티 관리
- 액티비티(단위 업무)의 산출물 설정이 가능하며, 문서, 관련 법령 정보, 체크리스트 등을 설정할 수 있음
- 각 액티비티의 진행 상황과 담당자 배정을 실시간으로 관리
- 웹 에디터를 통한 산출물 작성 지원
5. 산출물 관리 및 협업 기능
- 액티비티에서 생성된 산출물(문서, 법령 정보 등)을 웹 에디터를 통해 실시간 작성 및 수정
- 팀원 초대 기능을 통해 동시 작성 및 협업이 가능
- 문서 작성 중 실시간으로 수정 내용이 반영되며, 버전 관리가 지원됨
6. 실시간 알림 및 접근 권한 설정
- 프로젝트 변경 사항, 액티비티 진행 상황, 산출물 수정 시 실시간 알림 전송
- 팀원별 접근 권한 설정을 통해 보안성 확보
⭐ 기술 스택 및 개발 환경
- 프론트엔드: React.js
- 백엔드: Spring Boot
- DB: PostgreSQL
⭐ 특장점
- WYSIWYG 프로세스 맵 작성 도구를 통해 프로젝트의 흐름을 시각적으로 표현
- 실시간 협업으로 문서 작성 및 산출물 관리가 가능하며, 버전 관리로 이력 추적
- 칸반보드 형태의 프로젝트 관리를 통해 진행 상황을 직관적으로 확인
- 법령 정보와 연동된 산출물 관리로 관련 규정 준수 여부를 손쉽게 확인

메인화면

프로젝트 목록

프로젝트 관리(칸반보드)

플로우맵 작성

웹문서 편집