Using tiles and notifications タイルと通知の使用 3/21/2017 12:32 PM APP-396T Using tiles and notifications タイルと通知の使用 Kip Olson Partner Development Manager Microsoft Corporation © 2010 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

免責事項 本プレゼンテーション (以下、本書) で提供されている情報は、本書が 発表された時点における Microsoft の見解を述べたものです。市場 ニーズの変化に対応する必要があるため、本書は記載された内容の実 現に関する Microsoft の確約とはみなされないものとします。また本 書に記載された情報の正確さについて、保証するものではありません。 本書は情報の提供のみを目的としており、明示または黙示に関わらず、 本書について Microsoft はいかなる保証をするものでもありません。 本書に記載されている機能名や用語の日本語訳は、あくまでも暫定的 なものであり、将来変更される可能性があります。

デモ Start 画面

アジェンダ ライブ タイルおよびトースト通知をアプリに追加する アプリが実行されていない場合でも、タイルを使用して ユーザーの注意を引き付ける トースト通知を使ってユーザーの注意を喚起する Windows Push Notification Service (WNS) を使って数百万のユーザーに通知する 理解していただきたいこと ユーザーをアプリに引き付ける優れたタイルを作成する方法 WNS を使ってインターネット経由で通知を送信する方法

タイルと通知を使って、アプリを 魅力的なものにする

タイル

ユーザーの希望 スタート画面にはお気に入りのアプリを配置する 気になる情報は常に把握したい あらゆるアプリを起動したり切り替えたりできる一元的な場所が欲しい 魅力的で自然に使える

開発者の希望 タイルとトースト通知のサポートを簡単に追加できる アイデアを活かせるようにする 簡単に更新できるようにする 低コストで多くのユーザにリーチできる

タイル タイルはアプリの顔 アプリをより魅力的に演出する 絶えず最新の更新情報を提供する ユーザーの注意を常にアプリに引き付ける 簡単に開発、更新できる

基本的なタイル タイルをタップすることで、アプリを起動または 切り替えることができる 既定の静的なタイルはアプリ マニフェストで指定する タイルをタップすることで、アプリを起動または 切り替えることができる 既定の静的なタイルはアプリ マニフェストで指定する 以下の 2 つのサイズを利用可能: いずれのサイズも、ライブ更新に対応 正方形 (1x1) ワイド (2x1)

ライブ タイル 定義済みテンプレートを使ってタイルを更新 多様なテンプレートから選択可能 テキストのみ、画像のみ、またはテキストと画像の 組み合わせが可能 JPEG または PNG のみ。最大サイズは 150 KB オプションで “ちょい見” アニメーションを使用可能 ローカルまたはクラウドで更新

バッジ タイル上にステータスを表示 正方形タイルとワイド タイルをサポート 99 までの数字と以下の定義済みグリフを使用可能: 常に画像の前面に配置される バッジ バッジ

デモ ライブ タイルのコーディング

通知キュー デフォルトでは最新の通知のみを表示 ユーザの承諾を得た場合、最新の 5 つの通知をタイル上で自動的に繰り返し表示

セカンダリ タイル アプリのコンテンツをピン留めすることで作成されるタイル ピンはシンプルなランタイム呼び出し経由でアプリにより起動 ユーザーは、ピンの処理をシステム UI で確定 アプリ用にパーソナライズされた表示を公開 アプリのタイルと同じ機能 起動することで関連コンテンツが表示される

デモ セカンダリ タイル

タイルのベスト プラクティス ユーザーのニーズに合った魅力的な最新コンテンツを表示 アプリのコンテンツ変更に合わせてタイルを最新の状態に更新 ユーザーが見つけやすいよう、アプリのホーム ページに配置 されているコンテンツを参照 目ざわりにならず、かつ目に留まりやすくなるよう、コンテン ツには短いメッセージのみを使用 静的なタイルの場合は、正方形サイズを使用 広告は表示しない 

トースト通知

デモ アラーム アプリのトースト通知

トースト通知 アプリが稼働中か否かに関わらず、一時的なメッセージ を表示する ユーザーを瞬時に注目させたい場合に使用する ユーザーはトースト通知を無効にすることができる アプリの適切な場所にすぐに移動することができる アプリまたはクラウドから簡単に起動できる

トーストのテンプレート ライブ タイルと同じテンプレート アーキテクチャを使用 リッチな表示オプション セットが利用可能

トースト通知のベスト プラクティス メッセージング、通話、メールなどリアルタイムの個人用コン テンツに使用 情報がひと目でわかるよう、短く読みやすいメッセージのみを 使用 応答するかどうかを判断できる十分な情報を表示 タイルおよびバッジと併用し、ユーザーが必要な情報を見逃さ ないようにする アプリがバックグラウンドで実行中の場合にのみ表示 ユーザーがすべてのトーストを確認すると想定しないこと (履 歴は表示されない)

Windows Push Notification Service (Windows プッシュ通知サービス 、WNS)

Windows プッシュ通知サービス (WNS) インターネット経由でタイルとトースト通知の配信を実現 WNS により、アプリに常に最新のコンテンツを反映できる アプリが実行されていない場合でも、タイルが更新され、 通知が表示される アプリとの通信は WNS が処理する 数百万のユーザにも配信可能なスケーラビリティ WNSは無料で利用可能!

3 種類の通知 ローカル通知 予定通知 プッシュ通知 アプリが実行されている場合にのみ使用できる タイルとバッジの更新に最適、トーストの場合は制限あり 予定通知 “事前作成済み” トーストで実行時間を指定 プッシュ通知 タイルの更新、バッジの表示、トースト通知をクラウドから実行 (アプリが実行されていない場合も)

Windows プッシュ 通知サービス (WNS) プッシュ通知の概要 Windows 8 通知クライアント プラットフォーム Metro スタイル アプリ アプリ サービス 2 POST<channel URI> HTTP/1.1 Content-Type: text/xml Host: db3.notify.windows.com X-WNS-Type: wns/badge Authorization: Bearer <authentication token> Content-Length: 58 <?xml version="1.0" encoding="utf-8"?> <badge value="11"/> チャネルの URI を要求 クラウド サービスに登録 認証およびプッシュ 通知 3 1 Windows プッシュ 通知サービス (WNS) 3

Channel URI の要求 var push = Windows.Networking.PushNotifications; var promise = push.PushNotificationChannelManager .createPushNotificationChannelForApplicationAsync(); promise.then(function (channel) { var uri = channel.uri; var expiry = channel.expirationTime; // チャネル情報をクラウド サービスに送信 …

WNS の詳細情報 詳細については、以下のセッションをご覧ください [963] Delivering Notifications using Windows Azure and Windows Push Notification Services プッシュ通知の使用に関する情報は、Web サイト 「WNS and Live Connect Application Management Site」で確認してください https://manage.dev.live.com/build

まとめ アプリが実行されていない場合でも、タイルを使用してユーザーの注意を引き付ける トースト通知を使ってユーザーを瞬時に注目させる Windows プッシュ通知サービス (WNS) を使って数百万のユーザーに通知する

タイルと通知を使って、アプリを より魅力的なものにしましょう

その他の参照リソースとドキュメント クイックスタート: タイル通知を作成する (英語) タイルおよびトーストを作成する (英語) タイルのユーザー エクスペリエンス ガイドライン (英語) タイル、トースト、Windows プッシュ通知の作成と管理 (英語) プッシュ通知クライアントのサンプル (英語)

thank you Feedback and questions http://forums.dev.windows.com Session feedback http://bldw.in/SessionFeedback

3/21/2017 12:32 PM © 2011 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION. © 2011 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.