💡 ROOT ROOT 💡

뿌리뿌리 : java swing을 이용한 마인드맵 프로그램

구성원

팀장 : 송무송 팀원 : 조은진

요구사항

1. 사용자 인터페이스 요구사항

GUI 구성요소	SWING 컴포넌트
윈도우	JFrame
메뉴바	JMenuBar
툴바	JToolBar
속성 페인, 마인드맵 페인	JPanel (in JScrollPane in JSplitPane)
텍스트 에디터 페인	JTextArea (int JScrollPane in JSplit Pane)
노드	JLabel

[표 1] GUI 구성 요소를 구현하기 위한 SWING 컴포넌트

2. 텍스트 에디터의 요구사항

한 행이 하나의 노드에 대응한다. 탭으로 레벨을 결정한다. ‘적용’ 버튼을 클릭하면 마인드 맵 구조를 계산하여 Mind Map Pane에 가시화 시킵니다.

3. 속성 페인의 요구 사항

속성 페인은 선택된 노드의 속성을 디스플레이 한다. 속성 페인에서 보여주어야 할 정보는 [표2]를 따른다. 속성 페인은 JLabel을 사용하여 보여주고자 하는 정보가 무엇인지 표시하며, 속성값은 JTextField를 사용하여 디스플레이 한다. JTextField를 사용하는 이유는 사용자의 속성 값 변경을 허용하기 위함이다.

추가적으로, 속성 페인에 [변경] 버튼(JButton)을 추가하여, 사용자에 의한 변경된 속성 값을 MindMap Pane에 반영하는 역할을 수행한다.

속성	SWING 컴포넌트
시작 x, y 좌표	JLabel, JTextField
(노드) 텍스트 (수정되지 않도록 설정)	JLabel, JTextField
색상	JLabel, JTextField
‘변경’ 버튼	JButton

[표 2] 속성 페인의 속성

4. 마인드맵 페인의 요구 사항

마인드 맵 페인에서 처리해야 할 마우스 이벤트는 [표 3]을 따른다

이벤트	액션
노드의 선택	선택된 노드의 속성은 속성 페인에 표시되며, 노드의 배경색을 반전시킨다.
노드의 크기 변경	1. 특정 노드의 ‘상/하/좌/우 모서리’ 혹은 ‘상/하/좌/우 연결점’에서 마우스를 프레스 한 후, 마우스 드래그를 통하여 마우스 포인트를 이동시킨 상태에서 마우스를 릴리즈 하게되면 그 위치로 노드의 모서리가 변경되도록 한다. 2. 노드의 크기 변경 이벤트는 노드 사이의 연결선이 다시 그려지도록 한다.

[표 3] 마인드맵 페인에서의 마우스 이벤트

노드 컴포넌트(JLabel)은 마인드맵 페인(JPanel)위에 올려 놓는 방식(add() 메소드 호출)을 취하도록 한다. 그러나, 노드 사이의 연결선은 마인드맵 페인에서 직접 그리도록 구현한다.각 노드는 [그림 2]와 같이 4개의 연결점을 갖는다. 각 연결점은 연결선의 시작 및 끝에 해당한다. 마우스 이벤트에 의한 노드 위치 이동 혹은 속성 페인에서 속성 변경에 의한 크기 및 위치가 변경 될 경우 연결선의 시작과 끝 점을 새로이 계산 한 후, 그 결과에 따라 연결선이 다시 그려지도록 구현한다.

5. 메뉴 바, 툴 바의 요구 사항

메뉴 바와 툴 바에서 처리해야 할 액션은 [표 4]를 참고.

이벤트	액션
새로 만들기	1. 새로운 마인드맵 편집을 시작. 2. 이미 편집 혹은 불러낸 내용이 있다면, 프로그램이 처음 시작 했을 때의 상태로 되돌린다.
열기	파일 로드
저장	파일 저장
다른 이름으로 저장	새로운 파일 생성
닫기	프로그램 종료
적용	텍스트 편집 내용을 마인드 맵 페인에 적용
변경	속성 페인 변경 내용을 마인드 맵 페인에 적용

모든 이벤트는 메뉴 바와 툴 바 모두에서 발동 가능하도록 구현. 그러나, 각 이벤트에 해당 하는 액션은 한 벌만 구현하여 메뉴 바에서 발동 되었건 툴 바에서 발동 되었건 동일한 액션 구 현부가 실행 되도록 한다.

6. 마인드맵 모델에 대한 요구 사항

마인드맵 페인에서 일어나는 에디팅 상황을 보관 할 자료 구조는 “트리 모델”을 사용한다. 이 트리의 각 노드는 마인드맵 노드(JLabel) 하나를 의미하며 따라서, 이 노드에는 속성 페인 에 디스플레이 할 내용을 모두 담고 있습니다. 또한 이벤트에 의해 노드의 속성이 변경되면 이 트리 노드 또한 정보가 갱신됩니다.

프로젝트 작업 목록

일정 관리

일자	송무송	조은진
5/15	프로젝트 역할 배분, 그래프, 메뉴 및 툴바 제작	프로젝트 열할 배분, 양 옆 패널 제작 및 저장 파일 구성
5/18	Frame 제작, 메뉴 및 툴바 기본 틀제작	양 옆 패널 제작 및 삽입 완료
5/28	메뉴 및 툴바 생성 간략화	tree 구조 사용하여 객체 생성 시도
6/5	mind map pane 구역 대략 구성	text editor pane의 정보로 레이블생성
6/7	tree 객체로 그래픽 구현 시도	tree 구조 트래버스 시도
6/9	mind map pane 에 위치할 Label의 좌표 값 계산 시도, Frame에 대한 Action listener 메뉴바, 툴바에 삽입	tree 구조 트래버스 완료, tree 이용하여 객체 생성, 및 각 객체의 높이 값 , 최종 노드 수 계산
6/11	각 레이블을 눌렀을 때 Attribute pane 에 속성이 보이도록 하는 AttributeMouseListener 생성	tree 이용하여 객체 생성 후 적용 버튼을 눌렀을 때, mind map pane에 레이블 생성 성공.
6/12	Tree형태로 mind map pane에 마인드 맵 구성	Attritbute Pane 의 변경 버튼 활성화 성공.
6/13	mind map pane의 레이블 드래그 시 이동 성공. 레이블과 레이블 사이 연결 성공	최종 파일 저장, 열기 성공, 새로만들기 수정 성공
6/14	보고서 작성, 예외처리 삽입	최종 파일 저장, 열기 성공, 새로만들기 수정 성공