Your SlideShare is downloading. ×
【12-D-6】 Silverlight によるハイグレードなLOB/BI実現のためのコンポーネント活用法
【12-D-6】 Silverlight によるハイグレードなLOB/BI実現のためのコンポーネント活用法
【12-D-6】 Silverlight によるハイグレードなLOB/BI実現のためのコンポーネント活用法
【12-D-6】 Silverlight によるハイグレードなLOB/BI実現のためのコンポーネント活用法
【12-D-6】 Silverlight によるハイグレードなLOB/BI実現のためのコンポーネント活用法
【12-D-6】 Silverlight によるハイグレードなLOB/BI実現のためのコンポーネント活用法
【12-D-6】 Silverlight によるハイグレードなLOB/BI実現のためのコンポーネント活用法
【12-D-6】 Silverlight によるハイグレードなLOB/BI実現のためのコンポーネント活用法
【12-D-6】 Silverlight によるハイグレードなLOB/BI実現のためのコンポーネント活用法
【12-D-6】 Silverlight によるハイグレードなLOB/BI実現のためのコンポーネント活用法
【12-D-6】 Silverlight によるハイグレードなLOB/BI実現のためのコンポーネント活用法
【12-D-6】 Silverlight によるハイグレードなLOB/BI実現のためのコンポーネント活用法
【12-D-6】 Silverlight によるハイグレードなLOB/BI実現のためのコンポーネント活用法
【12-D-6】 Silverlight によるハイグレードなLOB/BI実現のためのコンポーネント活用法
【12-D-6】 Silverlight によるハイグレードなLOB/BI実現のためのコンポーネント活用法
【12-D-6】 Silverlight によるハイグレードなLOB/BI実現のためのコンポーネント活用法
【12-D-6】 Silverlight によるハイグレードなLOB/BI実現のためのコンポーネント活用法
【12-D-6】 Silverlight によるハイグレードなLOB/BI実現のためのコンポーネント活用法
【12-D-6】 Silverlight によるハイグレードなLOB/BI実現のためのコンポーネント活用法
【12-D-6】 Silverlight によるハイグレードなLOB/BI実現のためのコンポーネント活用法
【12-D-6】 Silverlight によるハイグレードなLOB/BI実現のためのコンポーネント活用法
【12-D-6】 Silverlight によるハイグレードなLOB/BI実現のためのコンポーネント活用法
【12-D-6】 Silverlight によるハイグレードなLOB/BI実現のためのコンポーネント活用法
【12-D-6】 Silverlight によるハイグレードなLOB/BI実現のためのコンポーネント活用法
【12-D-6】 Silverlight によるハイグレードなLOB/BI実現のためのコンポーネント活用法
【12-D-6】 Silverlight によるハイグレードなLOB/BI実現のためのコンポーネント活用法
【12-D-6】 Silverlight によるハイグレードなLOB/BI実現のためのコンポーネント活用法
【12-D-6】 Silverlight によるハイグレードなLOB/BI実現のためのコンポーネント活用法
【12-D-6】 Silverlight によるハイグレードなLOB/BI実現のためのコンポーネント活用法
【12-D-6】 Silverlight によるハイグレードなLOB/BI実現のためのコンポーネント活用法
【12-D-6】 Silverlight によるハイグレードなLOB/BI実現のためのコンポーネント活用法
【12-D-6】 Silverlight によるハイグレードなLOB/BI実現のためのコンポーネント活用法
【12-D-6】 Silverlight によるハイグレードなLOB/BI実現のためのコンポーネント活用法
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

【12-D-6】 Silverlight によるハイグレードなLOB/BI実現のためのコンポーネント活用法

