Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Creating a rich internet application with Silverlight

From: Visual Studio 2010 Essential Training

Video: Creating a rich internet application with Silverlight

Silverlight is one of the shining jewels in the Microsoft toolkit. If you are new to Silverlight, this movie will give you a quick overview. If you want to learn more about Silverlight, there are a number of titles here on lynda.com that provides more details about this rich platform. What is Silverlight? It is Microsoft's framework for building complex, visually rich, cross-browser and cross-platform applications. Developers can create web applications in familiar languages, like Visual Basic and C#. Unlike HTML-based application, Silverlight has zero browser compatibility issues, but it does require a browser plug-in to be installed on the user's computer.

Creating a rich internet application with Silverlight

Silverlight is one of the shining jewels in the Microsoft toolkit. If you are new to Silverlight, this movie will give you a quick overview. If you want to learn more about Silverlight, there are a number of titles here on lynda.com that provides more details about this rich platform. What is Silverlight? It is Microsoft's framework for building complex, visually rich, cross-browser and cross-platform applications. Developers can create web applications in familiar languages, like Visual Basic and C#. Unlike HTML-based application, Silverlight has zero browser compatibility issues, but it does require a browser plug-in to be installed on the user's computer.

Silverlight is also one of the programming platforms for the new Windows Phone 7 devices. I am going to create a brand-new Silverlight project inside Visual Studio. To do that, I need to go to File > New > Project and then choose the Silverlight section. If you want to do a Silverlight 4 project, make sure you have the Visual Studio extensions installed. Next, I'll choose Silverlight Application. Make sure I'm in the folder that I want to be in-- in this case, it's the movie folder in my Exercise Files folder--and then click OK.

Visual Studio asks me if I would like a companion web site. I think that's a great idea, so I am going to click OK. If you look in the Solution Explorer, you'll see that there are two projects now: the SilverlightApplication and an ASP.NET application. What happens when I run the application is it compiles the Silverlight application, copies the special files over to the ASP.NET application, launches ASP.NET, and then loads my Silverlight control onto the page.

Before I run the application, let's put a little bit of user interface in here. I'm going to go to my toolbox and find the Silverlight Button and drag that over to the designer surface. If I'd rather used the XAML editor, I can use the bottom half of the split screen. Here I can hand type my own controls. For my case, I think I just might change the text on the button. So I am going to go to the Content property, and type in Change Text. Next, I will grab a TextBlock from the toolbox and drag that over and drop it on my designer surface.

Then I'm going to double-click on this button to stub in some code. Visual Studio wrote this little bit of code for me. And then I'm going to write one line of code here, textBlock1.Text = hello. Now we are ready to test this application. If you wanted to debug your Silverlight application, you can choose to Debug > Start Debugging. If you notice in the lower right-hand corner, the ASP.NET Development Server has started up.

Now my ASP.NET page is loaded and then embedded inside that page, the entire working area of the browser is now a Silverlight plug-in. I can click on this Change Text button and you see the hello string shows up. Now this is a rather plain application. I thought I would show you some interesting applications. I am going to show two more applications in this movie. I'll start by loading a project from our Silverlight 4 title. I'll go to File > Open > Project. I am going to go to our movie chapter and open this UsingBingMapControl, and then I am going to load this SLN file.

Next, I am going to open the Silverlight application and find this page called ChangeMapView. I also want to verify that this is my starting page, so I am going to double-click on this App.xaml.cs and make sure that it says, in line 29, that I want to load the ChangeMapView. Then I'll switch over to my XAML. What I am using in this example is a plug-in control called the BingMapControl.

I have written a text block across the top and three buttons and a couple of text blocks across the bottom that show our current latitude and longitude on the map. When you click on this New York button, I've written a little bit of code that changes the map mode and then uses the latitude and longitude position to change the map. This number here represents the zoom factor on the map. When you click on the Grand Canyon button, I do something similar. I change to a slightly different map mode, show the user the Grand Canyon with a higher zoom level.

I also put a couple of custom controls on the map. These are called pushpins. Not only do I put the pushpins on the map, but I also set a tooltip so when the user hovers over these pushpins, they can read this text. Let's see this in action. Debug > Start Debugging and then click Yes. That was the Save dialog, and here is my Bing map control. I can drag the map around and look at the map, double-click to zoom in, and then I can click on this New York button to move me over to the New York coordinates.

Then I can click on the zoom in to Grand Canyon button to move back to the Grand Canyon, switch to the aerial view. As I promised, here are the two pushpins, and I can hover over those and see the tooltips. The second example I want to show you is on the Internet-- this is as an open source project-- I'm particularly interested in this application because some of the pixel shader tools that I wrote are included in this application. It's called Fantasia, and it's at this URL.

This is a Silverlight photo editing application. So, I can draw on this application by choosing different brushes, like this Basic Furball brush. I can tint the pictures. I can use these pixel effects down here, like the Emboss effect, or Invert Colors effect and some of my favorites are Swirls where I can drag the center point around to any location. See how fast and responsive this is? I'll choose cancel on that one.

And let me show you one more before I close: Drain Flush. That gives me a nice swirling effect. There is a lot more we could talk about in Silverlight. Silverlight supports auto browser applications and a host of other interesting features. Be sure and check out our other titles here on lynda.com.

Show transcript

This video is part of

