Building Rich Web Experiences using Silverlight and Java

Building Rich Web Experiences using Silverlight and Java. Script for Developers Pete Le. Page Sr. Product Manager http: //blogs. msdn. com/petel

Agenda § Overview § What about Rich Internet Applications? § Introduction to Silverlight Java. Script Develoment § Designer and Development Tools § Silverlight Components § Developing with Silverlight 3

Why Rich Internet Applications? § Creating compelling web user experiences § Look Great § Respond Immediately § Uninterrupted flow § Enhance and customize your brand § Users love customization § Give them what they want, how they want § Build an affinity to your brand 4

Why Silverlight v 1. 0? Broad Reach Richer Media Expression Studio Visual Studio (WMV Investments) 5

SILVERLIGHT SITES

Silverlight Development with Java. Script § Silverlight development is similar to HTML devevelopment § Presentation format for Silverlight is XAML § XAML is XML (markup) § Silverlight V 1. 0 programming language is Java. Script § AJAX tricks work with Silverlight § Minimum tools are a text editor and a web browser 7

Developer And Designer Tools § Developers (focus of this session) § Visual Studio 2005 and Visual Studio 2008 § IE Developer Toolbar, Firebug § Any text editor § Designers § Expression Blend and Design § XAML exporters 8

A SIMPLE DEMO

Silverlight v 1. 0 Components § Key Components in Silverlight V 1. 0 § § § § § 2 D Grapics (shapes, transformations, cliping, masking) Animations Input: Mouse and Keyboard Media (WMV, WMA, MP 3) Imaging (JPG, PNG) Text (static and flow) HTTP downloader XAML Parser (includes Create. From. XAML API) Java. Script DOM 10

Graphics And Animations In Silverlight § 2 D 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 11

Silverlight Java. Script Basics § Silverlight XAML elements are scriptable via the browser script engine (Java. Script) § Scriptable objects are obtained via find. Name § Scriptable objects (elements) can be controlled via properties and methods § Models Java. Script and HTML DOM interaction § find. Name is equivalent to document. get. Element. By. Id() § Supports tree walking via children collection § Position set using "Canvas. Top" and "Canvas. Left“ § Size can be scaled or set via Height/Width 12

Silverlight Media § Media Features § Video: WMV V 7, V 8, V 9, VC-1 § Audio: WMA V 7, V 8, V 9 (standard), MP 3 § Multiple options for deploying media § HTTP progressive download § Integration with Windows Media Server § Extensive WMV eco-system 13

MEDIA DEMO

Silverlight Text § Glyphs § Fixed text § Full Unicode glyph rendering support § Does not support layout (word/line breaking) § Text. Block § Basic layout support § Left-aligned, English based text wrapping § Support font encryption and compression § V 1 supports 64 K Unicode Basic Multi-langual Plane § Post V 1, increased language support 15

Downloader And Create. From. XAML § HTTP Downloader § § V 1. 0 supports HTTP gets (async and sync) Provides download progress ZIP packaging Similar to XMLHTTP § Create. From. XAML § Primary way in V 1. 0 to dynamically create content § Supports namescopes (for name collisions) 16

DOWNLOADER DEMO

Roadmap Expression Studio x. Blend 2 May Preview Today x. Media Encoder Summer 07 x. Web 2 & x. Blend 2 August Preview Expression Studio 2 February 08 Silverlight 1. 0 Beta Silverlight 1. 1 Alpha 4/30/07 Silverlight 1. 0 Silverlight 1. 1 Beta Summer 07 Q 3/07 Silverlight 1. 1 TBD Visual Studio Silverlight Tools Alpha for Visual Studio 2008 Beta 1 4/30/07 TBD Silverlight Tools Beta for Visual Studio “Orcas” TBD 18

Additional Sessions § REMIX § Designing Stunning Sites With Silverlight § Beau Ambur § 13 June, 13: 30 -14: 40 § Room E-F § Dev. Days § Developing Applications Using Silverlight § § Scott Guthrie Part 1: 14 June, 13: 30 -14: 40 Part 2: 14 June, 15: 00 -16: 10 Auditorium 19

Resources § § § http: //www. silverlight. net http: //www. microsoft. com/silverlight http: //msdn. microsoft. com/silverlight http: //silverlight. net/forums http: //msdn 2. microsoft. com/enus/library/bb 188266. aspx § http: //blogs. msdn. com/mharsh § http: //blogs. msdn. com/jstegman 20