Post on 28-May-2015
description
株式会社セカンドファクトリー 山田肯佑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/
https://twitter.com/#!/surface
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