Image for Visual Studio 2010 Essential Training
Visual Studio 2010 Essential Training

86 video lessons · 30439 viewers

Walt Ritscher
Author

 
Expand all | Collapse all
  1. 2m 3s
    1. Welcome
      1m 2s
    2. Using the exercise files
      1m 1s
  2. 7m 19s
    1. Understanding the Visual Studio versions
      3m 51s
    2. Setting up your developer computer
      3m 28s
  3. 58m 2s
    1. Creating a Visual Studio project
      4m 58s
    2. Working with Solution Explorer
      6m 32s
    3. Working with big projects
      3m 53s
    4. Taking a tour of the Integrated Developer Environment (IDE)
      8m 36s
    5. Introducing drag-and-drop UI design
      7m 38s
    6. Working with the Properties window
      6m 44s
    7. Looking at Server Explorer
      7m 4s
    8. Exploring the new Help engine
      6m 41s
    9. Setting options for the IDE
      5m 56s
  4. 39m 25s
    1. Creating a simple WPF application
      1m 32s
    2. Building the UI with the editors
      9m 14s
    3. Working with the application code
      3m 37s
    4. Communicating with the web site
      7m 15s
    5. Connecting your data
      8m 4s
    6. Binding to an RSS feed
      5m 4s
    7. Packaging and deploying the application
      4m 39s
  5. 39m 46s
    1. What languages are supported in Visual Studio 2010?
      1m 17s
    2. Exploring basic settings for the Code Editor
      5m 35s
    3. Writing a C# program
      6m 48s
    4. Writing a VB program
      6m 29s
    5. Working with C++
      6m 38s
    6. Working with F Sharp
      6m 9s
    7. Font and color options
      6m 50s
  6. 1h 5m
    1. Formatting your code
      6m 43s
    2. Navigating your code
      7m 44s
    3. Using the Task List
      2m 26s
    4. Commenting your code
      2m 45s
    5. Documenting your code
      8m 26s
    6. Using IntelliSense effectively
      7m 0s
    7. Working with code snippets
      6m 25s
    8. Refactoring your code
      5m 15s
    9. Understanding code generation
      2m 10s
    10. Generating code with T4
      6m 29s
    11. Using the Class View, Class Designer, and Class Diagram tools
      5m 51s
    12. Refactoring VB with CodeRush Xpress
      4m 33s
  7. 1h 11m
    1. Working with project and item templates
      8m 38s
    2. Creating a console application
      7m 5s
    3. Creating a class library
      6m 26s
    4. Creating a web site with ASP.NET
      7m 37s
    5. Creating a rich internet application with Silverlight
      6m 57s
    6. Creating a classic Windows application with Windows Forms
      10m 31s
    7. Creating a dramatic Windows application with Windows Presentation Foundation (WPF)
      4m 41s
    8. Creating a WCF service
      9m 1s
    9. Using an existing WCF service
      6m 38s
    10. Navigation UI designs with the Document Outline view
      3m 41s
  8. 33m 18s
    1. Creating a data project with SQL Project
      6m 24s
    2. Clarifying the confusion on .NET Data
      3m 31s
    3. Using ADO.NET in your application
      6m 50s
    4. Creating typed datasets
      7m 55s
    5. Using the data binding tools
      8m 38s
  9. 30m 13s
    1. Debugging code
      9m 32s
    2. Working with the Watch and other debug windows
      7m 46s
    3. Other debugging techniques
      6m 50s
    4. IntelliTrace historical debugging in Visual Studio Ultimate
      6m 5s
  10. 17m 56s
    1. Understanding Visual Studio editions and test tools
      2m 22s
    2. Verifying your code with unit tests
      8m 58s
    3. Running performance and load tests
      6m 36s
  11. 34m 5s
    1. Building your application
      4m 19s
    2. Customizing the build process with MSBuild
      6m 36s
    3. Setting assembly information
      2m 12s
    4. Deploying a basic Windows application
      2m 19s
    5. Creating an installer with Visual Studio
      7m 39s
    6. Creating a ClickOnce application
      5m 13s
    7. Setting up IIS for deploy
      2m 9s
    8. Deploying a Silverlight or ASP.NET application
      3m 38s
  12. 14m 0s
    1. Understanding source control
      2m 9s
    2. Setting up Team Foundation Server source control
      3m 5s
    3. Using Team Foundation Server source control
      8m 46s
  13. 17m 31s
    1. Understanding the .NET Office integration
      4m 16s
    2. Making a Word 2010 application
      7m 54s
    3. Making an Excel 2010 add-in
      5m 21s
  14. 31m 34s
    1. Understanding the extensibility model in Visual Studio
      2m 17s
    2. Adding external tools to the Tools menu
      4m 42s
    3. Creating macros
      7m 16s
    4. Using the Extension Manager
      5m 1s
    5. Creating an MEF add-in
      7m 9s
    6. Deploying and installing an add-in with VSIX
      5m 9s
  15. 25m 34s
    1. Working with configuration files
      5m 37s
    2. Using the Settings Editor
      7m 30s
    3. Using the Resources Editor
      6m 59s
    4. Localizing your resources
      5m 28s
  16. 1m 17s
    1. Goodbye
      1m 17s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Join now "Already a member? Log in

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Visual Studio 2010 Essential Training.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Are you sure you want to delete this note?

No

Your file was successfully uploaded.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.