2010년 2월 19일 금요일

Visio로 Flowchart(플로우차트) 그리기

여러 사람이 소프트웨어 프로젝트 진행하다보면 잘 그려진 플로우 차트가 필요할 때가 많습니다. 손으로 그린 것도 좋지만 파일로 작성하는 것이 보기도 좋고 편집과 공유가 좋겠죠. 또한 비지오는 개발자들이 설계를 하면서 자주 사용하는 툴입니다. 간단하게 혹은 복잡하게 자유도 높은 설계를 할 수 있기 때문입니다.

 

그래서 개발자와 협업하는 디자이너를 위한 비지오로 간단한 플로우차트 그리기 방법을 알려드리겠습니다. 문서로 커뮤니케이션 하는 게 중요하니까요! 본 문서는 비지오2007 영문판 버전 기준으로 작성하였습니다.

 

1. 처음 프로그램을 실행하면 Getting Started 페이지가 뜹니다. Recent Templates에서 UML Model Diagram을 더블클릭 합니다.

이것이 없으면 좌측 메뉴에서 Software and Database를 선택 후 UML Model Diagram을 더블클릭합니다.

Getting Started 페이지가 안뜬다면 상단 메뉴에서 File > New > Software and Database > UML Model Diagram 을 선택해 주세요.

 

 

2. 좌측 Shapes에서 UML Activity 탭 선택 후 플로우 차트를 작성하면 됩니다. 참 쉽죠? 위 그립은 제가 간단히 그려봤어요.

 

 

3. 자주쓰는 요소에 대해 설명 드릴게요.

 - Initial State: 플로우의 시작 부분입니다. 이것은 한 플로우에 하나만 존재합니다.

 - Final State: 플로우의 끝 부분입니다. 플로우는 분기가 가능하므로 한 플로우에 여러 개가 존재할 수 있습니다. 단 실제 플로우가 종료될 때는 하나의 Final State에 의해서만 종료됩니다. "Final State1과 Final State2가 충족될 때 플로우 종료" 이런 건 안된다는 뜻입니다.

 - Action State, State: 저도 헷갈리는 부분이네요. 간단히 그리실 때는 굳이 구분하지 않아도 됩니다. 아니면 엔지니어와 미리 정해서 Action State는 사용자의 입력 받음, State는 시스템 동작을 지정해도 되겠습니다.

 - Decision: 조건 분기를 나타냅니다. 분기 되는 시퀀스 중 하나만 실행됩니다.

 - Transition: 여러 시퀀스가 동시에 일어날 때 사용합니다. 예를 들어 소프트웨어는 "동영상 업데이트", 하드웨어는 "GPS데이터 수신"  이렇게 다른 모듈에서 동시에 일을 해야한다면 이것을 씁니다.

 - Control Flow: 시퀀스 흐름입니다. Object Flow는 안써도 됩니다.

 

그 외에는 복잡한 시스템이 아니면 안써도 됩니다. 혹시 UML에 관심이 있으시면 아래의 첨부파일을 참조하세요.

 

 

 

 

 

 

 

4. 팁

 위의 요소 외에 다른 도형을 쓰고 싶으면 화면 상단의 Drawing Tools를 클릭해보세요. 사각형, 동그라미를 그릴 수 있고 다른 요소처럼 Control Flow로 이을 수 있습니다.

 

 

이상입니다. 시스템 디자인에 관심있으신 분들은 UML (Unified Modeling Language)를 꼭 공부해보세요. 아키텍트 (시스템 설계자) 와 말이 통하는 경지에 이르게 됩니다.

 

댓글 없음:

댓글 쓰기