Anpassa installationsupplevelsen i Silverlight-applikationer

Om du skapar en Silverlight-applikation med Visual Studios mall så kommer den som standard att visa en “medaljong” som uppmanar användaren att ladda hem plug-in:en ifall denna inte är installerad:

Den här medaljongen säger kanske inte dina användare speciellt mycket om varför de ska installera något på sin dator, vad de går miste om ifall de inte gör det och vad Silverlight egentligen är.

Sedan Silverlight 1.0 har du dock haft möjlighet att anpassa den här bilden till något annat som passar din applikation och användarupplevelse bättre, och som också kan användas som “teaser” för att visa användarna vad de går miste om ifall de inte installerar Silverlight.

I det enklaste fallet är det mycket simpelt att göra den här anpassningen – så här ser den genererade HTML-koden ut i den HTML-testsida Visual Studio skapar i ett nytt Silverlight-projekt:

    1:      <div id="silverlightControlHost">

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

    3:              <param name="source" value="ClientBin/SilverlightApplication6.xap"/>

    4:              <param name="onerror" value="onSilverlightError" />

    5:              <param name="background" value="white" />

    6:              <param name="minRuntimeVersion" value="3.0.40307.0" />

    7:              <param name="autoUpgrade" value="true" />

    8:              <a href="https://go.microsoft.com/fwlink/?LinkID=141205" style="text-decoration: none;">

    9:                   <img src="https://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight" style="border-style: none"/>

   10:              </a>

   11:          </object>

   12:          <iframe style='visibility:hidden;height:0;width:0;border:0px'></iframe>

   13:      </div>

HTML-koden på rad 8-10 är den som avgör vad som ska visas om användaren inte har Silverlight installera, i det här fallet standard-medaljongen. Du kan alltså enkelt själv lägga in vilken bild som ska visas.

Vi använde den här tekniken när vi skapade Melodifestivalsajten för MSN – där vi la ut en utgråad version av vad som skulle visas med Silverlight för att locka användare att installera:

Men – det går att göra mycket mer avancerade tweaks av installationsupplevelsen och nu har vi släppt ett whitepaper tillsammans med bra exempel som visar hur du bl.a. kan:

• Skapa en riktigt bra användarupplevelse för användare som inte har Silverlight installerad
• Hantera mediacentrerade applikationer och andra typer av applikationer
• Implementera olika beteenden för olika tillstånd: t.ex. Silverlight är inte installerad, uppgradering behövs, webbläsaren behöver startas om
• Anpassa installationsupplevelsen baserat på språkinställningar