'view-mode' 미디어 특성

목차

• 1. 소개
  • 1.1 설계 목표와 요구사항
• 2. 적합성
• 3. 보안 고려사항
• 4. 정의
• 5. 'view-mode' 미디어 특성
  • 5.1 View modes
  • 5.2 Examples
• 6. 감사의 말
• A. 참고 문서
  • A.1 표준 참고 문서
  • A.2 정보 참고 문서

2. 적합성

이 스펙문서에서 표준에 준하지 않는 내용이 아닙니다라 표기된 섹션, 작성 가이드라인, 다이어그램, 예제 및 노트는 표준에 준하는 내용이 아닙니다. 그 외의 모든 건 표준에 준하는 내용입니다.

이 스펙문서 내 키워드 must, must not, required, should, should not, recommended, may, optional는 [RFC2119]에서 기술하는 대로 해석합니다.

이 스펙문서는 하나의 제품에 적용할 수 있는 적합 요건을 정의합니다: 위를 포함한 view modes를 구현하는 유저 에이전트

3. 보안 고려사항

유저를 속여 원하지 않는 액션을 취하거나 제공할 의사가 없는 데이터를 획득할 수 있도록 어플리케이션을 설계할 수 있습니다. 아래에 유저를 속일 가능성이 있는 상황 예제를 작성해두었으나, 이 상황에만 한정하면 안됩니다.

• 유저가 볼 수 없는 어플리케이션(풀 스크린 투명 위젯이나 작은 웹 페이지)에서 유저에게 알리지 않고 서비스를 실행시키거나 다른 어플리케이션에서 스스로 레이어화한 뒤 제일 위에 두어, (PIN 코드 입력같은) 다른 어플리케이션의 인터렉션을 방해하기 위해 사용할 수 있습니다.
• 크롬을 가지지 않은 어플리케이션은 스크린 상에서 기존에 존재하는 다른 객체에 의해 위장될 수 있습니다. (예를 들면, 신뢰할 수 있는 사이트임을 표시하는 lock과 key 로고)

구현자는 이런 문제를 고려하여 사용자의 노출 리스크를 최소한으로 하기 위해, 웹 어플리케이션의 실행범위에 제한을 주는 걸 권장합니다.

4. 정의

View mode

view mode는 플랫폼에서 사용하는 메타포와 기능을 대응하는 유저에게, 웹 어플리케이션을 표시하는 방법입니다. 이 스펙문서에서는 유저 에이전트에서, 유사한 플랫폼 고유의 상황에 매치하는 걸 기대하여 몇몇 view mode를 정의하고 있습니다.

크롬

크롬은 콘텐츠에 의존하지 않는 유저 에이전트의 비주얼 파트를 구성합니다. (예를 들면, 윈도우 데코레이션, 툴 바, 타이틀 바, 메뉴)

실감

플랫폼의 크롬과 위젯을 사용하는 게 아닌 사용자 인터페이스의 제어 및 컴포넌트를 특정 스타일 어플리케이션에 맞게 작성한 경우 이를 실감이라고 부릅니다.

미디어 특성

용어 미디어 특성은 [MEDIAQ]에서 정의합니다.

스크린 영역

(예를 들면, 메뉴, 시간, 상단 상태 표시바, 하단 실행 중인 어플리케이션 목록 바) 보통 시스템 자체가 가지고 있는 고유 영역을 제외한 어플리케이션에서 사용 가능한 스크린 영역.

웹 어플리케이션

웹 어플리케이션은 웹 테크놀로지를 이용해 구축하여 발표한 어플리케이션으로, 위젯으로써 브라우저 내에서 동작하거나, 같은 목적을 위해 설계된 다른 타입의 컨테이너 내에서 동작합니다.

위젯

용어 위젯은 [WIDGETS]에서 정의합니다.

Viewport

용어 viewport는 [CSS21]에서 정의합니다.

5. 'view-mode' 미디어 특성

view-mode 미디어 특성은 플랫폼 위에서 어플리케이션으로써 동작하는 웹 어플리케이션을 표시하는 모드를 나타냅니다.

값:

windowed | floating | fullscreen | maximized | minimized

적용 가능:

비주얼 미디어 타입

min/max 접두사 사용가능:

No

유저 에이전트는 view-mode 미디어 특성이 작성자에게 유용한 방법으로 일반적인 상황을 표현할 수 있도록, 이 스펙 문서에서 정의하고 있는 view mode 목록에 맞추어서 웹 어플리케이션을 실행할 수 있는 다양한 플랫폼의 컨벤션에 대응하도록 노력해야합니다. [should] 각 view mode는 다른 모드와 독자적으로 정의하고 있습니다.

@media handheld and (view-mode: floating) and (orientation: landscape) {
  // ...
}
@media tv and (view-mode: windowed) {
  // ...
}
@media handheld and (view-mode: fullscreen) {
  // ...
}