bar vsug04 masami suzuki windows7 ui

Windows 7登場記念登場記念登場記念登場記念！！！！

「「「「Windows 7時代時代時代時代ののののアプリエーションアプリエーションアプリエーションアプリエーションUI技術技術技術技術ははははどうどうどうどう選択選択選択選択していくかしていくかしていくかしていくか？」？」？」？」

@ Bar VSUG

OS 技術の進化はUIの進化

過去を振り返ってみましょう

MS-DOS

CUI = キャラクターユーザーインターフェース

こんな画面

アプリケーション例1

アプリケーション例2

当時の状況

• 黒い画面にシンプルな描画

• すべてキーボードで操作できるインターフェース

• アプリケーション間のデータ交換はテキストファイルで

• 開発現場： C や BASIC, 独自ライブラリ

開発環境

UI的には。。。

• 開発者が思い描く最良のUIを独自に開発メニュー表示： [ESC] キー? [/] キー ?

16 Bit Windows

GUI の導入 !!

こんな画面

アプリケーション例

アプリケーション例

当時の状況

• (狭いながらも)ウィンドウ表示が可能

• 擬似マルチタスク

• Windowsアプリケーション作成をお作法に則ったUI開発– GDI ・コモンコントロールなど

– WinG

• キーボードとマウスを利用(ただし、右クリックは未定義)

• アプリケーション間のデータ交換はクリップボードを経由したり、DDEやOLEで

• 開発現場： C や BASIC、 Visual Basic !!

開発環境

32 Bit Windows

Windows 95 / 98 / 2000 /

XP !!

こんな画面

アプリケーション例

アプリケーション例

当時(Windows 95)の状況

• インターネット人気と同期

• 現在のWindowsのUIの原型

– GDI32 , DirectX3

• 様々なすぐれた機能

– Plug&Play、ネットワーク対応、ロングファイルネーム、ドライバ32ビット化、FAT32(OSR2)

• 開発現場

– Visual Studio 97 / Visual Studio 6.0

当時(Windows XP)の状況

• NTカーネルを搭載した初のコンシューマWindows

• 完全マルチタスク

• 安定性向上

• GDI+, DirectX7

• 開発現場：Visual Studio .NET 2002

開発環境

Virtualization

Windows 7

こんな画面

省略

アプリケーション例

省略

アプリケーション例

省略

Windows Vista / 7

• 32ビットから64ビット環境へ

• UIの進化

– Aero, DirectX9 ,

Windows Presentation Foundation

• 開発現場

– Visual Studio 2008 → Visual Studio 2010

– .NET Frameworkが標準開発プラットフォームに

Windows Presentation Foundation

• 様々な技術を一本化

–ドキュメント・ベース

–ピクセル・ベース

–ベクタ・ベース

• GPUのパフォーマンスを活用

• オブジェクトに対しての共通のハンドリング方法

今の UI 選択

• Web か？クライアントアプリケーションか？

• HTMLか？ RIA か？

• WinFormか？Officeクライアントか？WPF

か？

(主に)インターネット向けクライアント向け技術

Web ブラウザー/携帯電話

(X)HTML + CSS +

Web ブラウザー (X)HTML + CSS + JavaScript

+ httpXMLRequest(AJAX)

Media Center MCML

RIA Silverlight

(主に)イントラネット向けクライアント向け技術

(インターネット技術に加えて)

Windows Windows Form

MFC

Office system

WPF

Game DirectX11

Windows Mobile WinForm (.NET Compact

Framework)

RIA Silverlight

PC向けプレゼンテーションテクノロジの選択

ユーザーインターフェイスユーザーインターフェイスユーザーインターフェイスユーザーインターフェイスののののユーザーインターフェイスユーザーインターフェイスユーザーインターフェイスユーザーインターフェイスののののリッチリッチリッチリッチささささリッチリッチリッチリッチささささ

開発生産性

開発生産性

ASP.NET

(HTML)

Windows

Forms

Win32

DHTML

ASP.NET

AJAX

Direct3D11

Microsoft

Office

Windows

Presentation

Foundation

Silverlight

MFC

UI 技術の選択方法

状況状況状況状況に応じた使いやすい技術を

選択する技術を先に選択しない!!

状況を考える(例)

牛肉の場合

どちらがお好み？

41

考慮すべきこと(例)

• 利用端末のOS・種類

• 利用端末のハードウェア

• 利用頻度

• 設置場所

• ネットワーク環境

• 操作方法

• 定型業務・非定型業務

• キータイプの量

• タイプする文字の種類

• 利用者のPC成熟度

• 非期型・非同期型

• …などなど

最適な技術を選択してください

開発は、 Visual Studio で。

Ⓒ 2008 Microsoft Corporation. All rights reserved. ※ Microsoft, Visual Studio, Visual Studio ロゴ, Access, BizTalk, Excel, Groove, InfoPath, OneNote, Outlook, PowerPoint, SharePoint, SQL Server, Visio, Visual Basic, Visual C++, Visual C#,

Visual SourceSafe, Visual Web Developer, Windows, Windows Live, Windows Server, Windows Vista は米国 Microsoft Corporationの米国およびその他の国における登録商標または商標です。※ その他、記載されている会社名および製品名は、各社の商標または登録商標です。※ 本書は、情報提供を目的としており、製品内容および価格について、予告なく変更する場合があります。

追記

Opinion 1

WinForm vs WPF

Opinion 2

WPF vs Silverlight

Opinion 3

HTMLの使い方

Opinion 4

WinForm vs HTML + AJAX ?