플로우 차트(Flow Chart)

회사에 들어가거나 팀 프로젝트를 하면 기획 단계에서 플로우 차트를 그려보란 말을 많이 들을 수 있습니다. 개발자가 개발만 하면 되지 그림까지 그릴 필요 있나? 하실 수 있지만 플로우 차트와 다양한 자료들을 기반으로 메뉴 설계와 화면 구성을 하기 때문에 직접 그리지 않아도 볼 줄 알아야 합니다. 또한 개인 프로젝트를 하시거나 토이 프로젝트를 할 때 순서도를 미리 그려놓고 작업하게 되면 개발 중 헤매는 일이 잘 없습니다. 헤매면 웃음밖에 안나오죠

스마일

개념

순서도(flow chart)는 워크플로 혹은 프로세스를 보여주는 다이어 그램의 한 종류입니다. 여러 종류의 상자와 이를 이어주는 화살표를 이용해 주어진 문제에 대한 솔루션 모델을 보여줍니다. 프로세스 작용은 이 같은 상자들과 작업의 흐름(workflow)을 나타내는 화살표 연결로 나타냅니다. 

데이터 흐름은 대체적으로 순서도가 쓰이진 않고 대신 데이터 흐름도가 사용됩니다.. 순서도는 여러 분야에서 프로세스나 문제의 분석, 디자인, 설계, 문서 작성이나 관리 등으로 활용되고 있습니다.

---

기호

일반적인 기호

출처 : wifipedia

일반적으로 사용되는 플로우 차트의 기호입니다. 

기타 기호

출처 : wifipedia

---

종류

순서도에는 2가지가 있습니다. 

시스템 순서도

시스템 순서도는 어떤 작업을 하는지 알려주는 순서도로 자료가 정보로 변환되는 과정을 컴퓨터가 처리하는 과정, 데이터의 흐름을 중심으로 도식화한 것입니다.

프로그램 순서도

프로그램에서 작업을 어떤 식으로 하는지 표시해 주는 순서도로 처리 단위 하나하나 단위로 작성하게  되며 순서도의 설명의 세밀도에 따라 개략 순서도와 상세순서도로 나뉩니다. 프로그램을 작성할 때 일반적으로 많이 쓰는 순서도입니다.

---

툴

miro

무료 협업툴 중 괜찮은 화이트보드 툴인 miro입니다.

모든 팀을 위한 시각 협업 플랫폼 | Miro

순서도 뿐만 아니라 ms 화이트보드처럼 다양한 사람들과 협업에 중점을 두고 기능이 추가돼 있어서 협업툴로 쓰기도 좋습니다.

LucidChart

Intelligent Diagramming | Lucidchart

루시드 차트입니다. 회사의 실습생분께서 쓰고 있어서 한 번 찾아봤는데 무료로 쓸 수 있는 순서도 툴 중 순서도에 집중할 수 있는 괜찮은 툴입니다. 다만 무료는 모든 기호를 쓸 수 없지만 플로우 차트를 위한 기호는 대부분 사용 가능하므로 괜찮은 툴입니다.

---

참고

순서도 - 위키백과, 우리 모두의 백과사전