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



12-D-6    山田 達也
          インフラジスティックスジャパン株式会社
          テクニカルエバンジェリスト
   ...
簡単に自己紹介
インフラジスティックス・
               • NetAdvantage シリーズを開発・販売
    ジャパン


               • テクニカルエバンジェリスト
 私のお仕事         • デ...
このセッションのキーワード
                          • 期待の新星
      Silverlight

         LOB
                          • いわゆる業務アプリケーション...
皆さん、Silverlight 始めてますか?

 マルチプラットフォーム                     マルチメディア機能
 • Webブラウザ用プラグイン                 • DRM対応動画再生
         ...
今年は・・・
LOBの分野でSilverlightを!
            Silverlight2の登場!!

                      本格的な.NET開発が可能に
 40以上の標準UIコントロール


       ...
Silverlightを活用した
アプリケーションの事例
 Microsoft Health CUI
  • 医療ポータルのデモサイト
  • http://www.mscui.net/

 FSDA Supporting System / T...
Silverlight の BI / LOB 事例


  TDKラムダ株式会社
  FSDA Supporting System
Silverlight の BI / LOB 事例


  インフラジスティックス
  UX パターンビューワー
デモ ~Silverlight 事例
Infragistics UX Pattern Explorer
Silverlightを活用した
アプリケーションの事例




   どうやって作れば良いの?
Silverlight 導入に向けた
2つのアプローチ

 部分的アプローチ
 • 既存のWebサイトにプラスα

 全面的アプローチ
 • 新しいUIプラットフォームとして
部分的アプローチ
既存のWebサイトの一部をSilverlight化
   例
   • ASP.NET / AJAX ベースの BIポータル
   • 販売促進の意志決定に活用している

   問題点
   • 表によるデータ表現が多く直感的...
デモ
既存のWebサイトの構成
                          サーバーサイド
   クライアントサイド



                    ASP.NET 3.5
           Webページ
インターネッ...
デモ
Silverlightを加えたWebサイトの構成
                              サーバーサイド
    クライアントサイド



                        ASP.NET 3.5
   ...
XamWebMap®
Silverlight Mapコントロールの活用

                             に収録
    GIS業界標準のシェープ ファイルをサポート
    マルチレイヤー・オーバーレイ
  ...
XamWebMapを使った
データ・ビジュアライゼーション
シェープファイル
         図形情報+属性情報
                     xamWebMap




データベース



           データ
Islands of Richness
               Brad Abrams
               http://blogs.msdn.com/brada/archive/2008/0
               2/...
デモ
HTML/DOM と Silverlight の連携
 HTML / DOM                            Silverlight
              ① Silverlight ロード
         ...
