• Tidak ada hasil yang ditemukan

디자인 변경이 가능한 무드등

N/A
N/A
Protected

Academic year: 2023

Membagikan "디자인 변경이 가능한 무드등"

Copied!
20
0
0

Teks penuh

(1)

디자인 변경이 가능한 무드등

팀명 : MMU드등

팀원 : 전병찬, 임정택, 홍승주, 황진규

(2)

1. 작품소개

2. 요구사항 명세

2.1 Use Case Diagram 2.2 요구사항 목록

2.2.1 UC-1 왼쪽 마우스 클릭의 요구사항 목록 2.2.2 UC-2 오른쪽 마우스 클릭의 요구사항 목록 2.2.3 UC-3 기준색상 설정하기의 요구사항 목록

2.2.4 UC-4 전체 초기화 기능(지우개)의 요구사항 목록 2.2.5 UC-5 디자인 편집, 수정하기의 요구사항 목록 2.2.6 UC-6 디자인 선택하기의 요구사항 목록

2.2.7 UC-7 디자인 저장하기의 요구사항 목록

2.2.8 UC-8 코드로 변환 및 파일 저장하기의 요구사항 목록 2.2.9 UC-9 코드 업로드 하기의 요구사항 목록

2.2.10 UC-10 Led 출력하기의 요구사항 목록 2.2.11 UC-11 디자인 변경하기의 요구사항 목록

3. UI 프로토타입

목차

(3)

작품소개

우리 인생에 있어서 잠은 아주 중요한 부분

많은 현대인들이 보다 더 좋은 숙면을 취하기 위해 무드등을 사용

기존 무드등의 경우에는 디자인이 고정

계획중인 작품인 디자인 변경이 가능한 무드등으로 사용자가 좋아하는 문구나 간단한 그림으로 디자인 변경이 가능

사용자가 원하는 디자인을 연출함으로써 분위기 전환과 동시에

숙면에 도움을 줄 수도 있기 때문에 활용도가 높을 것으로 예상

(4)

요구사항 명세 - Use Case Diagram

(5)

Use Case ID Use Case 명칭 Use Case 개요

UC-1 왼쪽 마우스 클릭 마우스 왼쪽 버튼 클릭으로 각 픽셀 을 기준 색상으로 변경 가능

UC-2 오른쪽 마우스 클릭 마우스 오른쪽 버튼 클릭으로 각 픽 셀의 색상 지정 가능

UC-3 기준색상 설정하기 기준색상을 지정하여 더욱 효율적 인 디자인 가능

UC-4 전체 초기화 기능 (지우개)

전체 초기화 버튼으로 모든 픽셀을 검정색으로 초기화

UC-5 디자인 편집, 수정하기

디자인을 저장하고 저장한 디자인 에 대해 편집, 수정 가능

UC-6 디자인 선택하기 디자인 선택 박스를 통한 디자인 선 택 가능

UC-7 디자인 저장하기 사용자가 원하는 그림이나 문구를 디자인 한 뒤 저장

UC-8 코드로 변환 및 파일 저장하기

자바 프로그램에서 디자인을 아두이노 코드로 변환

UC-9 코드 업로드 하기 아두이노 개발환경에서 아두이노 에 코드를 업로드

UC-10 Led 출력하기 아두이노를 통해 저장한 디자인을 Led Matrix에서 출력

UC-11 디자인 변경하기 Grove의 센서나 버튼을 사용하여 무드등의 디자인 변경

(6)

요구사항 목록

요구사항 ID 요구사항 명칭 요구사항 기술

UC1-REQ-1 왼쪽 마우스 클릭

(픽셀) 왼쪽 마우스를 클릭하여 각 픽셀을 지정 한 기준색상으로 변경 가능

UC-1 : 왼쪽 마우스 클릭 요구사항 목록

(7)

요구사항 목록

요구사항 ID 요구사항 명칭 요구사항 기술

UC2-REQ-1 오른쪽 마우스 클릭

(픽셀) 오른쪽 마우스를 클릭하여 각 픽셀을 개 별적으로 색상 지정 가능

UC-2 : 오른쪽 마우스(픽셀) 요구사항 목록

(8)

요구사항 목록

요구사항 ID 요구사항 명칭 요구사항 기술

UC3-REQ-1 기준색상 설정 기준색상 설정 버튼을 눌러 마우스 왼쪽 버 튼 클릭으로 각 픽셀의 색상 변경 가능

