Contenu connexe
Similaire à 【12-D-6】 Silverlight によるハイグレードなLOB/BI実現のためのコンポーネント活用法
Similaire à 【12-D-6】 Silverlight によるハイグレードなLOB/BI実現のためのコンポーネント活用法 (20)
【12-D-6】 Silverlight によるハイグレードなLOB/BI実現のためのコンポーネント活用法
- 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/
- 12. 部分的アプローチ
既存のWebサイトの一部をSilverlight化
例
• ASP.NET / AJAX ベースの BIポータル
• 販売促進の意志決定に活用している
問題点
• 表によるデータ表現が多く直感的ではない
• 特にエリアごとのセールスファクターを判りやすくしたい
ソリューション
• Silverlight コントロールを活用
• データの視覚化によりBIとしてのUXを向上
- 13. デモ
既存のWebサイトの構成
サーバーサイド
クライアントサイド
ASP.NET 3.5
Webページ
インターネット
ブラウザ
ADO.NET
Data Service
- 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;
}
- 25. 全面的アプローチ
LOB/BIのプレゼンテーション
基盤としてSilverlight を採用
Webブラウザベースの
リッチクライアントとして
最大限のUXを実現
- 26. New Frontier
Space: the final frontier...
…to boldly go where no man has gone before!
デモ ～全面的アプローチ
LOB基盤としてSilverlightを採用
- 29. ～ハイグレード・コンポーネントの活用
NetAdvantage for Silverlight
2009年中に続々リリース！
２つの製品ラインナップ
Data Visualization
• さまざまなデータ可視化の方法をご提案
• Chart, Gauge, Map, TimeLineなど
• 2009年春 リリース予定
LOB (Line Of Business)
• 業務アプリに欠かせないコンポーネント集
• 高機能Grid, Tree, 各種エディタやナビゲーション
• 2009年夏 リリース予定（現在CTPを公開中）
- 32. 参考資料
スライドの最新版とソースコードは後日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ジャパン株式会社の全国市区町村界データを使用しました 。