Silverlight~JavaScript 連携
キーポイント

  Silverlight 側
    スクリプトからアクセス可能にマークする
     private void OnLoaded(object sender, Rout...
Silverlight~JavaScript 連携
キーポイント

  HTML/DOM JavaScript 側
    Silverlight からの呼び出しに対するアクセスレ
     ベルを設定
     <param name=q...
部分的アプローチ
~Islands of Richness


HTML/DOM と Silverlight の親和性
        従来のWebと共存・相互連携

   既存のWebサイトの一部分を
   Silverlight化
    ...
XamWebMap®
Silverlight Mapコントロールの活用

                             に収録
    GIS業界標準のシェープ ファイルをサポート
    マルチレイヤー・オーバーレイ
  ...
MapのLOBへの活用




  さまざまな用途に応用可能
Silverlight 導入に向けた
2つのアプローチ

 部分的アプローチ
 • 既存のWebサイトにプラスα

 全面的アプローチ
 • 新しいUIプラットフォームとして
全面的アプローチ

    LOB/BIのプレゼンテーション
    基盤としてSilverlight を採用




      Webブラウザベースの
     リッチクライアントとして
       最大限のUXを実現
New Frontier
               Space: the final frontier...
               …to boldly go where no man has gone before!




デモ...
全面的アプローチ
LOBの基盤としてSilverlightを採用
  Webアプリ開発との差違に注意
  • 従来のn層リッチクライアント開発に近い
  • サービス連携、UIの非同期処理

  標準サービスを活用するとスムーズに
  • WC...
まとめ
Silverlight を LOBに活用するためには

      まずは、今できることから、尐しずつ


       その中でコンポーネントを活用


      いずれはプラットフォームとして採用


          最大限の...
~ハイグレード・コンポーネントの活用
NetAdvantage for Silverlight

  2009年中に続々リリース!
  2つの製品ラインナップ
         Data Visualization

         • ...
その他ダイアログウィンドウ、メニューなどを搭載!
    現在公開中のCTPでお試し下さい
参考資料
 スライドの最新版とソースコードは後日BlogにUpします
     http://blogs.infragistics.com/blogs/tyamada/

 NetAdvantage for Silverlightの最新情...
ご静聴ありがとうございました
【12-D-6】 Silverlight によるハイグレードなLOB/BI実現のためのコンポーネント活用法
Upcoming SlideShare
Loading in...5
×

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

1,564

Published on

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

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

No notes for slide

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

  1. 1. Silverlightによる ハイグレードなLOB/BI実現のための コンポーネント活用法 12-D-6 山田 達也 インフラジスティックスジャパン株式会社 テクニカルエバンジェリスト デベロッパーサポートエンジニア
  2. 2. 簡単に自己紹介 インフラジスティックス・ • NetAdvantage シリーズを開発・販売 ジャパン • テクニカルエバンジェリスト 私のお仕事 • デベロッパーサポートエンジニア • http://blogs.infragistics.com/blogs/tyamada/ Blog • http://tan2men.blogspot.com/ • Windows Forms, Silverlight, 好物 NetAdvantage
  3. 3. このセッションのキーワード • 期待の新星 Silverlight LOB • いわゆる業務アプリケーション (Line of Business) BI • 意志決定や情報共有のためのツール (Business Intelligence) • 情報をグラフィカルに視覚化する Data Visualization UX • おもてなし (ユーザー エクスペリエンス) • UIコントロールなどの再利用可能な コンポーネント プログラミング・パーツ
  4. 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. 5. 今年は・・・ LOBの分野でSilverlightを! Silverlight2の登場!! 本格的な.NET開発が可能に 40以上の標準UIコントロール Webに新たな可能性 よりリッチな表現力 ハイレベルなユーザビリティ 革新的なUXを持つ RIAベースのLOB/BIを実現
  6. 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. 7. Silverlight の BI / LOB 事例  TDKラムダ株式会社  FSDA Supporting System
  8. 8. Silverlight の BI / LOB 事例  インフラジスティックス  UX パターンビューワー
  9. 9. デモ ~Silverlight 事例 Infragistics UX Pattern Explorer
  10. 10. Silverlightを活用した アプリケーションの事例 どうやって作れば良いの?
  11. 11. Silverlight 導入に向けた 2つのアプローチ 部分的アプローチ • 既存のWebサイトにプラスα 全面的アプローチ • 新しいUIプラットフォームとして
  12. 12. 部分的アプローチ 既存のWebサイトの一部をSilverlight化 例 • ASP.NET / AJAX ベースの BIポータル • 販売促進の意志決定に活用している 問題点 • 表によるデータ表現が多く直感的ではない • 特にエリアごとのセールスファクターを判りやすくしたい ソリューション • Silverlight コントロールを活用 • データの視覚化によりBIとしてのUXを向上
  13. 13. デモ 既存のWebサイトの構成 サーバーサイド クライアントサイド ASP.NET 3.5 Webページ インターネット ブラウザ ADO.NET Data Service
  14. 14. デモ Silverlightを加えたWebサイトの構成 サーバーサイド クライアントサイド ASP.NET 3.5 Webページ インターネット ブラウザ ADO.NET データ取得 Data Service 相互連携
  15. 15. XamWebMap® Silverlight Mapコントロールの活用  に収録  GIS業界標準のシェープ ファイルをサポート  マルチレイヤー・オーバーレイ  データに応じた自動カラーリング  キーボード・マウスオペレーション
  16. 16. XamWebMapを使った データ・ビジュアライゼーション シェープファイル 図形情報+属性情報 xamWebMap データベース データ
  17. 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. 18. デモ HTML/DOM と Silverlight の連携 HTML / DOM Silverlight ① Silverlight ロード AreaSelected イベントハンドラー登録 ② マップ上で選択 AreaSelected イベント起動 グリッド・チャート更新 ③ グリッド上で選択 Zoom メソッドを実行 公開イベント AreaSelected 公開メソッド Zoom();
  19. 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. 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. 21. 部分的アプローチ ~Islands of Richness HTML/DOM と Silverlight の親和性 従来のWebと共存・相互連携 既存のWebサイトの一部分を Silverlight化 ビジネス層の資産を活用 最小の労力で WebアプリケーションのUXを向上 ハイグレードな コンポーネントを活用
  22. 22. XamWebMap® Silverlight Mapコントロールの活用  に収録  GIS業界標準のシェープ ファイルをサポート  マルチレイヤー・オーバーレイ  データに応じた自動カラーリング  キーボード・マウスオペレーション
  23. 23. MapのLOBへの活用 さまざまな用途に応用可能
  24. 24. Silverlight 導入に向けた 2つのアプローチ 部分的アプローチ • 既存のWebサイトにプラスα 全面的アプローチ • 新しいUIプラットフォームとして
  25. 25. 全面的アプローチ LOB/BIのプレゼンテーション 基盤としてSilverlight を採用 Webブラウザベースの リッチクライアントとして 最大限のUXを実現
  26. 26. New Frontier Space: the final frontier... …to boldly go where no man has gone before! デモ ~全面的アプローチ LOB基盤としてSilverlightを採用
  27. 27. 全面的アプローチ LOBの基盤としてSilverlightを採用 Webアプリ開発との差違に注意 • 従来のn層リッチクライアント開発に近い • サービス連携、UIの非同期処理 標準サービスを活用するとスムーズに • WCF 認証サービス • ADO.NET Data Service UXパターンを参考に • Quince (UXパターン エクスプローラ)
  28. 28. まとめ Silverlight を LOBに活用するためには まずは、今できることから、尐しずつ その中でコンポーネントを活用 いずれはプラットフォームとして採用 最大限のUXを提供
  29. 29. ~ハイグレード・コンポーネントの活用 NetAdvantage for Silverlight  2009年中に続々リリース!  2つの製品ラインナップ Data Visualization • さまざまなデータ可視化の方法をご提案 • Chart, Gauge, Map, TimeLineなど • 2009年春 リリース予定 LOB (Line Of Business) • 業務アプリに欠かせないコンポーネント集 • 高機能Grid, Tree, 各種エディタやナビゲーション • 2009年夏 リリース予定(現在CTPを公開中)
  30. 30. その他ダイアログウィンドウ、メニューなどを搭載! 現在公開中のCTPでお試し下さい
  31. 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. 32. ご静聴ありがとうございました
  1. ¿Le ha llamado la atención una diapositiva en particular?

    Recortar diapositivas es una manera útil de recopilar información importante para consultarla más tarde.

×