Tag Archives: Glance

애플와치 Glance 핵심 사항 정리

watchkit_logo

Glance(흘낏 보다)는 당신의 앱에서 중요한 정보를 사용자에게 보여주기 위한 보조적인 방법입니다. 모든 앱이 Glance를 필요로 하지는 않습니다. Glance를 이용하여 적절한 시점에 관련된 정보를 보여줄 수 있습니다. 예를 들어 캘린더 앱의 Glance는 사용자의 다음 미팅 정보를 보여줄 수 있습니다. 항공사 앱이라면 곧 다가올 비행의 공항 게이트 정보를 보여줄 수 있습니다. 다음 그림은 사용자의 To-do 리스트중에 처리한 일과 남은 일의 갯수를 보여주는 예시 화면입니다.

applewatch_glance_essential_01

Glance는 WatchKit 앱과 WatchKit 익스텐션의 일환으로 제공됩니다. 당신의 Glance 인터페이스에는 WatchKit 앱의 스토리보드 파일에 포함되며 이 인터페이스는 커스텀 WKInterfaceController에 의해 관리됩니다. 하지만 Glance 인터페이스 컨트롤러에서 구현할 수 있는 유일한 작업은 Glance를 위한 컨텐츠를 보여주는것 뿐입니다. Glance는 유저의 상호작용(Interactivity)을 구현할 수 없습니다. Glance 화면을 탭할 경우 자동으로 WatchKit 앱을 실행하게 됩니다.

Glance 생명 주기

Glance 인터페이스 컨트롤러의 생명 주기는 사용자에게 빨리 보여주기 위해 좀 더 일찍 초기화 된다는 점을 제외하면 다른 인터페이스 컨트롤러와 동일합니다. Glance가 초기화 되고 사용자에게 보여지기 까지 적지 않은 시간이 소요될 수 있기 때문에 willActivate 메소드에서 보여줄 정보가 업데이트 될 수 있도록 해야 합니다. 인터페이스 컨트롤러의 생명 주기에 대해 더 알아보고 싶을 경우 WatchKit Extension Life Cycle을 확인하십시오.

Glance 인터페이스 가이드라인

XCode는 앱의 컨텐츠를 정렬하는 방법으로 고정된 레이아웃을 제공합니다. 당신의 컨텐츠를 보여주기 위한 적절한 레이아웃을 선택한 다음에는 다음의 가이드라인을 확인하시기 바랍니다.

  • 정보를 신속하게 전달 할 수 있도록 당신의 Glance를 디자인 하십시오. 많은 텍스트를 보여주려 하지 마십시오. 적절한 디자인, 색상, 애니메이션을 사용하여 정보를 제공하십시오.
  • 가장 중요한 정보에 집중하십시오. Glance는 당신의 WatchKit 앱을 대체하는 역할을 하지 않습니다. iOS의 정제된 버전이 WatchKit 앱이라면 Glance는 WatchKit 앱의 정제된 버전입니다.
  • Glance 인터페이스에 상호작용하는 컨트롤을 포함하지 마십시오. 버튼, 스위치, 슬라이더, 메뉴와 같은 상호작용하는 컨트롤들은 사용할 수 없습니다.
  • 당신의 Glance 인터페이스에 테이블이나 지도를 사용하지 마십시오. 이들은 기능적으로 금지되지는 않지만 공간 제약상 테이블과 지도는 효율적으로 정보를 제공하기 어렵습니다.
  • 시점에 적절한 정보를 보여주십시오. 사용자에게 중요한 시간과 위치 정보를 포함하여 모든 사용가능한 리소스를 사용하십시오. 당신의 인터페이스 컨트롤러가 초기화 되고 사용자에게 보여지기 까지 발생하는 변화를 감안하여 Glance 에 보여질 정보를 업데이트 하는것을 잊지 마십시오.
  • 모든 텍스트에 시스템 폰트를 사용하십시오. 당신의 Glance에 커스텀 폰트를 사용하기 위해서는 반드시 커스텀 폰트를 이미지로 렌더링 한 후에 이미지를 보여주십시오.

