株式会社セカンドファクトリー 山田肯佑Surface SDKオリエンテーション

2nd FACTORY CO.,Ltd. CONFIDENTIAL 2

2nd FACTRY Co., ltd

2ndFACTORY は、長年の RIA 開発経験と独自の構築プロセスに基づき、革新的なインターフェイスを持つアプリケーションを提供します。アプリケーションや Web サイトを使いやすい「道具」と考え、毎日使うものだからこそ、ユーザビリティや優しさを確保した豊かなエクスペリエンスを実現します。 RIA 開発を通じ、クライアントには ROI の最大化とビジネスの成功を、そしてエンドユーザーには豊かなエクスペリエンスをお届けします。

UX を通じて人々のライフスタイルをもっと豊かに、ここちよく

アジェンダ

Component

Tool

環境設定

Demo

Surface SDK

ScatterView

Document ご質問はこちら#SurfaceJp

Surface Architecture

Surface

Architecture

ご質問はこちら#SurfaceJp

Architecture

Architecture

Presentation Layer vs. Core Layer Applications

Core APIs

WPF

APIsWPF のプロジェクトテンプレートを使用する。UI デザインやレイアウト設定に適している。

( Presentation layer )

( Core layer )

XNA のプロジェクトテンプレートを使用する。ハイエンドのグラフィックを使用する場合に適している。

http://msdn.microsoft.com/en-us/library/ff727793

まとめ

.NET Framework 4 が利用できる！

Surface SDK

ご質問はこちら#SurfaceJp

Component

共通コントロールの基底クラス

Control ContentControl UserControl ItemsControl etc…

Surface 向け コントロール

SurfaceWindow SurfaceButton SurfaceInkCanvas SurfaceSlider SurfaceScrollViewer SurfaceListBox SurfaceTextBox SurfacePasswordBox SurfaceCheckBox SurfaceRadioButton ElementMenu LibraryBar LibraryContainer LibraryStack ScatterView ScatterViewItem TagVisualizer TagVisualization

継承

.NET Framework 4

※Surface のコンポーネントは SDK に含まれるサンプルプロジェクト「 Controls Box 」で確認することができます。http://msdn.microsoft.com/en-us/library/ff727743

WPF で提供されている System.Windows.Controls.Button を継承したクラス。そのため WPF の Button クラスと同じように扱うことができます。 SurfaceButton コントロールは、 WPF ボタンコントロールの特殊なバージョンです。 WPF とは異なる LOOK-AND-FEEL を提供してます。さらに、入力機器のイベントの操作をカスタマイズし、それによって複数のタッチ操作がコントロールをターゲット使用とするときに CLICK イベントがすべてのタッチ操作が離れたときに初めて実行されるようにします。

Component

SurfaceButtonhttp://msdn.microsoft.com/en-us/library/ff727834

XAML

SurfaceListBox コントロールは、 WPF の ListBoxControl を継承したバージョンです。コンテンツ領域を超過した際に慣性を持ったバウンドするインタラクションや、スクロールバーを使わずにコンテンツ自体に直接タッチすることでコンテンツを移動できる機能を提供します。

Component

SufaceListBoxhttp://msdn.microsoft.com/en-us/library/ff727795

XAML

ScatterView コントロールはカード型の ScatterViewItem のコンテナーです。 ScatterView 内ではマルチタッチ操作により、移動や回転・リサイジングが行えるようになります。

Component

ScatterViewhttp://msdn.microsoft.com/en-us/library/ff727729

XAML

ElementMenu はツリー型のメニューです。 ElementMenuItem を内包します。各ノード（ ElementMenuItem ）は Click イベントを持っているので右クリックのコンテキストメニューのような機能を作成できます。

Component

ElementMenuhttp://msdn.microsoft.com/en-us/library/ff727728

XAML

Surface 専用の二次元バーコード（タグ）を読み取るためのコントロールです。 Surface はディスプレイの上に置かれたタグを赤外線で感知し、 TagVisualizer を介して簡単にタグの値を取得できます。

Component

TagVisualizerhttp://msdn.microsoft.com/en-us/library/ff727851

XAML

Input Simulator

Tool

後で実演しますhttp://msdn.microsoft.com/en-us/library/ff727911

指でのタッチ

手のひらなどの指よりも広範囲でのタッチ

バイトタグでのタッチ

通常のマウスでの操作

Mouse

Finger

Blob

Tag

Input Visualizer

Tool

http://msdn.microsoft.com/en-us/library/ff727825

