SYSTEM BLUEPRINT

스마트 미러
욕실 제어 스토리보드

큰 버튼으로 조작하고, 장비의 실제 응답까지 확인하는 화면.

스토리보드란?

스토리보드는 실제 앱이 어떻게 보이고 동작할지 미리 확인하는 화면 설계 문서입니다. 아래 화면과 수치는 공고 이해를 위한 사전 예시입니다.

  1. 홈에서 상태를 보고 샤워·환풍·조명을 제어하는 흐름
  2. 사용자 환경을 적용하고 장치 연결 상태를 확인하는 흐름

하나의 미러로 연결되는 욕실을 확인해 보세요.

기본 제어 시나리오

욕실 상태 확인부터 장비 조작까지

쉽게 찾고 크게 누른 뒤, 적용된 상태를 확인합니다.

홈 확인

현재 상태와
사용자 확인

장비 선택

큰 메뉴에서
필요 기능 선택

설정 변경

수온·환풍 등
원하는 값 조작

명령 전송

적용 중 상태로
중복 조작 방지

응답 확인

완료 또는 오류
정확히 안내

기본 제어 | 화면 01

홈 · 상태와 메뉴

욕실 통합 제어연결됨

9월 22일 (화) · 김민준

안녕하세요, 민준님

07:28 맑음 21°C
대기
샤워

38°C

가동
환풍

자동

대기
김서림 제거

꺼짐

가동
조명

밝기 72%

갱신
온·습도

24.6°C · 58%

선택
사용자

김민준

대기
미디어

음악·영상

연결
설정

연동 장치 5개

사용자 설정

[화면 개요 및 목적]

큰 버튼과 현재 상태로 바로 사용하는 홈입니다. 샤워부터 설정까지 8개 메뉴가 연결되며 제안서의 직관적인 조작 전략을 보여줍니다.

[핵심 기능 로직]

온·습도는 갱신 시각과 함께 표시합니다. 프로필 선택 후 적용 흐름은 데모 Step 1에서 이어집니다.

  • 장비 응답을 화면으로 확인
    Kotlin · 제조사 SDK
기본 제어 | 화면 02

샤워 · 수온과 시작

욕실 통합 제어연결됨

9월 22일 (화) · 김민준

샤워 제어

정지

설정 수온

38°C
1°C씩 조절
수온 설정 응답

07:28:12 수신

적용 완료
현재 급수

정지 상태 확인

꺼짐

표시 수온은 예시입니다. 실제 허용 범위는 제조사 기준으로 확정합니다.

사용자 설정

[화면 개요 및 목적]

샤워의 시작·정지와 설정 수온을 큰 조작부로 제공합니다. 누른 상태와 실제 장비 응답을 구분합니다.

[핵심 기능 로직]

제조사 허용 범위 안에서만 수온을 설정합니다. 응답 전에는 적용 중, 응답 후에는 완료로 표시합니다. 데모 Step 2~3에서 확인합니다.

  • 장비 응답을 화면으로 확인
    Kotlin · 제조사 SDK
기본 제어 | 화면 03

환경 · 공조와 센서

욕실 통합 제어연결됨

9월 22일 (화) · 김민준

욕실 환경

현재 온도

24.6°C

현재 습도

58%

갱신 완료 · 07:28:14 수신

환풍기

자동 모드 · 켜짐

가동
김서림 제거

미러 히터 꺼짐

대기
욕실 조명

밝기 72% · 켜짐

가동

장비를 선택한 후 조작합니다.
갱신되지 않은 센서 값은 마지막 수신 시각을 함께 보여줍니다.

사용자 설정

[화면 개요 및 목적]

환풍·김서림 제거·조명과 실시간 센서를 모아 욕실 상태를 한 번에 이해하게 합니다.

[핵심 기능 로직]