하나의 앱은 하나의 Glance 인터페이스 컨트롤러만을 가질 수 있기 때문에 이 컨트롤러에서 당신이 보여주고자 하는 정보를 반드시 보여주어야 합니다.

Glance 인터페이스 관리

당신의 XCode 프로젝트에 WatchKit 앱 타겟을 주가할 때 Glance 인터페이스를 원하는지 여부를 선택할 수 있습니다. 프로젝트 초기화 시점에 이것을 잊고 있었다면 나중에도 추가할 수 있습니다. Glance 인터페이스 컨트롤러는 앱의 스토리보드와는 조금 다른 형태를 띄고 있습니다. Glance의 인터페이스 컨트롤러는 Glance 시작 지점에 붙어있고 자체적으로 기본 레이아웃을 가지고 있습니다.

applewatch_glance_essential_02

구동 시점에 당신의 Glance의 컨텐츠를 설정하기 위해서는 WKInterfaceController를 상속한 커스텀 클래스를 사용해야 합니다. 당신의 WatchKit 앱을 구현하는 것과 동일한 방법으로 상속을 받아 구현하시면 됩니다.

앱에 Glance 인터페이스를 추가하기

WatchKit 앱 타겟을 생성할 때 Glance 인터페이스를 구현을 위한 파일들을 생성할지 묻는 “Include Glance Scene” 옵션을 선택할 수 있습니다. 선택할 경우 XCode는 Glance 스토리보드 씬과 커스텀 Glance 인터페이스 컨트롤러 클래스를 제공합니다. 만약 타겟을 추가할 때 이 옵션을 선택하지 못하였다면 다음과 같은 방법으로 수동으로 추가할 수 있습니다.

  1. 당신의 프로젝트에서 WKInterfaceController 를 상속한 클래스를 생성합니다. 새로운 소스 파일을 추가하고 WatchKit 익스텐션 타겟에 추가합니다. GlanceInterfaceController과 같이 적절한 이름으로 만들어 줍시다.
  2. 당신의 스토리보드 파일에서 Glance 인터페이스 컨트롤러를 드래그하여 추가해 줍니다. 이 씬은 위에서 봤었던 스크린샷처럼 Glance 시작 지점 화살표가 붙어있게 됩니다.
  3. 방금 추가한 Glance 인터페이스 컨트롤러를 선택하고 “Identity Inspector”를 선택합니다.
  4. 위에서 생성한 Glance 인터페이스 컨트롤러 클래스를 설정해 줍니다.

WatchKit 앱은 단 하나의 Glance 인터페이스만을 가질 수 있습니다. 당신 앱의 스토리보드에 두개 이상의 Glance 인터페이스 컨트롤러를 추가하지 않도록 주의하십시오.

Glance 인터페이스 컨트롤러를 구현하고 업데이트 하기

Glance 인터페이스 컨트롤러의 구현은 라벨과 이미지들로 이루어진 컨텐츠들의 세팅이기 때문에 상대적으로 간단합니다.

  • init 과 awakeWithContext: 메소드들을 사용하여 Glance 인터페이스를 초기화 하고 라벨과 이미지들의 초기값을 설정하십시오.
  • willActivate 메소드에서 Glance 인터페이스가 화면에 보여지기 전에 표시되어야 하는 정보를 업데이트 하십시오.

Glance가 화면에 보여지고 난 뒤에 컨텐츠를 업데이트 하기 위해서는 NSTimer 객체를 이용하여 주기적으로 업데이트를 할 수 있습니다. 당신은 스스로 업데이트하는 WKInterfaceDate 와 WKInterfaceTimer 객체를 사용하여 업데이트를 할 필요가 없습니다.

Glance로부터의 앱 구동을 커스터마이징하기

