Upload
satoru-yamaguchi
View
142
Download
3
Embed Size (px)
Citation preview
Infragistics Propietary1
Infragistics Propietary2
インフラジスティックスWPF コントロールを用いたリッチ アプリケーション開発
インフラジスティックス・ジャパン株式会社
ソリューションコンサルタント
山口 慧
Infragistics Propietary3
Blog2012 年インフラジスティックス・ジャパン入社。
開発サポートエンジニア経て、現在は開発現場に
おける課題解決やモバイルソリューション提案を
行うソリューションコンサルタントとして活動中。
山口 慧(さとる)
インフラジスティックス・ジャパン株式会社
ソリューションコンサルタント
■自己紹介
Infragistics Propietary4
アジェンダ
Infragisticsが提供するUI開発ツールの概要
Infragistics WPFコントロールを使った画面開発デモ
Infragistics WPF コントロールクイックツアー
まとめ
Infragistics Propietary5
開発ツール: Infragistics Ultimate
Infragistics Propietary6
Infragistics Ultimate が提供する高い生産性
圧倒的なUIの種類と機能の豊富さ
(WPFでは100種類以上のUI部品を提供!)
高度なパフォーマンスチューニング
(チューニングだけでなく機能も!)
独立したビジュアルデザイン
(プリセットの提供多数!)
Infragistics Propietary7
製品コンセプト
生産性 ユーザビリティ 信頼性
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
Infragistics Propietary9
プラットフォーム間でのコード共有 UIによく求められる機能や
デザインを元にコアAPIを策定
コアAPIを各プラットフォーム
に「翻訳」
個々のプラットフォームに
合わせて API をチューニング
類似の
- UI表現
-機能セット
-開発手法 (開発コード)
を実現
Core API
ASP.NET
WPF
HTML5jQuery
iOSWindows Phone/UI
Windows
Forms
Windows Forms
WindowsUniversal
App
Infragistics Propietary10
Windows Forms, WPF の問い合わせ件数推移
Infragistics Propietary11
Infragistics WPF Controls
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
Infragistics Propietary13
基本的な利用方法
Toolbox から利用
プロパティWindow の操作
Smart tag の利用
XAML のカスタマイズ
Infragistics Propietary14
WPF Controls Demo
Infragistics Propietary15
完成目標
データの一覧表示
フィルタ
ソート
集計
グルーピング
できれば、分析
Sample Datasource: http://help.jp.infragistics.com/Help/doc/WPF/2015.1/CLR4.0/html/SalesDataSample.html
Infragistics Propietary16
一覧表示画面
XamDataGrid
Infragistics Propietary17
分析画面
XamDataChart
XamDataSlicer XamDataSelector
XamPivotGrid
Infragistics Propietary18
WPF Controls Quick Tour
Infragistics Propietary19
XamTreeGridXamDataGrid
Infragistics Propietary20
XamDataCardsXamCarousel
Infragistics Propietary21
XamFunnelChart
XamBulletGraph
XamPieChartXamDataChart
Infragistics Propietary22
XamDockManager
XamDiagram
Infragistics Propietary23
XamCalendar, XamSchedule, XamRibbon, XamOutlookBar, XamSpreadSheet
Infragistics Propietary24
まとめ
Infragistics WPF controls で
様々なUI表現を取り入れた表現力豊かなアプリケーション
高機能なUI部品を利用したスピーディーな XAML 開発
将来的な XAML 開発でも再利用可能
Infragistics Propietary25
ありがとうございました!