[드럼악보 생성 사이트 D+2] – 화면설계(2): 화면설계 거의 완성

작업 2일차. 한동안 학원 수업이 빡빡해서 작업을 못하다가 오늘 화면설계를 거의 완성하였다.

1. 전체 화면설계

기획한 페이지(기능)는 다음과 같다.

1. 로그인
2. 메인 화면
3. 새 악보 만들기 버튼을 누른 경우
4. 악보편집창
5. 악보편집창 – 콘솔 오픈
6. 악보편집창 – 설정콘솔 오픈
7. 악보편집창 – 설정콘솔 기능

2. 새 악보 만들기 버튼을 누른 경우

제목, 부제목, 아티스트 명, BPM, 박자표의 기본정보를 입력하고 악보를 생성한다.

3. 악보편집창

악보 편집창으로 들어오면 악보 전체를 볼 수 있고 아래의 ^ 버튼을 누르면 수정할 수 있는 콘솔이 열린다.

4. 악보편집창 – 콘솔 오픈

선택된 마디를 편집할 수 있다.
기능설명 ->

• 첫 번째 줄의 음표 버튼: 삽입할 음표의 박자를 선택한다.
• 두 번째 줄의 음표 버튼: 삽입할 음표의 위치 및 종류를 선택한다.
• 세 번째 줄의 이동 버튼: <<, >>: 마디 단위 이동. <, >: 다음 음표로 이동

5. 악보편집창 – 설정 콘솔 오픈

6. 악보편집창 – 설정콘솔 기능

• Create Save Point: 데이터베이스에 악보를 저장한다.
• View Save Point: 악보를 Revert할 수 있다.
  Auto Save: 가장 최근에 자동저장된 악보(1분마다 악보 자동저장)
  Save 1: 가장 최근에 저장한 악보
  Save 2: 두 번째로 최근에 저장한 악보
• Change Song Info: 제목, 부제목, 아티스트, BPM, 박자표를 수정할 수 있다.