SharePoint 2010 : Déploiement D’application Silverlight · SharePoint 2010 : Déploiement D’application Silverlight 2010 Page 3 Introduction Silverlight est un plugin pour navigateur

SharePoint 2010 : Déploiement D’application Silverlight 2010

Page 1


Page 2

Contents Introduction ............................................................................................................................................. 3

Pré requis :............................................................................................................................................... 4

Coté développer .................................................................................................................................. 4

Cotez serveur : ..................................................................................................................................... 4

Coté clients : ........................................................................................................................................ 4

Installation d’une Plateforme de développement Pour les développeurs ............................................. 5

Installation de SharePoint foundation sur Windows 7 : Installation des Prérequis............................ 5

Installation de SharePoint foundation sur Windows 7 : Installation de SharePoint 2010 ................ 18

Configuration de SharePoint et création d’un site à l’aide de l’assistant de configuration .............. 25

Installation de Visual Studio 2010 ..................................................................................................... 29

Application Silverlight création et déploiement via les paquets wsp .................................................. 32

Création de l’application Silverlight .................................................................................................. 32

Création d’un projet SharePoint et déploiement .............................................................................. 37

Déployer une application Silverlight en mode texte ......................................................................... 48

Conclusion ............................................................................................................................................. 53


Page 3

Introduction

Silverlight est un plugin pour navigateur Web multiplateforme. Il permet la lecture de contenus

multimédia comme des vidéos (MPEG4, H264, Windows Media) du son etc....Il permet aussi de

développer des applications web riches (Riche Internet Applications, ou RIA)

Pour créer des applications Silverlight une certaine maitrise du XAML pour l'interface et du code VB

ou C# pour le code behind est nécessaire. La Suite Expression Studio Permet de réaliser des

applications et des animations Silverlight de manière assisté.

SharePoint est une plateforme collaborative permettant la gestion de contenu, de document et peut

servir de générateur de site de blog etc...Le déploiement d’application Silverlight a été facilité à

l’arrivée de SharePoint 2010. En effet la version 2007 ne supportait pas en natif Silverlight ce qui est

le cas avec SharePoint 2010. Le ruban permet en quelque clique l ‘intégration des applications

Silverlight.


Page 4

Pré requis :

