Silverlight: Showcase

First Look at Silverlight 2

 

Silverlight 2 Beta 1 provides a rich set of features that enable great RIA (Rich Internet Application) application development.  These include:

  • WPF UI Framework: Silverlight 2 includes a rich WPF-based UI framework that makes building rich Web applications much easier.  In includes a powerful graphics and animation engine, as well as rich support for higher-level UI capabilities like controls, layout management, data-binding, styles, and template skinning.  The WPF UI Framework in Silverlight is a compatible subset of the WPF UI Framework features in the full .NET Framework, and enables developers to re-use skills, controls, code and content to build both rich cross browser web applications, as well as rich desktop Windows applications.
  • Rich Controls: Silverlight 2 includes a rich set of built-in controls that developers and designers can use to quickly build applications.  This upcoming Beta1 release includes core form controls (TextBox, CheckBox, RadioButton, etc), built-in layout management panels (StackPanel, Grid, Panel, etc), common functionality controls (Slider, ScrollViewer, Calendar, DatePicker, etc), and data manipulation controls (DataGrid, ListBox, etc).  The built-in controls support a rich control templating model, which enables developers and designers to collaborate together to build highly polished solutions.
  • Rich Networking Support: Silverlight 2 includes rich networking support.  It includes out of the box support for calling REST, WS*/SOAP, POX, RSS, and standard HTTP services.  It supports cross domain network access (enabling Silverlight clients to directly access resources and data from resources on the web).  Beta1 also includes built-in sockets networking support.

  • Rich Base Class Library: Silverlight 2 includes a rich .NET base class library of functionality (collections, IO, generics, threading, globalization, XML, local storage, etc).  It includes rich APIs that enable HTML DOM/JavaScript integration with .NET code.  It also includes LINQ and LINQ to XML library support (enabling easy transformation and querying of data), as well as local data caching and storage support.  The .NET APIs in Silverlight are a compatible subset of the full .NET Framework.
Silverlight 2 In Action: Building A Simple Digg Client

All of the UI in the application is built using Silverlight’s WPF framework.  The application uses the Silverlight networking stack and cross-domain access support to query the Digg REST API directly, and uses LINQ and LINQ to XML to query/transform the returned data into DiggStory objects that I databind the UI against:

The entire application is implemented in about 35 lines of C# code and 75 lines of XAML page/user-control markup.  It only uses controls and libraries built-into Silverlight.

Tutorials

Via First Look at Silverlight 2

How Silverlight and VS2008 Could Revolutionize Web Development. Free source code and programming articles

Introducing Video.Show: A Silverlight Reference-quality Sample

 

image Video.Show is an end-to-end solution that provides a reference-quality sample for user-generated video content sites. Taking advantage of all of our latest technologies: .NET Framework 3.5, ASP.NET AJAX, LINQ, Silverlight, Expression Encoder and Silverlight Streaming, Video.Show provides support for uploading, encoding, tagging, viewing and commenting on videos.  Here’s a short feature list:

  • Video wall for browsing videos. Hover the mouse over any individual video to see an instant thumbnail preview.
  • Time marker-based comment system. Pause the video at an interesting moment and add your comment, and it will appear as that frame is displayed on playback.
  • Site membership using ASP.NET. Sign in and create a custom profile; favorite, tag and upload videos.
  • First-time experience for a user without Silverlight installed demonstrates best practices for detection and installation.
  • Web services for retrieving video catalogs, tagging and favorites.
  • Background batch processing task that handles the encoding of videos using Expression Encoder and uploads to Silverlight Streaming.

Download Video.Show here from CodePlex.

Also take a look at  Family.Show

Via Introducing Video.Show: A Silverlight Reference-quality Sample

Creating your own custom Silverlight Media Player using Expression Media Encoder & Blend

image

Show how to reuse the code generated by Expression Media Encoder and then create your own “custom” Silverlight Media Player!

Via cheating at creating a silverlight media player

Download Screencast

Silverlight & AJAX interaction

By Tim Heuer

image

Updating Silverlight DOM after calling the AJAX proxy

Download Screencast

Download the sample code here

Silverlight - The Beginning

Get Started

1. Watch the Getting Started Video

Watch It

2. Download the Bits

Runtimes

Microsoft Silverlight 1.0 - Mac or Windows

Microsoft Silverlight 1.1 Alpha September Refresh - Mac or Windows

Developer Tools

The latest Visual Studio

Microsoft ASP.NET Futures (July 2007) This release includes Silverlight controls for ASP.NET.

Designer Tools

Expression Blend 2 September Preview

Expression Encoder

Expression Design

Software Development Kits

Microsoft Silverlight 1.0 Software Development Kit

Microsoft Silverlight 1.1 Software Development Kit Alpha September Refresh

