2012年5月25日に開催されましたSamsung SUR 40 for Microsoft Surface 開発者向けオリエンテーションセミナーで弊社の山田肯佑が担当したスライド資料です。 http://www.microsoft.com/windowsembedded/ja-jp/events/japan-seminar-samsung-is-2012-05-25.aspx

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

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

3. アジェンダ
Surface Architecture
Surface SDK
Component
Tool
環境設定
Demo
ScatterView
Document ご質問はこちら
#SurfaceJp

4. Surface Architecture
ご質問はこちら
#SurfaceJp

5. Architecture

6. Architecture

7. Presentation Layer vs. Core Layer Applications
WPF APIs ( Presentation layer )
WPF のプロジェクトテンプレートを使用する。
UIデザインやレイアウト設定に適している。
Core APIs ( Core layer )
XNA のプロジェクトテンプレートを使用する。
ハイエンドのグラフィックを使用する場合に適している。
http://msdn.microsoft.com/en-us/library/ff727793

8. まとめ
.NET Framework 4 が利用できる！

9. Surface SDK
ご質問はこちら
#SurfaceJp

10. Component
.NET Framework 4 Surface向け コントロール
 Control  SurfaceWindow
 ContentControl 継承  SurfaceButton
 UserControl  SurfaceInkCanvas
 ItemsControl  SurfaceSlider
 etc…  SurfaceScrollViewer
 SurfaceListBox
 SurfaceTextBox
 SurfacePasswordBox
共通コントロールの基底クラス  SurfaceCheckBox
 SurfaceRadioButton
 ElementMenu
 LibraryBar
 LibraryContainer
 LibraryStack
 ScatterView
 ScatterViewItem
※SurfaceのコンポーネントはSDKに含まれるサンプルプロジェクト  TagVisualizer
「Controls Box」で確認することができます。  TagVisualization
http://msdn.microsoft.com/en-us/library/ff727743

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

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

13. Component
ScatterView
http://msdn.microsoft.com/en-us/library/ff727729
XAML
ScatterViewコントロールはカード型のScatterViewItemのコンテナーです。
ScatterView内ではマルチタッチ操作により、移動や回転・リサイジングが行え
るようになります。

14. Component
ElementMenu
http://msdn.microsoft.com/en-us/library/ff727728
XAML
ElementMenuはツリー型のメニューです。ElementMenuItemを内包します。各
ノード（ElementMenuItem）はClickイベントを持っているので右クリックのコ
ンテキストメニューのような機能を作成できます。

15. Component
TagVisualizer
http://msdn.microsoft.com/en-us/library/ff727851
XAML
Surface専用の二次元バーコード（タグ）を読み取るためのコントロールです。
Surfaceはディスプレイの上に置かれたタグを赤外線で感知し、TagVisualizerを介
して簡単にタグの値を取得できます。

16. Tool
Input Simulator
Mouse
通常のマウスでの操作
Finger
指でのタッチ
Blob
手のひらなどの指より
も広範囲でのタッチ
Tag
バイトタグでのタッチ
http://msdn.microsoft.com/en-us/library/ff727911 後で実演します

17. Tool
Input Visualizer
Frozen / Unfrozen
Frozenに設定するとタッチポ
イントのデータが表示された
ままになる。Unfrozenにする
と一定時間後にタッチポイン
トデータがフェードアウトす
る。
Trails
TrailsをOFFにするとタッチポ
イントのライン(draw)が見え
なくなる。
http://msdn.microsoft.com/en-us/library/ff727825

18. Tool
Surface Stress Tool
Random Mode
Random mode delivers all types of
touch input to your application, with
characteristics that randomly vary.
Parameterized Mode.
Parameterized mode enables you to
specify characteristics of stress so you
can more precisely control how the
stress is performed.
入力コマンド SurfaceStress.exe /r
パラメータモードで指定するXMLに関して
http://msdn.microsoft.com/en-us/library/ff727926
http://msdn.microsoft.com/en-us/library/ff727926

19. 環境設定
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 ) が必要です。

20. まとめ
SurfaceコンポーネントはWPFのコン
ポーネントを継承している
ScatterViewとTagVisualizerは大切な
コンポーネント
環境は市販のVSにSDKをいれるだけ
特別なVSを入れる必要はない

21. Demo

23. Document

24. 最新情報
Surface Site
http://www.microsoft.com/surface/en/us/default.aspx
Surface Blog
http://blogs.msdn.com/b/surface/
Twitter
https://twitter.com/#!/surface
Facebook
http://www.facebook.com/mssurface

25. ドキュメント
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

26. ドキュメント
Surface Application Design and Development （MSDN forums）
http://social.msdn.microsoft.com/Forums/en-US/surfaceappdevelopment
Microsoft Surface 2.0 Administration Guide
http://technet.microsoft.com/en-us/library/gg680389

27. ダウンロード
Microsoft Surface 2.0 SDK and Runtime (Updated February 2, 2012)
http://www.microsoft.com/en-
us/download/details.aspx?displaylang=en&id=26716
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 Labs
http://www.microsoft.com/en-us/download/details.aspx?id=26714
Tagged Objects for Surface 2.0 Whitepaper
http://www.microsoft.com/en-us/download/details.aspx?id=28959

28. Developer Code Samples
Surface 2 SDK
http://code.msdn.microsoft.com/site/search?f%5B0%5D.Type=SearchT
ext&f%5B0%5D.Value=surface&f%5B1%5D.Type=Technology&f%5B1
%5D.Value=Surface%202%20SDK&f%5B1%5D.Text=Surface%202%
20SDK
Microsoft Surface
http://code.msdn.microsoft.com/site/search?f%5B0%5D.Type=SearchT
ext&f%5B0%5D.Value=surface&f%5B1%5D.Type=Technology&f%5B1
%5D.Value=Microsoft%20Surface&f%5B1%5D.Text=Microsoft%20Sur
face

29. Training
Designing and Developing Microsoft Surface Applications
http://www.microsoft.com/surface/training20/

30. 映像・セミナー動画
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

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

32. 2nd FACTRY Co., ltd
2nd FACTORY CO.,Ltd. CONFIDENTIAL 31