Infragistics Propietary1

Infragistics Propietary2

インフラジスティックスWPF コントロールを用いたリッチ アプリケーション開発

インフラジスティックス・ジャパン株式会社

ソリューションコンサルタント

山口 慧

syamaguchi@infragistics.com

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

ありがとうございました！