Introduction :
l'installation de la librairie Jquery sous sharepoint a pour objectif de pouvoir utiliser cette librairies AJAX dans les pages sharepoint, Habituellement statique. Certain developpement trouvé sur le site codeplex s'appuyant aussi dessus elle deviens obligatoire si on souhaite les utiliser, ce qui est le CAS de la FAQ du SIAM Winserv qui s'appuie sur le WSP SpJqueryWebpart ( http://spjquerywebparts.codeplex.com/).
Installation :
l'installation se passe en trois etapes :
- Installation du WSP Jquery UI
- Installation de la librairie Jquery
- Installation du WSP SpJqueryWebpart
les source de cette installation sont disponible a l'adresse http://wsiams00/SiteCollectionDocuments/FAQ_SIAM.zip et doivent etre decompressé sur le disque du serveur concerné avant de commencer. Le repertoire racine dans cet article wiki sera appellé {racine}
Installation du WSP Jquery UI :
|
- allez dans {racine}\SmartTools.WhatsNewSetup_v1_2
|
|
|
- Lancez l'executable setup.exe
|
|
|
- Cliquez sur Next
|
 |
|
- Le systeme va verifier que sharepoint est bien accessible et que tout les prerequis sont remplis pour effectuer l'installation dans le meilleures conditions.
- une fois toutes les tests reussi cliquez sur Next
|
 |
|
- La licence d'utilisation s'affiche a present, cochez la case " I accept the terms in the license agreement" et cliquez sur Next
|
 |
|
- A present le setup vous demande sur quelle web app la solution doit etre deployé, cochez uniquement "http://mx1199pd/ (Racine)" et cliquez sur Next.
|
 |
|
- Verifier que l'installation se deroule sans probleme.
|
 |
|
- Une fois l'installation terminée un bilan apparait vous indiquant que "le deploiement de la solution est terminé", cliquez sur close afin de sortir du Setup.
|
 |
Installation de la librairie Jquery :
L'installation de la librairie JQuery se fera en deux temps :
- la copie des fichiers necessaire a l'installation sur le site Sharepoint.
- l'installation de la librairie Jquery sur le site Sharepoint ( comprend la creation d'une bibliotheque de document non visilé nommée JS, de la copie dans cette librairie des sources necessaire au bon fonctionnement de Jquery, et de la modification du fichier default.master afin d'y inclure le code necessaire a l'activation de JQuery sur les pages sharepoint) pour plus d'infos voir http://jqueryloader.codeplex.com/releases/view/34424 et/ou http://weblogs.asp.net/jan/
|
- Allez dans la "Bibliotheque de la collection de sites" et telechargez y les fichiers {racine}\SmartTools.jQueryLoader.Install.aspx et {racine}\smarttools.jqueryloader.js ( en allant dans "Télécharger/Télécharger plusieurs documents")
|
|
|
- Une fois les fichiers telechargés, cliquez sur le fichier "SmartTools.jQueryLoader.Install.aspx" dans la "Bibliotheque de la collection de sites" afin d'afficher la page d'installation de Jquery.
|
 |
|
- Dans la page qui s'affiche cochez toutes les options, excepté l'option "Optional: Update the default.master of a child site" qui sert a modifier le default.master d'un sous site afin d'y activer JQuery, et cliquez sur le bouton "start installation" afin de lancer l'installation.
|
 |
|
- Lors de l'installation l'affichage en dessous de Installation LOG : evoluera de maniere a indiquer les etapes effectuées.
|
|
|
- Une fois l'installation effectué une animation aura été rajouté en page d'accueil de la collection de site qui confirmera la bonne installation de JQuery sur la collection de site ( vous pouvez retirez cette webpart ! )
|
 |
PS : Les fichiers copiés dans la bibliotheque "Documents de la collection de sites" peuvent etre retiré car il ne sont pas necessaire au bon fonctionnement de JQuery, cependant comme dit plus haut l'option "Optional: Update the default.master of a child site" sert a activer Jquery sur les sous sites de la collections de site et sera donc a utiliser selon le besoin, par la suite, en y indiquant le sous site ou l'on souhaite activer JQuery.
Installation du WSP SpJqueryWebpart :
|
- allez dans {racine}\spjquerywebparts_v1.1.1.0
|
|
|
- Lancez l'executable setup.exe
|
|
|
- Cliquez sur Next
|
|
|
- Le systeme va verifier que sharepoint est bien accessible et que tout les prerequis sont remplis pour effectuer l'installation dans le meilleures conditions.
- une fois toutes les tests reussi cliquez sur Next
|
|
|
- La licence d'utilisation s'affiche a present, cochez la case " I accept the terms in the license agreement" et cliquez sur Next
|
|
|
- A present le setup vous demande sur quelle web app la solution doit etre deployé, cochez uniquement "http://mx1199pd/ (Racine)" et cliquez sur Next.
|
|
|
- Verifier que l'installation se deroule sans probleme.
|
|
|
- Une fois l'installation terminée un bilan apparait vous indiquant que "le deploiement de la solution est terminé", cliquez sur close afin de sortir du Setup.
|
|
Configuration :
une fois toutes les installation effectué il ne reste plus qu'a configurer les sites afin qu'ils puissent afficher les web apps demandées
pour cela :
|
- Allez dans "Actions du Site/Parametres du site"
|
|
- dans la colonne "Administration de la collection de sites" cliquez sur "Fonctionnalités de la collection de sites"
|
|
- Dans la liste qui apparait activez les fonctionnalités "jQuery UI Library" et "SmartTools.WhatsNew v1.2"
|
|
- revennez dans "Administration de la collection de sites"
|
|
- Dans la colonne "Administration du site" cliquez sur "Fonctionnalités du site"
|
| - Dans la liste qui apparait activez les fonctionnalités "Accordion Web Part for Annoucements", "Image Cycle Web Part for Pictures" et "News Ticker Web Part for Announcements" |
| Une fois cela fait il ne vous reste plus qu'a rajouter les web part "Accordion Web Part for Annoucements", "Image Cycle Web Part for Pictures" et "News Ticker Web Part for Announcements" dans la page que vous voulez |