Offrir une expérience sans compromis de vos applications Silverlight dans SharePoint 2010 en quelques lignes
L’intégration forte de SharePoint 2010 avec Silverlight permet d’offrir une expérience unique à vos utilisateurs (et ils vont aimer ça !). Vous le savez déjà me direz vous, et pour cela il suffit même juste de prendre le fichier .xap de l’application, et d’ajouter une webpart Silverlight pour intégrer une application dans SharePoint 2010.
“C’est pas faux”, mais qu’en est-il si l’utilisateur n’a pas Silverlight et que pour garantir le contenu de votre page, vous souhaitez soustraire l’emplacement ‘vide’/non fonctionnel par une image au lieu d’une bannière de demande d’installation ? Comment spécifier des paramètres variables (server side) ? Comment personnaliser le processus d’installation en toute simplicité ? Compliqué avec la webpart Silverlight (bien que l’on puisse la personnaliser quand même jusqu’à un certain point). Je vous présente (ou fait redécouvrir) un script qui vous simplifiera la vie pour réaliser ces tâches : Silverlight.js disponible sur MSDN Code.
Une fois le script Silverlight.js intégré dans vos webparts ou autre support (gabarit de page, master page, controle, etc), il ne suffit plus que de saisir les quelques lignes de codes suivantes pour afficher votre application et prévoir une option de secours si vos utilisateurs n’ont pas Silverlight d’installer :
<div id="silverlightControlHost">
<script type="text/javascript">
// Contenu alternatif (installation) si pas de Silverlight en vue
var getSilverlightMethodCall =
"javascript:Silverlight.getSilverlight(\"4.0.50401.0\");"
var installImageUrl =
"http://go.microsoft.com/fwlink/?LinkId=161376";
var imageAltText = "Obtenir Microsoft Silverlight";
var altHtml =
"<a href='{1}' style='text-decoration: none;'>" +
"<img src='{2}' alt='{3}' " +
"style='border-style: none'/></a>";
altHtml = altHtml.replace('{1}', getSilverlightMethodCall);
altHtml = altHtml.replace('{2}', installImageUrl);
altHtml = altHtml.replace('{3}', imageAltText);
Silverlight.createObject(
"ClientBin/MonAPplicationSilverlight.xap",
silverlightControlHost, "slPlugin",
{
width: "100%", height: "100%",
background: "white", alt: altHtml,
version: "4.0.50401.0"
},
{ onError: onSLError, onLoad: onSLLoad },
"param1=value1,param2=value2", "row3");
</script>
</div>
Pour Firefox, il faut un petit hack pour que cela fonctionne :
Silverlight.createObject( "ClientBin/SilverlightApplication1.xap", $get("silverlightControlHost"), "slPlugin", {
La génération de cette sortie HTML/javascript (depuis une contrôle ou une webpart par exemple) permettra aisément de spécifier les valeurs des paramètres en fonction du contexte d’utilisation et de l’emplacement du site dans votre collection de sites.
Update : pour vous simplifier encore plus la tâche, vous pouvez utiliser le modèle ‘Silverlight Web Part’ de projet Visual Studio 2010 disponible dans la galerie en ligne des extensions.
N’oubliez pas de rendre vos applications Silverlight accessible, pour rappel c’est possible depuis Silverlight 2 !
Lien vers la documentation MSDN :http://msdn.microsoft.com/en-us/library/cc265155(vs.95).aspx
Merci à l’équipe pour son travail qui m’a fait gagner une demi journée de labeur 
Ce post vous a plu ? Ajoutez le dans vos favoris pour ne pas perdre de temps à le retrouver le jour où vous en aurez besoin :