UC-3 : 기준색상 설정하기 요구사항 목록

(9)

요구사항 목록

요구사항 ID 요구사항 명칭 요구사항 기술

UC4-REQ-1 전체 초기화 자바 프로그램의 전체 초기화 버튼을 클릭 하여 모든 픽셀을 검정색으로 초기화

UC-4 : 전체 초기화 기능(지우개) 요구사항 목록

(10)

요구사항 목록

요구사항 ID 요구사항 명칭 요구사항 기술

UC5-REQ-1 디자인 편집 및 수정 사용자가 원하는 디자인으로 편집 및 수정 가능

UC5-REQ-2 디자인 선택 박스 클릭 디자인 선택 박스 클릭을 통해 디자인 을 변경해가며 수정 가능

UC-5 : 디자인 편집, 수정하기 요구사항 목록

(11)

요구사항 목록

요구사항 ID 요구사항 명칭 요구사항 기술

UC6-REQ-1 디자인 선택 박스 사용자는 디자인 선택 박스에서 원하 는 디자인 선택 가능

UC6-REQ-2 디자인 저장 불러오기 사용자는 저장된 디자인을 디자인 선 택 박스를 통해 불러오기 가능

UC-6 : 디자인 선택하기 요구사항 목록

(12)

요구사항 목록

요구사항 ID 요구사항 명칭 요구사항 기술

UC7-REQ-1 각 디자인 저장 사용자가 원하는 곳에 편집한 디자인 을 각각 저장 가능

UC7-REQ-2 코드 저장 저장 버튼을 누르면 해당 디자인에 대 한 코드가 아두이노 코드로 변환되어 텍스트 파일로 저장

UC-7 : 디자인 저장하기 요구사항 목록

(13)

요구사항 목록

요구사항 ID 요구사항 명칭 요구사항 기술

UC8-REQ-1 코드 변환 각 픽셀에 대한 색상 정보를 아두이노 코드로 변환

UC8-REQ-2 파일 저장 저장된 템플릿 코드를 불러와 완전한 형태 의 아두이노 파일로 저장

UC-8 : 코드로 변환 및 파일 저장하기 요구사항 목록

(14)

요구사항 목록

요구사항 ID 요구사항 명칭 요구사항 기술

UC9-REQ-1 코드 확인 및 수정 아두이노에 코드를 업로드 하기 전 다시 한 번 확인하고 수정할 사항이 있으면 수정

UC9-REQ-2 아두이노 개발환경 아두이노 개발환경에서 아두이노에 코드 업로드

UC-9 : 코드 업로드 하기 요구사항 목록

(15)

요구사항 목록

요구사항 ID 요구사항 명칭 요구사항 기술

UC10-REQ-1 출력 아두이노를 통해 저장된 디자인을 Led Matrix에서 출력

UC-10 : LED 출력하기 요구사항 목록

(16)

요구사항 목록

요구사항 ID 요구사항 명칭 요구사항 기술

UC11-REQ-1 Grove 사용 Grove의 버튼이나 센서를 사용하여 무드 등의 디자인을 변경

UC11-REQ-2 출력 Grove를 통해 정보를 받은 아두이노가 Led Matrix를 제어하여 다른 디자인을 출력하게 함

UC-11 : 디자인 변경하기 요구사항 목록

(17)

UI 프로토타입

디자 인선 택 박스

각 픽셀의 색상을 지정

각 디자인 저장

코드 로 변환 및 파일 저장 기준 색상

설정 기능

(18)

UI 프로토타입

(19)

UI 프로토타입

(20)

UI 프로토타입

• 사용자가 픽셀 별로 각각 색상 지정 가능

• 저장된 디자인 1,2,3에 대해 각각 수정, 저장 가능

• 코드로 변환 버튼을 누르면 템플릿 코드를 불러와 완전한 형태의 아두이노 파일 생성

• 아두이노 개발환경에서 연결된 아두이노에 코드

업로드 -> LED Matrix에서 저장한 디자인 출력

• 버튼을 누르면 저장된 디자인이 순서에 맞게 변경

되며 동작

Referensi

Dokumen terkait

나아가 사용자의 검색 히스토 리를 기반으로 맞춤 검색을 제공하고, 사용자가 원하는 사이트에 해당키워드를 포함핚 새 글이 업데이트되면 메일로 알림 받을 수