Using Silverlight Technology to build a hero bar with by mewyatt


									Using Silver light to Build a hero bar with ASP.NET
Raizel Consulting 11/09/2007

What Is Silverlight?
Silverlight is a new Web presentation technology that is created to run on a variety of platforms. It enables the creation of rich, visually stunning and interactive experiences that can run everywhere: within browsers and on multiple devices and desktop operating systems (such as the Apple Macintosh). In consistency with WPF (Windows Presentation Foundation), the presentation technology in Microsoft .NET Framework 3.0 (the Windows programming infrastructure), XAML (eXtensible Application Markup Language) is the foundation of the Silverlight presentation capability.

The Evolution of Web Development: Moving to Web.Next
When Tim Berners-Lee at CERN invented the modern Web, it was intended as a system that allowed static documents to be stored and linked on a networkbased system. Over the years, innovation grew, with the logical next step being "active" documents that are generated at the time they are requested with time-specific or userspecific information. Technologies such as CGI empowered this. Over time, the ability to generate documents on the Web became paramount, and the technology evolved through CGI, Java, ASP, and then ASP.NET. ASP.NET provided a milestone in the ability for a developer to develop quality Web applications quickly using a server-development paradigm and bestof-breed tools from the Visual Studio line of products.

Silverlight Tools
Microsoft Silverlight enables designers and developers to easily use existing skills to deliver media experiences and rich interactive applications for the Web with role-specific tools: for designers, Microsoft Expression Studio, and for developers, Microsoft Visual Studio. Microsoft Expression Studio takes the many sides of a designer’s creative personality to a whole new level. These professional design tools provide a greater flexibility to create sophisticated applications and content, while also providing compatibility with powerful developer tools to facilitate the development process of the completed site. Expression Blend 2 August Preview delivers a set of features that enable

designers to create compelling user experiences for Silverlight. Expression Design enables the ability to create rich visual elements for Silverlight applications. Silverlight offers a flexible and consistent programming model that supports AJAX, Python, Ruby, and .NET languages such as VB and C#, and integrates with existing Web applications. Developers can immediately take advantage of the current version of Microsoft Visual Studio 2005 to build their Silverlight application. Microsoft Visual Studio 2008 Beta 2 is the next generation development tool for Windows Vista, the 2007 Office system, and the Web. With Visual Studio 2008 Beta 2, building the latest AJAX enabled Web site and developing Silverlight applications is made much easier While both suite of products, Expression Studio and Visual Studio, are within the realms of building the next generation of applications, they target different roles and metaphors when building your solution. Expression Studio has been built for designers to create the graphics and user interaction in a Silverlight application, whereas the Visual Studio family of products targets developers who add application logic and code.

Microsoft: Top Banana Silverlight Application
Metaliq's Top Banana application, built using Microsoft's Silverlight technology, breaks the mold of traditional video editing. Utilizing Silverlight's crossbrowser, cross-platform and powerful audio and video capabilities, Top Banana provides users with a completely fluid and free-form interface for browsing, sorting and editing video content. Through simple drag and drop interactions, users can quickly arrange and snap together video clips, forming complex video compilations. Top Banana is one of the first Silverlight applications developed using managed code, C#, Visual Studio and Microsoft Expression. And its light table"like work area and user-friendly approach opens up the creative potential for users of all abilities.

Building a Simple Silverlight Application
Let's start by taking a look at the Microsoft Expression Blend to create a very simple application in XAML for Silverlight. To create a Silverlight application in Blend, select File->New project and the New Project dialog box opens. See Figure 1.

Figure 1. Creating a new Silverlight project with Expression Blend

Select OK and a new project will be created. This project will contain a default HTML page, some JavaScript code-behind this page, a XAML document, a JavaScript code behind for the XAML document and Silverlight.js. Silverlight.js contains the code for downloading and instantiating the Silverlight control. This is provided to you as part of the Silverlight SDK.Default.html is a standard HTML Web page. This contains three JavaScript script references, pointing to Silverlight.js, Default.html.js (which contains the application specific code for instantiating Silverlight), and Scene.xaml.js (which contains the event handlers for application events defined in the XAML). This is designed to separate the page (default.html), from the instantiation logic (default.html.js), and the design (Scene.xaml), and the event code (Scene.xaml.js). But, enough with the theory, let’s get down to developing a simple application.

In this white paper, you were given a high-level overview of Microsoft Silverlight and how it fits into the development stack for the next generation of Web applications. You saw how XAML is used as the glue that binds the specifications of the designer with the tools of the developer and the delivery to the user. You took a look at Expression Blend and how it can be used to define UI for your Web page, and how these can be programmed against using JavaScript. What you did in this article was only scratching the surface of what is possible with Silverlight. There is a wealth of functionality within this technology that you can use to start building the next Web today. It should be a fun ride; so, hop aboard!

Reference :

To top