선택한 장비에 켜기·끄기 명령을 보내고 응답 상태를 표시합니다. 오래된 센서 값은 현재값으로 오인하지 않도록 갱신 시각을 표시합니다.

  • 장비 응답을 화면으로 확인
    Kotlin · 제조사 SDK
개인 설정 시나리오

내 환경 적용부터 연결 복구까지

프로필 적용, 미디어 이용, 장치 설정이 하나의 앱에서 이어집니다.

사용자 선택

저장한 환경
불러오기

환경 적용

장비별 설정
순차 적용

결과 확인

실패 장치
따로 확인

미디어 이용

음악·영상
재생과 복귀

연결 관리

다시 연결 후
상태 재확인

개인 설정 | 화면 01

사용자 · 환경 적용

욕실 통합 제어연결됨

9월 22일 (화) · 김민준

나에게 맞춘 욕실

김민준

선택됨

이서연

미선택

공용

미선택

민준님의 아침 환경

샤워 수온

38°C 설정

적용 완료
조명

밝기 72%

적용 완료
환풍기

자동 모드

연결 확인

각 장비의 응답을 확인해 결과를 표시합니다. 연결되지 않은 환풍기는 다시 확인합니다.

사용자 설정

[화면 개요 및 목적]

사용자 프로필을 불러와 수온·조명·환풍 설정을 적용합니다. 부분 적용도 정확히 알려주는 전략을 증명합니다.

[핵심 기능 로직]

장비별 응답을 개별 확인합니다. 일부 실패가 전체 성공으로 보이지 않도록 표시하며, 데모 Step 1~3에서 같은 흐름을 체험합니다.

  • 장비 응답을 화면으로 확인
    Kotlin · 제조사 SDK
개인 설정 | 화면 02

미디어 · 음악과 영상

욕실 통합 제어연결됨

9월 22일 (화) · 김민준

미디어

아침을 여는 음악

YouTube 플레이어 영역 · 사전 화면 예시

재생 중02:18 / 12:46
잔잔한 피아노

12:46 · 선택 콘텐츠

재생 중
편안한 아침 재즈

28:35 · 음악 예시

대기
사용자 설정

[화면 개요 및 목적]

유튜브 음악·영상 시청 중에도 홈 제어로 쉽게 돌아옵니다. 콘텐츠명은 사전 목업 예시입니다.

[핵심 기능 로직]

공식 재생 방식과 태블릿 호환성을 검증합니다. 네트워크가 없으면 재생 불가 안내를 표시하고 장비 제어 화면은 계속 접근 가능합니다.

  • 장비 응답을 화면으로 확인
    Kotlin · 제조사 SDK
개인 설정 | 화면 03

설정 · 연결 복구

욕실 통합 제어연결됨

9월 22일 (화) · 김민준

장치와 시스템

4 / 5 연결

환풍기 연결을 확인해 주세요

샤워 제어기

07:28:12 마지막 응답

연결됨
환풍 제어기

07:26:48 마지막 응답

연결 끊김
조명·히터·센서

07:28:14 마지막 응답

연결됨
화면 밝기 68%

재연결 후 장비 상태를 다시 읽습니다.
샤워 시작 명령을 자동으로 재전송하지 않습니다.

앱 정보

설치 버전 1.0.0 · 사전 예시

확인
사용자 설정

[화면 개요 및 목적]

연동 장치의 연결 상태와 마지막 응답 시각을 확인합니다. 오류를 숨기지 않고 복구 경로를 제공합니다.

[핵심 기능 로직]

다시 연결하면 상태를 재조회합니다. 샤워 시작 명령을 임의로 반복하지 않습니다. 데모 Step 4에서 연결 복구를 확인합니다.

  • 장비 응답을 화면으로 확인
    Kotlin · 제조사 SDK
시나리오

| 화면 01

[화면 개요 및 목적]

[핵심 기능 로직]

    | 화면 02

    [화면 개요 및 목적]

    [핵심 기능 로직]

      | 화면 03

      [화면 개요 및 목적]

      [핵심 기능 로직]