daron yöndem - microsoft · daron yöndem [email protected] ... provides developers a free, ......

27
Silverlight Daron Yöndem [email protected] http://daron.yondem.com

Upload: vandiep

Post on 19-Aug-2018

219 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Daron Yöndem - Microsoft · Daron Yöndem daron@yondem.com ... Provides developers a free, ... HTML DOM Integration XAML e Networking JSON REST POX RSS Data LINQ XLINQ DLR

Silverlight

Daron Yö[email protected]

http://daron.yondem.com

Page 2: Daron Yöndem - Microsoft · Daron Yöndem daron@yondem.com ... Provides developers a free, ... HTML DOM Integration XAML e Networking JSON REST POX RSS Data LINQ XLINQ DLR

Me.Bio.ToString()

-Project Management

-Software Development

-Technology Evangelism

-Allinone!

-AJAX

-Silverlight

-Expression Studio

trainings.

Page 3: Daron Yöndem - Microsoft · Daron Yöndem daron@yondem.com ... Provides developers a free, ... HTML DOM Integration XAML e Networking JSON REST POX RSS Data LINQ XLINQ DLR

Microsoft UX Technologies

ASP.NETASP.NET

AJAXWin Forms Silverlight WPF DirectX

Various criteria for comparison

“Richness” of user experience

“Reach” of applications that are built

Depth of platform integration

Development experience

Developer & non-developer tooling, programming

model, 3rd party controls, etc.

Status & maturity of technology

Page 4: Daron Yöndem - Microsoft · Daron Yöndem daron@yondem.com ... Provides developers a free, ... HTML DOM Integration XAML e Networking JSON REST POX RSS Data LINQ XLINQ DLR

Why Silverlight ?

Page 5: Daron Yöndem - Microsoft · Daron Yöndem daron@yondem.com ... Provides developers a free, ... HTML DOM Integration XAML e Networking JSON REST POX RSS Data LINQ XLINQ DLR

Microsoft Silverlight is a cross-browser,

cross-platform implementation of .NET

for building and delivering the next

generation of media experiences & rich

interactive applications for the Web.

Page 6: Daron Yöndem - Microsoft · Daron Yöndem daron@yondem.com ... Provides developers a free, ... HTML DOM Integration XAML e Networking JSON REST POX RSS Data LINQ XLINQ DLR

Silverlight Overview

Compelling Cross-Platform User Experiences

• Immersive media experiences & RIA

• Seamless, fast installation for end users

• Consistent experiences on Mac / Windows

Flexible programming model with collaborative tools

• Integration with Web technologies

• Based on the .NET Framework

• Role specific tools for designers / developers

Efficient, lower cost delivery, and more capable media

• HD to Mobile w/ SMPTE VC-1

• Broad media ecosystem

• Tools for live and on-demand publishing

Page 7: Daron Yöndem - Microsoft · Daron Yöndem daron@yondem.com ... Provides developers a free, ... HTML DOM Integration XAML e Networking JSON REST POX RSS Data LINQ XLINQ DLR

Designer/Developer Tooling

VS 2008

XAML

DesignerLook, behavior, brand,

and emotional connection

DeveloperFunction, deployment, data,

security, operational integrity

VS Project Files

Page 8: Daron Yöndem - Microsoft · Daron Yöndem daron@yondem.com ... Provides developers a free, ... HTML DOM Integration XAML e Networking JSON REST POX RSS Data LINQ XLINQ DLR

Silverlight and the Web

HTML / JavaScript

HTML / .NET

XAML / JavaScript

XAML / .NET

Page 9: Daron Yöndem - Microsoft · Daron Yöndem daron@yondem.com ... Provides developers a free, ... HTML DOM Integration XAML e Networking JSON REST POX RSS Data LINQ XLINQ DLR

Silverlight Developer’s Toolkit

Minimum Any Text Editor

Any Web Server

Maximum Productivity

Visual Studio 2008

Silverlight Extensions for Visual Studio

Expression Blend 2

DecemberPreview

ASP.NET Futures CTP

Page 10: Daron Yöndem - Microsoft · Daron Yöndem daron@yondem.com ... Provides developers a free, ... HTML DOM Integration XAML e Networking JSON REST POX RSS Data LINQ XLINQ DLR

Silverlight 1.0

2D Graphics

Animations

Input (mouse, keyboard, ink)

Media (WMV, WMA, MP3)

Imaging (JPEG, PNG)

Text

HTTP Downloader

XAML Parser

JavaScript DOM