사용자가 Glance 화면을 탭하면 애플 와치는 이 Glance에 대응하는 WatchKit 앱을 구동합니다. 일반적으로 메인 인터페이스 컨트롤러가 구동됩니다. Glance로 부터 앱이 구동될 때 해야 할일을 커스터마이징 하기위해서는 다음을 따르기 바랍니다.

  • Glance 인터페이스 컨트롤러에서
    • Glance의 init과 willActivate 메소드들을 일반적인 방법으로 구현합니다.
    • 원하는 시점에 당신의 앱이 필요로하는 부가적인 정보를 userInfo에 담아 updateUserActivity:userInfo:webpageURL: 메소드를 호출합니다. 구동 시점에 여기서 넘겨받은 데이터를 토대로 다른 인터페이스 컨트롤러를 보여줄 수 있습니다.
  • 앱의 메인 인터페이스 컨트롤러에서
    • handleUserActivity: 메소드를 구현하십시오. userInfo Dictionary를 이용하여 적절한 UI를 설정할 수 있습니다.

updateUserActivity:userInfo:webpageURL: 메소드를 호출하면 WatchKit은 메인 인터페이스 컨트롤러의 handleUserActivity: 메소드를 구동시점에 호출하게 됩니다. 이 handleUserActivity: 메소드의 구현부에서 적절한 UI를 선택할 수 있습니다. 예를 들어 페이지 기반 앱의 경우 가장 처음에 보여줄 페이지가 몇페이지인지를 선택하게 할 수 있습니다.

참고 : Glance EssentialsManaging Your Glance Interface

애플와치 개발 개요

애플 와치는 유저들로 하여금 명백하게 개인적이고 거슬리지 않는 방법으로 그들의 데이터를 엑세스할 수 있게 제공합니다. 주머니에서 아이폰을 꺼내드는것보다 유저들은 애플와치를 힐끗 보는것만으로 중요한 정보를 빠르게 습득할 수 있어야 합니다. 애플 와치의 앱은 가장 중요한 정보들을 손쉬운 방법으로 유저들에게 제공될 수 있도록 개발되어야 합니다.

Apple-Watch-Logo

애플 와치는 써드파티 앱들을 구동하기 위해 아이폰이 필요합니다. 써드파티앱을 만드는것은 두가지 분리된 번들이 요구됩니다. 하나는 애플 와치에서 구동되는 WatchKit 앱이고 다른 하나는 사용자의 아이폰에서 구동되는 WatchKit 익스텐션입니다. WatchKit 앱은 단지 스토리보드와 앱의 유저인터페이스와 관련된 리소스만을 가질 수 있습니다. WatchKit 익스텐션은 WatchKit 앱의 유저 인터페이스가 사용자들과의 인터렉션의 결과들을 관리할 수 있는 코드들을 가지게 됩니다.

당신의 WatchKit 앱은 다음과 같은 방법으로 유저와 인터렉션이 일어나게 됩니다.

  • 유저는 홈스크린에서 앱을 실행함으로써 당신 앱의 전체 인터페이스와 소통할 수 있습니다. 당신의 앱의 풀 인터페이스는 컨텐츠를 가진 다수의 스크린을 가질 수 있으며 앱의 데이터를 가지고 유저와 소통할 수 있습니다. 당신은 모든 앱경험을 제공할 수 있어야 합니다.

  • Glance는 적시의 타이밍에 당신의 앱으로부터 관련정보를 읽기전용의 인터페이스를 제공할 수 있습니다. Glance의 제공은 선택사항입니다.

  • Custom Notification 인터페이스는 로컬/리모트 노티피케이션의 정보를 유저에게 보여주는 방법을 변경할 수 있게 해줍니다.Custom Notification을 사용하여 회사의 그래픽이나 추가적인 정보 또는 커스텀 레이아웃을 노티피케이션의 정보에 적용할 수 있습니다.Custom Notification의 제공은 선택사항입니다.

WatchKit앱은 이미 존재하고 있는 iOS 앱을 확장하는 개념이기 때문에 WatchKit 앱과 WatchKit 익스텐션은 함께 번들로 포장되어 당신의 iOS 앱에 포함됩니다. iOS 앱이 설치될 때 시스템은 유저에게 페어링 되어있는 애플와치에 WatchKit앱을 설치할지 물어보게 됩니다.