Coté développer Visual Studio 2010 qui est l’IDE recommandé pour le développement en .NET (C#, VB, J#...)

dans sa version si vous ne disposez pas de License sachez qu’une version gratuite la version

Visual studio express reste disponible sur le site de téléchargement de Microsoft.

Silverlight 3 ou 4 SDK selon la version que vous souhaitez utilisé sur le site de téléchargement

de Microsoft Je vais utilisez la version 3 pour ce tutorial.

Blend 4 qui est un outil permettant la conception de l’interface de votre application vous

pourrez avoir une version d’évaluation de 60jours sur le site de Microsoft. Cependant sachez

que blend n’est pas obligatoire pour ce tutorial Visual Studio permet d’avoir une vue simplifié

pour crée une interface

Les deux dll suivante :

o Microsoft.SharePoint.Client.Silverlight.dll

o Microsoft.SharePoint.Client.Silverlight.Runtime.dll

Cotez serveur : Une ferme SharePoint 2010 installé et configurer

Coté clients : Composant Silverlight.


Page 5

Installation d’une Plateforme de

développement Pour les développeurs

Installation de SharePoint foundation sur Windows 7 : Installation des

Prérequis Ouvrez un terminal cmd et via la commande cd rendez-vous le répertoire ou se trouve l’installation

de SharePoint foundation ou pressez la touche shift et faite clique droit. Et cliquez sur « ouvrir une

fenêtre de commandes ici ».

Figure 1

Nous allons commencer par créer un répertoire de destination pour les composants d’installation de

SharePoint foundation. Via la comande « mkdir <Nom du répertoire> ».

Figure 2

Nous allons maintenant extraire les fichiers de l’installeur de SharePoint foundation. Via la comande :

« SharePointFoundation /extract:<repertoire de destination> ».


Page 6

Figure 3

Nous allons maintenant modifier le fichier config.xml afin d’autoriser l’installation de SharePoint sur

Windows 7. Le fichier config.xml se trouve dans « <répertoire de package>\Files\Setup ».

Et il faudra rajouter la ligne : <Setting Id="AllowWindowsClientInstall" Value="True"/> Votre fichier ressemblera à celui-ci

<Configuration>

<Package Id="sts">

<Setting Id="SETUPTYPE" Value="CLEAN_INSTALL"/>

</Package>

<DATADIR Value="%CommonProgramFiles%\Microsoft Shared\Web Server Extensions\14\Data"/>

<Logging Type="verbose" Path="%temp%" Template="Microsoft SharePoint Foundation 2010 Setup *.log"/>

<Setting Id="UsingUIInstallMode" Value="1"/>

<Setting Id="SETUP_REBOOT" Value="Never" />

<Setting Id="AllowWindowsClientInstall" Value="True"/>

</Configuration>

Ne sautez surtout pas l’étape précédent car sinon vous aurez une fenêtre d’erreur comme celle-

ci vous lancez l’application:


Page 7

Figure 4

Commençons par installer les prérequis logiciel qui seront pour SharePoint foundation :

Microsoft Sync Framework

SQL Server Native Client

Windows Identity Foundation

ADO.NET Data Services v1.5

Microsoft Filter Pack 2.0

Disponible sur le site de microsoft.

Dans Un premier temps nous allons installer Microsoft Sync Framework il s’agit d’une installation basique avec quasiment que des suivants.


Page 8

Figure 5

Figure 6

Figure 7


Page 9

Figure 8

Maintenant nous allons procéder à l’installation de SQL server Native Client 2008.

Figure 9

Figure 10


Page 10

Figure 11

Figure 12

Figure 13


Page 11

Figure 14

Figure 15

Apres nous allons installer la mise à jour Windows Windows Identity Framework.

Figure 16


Page 12

Figure 17

Figure 18

Installons ADO.NET Data Services v1.5 toujours pareil il s’agit d’une succession de suivant.

Figure 19


Page 13

Figure 20

Figure 21

Maintenant nous allons installer Microsoft Filter Pack 2.0 :

Figure 22


Page 14

Figure 23

Figure 24

Figure 25

Maintenant il est nécessaire d’activé IIS 7.5 ainsi que certaine fonctionnalité qui je rappelle est un

serveur de service web.

Deux méthodes pour installer le service IIS 7.5 via le panneau de configuration Programmes et

fonctionnalités:


Page 15

Figure 26

Et cochez les cases dans la section service Internet IIS :

Dans Outils d’administration web

Console de gestion IIS

Scripts et outils de gestion IIS

Compatibilité avec la gestion IIS 6

o Compatibilité avec la métabase IIS et la configuration IIS 6

o Compatibilité avec le service WMI IIS 6

Dans Services World Wide Web

Etat de santé et diagnostics

o Journalisation HTTP

o Journalisation personnalisée

o Observateur de demandes

o Outils de journalisation

o Suivi

Fonctionnalités de développement d’application

o APS.NET


Page 16

o Extensibilité .NET

o Extensions ISAPI

o Filtres ISAPI

Fonctionnalités de performances

o Compression de contenu dynamique

o Compression du contenu statique

Fonctionnalités HTTP communes

o Contenu Statique

o Document par défaut

o Erreurs HTTP

o Exploration de repertoire

Sécurité

o Authenfication de Base

o Authentification Digest

o Authentification Windows

o Filtrage des demandes

Selon moi la méthode la plus simple est la réalisation d’un script permettant d’installer IIS. (veuillez

penser à retirer les saut de ligne avant de lancer la commande).

start /w pkgmgr /iu:IIS-WebServerRole;IIS-WebServer;IIS-CommonHttpFeatures;

IIS-StaticContent;IIS-DefaultDocument;IIS-DirectoryBrowsing;IIS-HttpErrors;

IIS-ApplicationDevelopment;IIS-ASPNET;IIS-NetFxExtensibility;

IIS-ISAPIExtensions;IIS-ISAPIFilter;IIS-HealthAndDiagnostics;

IIS-HttpLogging;IIS-LoggingLibraries;IIS-RequestMonitor;IIS-HttpTracing;IIS-

CustomLogging;IIS-ManagementScriptingTools;

IIS-Security;IIS-BasicAuthentication;IIS-WindowsAuthentication;IIS-

DigestAuthentication;

IIS-RequestFiltering;IIS-Performance;IIS-HttpCompressionStatic;IIS-

HttpCompressionDynamic;

IIS-WebServerManagementTools;IIS-ManagementConsole;IIS-IIS6ManagementCompatibility;

IIS-Metabase;IIS-WMICompatibility;WAS-WindowsActivationService;WAS-ProcessModel;

WAS-NetFxEnvironment;WAS-ConfigurationAPI;WCF-HTTP-Activation;

WCF-NonHTTP-Activation


Page 17

Figure 27

Vérifions que le service IIS fonctionne via Internet Explorer.

Figure 28


Page 18

Installation de SharePoint foundation sur Windows 7 : Installation de

SharePoint 2010 Lancer le fichier setup.exe qui se trouve dans le répertoire dans lequel vous avez extrait les paquets

d’installation. Cochez la case « J’accepte les termes de ce contrat. » cliquez sur continuer.

Figure 29

Cliquez sur Batterie de serveurs.

Figure 30


Page 19

Cochez la case Installation en mode autonome qui va permettre d’installer SharePoint 2010 en mode

autonome c’est dire avec un le moteur SQL express 2008. Nous allons voir comment le mettre à jour

et le faire passer à la version 2008R2

Figure 31

Figure 32

Décochez la case « Exécuter l’assistant de configuration des produits SharePoint ». Et cliquez sur

fermer


Page 20

Figure 33

Cliquez sur « Mise à niveau de SQL serveur 2000,… »

Figure 34

Cliquez sur Install pour installer les fichiers de support du programme d’installation.


Page 21

Figure 35

Acceptez les termes du contrat. Et cliquez sur suivant.

Figure 36

Sélectionnez l’instance de base donnée à mettre jour. Et cliquez sur suivant.


Page 22

Figure 37

Cliquez sur suivant.

Figure 38

Ici nous avons un résumé sur l’espace disque qui sera consommé. Et cliquez sur suivant.


Page 23

Figure 39

Ici le fait de cochez la case permettra d’envoyer les rapports de d’erreur chez Microsoft. Cliquez sur

suivant. Et le processus d’installation commencera.

Figure 40


Page 24

Figure 41

Cliquez sur fermer.

Figure 42


Page 25

Configuration de SharePoint et création d’un site à l’aide de l’assistant de

configuration Lancer l’assistants de configuration des produits SharePoint.

Figure 43

Cliquez sur suivant et à l’apparition de l’alerte cliquez sur ok.

Figure 44

Il s’agit d’un avertissement vous prévenant que votre SharePoint doit être utiliser à des fin de

développement et pas autre chose. Puis au second message clique sur oui il vous indique que certain

service vont être redémarré.


Page 26

Figure 45

Figure 46

Et la configuration de la ferme se lance immédiatement.

Figure 47


Page 27

L’installation s’est terminer cliquez sur Terminer.

Figure 48

Voilà notre SharePoint 2010 est installé sur mon Windows 7 Professionnel.

Figure 49

Maintenant nous allons créer une bibliothèque dans laquelle nous stockerons les applications

déployer cliquer sur : Action du site puis cliquez sur autre option cliquez sur Bibliothèque de

document saisir un nom. Et cliquez sur créer.


Page 28

Figure 50

Maintenant que nous avons installé notre SharePoint de développement nous allons installer notre

IDE Visual studio 2010.


Page 29

Installation de Visual Studio 2010 Cliquez sur Installer Microsoft Visual Studio 2010.

Figure 51

Patientez pendant le chargement des modules pour Visual studio 2010

Figure 52

Accepté les termes de License et cliquez suivant.


Page 30

Figure 53

Pour le moment on choisira l’installation complète qui installera tous les composants de Visual studio

2010. En cliquant sur personnalisé vous pourrez choisir de ne pas installer les composant de langage

(J#, VB.NET etc..) que l’on ne compte pas utilisée. Je vous conseille de vous rapprocher sur du site

labo-dotnet ou des sites sur les techno .NET. cliquez sur installer.

Figure 54

L’installation peut durer environs entre 30 à 40 minutes. Des redémarrage seront nécéssaire.


Page 31

Figure 55

Cliquez sur terminer. Pour terminer l’installation.

Figure 56

Bien sûr pour plus d’option dans votre développement en silverlight vous pouvez installer la suite

Expression de Microsoft, les composant Ria Services, RiaServices_Toolkit, Silverlight 4 SDK, et surtout

Silverlight développer etc…

Maintenant que nous avons installé notre environnement de développement nous allons pouvoir

développer une application puis la déployer.


Page 32

Application Silverlight création et

déploiement via les paquets wsp

Création de l’application Silverlight Lancer Visual Studio 2010. Et créer un nouveau projet application Silverlight et cliquez sur ok pour

lancez la création des fichiers nécessaires pour commencer à développer.

Figure 57

Donnez ici un nom à votre projet web définissez la version de Silverlight 3 ou 4 ici. Et cliquez sur ok.

Figure 58

Votre projet est créé. Nous allons via une référence dire que notre application sera utilisée pour une

application SharePoint. Pour se faire nous allons ajouter les référence nécessaire pour le

développement de l’application ainsi qu’as sont déploiement.


Page 33

Figure 59

Dans l’explorateur de solution, dans la partie références faite un clic droit ajouté une référence (ici

add reference comme nous utilisons une version anglaise de Visual studio) Figure 4.

Figure 60

Dans l’onglet parcourir allez dans C:\Program Files\Common Files\Microsoft Shared\Web Server

Extensions\14\TEMPLATE\LAYOUTS\ClientBin

Et sélectionnez les deux dll suivante.

Microsoft.SharePoint.Client.Silverlight.dll

Microsoft.SharePoint.Client.Silverlight.Runtime.dll

Et cliquez sur ok.


Page 34

Notez que je développe sur l’application sur le serveur directement. Mais rien ne vous

empêche de récupérer ces références sur le serveur.

Figure 61

Vous devriez avoir le résultat de la figure suivante.

Figure 62

Faite un clique droit puis afficher le code. Vous verez votre code behind.

Figure 63


Page 35

Maintenant nous allons importer les références dans notre projet. Via la ligne :

using Microsoft.SharePoint.Client;

Figure 64

Maintenant il faut implémenter le code de votre application Silverlight. Pour nos besoin on va

simplement réalisez une application qui lit une vidéo mon clip « Avec toi ». Vu que je ne suis pas un

artiste du code je vais utiliser expression blend. Pour créer rapidement une application.

Figure 65


Page 36

Mon code au final ressemblera à ceci :

XAML

C#

<UserControl x:Class="MonLecteurVide.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d" d:DesignHeight="400" d:DesignWidth="500"> <Grid x:Name="LayoutRoot" Background="White" Width="500" Height="400"> <MediaElement x:Name="test_wmv" Margin="20,29,20,84" Source="/video/Marysa.wmv" Stretch="Fill"/>

<Button Content="Play" x:Name="PlayBut" HorizontalAlignment="Left" Height="30" Margin="35,0,0,27" VerticalAlignment="Bottom" Width="104" Click="PlayBut_Click" /> <Button Content="Pause" x:Name="PauseBut" Height="30" Margin="152,0,242,27" VerticalAlignment="Bottom" Click="PauseBut_Click" /> <Slider HorizontalAlignment="Right" Height="17" Margin="0,0,53,27" VerticalAlignment="Bottom" Width="145" x:Name="vol" Minimum="0" Maximum="1" Value="{Binding Mode=TwoWay,ElementName=test_wmv,Path=Volume}"/>

</Grid> </UserControl>

using System; using System.Collections.Generic; using System.Linq; using System.Net; using System.Windows; using System.Windows.Controls; using System.Windows.Documents; using System.Windows.Input; using System.Windows.Media; using System.Windows.Media.Animation; using System.Windows.Shapes; using Microsoft.SharePoint.Client; namespace MonLecteurVide { public partial class MainPage : UserControl { public MainPage() { InitializeComponent(); } private void PlayBut_Click(object sender, RoutedEventArgs e) { test_wmv.Play(); } private void PauseBut_Click(object sender, RoutedEventArgs e) { test_wmv.Pause(); } } }


Page 37

Maintenant que notre application Silverlight a été créée nous allons le déployer via Visual studio.

Création d’un projet SharePoint et déploiement Toujours dans notre solution. Nous allons créer un projet SharePoint2010

Figure 66

Figure 67

Visual Studio vous propose dans un premier temps de spécifier la collection de site qui fera office de

debuggage. Puis vous demande si il s’agit d’une solution sandbox(qui permet de lancer les

application en développement donnant le pouvoir a votre SharePoint 2010 de stopper l’application si

elle devient trop gourmande il est recommander de l’utiliser en phase de test nous verrons après que

dans le processus d’un vrai déploiement la seconde option sera la bonne afin de déployer

l’application définitivement). Cliquez sur terminer. Vous aurez le résultat de la figure 68.


Page 38

Figure 68

Figure 69

Maintenant nous allons ajoutez un élément module qui permettra de déclarer notre application

Silverlight dans notre .wsp. clic droit sur le projet ajouter > Nouvel element.


Page 39

Figure 70

Prenez le fichier module. Et cliquez sur ajouter.

Figure 71

Ici nous avons un exemple pour la déclaration d’un fichier exemple « Sample.txt)

Figure 72


Page 40

Supprimons le fichier sample.txt vous devriez avoir le résultat suivant :

Figure 73

Nous allons procédez a la déclaration de notre fichier .xap (application Silverlight).

Tous d’abord cliquez sur le module que nous venons de créer puis dans la section propriété cliquez

sur références de sortie de projet.

Figure 74


Page 41

Dans la section nom du projet sélectionnez le nom de votre projet. Comme type de projet

Elementfile et automatiquement des lignes viendront se rajoutez dans votre Element.xml.

Figure 75

Figure 76

Rajoutez dans la balise Module Url= « Apps1 » (cela peut différer pour vous). Votre fichier devrait

ressembler.

Figure 77


Page 42

Nous allons modifier les actions de déploiement tous d’abord toujours dans la solution SharePoint

faite un clic droit les propriétés de la solution dans la section SharePoint Ajouter une nouvelle

configuration ayant les mêmes paramètres que l’écran 78 et 79.

Figure 78

Figure 79

Mettez votre l’option Solution bac à sable à false dans les propriétés du projet.


Page 43

Figure 80

Compiler votre projet. Vous devriez avoir un résultat semblable aux figures 81 et 82. La figure 81 il

s’agit des logs de déploiement de ma solution sous Visual studio. Et la figue 82 il s’agit de la liste des

fonctionnalité et on voit bien que mon application MyDeployment feature1 a été déployer

convenablement.

Figure 81

Figure 82


Page 44

Rendons nous sur la page d’accueil. Rendez-vous sur le site récemment crée cliquez sur éditer la page

soit en cliquant sur l’icône gauche de parcourir (la feuille avec le crayon ou action du site puis modifie

la page.

Figure 83

Allez sur l’onglet insérer et cliquez Composant WebPart. Cela nous permettra d’intégrer des

composants de tous types (Silverlight, Excel, ….)


Page 45

Figure 84

Allez dans media et contenu puis sélectionnez composant intégrer Silverlight. Cliquez sur ajouter.

Figure 85

Au popup vous allez rentrer l’url de votre application *.xap pour nous se sera :


Page 46

http://shadow972-pc/Apps1/MesModules/MonLecteurVide.xap qui donne en chemin

relatif : ~site/Apps1/MesModules/MonLecteurVide.xap

Figure 86

Sur la flèche en à droite du composant Silverlight cliquez sur modifier le composant webpart permet

d’accéder aux propriétés du composant taille titre etc…

Figure 87

Nous venons de déployer le composant Silverlight avec Visual studio.

http://shadow972-pc/Apps1/MesModules/MonLecteurVide.xap


Page 47

Figure 88

Bien sûr vous pourrez voir le fichier wsp dans l’administration centrale de SharePoint (qui la console

qui permet la gestion et la configuration complète de votre SharePoint) dans la section

administration centrale puis gestion des solutions.

Figure 89

Maintenant que nous avons réalisé un déploiement avec Visual studio nous allons maintenant le faire

avec les outils en mode texte.


Page 48

Déployer une application Silverlight en mode texte Recréer un projet SharePoint 2010 comme vu précédemment avec un nom différent et des

paramètres différents. Mon Projet Silverlight sera sensiblement pareil sauf qu’ici je vais changer le

clip de celui-ci.

Figure 90

Allez dans le menu générer puis cliquez sur package pour générer le .wsp

Figure 91

Rendons nous dans le répertoire ou se situe le .wsp. pour se sera dans le « C:\Users\Administrateur\Documents\Visual Studio 2010\Projects\LaFouineAmiralT\AdmirlDeploy\bin\Debug\ »

Pour vérifier la présence du .wsp


Page 49

Figure 92

Nous allons commencer le déploiement de se .wsp via power Shell et la commande

Add-SPSolution qui uploade la nouvelle solution et Install-SPSolution qui installe celle-ci Pour cela

lancer SharePoint 2010 Management Shell. Une console power Shell va se lancer

Figure 93

A dans le répertoire du fichier wsp grâce à la commande cd .\<chemin du repertoire du fichier wsp>

Et tapez la commande dir pour vérifier la présence des fichiers.


Page 50

Figure 94

Dans un premier temps nous allons uploader la solution via la commande :

Add-SPSolution <chemin de la du fichier .wsp>

Puis nous allons vérifier l’états de déploiement des application via la commande

Get-SPSolution

Figure 95

Maintenant nous allons déployer (installer) la solution via la commande :

Install-SPSolution –Identity <le nom du fichier .wsp> –GACDeployment


Page 51

Figure 96

Maintenant rendez-nous sur la collection de site sur lequel nous faisons nos tests cliquez sur action

du site puis paramètre du site :

Figure 97


Page 52

Dans la section action du site cliquer sur gérer les fonctionnalités.

Figure 98

Et activer la solution que vous venez de créer maintenant retournons dans la bibliothèque

d’application le Apps que nous avons créé.

Figure 99

Retournons sur la page d’accueil et nous allons de nouveau effectuer les mêmes étapes pour l’ajout

d’un composant web part Silverlight. Normalement vous devriez avoir un résultat semblable.

Figure 100


Page 53

Conclusion

SharePoint 2010 confirme bien sa facilité d’usage. En effet nous avons vu comment déployer des

applications Silverlight tous d’abord via Visual studio l’IDE en quelque clique nous avons des

applications prêt à être déployer en quelque seconde. Avec des outils en mode texte via les applets

PowerShell Add-SPSolution et Install-SPSolution qui viennent remplacer l’outils stsadmin de

SharePoint.

Concernant les outils sandbox très utiles pour les environnements de test et de débogage il permet

au développeur d’étudier les réactions dans un environnement sensible sans pour autant déployer le

réelement.

Néanmoins il existe d’autres outils de déploiement de SharePoint comme SharePoint Solution

Installer V2.0 de codeplex qui vous permettra de déployer vos applications.

Pour le déploiement des applications je vous invite fortement de visiter des sites comme codeplex et

Microsoft pour vos applications SharePoint.