インフラジスティックス wpf コントロールを用いたリッチ...
Post on 12-Apr-2017
831 views
TRANSCRIPT
![Page 1: インフラジスティックス WPF コントロールを用いたリッチ アプリケーション開発](https://reader035.vdocuments.pub/reader035/viewer/2022082211/58edcd861a28ab3d258b45d3/html5/thumbnails/1.jpg)
Infragistics Propietary1
![Page 2: インフラジスティックス WPF コントロールを用いたリッチ アプリケーション開発](https://reader035.vdocuments.pub/reader035/viewer/2022082211/58edcd861a28ab3d258b45d3/html5/thumbnails/2.jpg)
Infragistics Propietary2
インフラジスティックスWPF コントロールを用いたリッチ アプリケーション開発
インフラジスティックス・ジャパン株式会社
ソリューションコンサルタント
山口 慧
![Page 3: インフラジスティックス WPF コントロールを用いたリッチ アプリケーション開発](https://reader035.vdocuments.pub/reader035/viewer/2022082211/58edcd861a28ab3d258b45d3/html5/thumbnails/3.jpg)
Infragistics Propietary3
Blog2012 年インフラジスティックス・ジャパン入社。
開発サポートエンジニア経て、現在は開発現場に
おける課題解決やモバイルソリューション提案を
行うソリューションコンサルタントとして活動中。
山口 慧(さとる)
インフラジスティックス・ジャパン株式会社
ソリューションコンサルタント
■自己紹介
![Page 4: インフラジスティックス WPF コントロールを用いたリッチ アプリケーション開発](https://reader035.vdocuments.pub/reader035/viewer/2022082211/58edcd861a28ab3d258b45d3/html5/thumbnails/4.jpg)
Infragistics Propietary4
アジェンダ
Infragisticsが提供するUI開発ツールの概要
Infragistics WPFコントロールを使った画面開発デモ
Infragistics WPF コントロールクイックツアー
まとめ
![Page 5: インフラジスティックス WPF コントロールを用いたリッチ アプリケーション開発](https://reader035.vdocuments.pub/reader035/viewer/2022082211/58edcd861a28ab3d258b45d3/html5/thumbnails/5.jpg)
Infragistics Propietary5
開発ツール: Infragistics Ultimate
![Page 6: インフラジスティックス WPF コントロールを用いたリッチ アプリケーション開発](https://reader035.vdocuments.pub/reader035/viewer/2022082211/58edcd861a28ab3d258b45d3/html5/thumbnails/6.jpg)
Infragistics Propietary6
Infragistics Ultimate が提供する高い生産性
圧倒的なUIの種類と機能の豊富さ
(WPFでは100種類以上のUI部品を提供!)
高度なパフォーマンスチューニング
(チューニングだけでなく機能も!)
独立したビジュアルデザイン
(プリセットの提供多数!)
![Page 7: インフラジスティックス WPF コントロールを用いたリッチ アプリケーション開発](https://reader035.vdocuments.pub/reader035/viewer/2022082211/58edcd861a28ab3d258b45d3/html5/thumbnails/7.jpg)
Infragistics Propietary7
製品コンセプト
生産性 ユーザビリティ 信頼性
![Page 8: インフラジスティックス WPF コントロールを用いたリッチ アプリケーション開発](https://reader035.vdocuments.pub/reader035/viewer/2022082211/58edcd861a28ab3d258b45d3/html5/thumbnails/8.jpg)
Infragistics Propietary8
提供プラットフォーム
デスクトップ
Windows Forms, WPF
ウェブ
ASP.NET, jQuery/HTML5
, ASP.NET MVC, Silverlight
モバイル
iOS, Android, Windows Store App
, Windows Phone, Xamarin.Forms
UX ツール
Indigo Studio, ICON
![Page 9: インフラジスティックス WPF コントロールを用いたリッチ アプリケーション開発](https://reader035.vdocuments.pub/reader035/viewer/2022082211/58edcd861a28ab3d258b45d3/html5/thumbnails/9.jpg)
Infragistics Propietary9
プラットフォーム間でのコード共有 UIによく求められる機能や
デザインを元にコアAPIを策定
コアAPIを各プラットフォーム
に「翻訳」
個々のプラットフォームに
合わせて API をチューニング
類似の
- UI表現
-機能セット
-開発手法 (開発コード)
を実現
Core API
ASP.NET
WPF
HTML5jQuery
iOSWindows Phone/UI
Windows
Forms
Windows Forms
WindowsUniversal
App
![Page 10: インフラジスティックス WPF コントロールを用いたリッチ アプリケーション開発](https://reader035.vdocuments.pub/reader035/viewer/2022082211/58edcd861a28ab3d258b45d3/html5/thumbnails/10.jpg)
Infragistics Propietary10
Windows Forms, WPF の問い合わせ件数推移
![Page 11: インフラジスティックス WPF コントロールを用いたリッチ アプリケーション開発](https://reader035.vdocuments.pub/reader035/viewer/2022082211/58edcd861a28ab3d258b45d3/html5/thumbnails/11.jpg)
Infragistics Propietary11
Infragistics WPF Controls
![Page 12: インフラジスティックス WPF コントロールを用いたリッチ アプリケーション開発](https://reader035.vdocuments.pub/reader035/viewer/2022082211/58edcd861a28ab3d258b45d3/html5/thumbnails/12.jpg)
Infragistics Propietary12
収録コントロール一覧 ( ※多すぎるため一部省略 )• レイアウト
– xamCarouselListBox
– xamCarouselPanel
– xamDataCards
– xamDockManager
– xamDataPresenter
– xamTabControl
– xamTileManager
– xamOverviewPlusDetailPane
• 操作
– xamDataCarousel
– xamDialogWindow
– xamZoombar
• メニュー
– xamOutlookBar
– xamRibbon
– xamContextMenu
– xamDataTree
– xamMenu
– xamRadialMenu
– xamTagCloud
• スケジュール
– xamMonthCalendar
– xamDayView
– xamCalendar
– xamMonthView
– xamScheduleView
– xamOutlookCalendarView
• フレームワーク
– Infragistics Excel Engine
– WPF Reporting
– Infragistics Drag & Drop Framework
– Infragistics Math Library
– Infragistics Math Calculations
– Infragistics Word Library
– Infragistics Control Persistence
Framework
– Infragistics Syntax Parsing Engine
– Infragisitcs Undo/Redo Framework
• スタイル・テーマ
– Infragistics Theme Manager
– Resource Washer
• エディター
– xamCheckEditor
– xamComboEditor
– xamCurrencyEditor
– xamDateTimeEditor
– xamMaskedEditor
– xamNumericEditor
– xamPropertyGrid
– xamTextEditor
– xamCalculationManager
– xamColorPicker
– xamComboEditor
– xamFormulaEditor
– xamCurrencyInput
– xamNumericInput
– xamMaskedInput
– xamDateTimeInput
– xamMultiColumnComboEditor
– xamRichTextEditor
– xamSlider
– xamSpellChecker
– xamSyntaxEditor
• データグリッド
– xamDataGrid
– xamSpreadSheet
– xamGrid
– xamPivotGrid
• データ ビジュアリゼーション
– xamDiagram
– xamDataChart
– xamDoughnutChart
– xamFunnelChart
– xamGantt
– xamSegmentedDisplay
– xamPieChart
– xamSparkline
– xamTreemap
– xamBulletGraph
– xamLinearGuage
– xamRadialGauge
– xamGeographicMap
– xamMap
– xamNetworkNode
– xamOrgChart
– xamBarcode
– xamTimeline
![Page 13: インフラジスティックス WPF コントロールを用いたリッチ アプリケーション開発](https://reader035.vdocuments.pub/reader035/viewer/2022082211/58edcd861a28ab3d258b45d3/html5/thumbnails/13.jpg)
Infragistics Propietary13
基本的な利用方法
Toolbox から利用
プロパティWindow の操作
Smart tag の利用
XAML のカスタマイズ
![Page 14: インフラジスティックス WPF コントロールを用いたリッチ アプリケーション開発](https://reader035.vdocuments.pub/reader035/viewer/2022082211/58edcd861a28ab3d258b45d3/html5/thumbnails/14.jpg)
Infragistics Propietary14
WPF Controls Demo
![Page 15: インフラジスティックス WPF コントロールを用いたリッチ アプリケーション開発](https://reader035.vdocuments.pub/reader035/viewer/2022082211/58edcd861a28ab3d258b45d3/html5/thumbnails/15.jpg)
Infragistics Propietary15
完成目標
データの一覧表示
フィルタ
ソート
集計
グルーピング
できれば、分析
Sample Datasource: http://help.jp.infragistics.com/Help/doc/WPF/2015.1/CLR4.0/html/SalesDataSample.html
![Page 16: インフラジスティックス WPF コントロールを用いたリッチ アプリケーション開発](https://reader035.vdocuments.pub/reader035/viewer/2022082211/58edcd861a28ab3d258b45d3/html5/thumbnails/16.jpg)
Infragistics Propietary16
一覧表示画面
XamDataGrid
![Page 17: インフラジスティックス WPF コントロールを用いたリッチ アプリケーション開発](https://reader035.vdocuments.pub/reader035/viewer/2022082211/58edcd861a28ab3d258b45d3/html5/thumbnails/17.jpg)
Infragistics Propietary17
分析画面
XamDataChart
XamDataSlicer XamDataSelector
XamPivotGrid
![Page 18: インフラジスティックス WPF コントロールを用いたリッチ アプリケーション開発](https://reader035.vdocuments.pub/reader035/viewer/2022082211/58edcd861a28ab3d258b45d3/html5/thumbnails/18.jpg)
Infragistics Propietary18
WPF Controls Quick Tour
![Page 19: インフラジスティックス WPF コントロールを用いたリッチ アプリケーション開発](https://reader035.vdocuments.pub/reader035/viewer/2022082211/58edcd861a28ab3d258b45d3/html5/thumbnails/19.jpg)
Infragistics Propietary19
XamTreeGridXamDataGrid
![Page 20: インフラジスティックス WPF コントロールを用いたリッチ アプリケーション開発](https://reader035.vdocuments.pub/reader035/viewer/2022082211/58edcd861a28ab3d258b45d3/html5/thumbnails/20.jpg)
Infragistics Propietary20
XamDataCardsXamCarousel
![Page 21: インフラジスティックス WPF コントロールを用いたリッチ アプリケーション開発](https://reader035.vdocuments.pub/reader035/viewer/2022082211/58edcd861a28ab3d258b45d3/html5/thumbnails/21.jpg)
Infragistics Propietary21
XamFunnelChart
XamBulletGraph
XamPieChartXamDataChart
![Page 22: インフラジスティックス WPF コントロールを用いたリッチ アプリケーション開発](https://reader035.vdocuments.pub/reader035/viewer/2022082211/58edcd861a28ab3d258b45d3/html5/thumbnails/22.jpg)
Infragistics Propietary22
XamDockManager
XamDiagram
![Page 23: インフラジスティックス WPF コントロールを用いたリッチ アプリケーション開発](https://reader035.vdocuments.pub/reader035/viewer/2022082211/58edcd861a28ab3d258b45d3/html5/thumbnails/23.jpg)
Infragistics Propietary23
XamCalendar, XamSchedule, XamRibbon, XamOutlookBar, XamSpreadSheet
![Page 24: インフラジスティックス WPF コントロールを用いたリッチ アプリケーション開発](https://reader035.vdocuments.pub/reader035/viewer/2022082211/58edcd861a28ab3d258b45d3/html5/thumbnails/24.jpg)
Infragistics Propietary24
まとめ
Infragistics WPF controls で
様々なUI表現を取り入れた表現力豊かなアプリケーション
高機能なUI部品を利用したスピーディーな XAML 開発
将来的な XAML 開発でも再利用可能
![Page 25: インフラジスティックス WPF コントロールを用いたリッチ アプリケーション開発](https://reader035.vdocuments.pub/reader035/viewer/2022082211/58edcd861a28ab3d258b45d3/html5/thumbnails/25.jpg)
Infragistics Propietary25
ありがとうございました!