Frozen に設定するとタッチポイントのデータが表示されたままになる。 Unfrozen

にすると一定時間後にタッチポイントデータがフェードアウトする。

Trails

Frozen / Unfrozen

Trails を OFF にするとタッチポイントのライン (draw)

が見えなくなる。

Surface Stress Tool

Tool

http://msdn.microsoft.com/en-us/library/ff727926

Random mode delivers all types

of touch input to your application,

with characteristics that

randomly vary.

Parameterized Mode.

Random Mode

Parameterized mode enables you

to specify characteristics of stress

so you can more precisely control

how the stress is performed.入力コマンド

SurfaceStress.ex

e /rhttp://msdn.microsoft.com/en-us/library/ff727926

パラメータモードで指定する XML に関して

環境設定

1. VS2010 をインストールVisual Studio 2010, Express or full edition

2. Blend をインストールMicrosoft Expression Blend 4.0 (optional)

3. XNA Framework 4.0 をインストール（ Core Layer APIs を使用する場合に必要）

4. Surface SDK をインストール（プロジェクトテンプレートや Input Simulator などが入る）

5. Surface Rumtime をインストール

※Windows 7 ( Home Premium / Professional / Ultimate ) が必要です。

まとめ

Surface コンポーネントは WPF のコンポーネントを継承している

ScatterView と TagVisualizer は大切なコンポーネント

環境は市販の VS に SDK をいれるだけ特別な VS を入れる必要はない

Demo

Document

最新情報

Surface Site

http://www.microsoft.com/surface/en/us/default.aspx

Surface Bloghttp://blogs.msdn.com/b/surface/

Twitter

https://twitter.com/#!/surface

Facebook

http://www.facebook.com/mssurface

ドキュメントMicrosoft Surface 2.0 SDK

http://msdn.microsoft.com/en-us/library/ff727815

Surface Design and Development center

http://msdn.microsoft.com/en-US/windows/desktop/hh241326.aspx

ドキュメント

Microsoft Surface 2.0 Administration Guide

http://technet.microsoft.com/en-us/library/gg680389

Surface Application Design and Development （ MSDN forums ）http://social.msdn.microsoft.com/Forums/en-US/surfaceappdevelopment

ダウンロード

Surface 2 Design and Interaction Guide（ Microsoft Surface 2 0 Design and Interaction Guide.pdf ）

http://www.microsoft.com/en-us/download/details.aspx?displaylang=en&id=26713

Surface 2 Development Whitepaper（ Developing Surface Applications.pdf ）

http://www.microsoft.com/en-us/download/details.aspx?id=26715

Surface 2 Hands-on Labshttp://www.microsoft.com/en-us/download/details.aspx?id=26714

Microsoft Surface 2.0 SDK and Runtime (Updated February 2, 2012)

http://www.microsoft.com/en-us/download/details.aspx?displaylang=en&id=26716

Tagged Objects for Surface 2.0 Whitepaperhttp://www.microsoft.com/en-us/download/details.aspx?id=28959

Developer Code Samples

Surface 2 SDK

http://code.msdn.microsoft.com/site/search?f%5B0%5D.Type=SearchText&f%5B0%5D.Value=surface&f%5B1%5D.Type=Technology&f%5B1%5D.Value=Surface%202%20SDK&f%5B1%5D.Text=Surface%202%20SDKMicrosoft Surface

http://code.msdn.microsoft.com/site/search?f%5B0%5D.Type=SearchText&f%5B0%5D.Value=surface&f%5B1%5D.Type=Technology&f%5B1%5D.Value=Microsoft%20Surface&f%5B1%5D.Text=Microsoft%20Surface

Training

Designing and Developing Microsoft Surface Applications

http://www.microsoft.com/surface/training20/

Microsoft Surface 2 and Windows Touch | MIX11 | Channel 9

http://channel9.msdn.com/Events/MIX/MIX11/DVC07

Microsoft Surface 2 SDK at Mix 11 | Channel 9

http://channel9.msdn.com/posts/Microsoft-Surface-2-SDK-at-Mix-11

映像・セミナー動画

Surface Toolkit for Windows Touch | Larry Larsen | Channel 9

http://channel9.msdn.com/Blogs/LarryLarsen/Surface-Toolkit-for-Windows-Touch

まとめ

資料は全て英語ですが情報量は多い英語がある程度読めることが重要

2nd FACTORY CO.,Ltd. CONFIDENTIAL 32

2nd FACTRY Co., ltd