1. 도구 개요 소 개 는 요구사항 관리의 시각화를 위해 순서도(Flowchart Diagram)를 제공하는 도구로, 요구사항 분석 및 관리에 적용 가능한 도구 주요기능 순서도 작성을 통한 요구사항 관리 카테고리 Requirement Analysis & Requirement Management 세부카테고리 요구사항 관리도구 커버리지 Requirement Management 도구난이도 하 라이선스형태 / 비용 Eclipse Public License / 무료 사전설치도구 Eclipse, GMF 운영체제 Windows, Linux, Mac OS X, UNIX 최신버전 0.0.1 (2012. 10) 특징 요구사항의 흐름을 파악하기 쉽고, 요구사항 관리에 용이 GUI 방식을 통해 순서도를 쉽게 작성 순서도를 XML 형태로 확인 가능 적용회사 / 프로젝트 - 관련 도구 제작사 공식 홈페이지 Marcos-luiz, dmarchant (개발자) http://.souceforge.net/index.html 1
2. 기능 요약 요구사항 관리의 시각화를 위해 순서도(Flowchart Diagram)를 제공하는 도구로, 요구사 항 분석 및 관리에 적용 가능한 도구 주요기능 GUI Editing 외부 저장파일 지원 지원여부 지원(툴바, 그리기) 지원(XML) 자동업데이트 지원(Eclipse 도구 내) 독립적인 도구실행 미지원(Eclipse내에서만 지원) 1
3. 도구 실행 환경 Eclipse IDE상에서 설치 및 구현이 가능 다양한 OS를 지원 Windows : Windows XP / Windows 7 (32, 64-bit 모두 지원) Linux : 32, 64-bit 지원 Mac OS X : 32, 64-bit 지원 UNIX : 32, 64-bit 지원 JDK, Eclipse 필요 Eclipse플러그인 형태로 제공, 업데이트 시 EMF 자동 설치 (Eclipse Plug-in 형태) Eclipse IDE JDK (Java development kit) Windows / Linux / Mac OS / UNIX 1
4. 도구 설치 방법 세부 목차 4.1 Eclipse에 사전도구 설치 4.2 다운로드 4.3 Eclipse에 설치 1
4. 도구 설치 방법 4.1 Eclipse에 사전도구 설치 - 도구 검색 (1/4) 는 GMF(Graphical Modeling Framework)나 GEF(Graphical Editing Framework)와 같은 그래픽 프레임워크가 설치되어 있어야함 를 설치하기 전 의 사용 기반을 마련 Eclipse의 Software Updates를 통하여 Graphical Editing Framework SDK를 설치 Eclipse 실행 상단의 메뉴에서 Help Software Updates Find and Install 클릭 ❶ ❷ ❸ 2
4. 도구 설치 방법 4.1 Eclipse에 사전도구 설치 - 도구 검색 (2/4) 설치/업데이트 종류를 선택 새로운 도구 설치를 위해 Search for new features to install을 선택 Search for new features to Install 선택 Next 버튼 클릭 ❹ ❺ 3
4. 도구 설치 방법 4.1 Eclipse에 사전도구 설치 - 도구 검색 (3/4) 새로운 설치 항목을 선택 Eclipse에 등록되어 있는 사이트 중에서 Europa Discovery Site를 선택하여 설치 항목을 검색 Europa Discovery Site 체크 Finish 버튼 클릭 Searching ❻ ❼ 4
4. 도구 설치 방법 4.1 Eclipse에 사전도구 설치 - 도구 검색 (4/4) 선택항목을 설치할 Site Mirrors를 선택 Europa Discovery Site에는 여러 Site Mirrors가 존재 한국에서 제공하는 Site Mirrors를 선택하고 설치 항목을 검색 [Korea, Republic Of] Daum Communications Corp. (http) 클릭 OK 버튼 클릭 Searching ❽ ❾ 5
4. 도구 설치 방법 4.1 Eclipse에 사전도구 설치 - 도구 설치 (1/7) 설치할 도구를 선택 그래픽 프레임워크와 관련된 Graphical Editors and Frameworks와 Models and Model Development를 체크하면 이 도구들을 설치하기 위해 다른 플러그인을 설치해야 한다는 메시지가 뜸 Select Required버튼을 클릭하여 요구되는 도구를 함께 체크 Europa Discovery Site 왼쪽의 + 아이콘 클릭 Graphical Editors and Frameworks 체크 Models and Model Development 체크 Select Required 버튼 클릭 ❶ ❷ ❹ ❸ 6
4. 도구 설치 방법 4.1 Eclipse에 사전도구 설치 - 도구 설치 (2/7) 설치 준비를 완료 선택한 도구 외에 Java Development하부 메뉴의 Eclipse Plug-in Development Environment 3.3.3이 추가로 선택된 것을 확인 Next버튼이 활성화 버튼을 클릭하여 설치 준비를 완료 선택된 도구 확인 Next 버튼 클릭 ❺ 7
4. 도구 설치 방법 4.1 Eclipse에 사전도구 설치 - 도구 설치 (3/7) 설치할 도구의 버전과 라이선스를 확인 설치할 도구의 버전과 라이선스를 확인하고 라이선스에 동의 I accept the terms in the license agreements 선택 Next 버튼 클릭 ❻ ❼ 8
4. 도구 설치 방법 4.1 Eclipse에 사전도구 설치 - 도구 설치 (4/7) 설치할 도구의 설치 정보를 확인하고 설치할 경로를 지정 설치할 경로를 지정하고, 요구공간과 현재 비어있는 공간의 용량을 확인 본 매뉴얼에는 Eclipse가 C:/eclipse/에 설치 됨 설치정보 확인 설치 경로 확인 Finish 버튼 클릭 ❽ 9
4. 도구 설치 방법 4.1 Eclipse에 사전도구 설치 - 도구 설치 (5/7) 설치할 도구의 다운로드를 진행 설치 과정이 모두 완료되면 다음과 같이 다운로드가 진행 10
4. 도구 설치 방법 4.1 Eclipse에 사전도구 설치 - 도구 설치 (6/7) 설치할 도구를 검증 다운로드가 완료되면 다운받은 도구를 검증 정보 확인 Install All 버튼 클릭 ❾ 11
4. 도구 설치 방법 4.1 Eclipse에 사전도구 설치 - 도구 설치 (7/7) 설치를 완료하고 Eclipse를 재 시작 Yes 버튼 클릭 ❿ 12
4. 도구 설치 방법 4.2 다운로드 (1/4) 다음의 사이트에서 를 다운 http://sourceforge.net/project/showfiles.php?group_id=93615&package_id=99349&release_id=47 0485 사이트접속 _0.0.1_bin.zip 클릭 13
4. 도구 설치 방법 4.2 다운로드 (2/4) 보안을 유지하기 위해 Internet Explorer에서 다음처럼 다운로드를 차단하는 경우가 존재. 차단을 해제하고 파일 다운로드를 클릭하여 파일을 다운 메시지클릭 파일 다운로드 클릭 14
4. 도구 설치 방법 4.2 다운로드 (3/4) 저장 위치를 지정 본 매뉴얼에서는 C:에 다운로드 저장 버튼 클릭 저장 위치 지정 저장 버튼 클릭 15
4. 도구 설치 방법 4.2 다운로드 (4/4) 다운로드한 _0.0.1_bin.zip 파일의 압축을 해제 압축을 푼 폴더에 features와 plugins가 생성되어 있음을 확인 16
4. 도구 설치 방법 4.3 Eclipse에 설치 다운로드한 _0.0.1_bin\eclipse 안의 features와 plugins폴더를 Eclipse가 설치 되어있는 폴더로 이동 본 매뉴얼에서는 Eclipse가 C:\eclipse에 설치 Eclipse에도 features와 plugins폴더가 존재하기 때문에 폴더 바꾸기 확인 창이 열림 C:\_0.0.1_bin\eclipse 안의 features와 plugins폴더 선택 C:\eclipse 폴더로 이동 폴더 바꾸기 확인 창에서 모두 예 버튼 클릭 ❶ ❷ 17
세부목차 5.1 주요 기능 5.2 화면 소개 5.3 메뉴 소개 5.4 예제 소개 5.5 Eclipse에서 프로젝트 생성 5.6 실행 5.7 순서도 작성 5.8 순서도에 따른 XML 파일 확인 1
5.1 주요기능 (1/2) 요구사항 분석 및 관리를 위한 순서도(Flowchart Diagram)를 만들 수 있음 순서도를 통해 요구사항의 흐름 파악이 가능 GUI 방식을 통해, 클릭만으로 순서도를 쉽게 작성 2
5.1 주요기능 (2/2) 작성한 순서도를 XML 타입으로 변홖 3
5.2 화면 소개 의 시작 화면 의 화면은 네부분으로 구성 The Editing Pane: 작업 창 Package : Java Project 상태 Palette : 도구모음 Outline : 미리보기 Properties : 속성변경 4
5.3 메뉴 소개 팔레트 (1/2) 를 실행하게 되면 오른쪽에 팔레트가 생성됨 순서도를 관리하기 위해 필요한 도구 모음 항 목 기 능 순서도를 선택 순서도를 확대 순서도에 갂단한 설명 노트를 작성 순서도에 갂단한 텍스트를 삽입 설명 노트를 각 노드에 연결 5
5.3 메뉴 소개 팔레트 (2/2) 를 실행하게 되면 오른쪽에 팔레트가 보임 순서도를 관리하기 위해 필요한 도구 모음 항 목 기 능 개시, 종료 수행해야 할 작업 경로 선택 미리 정의된 명령 다음 페이지로 연결 중단, 대기 노드 사이의 연결 6
5.3 메뉴 소개 툴바 (1/2) 를 실행하게 되면 위쪽에 툴바가 보임 순서도를 관리하기 위해 필요한 도구 모음 항 목 기 능 선 스타일 정의 처음 선택한 속성을 나중에 선택된 노드에 적용 노드 선택 노드들을 일렬로 배열 선택한 노드 방향으로 정렬 자동으로 크기 조젃 연결선 레이블 표시 연결선 레이블 숨김 7
5.3 메뉴 소개 툴바 (2/2) 를 실행하게 되면 위쪽에 툴바가 보임 순서도를 관리하기 위해 필요한 도구 모음 항 목 기 능 항 목 기 능 꺽은선 모양 왼쪽 정렬 일직선 모양 가운데 정렬 트리 모양 오른쪽 정렬 젂체 노드 선택 상단 정렬 부분 노드 선택 가운데 정렬 젂체 연결선 선택 하단 정렬 젂체 노드 일렬로 배열 선택 노드 일렬로 배열 8
5.4 예제 소개 의 기능을 소개하기 위해 웹사이트 개발 프로젝트 예제를 사용 웹사이트 개발 프로젝트의 요구사항 요구 사항 개발자A는 웹사이트 개발 요구분석 관리를 맡아 작업한다. 스토리 보드 작성에 를 사용하려고 한다. 이 사이트는 로그인이 되어 있는 상태에서만 게시판을 볼 수 있다. 로그인이 되어 있지 않은 상태에서 게시판을 클릭하는 경우, 로그인 화면을 띄 운다. 로그인이 실패하면 로그인이 될 때까지 대기하면서 로그인 정보를 받는다. 로그인이 성공하면 바로 게시판을 볼 수 있다. 로그인을 하지 않고 회원 가입 페이지로 이동할 수 있다. 회원가입 후 로그인을 하면 게시판을 볼 수 있다. 9
5.5 Eclipse에서 프로젝트 생성 (1/2) 를 실행하기 젂에 프로젝트를 먼저 생성 이클립스에서 자바 프로젝트를 생성 File New Java Project 클릭 ❶ ❸ ❷ 10
5.5 Eclipse에서 프로젝트 생성 (2/2) 프로젝트 이름을 지정 프로젝트 이름을 지정하고 프로젝트 생성을 종료 프로젝트 이름 지정 Finish 버튼클릭» Project name : Website ❹ ❺ 11
5.6 실행 (1/4) 새로운 파일을 생성 생성한 Website 프로젝트에 새로운 파일을 생성 Package Explorer에서 Website 우클릭 New Other 클릭 ❶ ❷ ❸ 12
5.6 실행 (2/4) 를 실행 Examples에서 Flowchart Diagram을 실행 Examples 하부 메뉴 보기 Flowchart Diagram 선택 Next 버튼클릭 ❹ ❺ 13
5.6 실행 (3/4) 파일 이름을 지정 파일 이름을 지정하고 파일 생성을 완료 파일이름지정 Finish 버튼클릭» File name : webstory ❻ ❼ 14
5.6 실행 (4/4) webstory.fcd 와 webstory.fcm 파일이 생성 webstory.fcd 파일은 순서도를 저장 webstroy.fcm 파일은 XML 파일을 저장 15
5.7 순서도작성 눈금 표시 (1/2) 화면에 눈금을 표시 가능 순서도를 작성하는데 도움을 주기 위한 Grid 기능을 제공 webstroy.fcd 파일에서 우 클릭 View Grid 체크 ❶ ❷ ❸ 16
5.7 순서도작성 눈금 표시 (2/2) 눈금 표시 순서도를 작성할 때 선에 맞추어 작업이 가능 17
5.7 순서도작성 Terminator (1/2) 순서도 작성을 시작 순서도를 시작하기 위해 Terminator를 생성 Terminator는 개시 또는 종료 시에 사용 도형 작성 시에 fcd 파일에서 클릭하면 에서 지정한 크기로 자동 생성 다른 크기로 작성하고 싶은 경우에는 fcd 파일에서 원하는 크기로 드래그 Palette에서 Terminator 클릭 webstroy.fcd 파일에서 원하는 위치에 클릭 이름작성» name : 메인 화면 ❷ ❸ ❶ 18
5.7 순서도작성 Terminator (2/2) 생성한 도형의 크기를 변경이 가능 도형의 크기를 변경하고 싶은 경우도 형을 클릭하고 도형의 까만 점을 클릭하여 드래그하면 크기가 변경 19
5.7 순서도 작성 - Subprocess Subprocess를 생성 Subprocess는 사젂에 정의되어 있는 명령을 표시하기 위해 사용 요구사항에서 로그아웃 상태일때 게시판을 확인 하기 위해서는 로그인이 필요하다고 설정 Palette에서 Subprocess를 클릭하고 Terminator와 같은 방법으로 생성 Palette에서 Subprocess 클릭 webstroy.fcd 파일에서 원하는 위치에 클릭 이름 작성» name : 로그 아웃 상태, 게시판 확인 시 로그인 필수 ❷ ❸ ❶ 20
5.7 순서도 작성 Action Action을 생성 사용자가 취하는 행동 및 시스템 상의 처리 상태를 나타내는 경우에 사용 게시판을 클릭하는 동작을 지정 Palette에서 Action 클릭 webstroy.fcd 파일에서 원하는 위치에 클릭 이름 작성» name : 게시판 클릭 ❷ ❶ ❸ 21
5.7 순서도 작성 - Decision Decision을 생성 사용자의 선택으로 여러 경로로 나뉘어 질 수 있는 경우에 Decision을 사용 로그인 화면에서 로그인 성공, 실패, 회원가입 등의 세 가지 경로를 선택 가능 Palette에서 Decision 클릭 webstroy.fcd 파일에서 원하는 위치에 클릭 이름 작성» name : 로그인 여부 ❷ ❶ ❸ 22
5.7 순서도 작성 - Waitbox Waitbox를 생성 액션의 처리과정에서 문제가 생겨 다음 액션을 취하지 못하고 올바른 액션이 취해지기를 기다릴 때 사용 로그인시 잘못된 정보를 입력해 로그인 상태로 갈 수 없는 경우에 사용 가능 아래 그림에 표시된 로그인과 회원가입 Action은 Subprocess 페이지와 같은 방법으로 작성 Palette에서 Waitbox 클릭 webstroy.fcd 파일에서 원하는 위치에 클릭 이름 작성 ❷ ❶ ❸ 23
5.7 순서도 작성 - Connector Connector를 생성 현재 화면에서 어떤 액션의 결과로 이동되는 화면을 표시할 때 사용 로그인이 성공하면 게시판 페이지로 이동 Palette에서 Connector 클릭 webstroy.fcd 파일에서 원하는 위치에 클릭 이름 작성» name : 게시판페이지 ❷ ❶ ❸ 24
5.7 순서도작성 - Transition (1/2) Transition을 생성 도형과 도형 사이에 Transition을 생성 순서도의 짂행 방향을 지정 Palette에서 Transition 클릭 연결을 원하는 시작 도형에서 연결될 도형으로 드래그 앤 드롭» 시작위치 : 메인 화면» 연결위치 : 로그아웃 상태 ❷ ❶ 25
5.7 순서도작성 - Transition (2/2) 앞 페이지와 같은 방법으로 젂체 연결을 설정 순서도가 완성 26
5.7 순서도작성 속성변경 (1/2) Testing 도형의 속성을 변경 가능 도형의 폰트 크기 및 레이아웃 등을 지정 속성 관리를 위해 속성 창을 오픈 생성한 도형 중 하나를 선택하고 우 클릭 Show Properties View 선택 ❶ ❷ 27 / 40
5.7 순서도작성 속성변경 (2/2) Testing 속성 창에서 폰트 및 색상, 레이아웃 등을 설정 Appearance : 폰트 및 색상 설정 Advanced : 레이아웃 설정 28 / 40
5.7 순서도작성 Note Testing 순서도에 갂단한 설명 노트를 생성 순서도에 추가로 작성해야 할 내용이 있는 경우 노트를 사용 Palette에서 Note 클릭 webstroy.fcd 파일에서 원하는 위치에 클릭 노트 작성» 내용 : 로그인 페이지.. ❷ ❸ ❶ 29 / 40
5.7 순서도작성 - Note Attachment (1/2) Testing 각 도형에 연결된 노트를 생성 Note Attachment를 통해 도형에 연결된 노트를 생성 Palette에서 Note Attachment 클릭 연결을 원하는 도형에서 노트를 생성할 위치로 드래그 앤 드 롭 Create Note Attachment To New Element:Note 클릭 ❶ ❸ ❷ 30 / 40
5.7 순서도작성 - Note Attachment (2/2) Testing 선택한 도형에 연결된 노트가 생성 노트 내용을 작성 순서도 작성이 모두 완료 31 / 40
5.8 순서도에 따른 XML 파일 확인 Testing 작성한 순서도에 맞는 XML 파일이 생성 webstory.fcm 파일에 XML 형식의 파일이 생성되어 있는 것을 확인 Webstory.fcm 더블클릭 XML 파일 확인 ❶ 32 / 40
6. 도구 활용 예제 세부목차 6.1 예제 설명 6.2 실행 6.3 순서도 작성 6.4 순서도에 따른 XML 파일 확인 1
6. 도구 활용 예제 6.1 예제 설명 (1/3) 예제 소개 Project A의 개요 -H 회사는 웹사이트 제작 전문업체 - N 기업에서 H 회사에 음악사이트를 제작 의뢰 - N 업체와의 인터뷰, 관찰 등을 통하여 요구사항을 추출 - 요구사항이 제대로 관리되지 않아 설계하는 데 어려움을 겪음 - 요구사항의 전체 흐름을 파악하지 못하고 있음 - H 회사는 요구사항 관리 도구를 도입하여 요구사항의 흐름을 효율적으로 관리하고자 함 2
6. 도구 활용 예제 6.1 예제 설명 (2/3) H업체의 몇 가지 이슈사항 요구사항을 추출하였지만 제대로 관리되지 않아 젂체 흐름을 파악하기가 어렵고 요구사항과 설계가 일치하지 않는 경우가 있음 비슷한 요구사항이 발생하였을 때 재사용이 어려움 요구사항을 효율적으로 관리하기 위해 공개 요구사항 관리 도구인 를 도입 도입 효과 - 요구사항을 순서도로 정리 - 요구사항의 젂체 흐름을 파악하기 용이 - 비슷한 요구사항이 있을 때 재사용이 가능 3
6. 도구 활용 예제 6.1 예제 설명 (3/3) 음악사이트의 요구사항 요구 사항 이 사이트는 음악감상과 다운로드가 가능한 사이트 음악을 검색하고 선택한 음악을 감상하거나 다운로드 가능 음악감상은 기본적으로 1분 감상이 제공 젂체를 듣고 싶은 경우에는 음악 감상권을 소지하고 있어야 함 음악은 사이트 내에서 사용하는 코인으로 다운로드가 가능 음악을 다운로드할 때 코인이 부족한 경우에는 코인 충젂 페이지로 이동 음악을 감상하거나 다운로드한 상태에서 바로 음악 검색 페이지 로 이동 가능 음악감상권 없이 1분만 듣기 상태에서 다운로드 페이지로 이동 가능 전체 흐름을 파악하기가 어렵습니다. 전체 흐름을 한 눈에 볼 수 있 습니다. 요구사항 변경 시 관리가 어렵습니다. 요구사항 관리가 용이합니다. 4
6. 도구 활용 예제 6.2 실행 를 실행 순서도 작성을 위한 story.fcd와 순서도를 XML 형태로 저장해 주는 story.fcm 파일이 생성 5
6. 도구 활용 예제 6.3 순서도 작성 오른쪽의 Palette를 사용하여 순서도를 작성 6
6. 도구 활용 예제 6.4 순서도에 따른 XML 파일 확인 작성한 순서도에 맞는 XML 파일이 생성 webstory.fcm 파일에 XML 형식의 파일이 생성되어 있는 것을 확인 Webstory.fcm 더블클릭 XML 파일 확인 7
7. FAQ 질문1) 는 무료로 사용할 수 있습니까? 답변1 : 예, 는 Eclipse의 Plug-in으로 무료로 사용할 수 있습니다. 질문2) 에서 작성한 순서도는 문서로 저장할 수 있습니까? 답변2 : 예, 에서 작성한 순서도는XML 파일로 변환이 가능합니다. 1
8. 도구 평가 활용성 IDE내 간단한 순서도를 작성하기에 용이 범용성 요구사항 파악을 위한 순서도를 그리기에는 좋으나, 이외의 기능을 지원하지 않음 호환성 Eclipse가 설치가 되어 있는 환경(Windows, Linux, Mac OS X 등) 모두 지원 현재 배포된 버전이 오래되었음에도, 현재버전의 Eclipse에서 무리 없이 작동 성 능 단순한 기능에 의해 빠른 반응속도를 보임 기 타 Flow Chart만 지원 도구평가 의견 를 사용하여 요구사항 과정을 한 눈에 파악 가능 는 GUI 접근이 가능하여 초보자도 쉽게 순서도를 작성할 수 있음 Requisite는 작성한 순서도를 XML 파일로 확인하고 저장할 수 있음 1
9. 용어 정리 본 매뉴얼에서 사용하고 있는 용어의 정리 GMF (Graphical Modeling Framework) GMF는 Eclipse 플랫폼 내의 프레임워크로서 EMF(Eclipse Modeling Framework)과 GEF(Graphical Editing Framework)에 기반하는 그래픽 편집 기를 개발하기 위한 컴포넌트 및 런타임 환경을 제공함 순서도 (Flowchart Diagram) 시스템 안에서 발생하는 작업, 처리 등에 관하여 그 진행 순서를 나타내는 도표 XML extensible markup language의 약자로, HTML을 개선하여 만든 언어이며 사용자가 구조화된 데이터베이스를 조작할 수 있도록 지원 1