Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Surface SDK          株式会社セカンドファクトリー 山田肯佑オリエンテーション
2nd FACTRY Co., ltdUXを通じて人々のライフスタイルをもっと豊かに、ここちよく2ndFACTORYは、長年のRIA開発経験と独自の構築プロセスに基づき、革新的なインターフェイスを持つアプリケーションを提供します。アプリケーショ...
アジェンダ Surface Architecture Surface SDK  Component  Tool  環境設定 Demo  ScatterView Document               ご質問はこちら            ...
Surface Architecture                 ご質問はこちら                 #SurfaceJp
Architecture
Architecture
Presentation Layer vs. Core Layer Applications WPF APIs    ( Presentation layer ) WPF のプロジェクトテンプレートを使用する。 UIデザインやレイアウト設定に適...
まとめ.NET Framework 4 が利用できる!
Surface SDK              ご質問はこちら              #SurfaceJp
Component .NET Framework 4                                  Surface向け コントロール      Control                                ...
ComponentSurfaceButtonhttp://msdn.microsoft.com/en-us/library/ff727834                                                    ...
ComponentSufaceListBoxhttp://msdn.microsoft.com/en-us/library/ff727795                                                   X...
ComponentScatterViewhttp://msdn.microsoft.com/en-us/library/ff727729                                                   XAM...
ComponentElementMenuhttp://msdn.microsoft.com/en-us/library/ff727728                                                   XAM...
ComponentTagVisualizerhttp://msdn.microsoft.com/en-us/library/ff727851                                                   X...
ToolInput Simulator                                                   Mouse                                               ...
ToolInput Visualizer                                                   Frozen / Unfrozen                                  ...
ToolSurface Stress Tool                                                                Random Mode                        ...
環境設定 1. VS2010をインストール    Visual Studio 2010, Express or full edition 2. Blendをインストール    Microsoft Expression Blend 4.0 (op...
まとめSurfaceコンポーネントはWPFのコンポーネントを継承しているScatterViewとTagVisualizerは大切なコンポーネント環境は市販のVSにSDKをいれるだけ特別なVSを入れる必要はない
Demo
Document
最新情報Surface Sitehttp://www.microsoft.com/surface/en/us/default.aspxSurface Bloghttp://blogs.msdn.com/b/surface/Twitterhttp...
ドキュメントMicrosoft Surface 2.0 SDKhttp://msdn.microsoft.com/en-us/library/ff727815Surface Design and Development centerhttp:/...
ドキュメントSurface Application Design and Development (MSDN forums)http://social.msdn.microsoft.com/Forums/en-US/surfaceappdeve...
ダウンロードMicrosoft Surface 2.0 SDK and Runtime (Updated February 2, 2012)http://www.microsoft.com/en-us/download/details.aspx...
Developer Code Samples Surface 2 SDKhttp://code.msdn.microsoft.com/site/search?f%5B0%5D.Type=SearchText&f%5B0%5D.Value=sur...
TrainingDesigning and Developing Microsoft Surface Applicationshttp://www.microsoft.com/surface/training20/
映像・セミナー動画Microsoft Surface 2 and Windows Touch | MIX11 | Channel 9http://channel9.msdn.com/Events/MIX/MIX11/DVC07Microsoft...
まとめ資料は全て英語ですが情報量は多い英語がある程度読めることが重要
2nd FACTRY Co., ltd                  2nd FACTORY CO.,Ltd. CONFIDENTIAL   31
Surface SDK オリエンテーション
Upcoming SlideShare
Loading in …5
×

Surface SDK オリエンテーション

6,157 views

Published on

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

Published in: Technology
  • Be the first to comment

Surface SDK オリエンテーション

  1. 1. Surface SDK 株式会社セカンドファクトリー 山田肯佑オリエンテーション
  2. 2. 2nd FACTRY Co., ltdUXを通じて人々のライフスタイルをもっと豊かに、ここちよく2ndFACTORYは、長年のRIA開発経験と独自の構築プロセスに基づき、革新的なインターフェイスを持つアプリケーションを提供します。アプリケーションやWebサイトを使いやすい「道具」と考え、毎日使うものだからこそ、ユーザビリティや優しさを確保した豊かなエクスペリエンスを実現します。RIA開発を通じ、クライアントにはROIの最大化とビジネスの成功を、そしてエンドユーザーには豊かなエクスペリエンスをお届けします。 2nd FACTORY CO.,Ltd. CONFIDENTIAL 1
  3. 3. アジェンダ Surface Architecture Surface SDK Component Tool 環境設定 Demo ScatterView Document ご質問はこちら #SurfaceJp
  4. 4. Surface Architecture ご質問はこちら #SurfaceJp
  5. 5. Architecture
  6. 6. Architecture
  7. 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. 8. まとめ.NET Framework 4 が利用できる!
  9. 9. Surface SDK ご質問はこちら #SurfaceJp
  10. 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」で確認することができます。  TagVisualizationhttp://msdn.microsoft.com/en-us/library/ff727743
  11. 11. ComponentSurfaceButtonhttp://msdn.microsoft.com/en-us/library/ff727834 XAMLWPF で提供されている System.Windows.Controls.Button を継承したクラス。そのためWPFのButtonクラスと同じように扱うことができます。SurfaceButtonコントロールは、WPFボタンコントロールの特殊なバージョンです。WPFとは異なる LOOK-AND-FEEL を提供してます。さらに、入力機器のイベントの操作をカスタマイズし、それによって複数のタッチ操作がコントロールをターゲット使用とするときにCLICKイベントがすべてのタッチ操作が離れたときに初めて実行されるようにします。
  12. 12. ComponentSufaceListBoxhttp://msdn.microsoft.com/en-us/library/ff727795 XAMLSurfaceListBoxコントロールは、WPFのListBoxControlを継承したバージョンです。コンテンツ領域を超過した際に慣性を持ったバウンドするインタラクションや、スクロールバーを使わずにコンテンツ自体に直接タッチすることでコンテンツを移動できる機能を提供します。
  13. 13. ComponentScatterViewhttp://msdn.microsoft.com/en-us/library/ff727729 XAMLScatterViewコントロールはカード型のScatterViewItemのコンテナーです。ScatterView内ではマルチタッチ操作により、移動や回転・リサイジングが行えるようになります。
  14. 14. ComponentElementMenuhttp://msdn.microsoft.com/en-us/library/ff727728 XAMLElementMenuはツリー型のメニューです。ElementMenuItemを内包します。各ノード(ElementMenuItem)はClickイベントを持っているので右クリックのコンテキストメニューのような機能を作成できます。
  15. 15. ComponentTagVisualizerhttp://msdn.microsoft.com/en-us/library/ff727851 XAMLSurface専用の二次元バーコード(タグ)を読み取るためのコントロールです。Surfaceはディスプレイの上に置かれたタグを赤外線で感知し、TagVisualizerを介して簡単にタグの値を取得できます。
  16. 16. ToolInput Simulator Mouse 通常のマウスでの操作 Finger 指でのタッチ Blob 手のひらなどの指より も広範囲でのタッチ Tag バイトタグでのタッチhttp://msdn.microsoft.com/en-us/library/ff727911 後で実演します
  17. 17. ToolInput Visualizer Frozen / Unfrozen Frozenに設定するとタッチポ イントのデータが表示された ままになる。Unfrozenにする と一定時間後にタッチポイン トデータがフェードアウトす る。 Trails TrailsをOFFにするとタッチポ イントのライン(draw)が見え なくなる。http://msdn.microsoft.com/en-us/library/ff727825
  18. 18. ToolSurface 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/ff727926http://msdn.microsoft.com/en-us/library/ff727926
  19. 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. 20. まとめSurfaceコンポーネントはWPFのコンポーネントを継承しているScatterViewとTagVisualizerは大切なコンポーネント環境は市販のVSにSDKをいれるだけ特別なVSを入れる必要はない
  21. 21. Demo
  22. 22. Document
  23. 23. 最新情報Surface Sitehttp://www.microsoft.com/surface/en/us/default.aspxSurface Bloghttp://blogs.msdn.com/b/surface/Twitterhttps://twitter.com/#!/surfaceFacebookhttp://www.facebook.com/mssurface
  24. 24. ドキュメントMicrosoft Surface 2.0 SDKhttp://msdn.microsoft.com/en-us/library/ff727815Surface Design and Development centerhttp://msdn.microsoft.com/en-US/windows/desktop/hh241326.aspx
  25. 25. ドキュメントSurface Application Design and Development (MSDN forums)http://social.msdn.microsoft.com/Forums/en-US/surfaceappdevelopmentMicrosoft Surface 2.0 Administration Guidehttp://technet.microsoft.com/en-us/library/gg680389
  26. 26. ダウンロードMicrosoft Surface 2.0 SDK and Runtime (Updated February 2, 2012)http://www.microsoft.com/en-us/download/details.aspx?displaylang=en&id=26716Surface 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=26713Surface 2 Development Whitepaper(Developing Surface Applications.pdf)http://www.microsoft.com/en-us/download/details.aspx?id=26715Surface 2 Hands-on Labshttp://www.microsoft.com/en-us/download/details.aspx?id=26714Tagged Objects for Surface 2.0 Whitepaperhttp://www.microsoft.com/en-us/download/details.aspx?id=28959
  27. 27. Developer Code Samples Surface 2 SDKhttp://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%20SDK Microsoft Surfacehttp://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
  28. 28. TrainingDesigning and Developing Microsoft Surface Applicationshttp://www.microsoft.com/surface/training20/
  29. 29. 映像・セミナー動画Microsoft Surface 2 and Windows Touch | MIX11 | Channel 9http://channel9.msdn.com/Events/MIX/MIX11/DVC07Microsoft Surface 2 SDK at Mix 11 | Channel 9http://channel9.msdn.com/posts/Microsoft-Surface-2-SDK-at-Mix-11Surface Toolkit for Windows Touch | Larry Larsen | Channel 9http://channel9.msdn.com/Blogs/LarryLarsen/Surface-Toolkit-for-Windows-Touch
  30. 30. まとめ資料は全て英語ですが情報量は多い英語がある程度読めることが重要
  31. 31. 2nd FACTRY Co., ltd 2nd FACTORY CO.,Ltd. CONFIDENTIAL 31

×