Deployment Guide for Newbies?

Oct 30, 2008 at 12:55 PM
Is there a simple deployment guide for Slideshow 2?

The Quickstart guide is great for configuration but it doesn't give any guidance as to what should be uploaded and where.

I'm trying to set up a Flickr based show but, so far, I'm getting nowhere.

Fras
Oct 31, 2008 at 8:13 PM
Edited Oct 31, 2008 at 8:14 PM

I was curious about Slide.Show2 and Flickr so I thought I would set up a test page using them. It was a fairly painless process minus a couple gotchas. Here are the steps I followed. 

Step 1. Set up Flickr.

I didn't have a Flickr account so I had to create one and upload some photos. Slide.Show uses the Flickr API to communicate with Flickr so I had to also request an API key which is simple and quick process for non-commercial uses. You can get yours by visiting http://www.flickr.com/services/api/keys/.

Once you have your API key you can verify it by making an API call for your internal Flickr user id as follows:

 

http://api.flickr.com/services/rest/?method=flickr.people.findByUsername&api_key=[APIKey]&username=[FlickrUserName]

 

Don’t confuse your Flickr user name with your Flickr account login id as I initially did. UserName is your Flickr Screen Name. My account login id was based on my Yahoo account which was entirely different. If you have the proper user name and API key you should get a response such as:


<?xml version="1.0" encoding="utf-8" ?>

<rsp stat="ok">

    <user id="32941384@N07" nsid="32941384@N07">

        <username>User Name</username>

    </user>

</rsp>

 

Otherwise you will get an error message indicating unknown user. 

Step 2. Create the webpage to hold the slide viewer.

Since I was only testing the viewer out I decided to just use the Flickr sample page Vertigo supplied in their Samples project within the source code. The Default.html file is located within the Flickr folder. The html file only references a Default.css stylesheet and the Slide.Show.xap Silverlight file. These were located in different folders but for my test I decided to modify the html and place all three files into the same folder. I also switched to the dark theme for personal taste.


<!
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

    <head>

        <title>My Flickr Slide.Show</title>

        <link type="text/css" rel="stylesheet" href="Default.css" />

    </head>

    <body class="dark">

        <object type="application/x-silverlight-2" data="data:application/x-silverlight-2," width="640" height="480">

            <param name="background" value="#fff" />

            <param name="source" value="Vertigo.SlideShow.xap" />

            <param name="initParams" value="ConfigurationProvider=DarkTheme,DataProvider=FlickrDataProvider;UserName=Jerome Simon;ApiKey=625f8dd2d4ae71e5bef9450add73ab5d" />

            <a href="http://go.microsoft.com/fwlink/?LinkID=124807" style="text-decoration: none;"><img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight" style="border-style: none" /></a>

        </object>

    </body>

</html>

 

 

Step 3. Copy contents to your website.

 

I then copied these three file to my website.  Type the url to the Default.html file and you should be in business.  At least that is what I thought.  My html page was coming up and I could see that my css file was taking affect, and my browser was recognizing the Silverlight object tag but no Slide viewer.  It turns out, that most webservers will not serve up .xap files as they are not aware of the MIME type for .xap files.  You may need to configure your server to serve up this MIME type. Here is the article that helped me out.

 

http://blogs.msdn.com/tims/archive/2008/03/18/configuring-a-web-server-to-host-silverlight-content.aspx 

 

 

Once I had my MIME type set, it worked perfectly. 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Coordinator
Nov 5, 2008 at 4:02 PM
Great article subjerome. Thanks for taking the time to publish it.

1 point about the Apikey, whilst a user can go ahead and sign up for an api key if they choose they don't need to. We set up a shared API key for everyone to use. It is in the quick start guide.

Cheers,
Liam
Nov 5, 2008 at 4:20 PM
Thanks for the excellent help.

Unfortunately, I was trying to set it up on a free host (www.000webhost.com).  I contacted their support who gave all sorts of bizarre reasons why they couldn't possibly add the correct MIME types to enable Silverlight but were willing to do so if I upgraded to a paid account.   Understandable, I guess, but I'd have preferred the straightforward "this is only avalailable on paid accounts" instead the alleged technical excuses that they initially gave.

So, I'll have to give up for the time being.  This was only an experiment so I'm not planning on signing up for paid hosting yet.

cheers.
Fraser
Feb 1, 2009 at 4:17 AM
I did exactly what you described and it worked with other flickr accounts described in the documentation but not my account.  I got two different non-commercial accounts and it
did not work.  Any advice?    Is it possible that flickr is blocking only paid accounts?

I got the xml returned in the example above but it still didn't work.
Feb 1, 2009 at 4:19 AM
Just in case there is any confusion; I got the xml as described in the tutorial.

<?xml version="1.0" encoding="utf-8" ?>

<rsp stat="ok">

    <user id="32941384@N07" nsid="32941384@N07">

        <username>User Name</username>

    </user>

</rsp>