Page 11: Daron Yöndem - Microsoft · Daron Yöndem daron@yondem.com ... Provides developers a free, ... HTML DOM Integration XAML e Networking JSON REST POX RSS Data LINQ XLINQ DLR

Graphics and Animations in Silverlight

• 2D Graphics

• Standard shapes, masking and clipping

• Transformations: skew, rotate, scale, translate, matrix

• Animation Basics

• Animations change properties over time

• Support linear, discrete and spline animation

• Animatable property types:

• Double, Color, Point

• Animations and graphics are defined using XAML

Page 12: Daron Yöndem - Microsoft · Daron Yöndem daron@yondem.com ... Provides developers a free, ... HTML DOM Integration XAML e Networking JSON REST POX RSS Data LINQ XLINQ DLR

Silverlight JavaScript Basics

• Silverlight XAML elements are scriptable via the browser script engine (JavaScript)

• Scriptable objects are obtained via findName

• Scriptable objects (elements) can be controlled via properties andmethods

• Models JavaScript and HTML DOM interaction

• findName is equivalent to document.getElementById()

• Supports tree walking via children collection

• Position set using "Canvas.Top" and "Canvas.Left"

Size can be scaled or set via Height/Width

Page 13: Daron Yöndem - Microsoft · Daron Yöndem daron@yondem.com ... Provides developers a free, ... HTML DOM Integration XAML e Networking JSON REST POX RSS Data LINQ XLINQ DLR

Media

• Media Features

• Video: WMV V7, V8, V9, VC-1

• Audio: WMA V7, V8, V9 (standard), MP3

• Multiple options for deploying media

• HTTP progressive download

• Integration with Windows Media Server

• Extensive WMV ecosystem

Page 14: Daron Yöndem - Microsoft · Daron Yöndem daron@yondem.com ... Provides developers a free, ... HTML DOM Integration XAML e Networking JSON REST POX RSS Data LINQ XLINQ DLR

Text

• Glyphs

• Fixed text

• Full Unicode glyph rendering support

• Does not support layout (word/line breaking)

• TextBlock

• Basic layout support

• Left-aligned, English-based text wrapping

• Support font encryption and compression

• V1 supports 64K Unicode Basic Multi-langual Plane

• Post V1, increased language support

Page 15: Daron Yöndem - Microsoft · Daron Yöndem daron@yondem.com ... Provides developers a free, ... HTML DOM Integration XAML e Networking JSON REST POX RSS Data LINQ XLINQ DLR

Downloader and CreateFromXAML

• HTTP Downloader

• V1.0 supports HTTP gets (async and sync)

• Provides download progress

• ZIP packaging

• Similar to XMLHTTP

• CreateFromXAML

• Primary way in V1.0 to dynamically create content

• Supports namescopes (for name collisions)

Page 16: Daron Yöndem - Microsoft · Daron Yöndem daron@yondem.com ... Provides developers a free, ... HTML DOM Integration XAML e Networking JSON REST POX RSS Data LINQ XLINQ DLR

DEMOLet’s Rock!

Page 17: Daron Yöndem - Microsoft · Daron Yöndem daron@yondem.com ... Provides developers a free, ... HTML DOM Integration XAML e Networking JSON REST POX RSS Data LINQ XLINQ DLR

Silverlight StreamingProvides developers a free, scalability-on-demand solution for Silverlight

http://silverlight.live.com

• Free, 4GB hosting and streaming

• You build the application, we deliver the scale

• High quality, differentiated, controllable user experience

• Complete API Programmability

Page 18: Daron Yöndem - Microsoft · Daron Yöndem daron@yondem.com ... Provides developers a free, ... HTML DOM Integration XAML e Networking JSON REST POX RSS Data LINQ XLINQ DLR

DEMO((SilverMovie)sender).play(here);

Page 19: Daron Yöndem - Microsoft · Daron Yöndem daron@yondem.com ... Provides developers a free, ... HTML DOM Integration XAML e Networking JSON REST POX RSS Data LINQ XLINQ DLR

Silverlight Programming Model

• Silverlight 1.0 and 2.0

• Code against both HTML and XAML content

• Integrates with ASP.NET AJAX controls

JavaScript

• Silverlight 2.0 only

• CoreCLR + Silverlight .NET Framework subset

• VB and C# against both XAML and HTML content

.NET

Page 20: Daron Yöndem - Microsoft · Daron Yöndem daron@yondem.com ... Provides developers a free, ... HTML DOM Integration XAML e Networking JSON REST POX RSS Data LINQ XLINQ DLR

Silverlight V1.0 and V2.0

Silverlight

V2.0

Silverlight

V1.0