1,548

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,548
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
101
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Silverlightによる ハイグレードなLOB/BI実現のための コンポーネント活用法 12-D-6 山田 達也 インフラジスティックスジャパン株式会社 テクニカルエバンジェリスト デベロッパーサポートエンジニア
  • 2. 簡単に自己紹介 インフラジスティックス・ • NetAdvantage シリーズを開発・販売 ジャパン • テクニカルエバンジェリスト 私のお仕事 • デベロッパーサポートエンジニア • http://blogs.infragistics.com/blogs/tyamada/ Blog • http://tan2men.blogspot.com/ • Windows Forms, Silverlight, 好物 NetAdvantage
  • 3. このセッションのキーワード • 期待の新星 Silverlight LOB • いわゆる業務アプリケーション (Line of Business) BI • 意志決定や情報共有のためのツール (Business Intelligence) • 情報をグラフィカルに視覚化する Data Visualization UX • おもてなし (ユーザー エクスペリエンス) • UIコントロールなどの再利用可能な コンポーネント プログラミング・パーツ
  • 4. 皆さん、Silverlight 始めてますか? マルチプラットフォーム マルチメディア機能 • Webブラウザ用プラグイン • DRM対応動画再生 • Deep Zoom • IE, Firefox, Safari をサポート Silverlight の特徴 開発生産性 開発環境 • Visual Studio 2008 SP1 • .NET Framework 互換エンジン • Expression Blend 2 SP1 • XAMLベースのUI開発 • C# , VBなど多数の言語対応
  • 5. 今年は・・・ LOBの分野でSilverlightを! Silverlight2の登場!! 本格的な.NET開発が可能に 40以上の標準UIコントロール Webに新たな可能性 よりリッチな表現力 ハイレベルなユーザビリティ 革新的なUXを持つ RIAベースのLOB/BIを実現
  • 6. Silverlightを活用した アプリケーションの事例 Microsoft Health CUI • 医療ポータルのデモサイト • http://www.mscui.net/ FSDA Supporting System / TDKラムダ株式会社 • BIポータル事例 face Out / インフラジスティックス • 営業員管理アプリケーションの学習事例 • http://labs.infragistics.com/silverlight/faceout/ Quince / インフラジスティックス • UXパターンビューワー • http://quince.infragistics.com/
  • 7. Silverlight の BI / LOB 事例  TDKラムダ株式会社  FSDA Supporting System
  • 8. Silverlight の BI / LOB 事例  インフラジスティックス  UX パターンビューワー
  • 9. デモ ~Silverlight 事例 Infragistics UX Pattern Explorer
  • 10. Silverlightを活用した アプリケーションの事例 どうやって作れば良いの?
  • 11. Silverlight 導入に向けた 2つのアプローチ 部分的アプローチ • 既存のWebサイトにプラスα 全面的アプローチ • 新しいUIプラットフォームとして
  • 12. 部分的アプローチ 既存のWebサイトの一部をSilverlight化 例 • ASP.NET / AJAX ベースの BIポータル • 販売促進の意志決定に活用している 問題点 • 表によるデータ表現が多く直感的ではない • 特にエリアごとのセールスファクターを判りやすくしたい ソリューション • Silverlight コントロールを活用 • データの視覚化によりBIとしてのUXを向上
  • 13. デモ 既存のWebサイトの構成 サーバーサイド クライアントサイド ASP.NET 3.5 Webページ インターネット ブラウザ ADO.NET Data Service
  • 14. デモ Silverlightを加えたWebサイトの構成 サーバーサイド クライアントサイド ASP.NET 3.5 Webページ インターネット ブラウザ ADO.NET データ取得 Data Service 相互連携
  • 15. XamWebMap® Silverlight Mapコントロールの活用  に収録  GIS業界標準のシェープ ファイルをサポート  マルチレイヤー・オーバーレイ  データに応じた自動カラーリング  キーボード・マウスオペレーション
  • 16. XamWebMapを使った データ・ビジュアライゼーション シェープファイル 図形情報+属性情報 xamWebMap データベース データ
  • 17. Islands of Richness Brad Abrams http://blogs.msdn.com/brada/archive/2008/0 2/18/islands-of-richness-with-silverlight-on- an-asp-net-page.aspx デモ ~部分的アプローチ 既存のWebサイトを Silverlightでさらにリッチに
  • 18. デモ HTML/DOM と Silverlight の連携 HTML / DOM Silverlight ① Silverlight ロード AreaSelected イベントハンドラー登録 ② マップ上で選択 AreaSelected イベント起動 グリッド・チャート更新 ③ グリッド上で選択 Zoom メソッドを実行 公開イベント AreaSelected 公開メソッド Zoom();
  • 19. Silverlight~JavaScript 連携 キーポイント  Silverlight 側  スクリプトからアクセス可能にマークする private void OnLoaded(object sender, RoutedEventArgs e) { HtmlPage.RegisterScriptableObject(quot;Mapquot;, this); }  公開するメソッド、クラス、イベントに属性を付加 [ScriptableMember] public event EventHandler AreaSelected; [ScriptableType] public class AreaSelectedEventArgs : EventArgs { …
  • 20. Silverlight~JavaScript 連携 キーポイント  HTML/DOM JavaScript 側  Silverlight からの呼び出しに対するアクセスレ ベルを設定 <param name=quot;enableHtmlAccessquot; value=quot;truequot; />  MSDN Library HTMLブリッジのセキュリティ設定 http://msdn.microsoft.com/ja-jp/library/cc645023(VS.95).aspx  Silverlight メソッドを呼び出し document.getElementById(quot;slMapquot;).Content.Map.Zoom(jcode);  Silverlight イベントハンドラーを設定 function registerEvent() { document.getElementById(quot;slMapquot;).Content.Map.AreaSelected = selected; }
  • 21. 部分的アプローチ ~Islands of Richness HTML/DOM と Silverlight の親和性 従来のWebと共存・相互連携 既存のWebサイトの一部分を Silverlight化 ビジネス層の資産を活用 最小の労力で WebアプリケーションのUXを向上 ハイグレードな コンポーネントを活用
  • 22. XamWebMap® Silverlight Mapコントロールの活用  に収録  GIS業界標準のシェープ ファイルをサポート  マルチレイヤー・オーバーレイ  データに応じた自動カラーリング  キーボード・マウスオペレーション
  • 23. MapのLOBへの活用 さまざまな用途に応用可能
  • 24. Silverlight 導入に向けた 2つのアプローチ 部分的アプローチ • 既存のWebサイトにプラスα 全面的アプローチ • 新しいUIプラットフォームとして
  • 25. 全面的アプローチ LOB/BIのプレゼンテーション 基盤としてSilverlight を採用 Webブラウザベースの リッチクライアントとして 最大限のUXを実現
  • 26. New Frontier Space: the final frontier... …to boldly go where no man has gone before! デモ ~全面的アプローチ LOB基盤としてSilverlightを採用
  • 27. 全面的アプローチ LOBの基盤としてSilverlightを採用 Webアプリ開発との差違に注意 • 従来のn層リッチクライアント開発に近い • サービス連携、UIの非同期処理 標準サービスを活用するとスムーズに • WCF 認証サービス • ADO.NET Data Service UXパターンを参考に • Quince (UXパターン エクスプローラ)
  • 28. まとめ Silverlight を LOBに活用するためには まずは、今できることから、尐しずつ その中でコンポーネントを活用 いずれはプラットフォームとして採用 最大限のUXを提供
  • 29. ~ハイグレード・コンポーネントの活用 NetAdvantage for Silverlight  2009年中に続々リリース!  2つの製品ラインナップ Data Visualization • さまざまなデータ可視化の方法をご提案 • Chart, Gauge, Map, TimeLineなど • 2009年春 リリース予定 LOB (Line Of Business) • 業務アプリに欠かせないコンポーネント集 • 高機能Grid, Tree, 各種エディタやナビゲーション • 2009年夏 リリース予定(現在CTPを公開中)
  • 30. その他ダイアログウィンドウ、メニューなどを搭載! 現在公開中のCTPでお試し下さい
  • 31. 参考資料  スライドの最新版とソースコードは後日BlogにUpします  http://blogs.infragistics.com/blogs/tyamada/  NetAdvantage for Silverlightの最新情報  Silverlight Data Visualization  http://jp.infragistics.com/hot/silverlight.aspx  Silverlight LOB  http://jp.infragistics.com/dotnet/netadvantage/silverlight.aspx  CodeZine リッチクライアント エキスパート  http://codezine.jp/component/infragistics/  デモで使用したシェープファイルは、 ESRIジャパン株式会社の全国市区町村界データを使用しました 。
  • 32. ご静聴ありがとうございました

×