마이크로소프트차세대 개발 플랫폼

강성재Developer Evangelist한국마이크로소프트

• 플랫폼으로의 웹• 선언적 프로그래밍 모델• 경량 프로그래밍 모델• 가젯이란 ?

목차

PC Software Storage

DisplayNetworkingInternet

Services Software + ServiceSoftware + Service

Software + Service + HardwareSoftware + Service + Hardware

저장 , 복사 , 계산 데이터베이스 오피스 자동화

게임과 멀티미디어

협업하이퍼텍스트 , E- 메일

정보 공유와 사용자 네트워크

빈틈없는 컴퓨팅 경험

빈틈없는 생활 경험

PC 산업의 변화

“ 엔터프라이즈”

LOB & ISVInformatio

n Scenarios

Rapid Prototypin

gEcommerce

Entertainment

Brand Experience

s

“ 일반 사용자”

변화의 방향

비동기 통신 / WS-*비동기 통신 / REST통신

적음 (servers)매우 많음디바이스 형태

엔터프라이즈일반 사용자

SOAWeb 2.0명칭

집중분산제어

많음거대함요구사항

느림빠름 변화의 속도

많음거대함영향력

중간글로벌연결

많음매우 많음디바이스 수

관리 되는관리 되지 않는조직

참고 : REST (Representational State Transfer)

변화의 방향

Time To Market!!!

.NET 핵심

사용자 인터페이스사용자 인터페이스 , , 미디어미디어 , , 문서에 대한 문서에 대한

통합된 접근을 통한 생산성통합된 접근을 통한 생산성

Windows Presentation Foundation

Property Engine

Input / Eventing System

.NET Framework 2.0

Desktop Windows Manager

Media Integration Layer

DirectX

Windows Vista Display Driver (LDDM)

Windows Media Foundation

Composition Engine

Print Spooler

ManagedUnmanaged

Application Services

Deployment Services

Databinding

USER INTERFACE SERVICES

XAML

Accessibility

Property System

Input & Eventing

BASE SERVICES

DOCUMENT SERVICES

Packaging Services

XPS Documents

Animation

2D

3D

AudioImaging

Text

VideoEffects

Composition Engine

MEDIA INTEGRATION LAYER

Controls

LayoutW

ind

ow

s P

rese

nta

tion

Fo

un

da

tion

XP

S V

iew

er

WPF 아키텍처

• 디자이너와 개발자를 위한 도구디자이너와 개발자를 위한 도구

• XAMLXAML 을 통한 선언적 프로그래밍을 통한 선언적 프로그래밍

• 써드 파티 도구 써드 파티 도구 (Mobiform, ZAM 3D)(Mobiform, ZAM 3D)

디자인디자인

XAMLXAML 을 통한 디자이너와 을 통한 디자이너와 개발자의 협업개발자의 협업

비즈니스 로직비즈니스 로직

디자이너 – 개발자의 생산성

XAML = Extensible Application Markup Language•도구를 통해 쉽게 접근

•코드와 컨탠츠의 구분•클라이언트 애플리케이션과 브라우저에서 랜더링

<Button Width="100"> OK <Button.Background> LightBlue </Button.Background></Button>

XAML

Button b1 = new Button();b1.Content = "OK";b1.Background = new SolidColorBrush(Colors.LightBlue);b1.Width = 100;

C#

Dim b1 As New Buttonb1.Content = "OK"b1.Background = New _ SolidColorBrush(Colors.LightBlue)b1.Width = 100

VB.NET

XAML 을 통한 선언적 프로그래밍

Mobile

Messenger

Local

Mail

Safety Center

SpacesCustom Domains

Expo

OneCare

Search

Toolbar Live.com

플랫폼으로의 웹 환경 : Windows Live

플랫폼으로의 웹 : Google

가젯의 유형가젯의 유형 ??정보 가젯애플리케이션 가젯유틸리티 가젯

• 작고 , 경량의 특별한 애플리케이션– 작다 : 물리적으로 작은 크기– 경량 : 일반 애플리케이션에 비해 적은 코드– 특별한 : 제한된 특정 기능을 수행

가젯의 종류가젯의 종류 ??데스크톱 ( 사이드바 가젯 )

웹 (Live.com 가젯 )

디바이스 ( 사이드쇼 가젯 )

가젯이란 ?

라이브 가젯( 미니 웹 애플리케이션 )

• 동적이고 이동이 많은 사용자에게 유리

• Live.com 과 사이드 바에서 사용 가능

사이드바 가젯( 미니 데스트톱 애플리케이션 )

• 풍부하고 복잡한 데스크톱 기반 사용자에게 유리

• 보안 기능

• 사이드 바에서만 사용 가능 ( 도킹과 언도킹 가능 )

주요 형태

라이브 가젯미니 웹 애플리케이션

• 미니 웹 애플리케이션– 동적이고 , 이동이 많은 사용자– Live.com, 사이드 바 , 기타

• 예

World Clock

Live.com 에서 구동

라이브 가젯

사이드바 가젯미니 데스크톱 애플리케이션

• 미니 데스크톱 애플리케이션– 풍부하고 복잡한 데스크톱 기반 사용자에게 유리– 보안 기능– 사이드 바에서만 사용 가능 ( 도킹과 언도킹 가능 )

• 예

Vista 데스크톱과 사이드바( 도킹 )

사이드바 가젯( 언도킹 )

연계 포인트– 라이브 가젯은 사이드바에 사용 가능– 사이드바 가젯 데이터는 사이드쇼에 표시

Windows Vista / XPWindows Vista / XPWindows Vista / XPWindows Vista / XPIE & FireFoxIE & FireFoxIE & FireFoxIE & FireFox

웹웹웹웹데스크톱데스크톱데스크톱데스크톱

사이드바사이드바

Windows Windows Presentation Presentation FoundationFoundation

Windows Windows Presentation Presentation FoundationFoundation

Live.comLive.com

DHTML \ Atlas

DHTML \ Atlas

DHTML \ Atlas

DHTML \ Atlas

사용자 경험에 따라

App.xaml.csApp.xaml.cs

내용내용 ::애플리케이션 로직애플리케이션 로직

제작제작 ::개발자개발자

App.xamlApp.xaml

내용내용 : UI : UI 스타일링스타일링

제작제작 : : 디자이너디자이너

App.xamlApp.xaml내용내용 : UI : UI 스타일링스타일링

제작제작 : : 디자이너디자이너

++ ==

++ ==

데스크톱 애플리케이션데스크톱 애플리케이션

Gadget.xmlGadget.xml&&

.Gadget .Gadget 패키지패키지

++++ ==사이드바 가젯사이드바 가젯

==

++ ==++ ==++

++ ==++ ==++ ==++

사이드 바 가젯

사이드쇼 프로토타입

• 노트북 뚜껑에 표시• d-pad 와 메뉴 버튼으로 조작• 가젯간의 간단한 탐색

small business server

Media Center remote control

사이드 쇼 가젯

신기술 조언 프로그램

• 기존 Windows 응용프로그램 (Win32/MFC) WPF & 가젯

• ASP, PHP, JSP 등의 스크립트 기반 웹 프로그램 AJAX & WPF/E, XBAP

• 플래시 , 애플릿 , ActiveX 기반의 웹 응용 프로그램 WPF/E, XBAP

참고 자료 및 링크

• http://www.microsoftgadgets.com• http://msdn.microsoft.com/live/• http://dev.live.com/• http://atlas.asp.net/• http://protopage.com/v2• http://www.pageflakes.com/