V2.0 will add .NET to V1.0

CoreCLR

Independent subset of the .NET Framework

Page 21: Daron Yöndem - Microsoft · Daron Yöndem daron@yondem.com ... Provides developers a free, ... HTML DOM Integration XAML e Networking JSON REST POX RSS Data LINQ XLINQ DLR

Silverlight and .NET: Better Together

• Highly productive development framework

• Multi-language support

• Latest developer innovations (e.g. LINQ)

• AJAX integration

• Great tools

• Visual Studio

• Expression Studio

• Cross-platform & cross-browser plugin

• Works with Safari, Firefox and Internet Explorer

• Mac OS X and Windows

• Any web server

• Fast, easy install process

Page 22: Daron Yöndem - Microsoft · Daron Yöndem daron@yondem.com ... Provides developers a free, ... HTML DOM Integration XAML e Networking JSON REST POX RSS Data LINQ XLINQ DLR

Declarative Development - XAML

• eXtensible Application Markup Language

• XAML usage

• Compiled to produce executable code

• Dynamically loaded (parsed or pre-parsed)

Calculator c = new Calculator();

Multiply m = new Multiply();

m.P1 = 10;

m.P2 = 20;

c.Operations.Add(m)

Code

<Calculator>

<Operations>

<Multiply P1=“10” P2=“20”/>

</Operations>

</Calculator>

XAML

Page 23: Daron Yöndem - Microsoft · Daron Yöndem daron@yondem.com ... Provides developers a free, ... HTML DOM Integration XAML e Networking JSON REST POX RSS Data LINQ XLINQ DLR

Silverlight Architecture

Legend

V2.0

Legend

V1.0

CLR Execution Engine

.NET f

or

Silverl

igh

t

Framework

HTML DOM

Integration

XAML

Pre

sen

tati

on

Co

reNetworking

JSON

REST POX

RSS

Data

LINQ XLINQ

DLR

Ruby Python

UI Framework

Extensible Controls

BCL

Generics Collections

Inputs

Keyboard Mouse Ink

Media

VC1 WMA MP3

Browser Host

Integrated

Networking

Stack

Installer

Application

Services

MS AJAX

Library

UI Core

Images

Vector Text

Animation

DRM

Media

Controls

Layout Editing

Page 24: Daron Yöndem - Microsoft · Daron Yöndem daron@yondem.com ... Provides developers a free, ... HTML DOM Integration XAML e Networking JSON REST POX RSS Data LINQ XLINQ DLR

Silverlight 1.0 Released

Silverlight 2.0 Alpha Released

Silverlight 2.0 Beta Summer 2008

Silverlight 2.0

End 2008

Silverlight

Silverlight and Tools Roadmap

Expression StudioReleased

Expression Blend 2 December Preview

Released

Expression Blend 2 Expression Web 2

Beta Early 2008

Expression Studio 2

Summer 2008

Expression

Silverlight 1.0 SDK forVisual Studio 2005

Released

Visual Studio 2008 Released

Silverlight 2.0 Toolsfor VS 2008

Released

Silverlight 1.0 SDK for VS 2008 Early

2008

Visual Studio

Page 25: Daron Yöndem - Microsoft · Daron Yöndem daron@yondem.com ... Provides developers a free, ... HTML DOM Integration XAML e Networking JSON REST POX RSS Data LINQ XLINQ DLR

Resources

• Community Site: http://silverlight.net

• Main Product Site: http://www.microsoft.com/silverlight

• MSDN Center: http://msdn.microsoft.com/silverlight

• Online Forums: http://silverlight.net/forums

• Online SDK: http://msdn2.microsoft.com/bb188266.aspx

• Top Silverlight Blogs

• Tim Sneath: http://blogs.msdn.com/tims

• Mike Harsh: http://blogs.msdn.com/mharsh

• Joe Stegman: http://blogs.msdn.com/jstegman

• Laurence Moroney: http://blogs.msdn.com/webnext

• Ernie Booth: http://blogs.msdn.com/ebooth

Page 26: Daron Yöndem - Microsoft · Daron Yöndem daron@yondem.com ... Provides developers a free, ... HTML DOM Integration XAML e Networking JSON REST POX RSS Data LINQ XLINQ DLR

Microsoft EgyptExpression Studio Training Happy Ending

Page 27: Daron Yöndem - Microsoft · Daron Yöndem daron@yondem.com ... Provides developers a free, ... HTML DOM Integration XAML e Networking JSON REST POX RSS Data LINQ XLINQ DLR

THANK YOU

Daron Yöndem

[email protected]

http://daron.yondem.com