The WatchKit App

WatchKit 앱은 애플 와치의 홈스크린에서 보여지며 유저가 실행할 수 있습니다. 이 WatchKit 앱은 유저로 하여금 당신의 데이터를 보고 사용하는 가장 메인이 되는 방법입니다. 앱에서는 데이터를 보는 방법을 제공할 수 있으며 선택적으로 테이터를 조작하거나 소통할 수 있도록 할 수 있습니다. 데이터에 따라 WatchKit 앱은 iOS 앱이 가지고 있는 데이터의 일부분만을 보여줄 수 있습니다.

watchkit_appsWatchKit 앱은 당신의 앱의 공개된 얼굴 역할을 하지만 내부적으로는 두뇌 역할을 하는 WatchKit 익스텐션과 협력하여 동작을 하게 됩니다. WatchKit 앱은 스토리보드들과 당신의 앱의 유저인터페이스와 관련된 리소스 파일만을 가질 수 있습니다. WatchKit 익스텐션은 WatchKit 앱의 유저 인터페이스가 사용자들과의 인터렉션의 결과들을 관리할 수 있는 코드들을 가지게 됩니다. 익스텐션이 사용자의 아이폰에 설치됨에 따라 보다 정교한 작업이 요구되는 경우 iOS에서 수행되도록 조정될 수 있습니다.

Glance Interfaces

Glance는 당신 앱에서 가장 중요한 정보를 보여주도록 사용되는데에 집중하는 인터페이스 입니다. Glance는  이름 그대로(힐끗 보다) 사용자로 하여금 빠르게 정보를 볼 수 있도록 의도되었습니다. Glance는 스크롤을 해서는 안되며 힐끗 볼때 정보의 전달이 될 수 있도록 하나의 스크린에 딱 맞도록 인터페이스가 구성되어야 합니다. Glance는 읽기전용이며 버튼, 스위치, 다른 인터렉션이 가능한 컨트롤이 있어서는 안됩니다. Glance화면을 탭하면 당신의 WatchKit 앱이 구동되게 됩니다.

watchkit_glance

Glance 인터페이스를 만드는것은 또다른 실행가능한 무언가를 만드는것을 필요로 하지 않습니다. Glance를 만드는것은 당신의 이미 존재하는 WatchKit 앱과 익스텐션안에 특별한 세트를 만드는것을 의미합니다. 사실 Glance를 구현하는데에 사용되는 클래스들과 테크닉들은 WatchKit 앱을 만들때 사용되는것들과 동일합니다.

Custom Interfaces for Local and Remote Notifications

애플 와치는 페어링된 아이폰과 함께 동작하여 로컬/리모트 노티피케이션을 보여줄수 있습니다. 초기에 애플 와치는 도착한 노티피케이션을 보여주기 위해 최소한의 인터페이스만을 사용합니다. 유저가 더 많은 정보를 보기 원하여 상세 인터페이스로 이동할 때 최소한의 인터페이스는 좀 더 상세한 정보를 보여주는 인터페이스로 변경됩니다. 당신은 이 상세 인터페이스를 커스터마이징 하고 그래픽을 추가하고 노티피케이션 정보를 시스템이 기본제공하는 레이아웃과 다르게 제공할 수 있습니다.

watchkit_actionable_notification

애플 와치는 iOS 8에서 소개된 Actionable Notification을 자동으로 제공합니다.  Actionable Notification은 사용자가 수행 가능한 작업이 반영된 버튼을 추가하는 방법을 제공하는것을 말합니다. 예를 들어 회의 초대 노티피케이션은 참석 또는 거부 버튼을 포함 할 수 있습니다. 당신의 iOS 앱이 Actionable Notification을 지원한다고 등록하게 되면 애플 와치는 자동으로 노티피케이션 인터페이스에 적절한 버튼을 추가하게 됩니다. 유저로 부터 선택된 액션에 대한 모든 처리는 WatchKit 익스텐션에서 하게 됩니다.

참고 : Developing for Apple Watch