3. Download the Tools

Visit the Quickstarts to create your first application.
Download a sample from the gallery.
Have a question? Visit Forums.
Read the documentation.
Stay informed, subscribe to RSS.

Via Silverlight Get Started

Videos

image

QuickStarts

The Silverlight QuickStart documentation consists of three categories of topics:

Silverlight Development and ASP.NET Futures

Developers may especially find the new ASP.NET Media and XAML controls, which can be used to play various types of media files and add XAML markup within ASP.NET applications, of interest.

See Also

Via Silverlight: QuickStarts

Whitepapers

Getting Started with Silverlight
This white paper provides a high-level overview into Silverlight and how it fits into the development stack for the next generation of Web applications.
Silverlight Architecture Overview
This white paper provides a high-level overview of the Silverlight architecture and how it fits into the Microsoft offering for building next-generation Web applications. Also, this white paper provides an architectural review of the Silverlight technology.
Using Silverlight and RSS with ASP.NET
Learn how to use Microsoft Silverlight and RSS through ASP.NET to create a simple hero bar that is easily customizable and regenerated.

SILVERLIGHT MEDIA

These white papers provide an overview of the Video and Media capabilities of Silverlight.

Embeddable Video with Silverlight
Learn how to use Silverlight to build a service that can embed video on a blog (or any other Web page), where all you need is an iFrame to the URL that contains your service.
Using Silverlight to Build a Hero Bar
Learn how to use Microsoft Silverlight and RSS through ASP.NET to create a simple hero bar that is easily customizable and regenerated.
Media and Entertainment Content Distribution on the Web
Windows Media technologies and the upcoming rich media client platform with Silverlight bring great improvements to the challenges of delivering content on the Web. This whitepaper discusses rich media scenarios and improvements.

Via Silverlight Whitpapers

Silverlight & HTML DOM interaction Screencast

By Tim Heuer

image 

Using Javascript to manipulate HTML & Silverlight elements.

Download Screencast

Optimizing the Silverlight Install Experience

 

image A few helpful tips:

  • - Use the inplaceInstallPrompt:true parameter in CreateSilverlight.js to present the Silverlight installer directly from the current home page rather than redirecting the end-user to the Silverlight site for the installer.
  • - Use the <div> tag into which Silverlight content is presented to create pre-install content (e.g. a static image that provides a glimpse of the final site experience when the user installs Silverlight) and present the Silverlight installer button as an overlay over that image;
  • - Use the Silverlight.ua.Browser property to provide guidance to the user (for example, warning them that they
  • may not be able to install Silverlight if they are using Netscape 4.0 as their browser).
  • - Use a timeout delegate to see if the installation is complete, and, if so, refresh the browser automatically so the end-user doesn’t have to manually hit F5 to reload the content.

A msi that provides further guidance around installation in the form of a whitepaper and sample code.

Via Optimizing the Silverlight Install Experience

Introducing Silverlight 1.1

Comparing Silverlight  1.0 and 1.1

image

Comparing Silverlight 1.1 and WPF

image

Silverlight 1.1 framework model

image

“Rich Internet Applications” RIA

  • One of the primary benefits of Rich Internet Applications is that they can offer user-interface behaviors that are not obtainable using only the HTML controls available in standard browser-based web applications. With a RIA platform, web applications are no longer limited by what the browser can do.
  • Client/server balance. RIAs shift the balance of computing resources for web applications from the server to the client.
  • Asynchronous communication. The RIA client engine can interact with the server asynchronously. Similar to what Ajax is doing on the Web today.
  • Network efficiency. Network traffic may also be significantly reduced in a RIA because an application-specific client engine can be more intelligent than a standard web browser when deciding what data needs to be exchanged with servers. Transferring less data for each interaction can speed up individual requests and responses, in turn reducing overall network load.

Shortcomings of RIA

  • Sandbox. Because RIAs run within a sandbox, they have restricted access to system resources. If users modify their systems or have reduced permissions that alter a RIA’s ability to access system resources, RIAs may fail to operate correctly.
  • Loss of visibility to search engines. Search engines may not be able to index the text content of RIA applications. This can be a major problem for web applications that depend on search engine visibility for their success.
  • Dependence on an Internet connection. While the ideal network-enabled replacement for a desktop application would allow users to be “occasionally connected,” wandering in and out of hotspots or from office to office, today the typical RIA requires network connectivity.
  • Disabled scripting. RIAs usually require JavaScript or another scripting language to operate on the client. If the user has disabled active scripting in his browser, the RIA may not function properly, if at all. (e.g. Ajax)

 

Via - Introducing Silverlight 1.1 

Print ISBN-10: 0-596-51583-9

by Todd Anglin