Code source wiki de Page exemple : Présentation de la plateforme Xwiki
Modifié par Chloe Chevrier le 29/04/2025 - 15:40
Masquer les derniers auteurs
author | version | line-number | content |
---|---|---|---|
![]() |
3.2 | 1 | = Bienvenue sur XWiki = |
![]() |
1.2 | 2 | |
![]() |
6.2 | 3 | {{toc/}} |
4 | |||
![]() |
18.1 | 5 | {{expand expanded="false" title="Aide"}} |
![]() |
29.1 | 6 | * {{warning}}Pour générer une table des matières, vous devez d'abord avoir structuré votre document avec des titres de niveaux (Titre 1, Titre 2, etc.).{{/warning}} |
![]() |
28.1 | 7 | * Pour insérer la macro sommaire, cliquez sur le bouton « + » de l’éditeur et sélectionnez « Table des matières ». |
![]() |
21.1 | 8 | * Attention : Veillez à bien paramétrer les niveaux de titre pour que le sommaire reflète correctement la structure de votre page |
![]() |
12.2 | 9 | {{/expand}} |
10 | |||
![]() |
3.2 | 11 | == Présentation de la plateforme == |
12 | |||
![]() |
23.1 | 13 | **XWiki** est une plateforme collaborative open source qui permet la création, l’organisation et la publication de contenus structurés sous forme de pages web. |
![]() |
1.2 | 14 | Elle est particulièrement adaptée pour : |
15 | |||
16 | * La documentation technique | ||
17 | * La gestion de connaissances | ||
18 | * Le travail collaboratif en équipe | ||
![]() |
23.1 | 19 | * Les espaces projets |
![]() |
1.2 | 20 | |
21 | {{info}} | ||
![]() |
14.3 | 22 | Grâce à sa structure souple et à ses nombreux outils intégrés, XWiki favorise la centralisation des informations, l'amélioration de la communication interne et le partage des savoirs. |
![]() |
1.2 | 23 | {{/info}} |
24 | |||
![]() |
18.1 | 25 | {{expand expanded="false" title="Aide"}} |
![]() |
12.3 | 26 | Pour insérer une macro boîte à message, cliquez sur le bouton « + » dans la barre de l’éditeur, puis sélectionnez la macro « Message d'information ». |
![]() |
12.2 | 27 | {{/expand}} |
28 | |||
![]() |
3.2 | 29 | == Fonctionnalités principales == |
![]() |
1.2 | 30 | |
31 | Voici quelques fonctionnalités clés de XWiki : | ||
32 | |||
![]() |
5.9 | 33 | |=Fonctionnalité|=Description|= Exemple d'utilisation |
![]() |
5.8 | 34 | |Édition collaborative|Permet à plusieurs utilisateurs de travailler simultanément sur la même page.|Rédiger et réviser un document en temps réel avec des collègues. |
![]() |
5.7 | 35 | |Historique des versions| Sauvegarde l’historique de chaque page, permettant de revenir à une version antérieure.|Revenir à une version précédente d'une page après une erreur. |
![]() |
5.5 | 36 | |Gestion des droits d’accès|Contrôle très granulaire des droits de lecture, écriture et modification des pages.|Accorder un accès limité à certaines sections ou pages spécifiques. |
![]() |
6.3 | 37 | |Macros intégrées|(% style="background-color:#b5c0cf" %)XWiki propose de nombreuses macros pour personnaliser et enrichir les pages.|Ajouter un sommaire. |
![]() |
5.5 | 38 | |Suivi des modifications|Système de notifications pour être informé des changements effectués sur les pages.|Recevoir des alertes par email lorsqu’une page spécifique est modifiée. |
39 | |||
![]() |
18.1 | 40 | {{expand expanded="false" title="Aide"}} |
![]() |
14.3 | 41 | **Insérer un tableau :** |
42 | |||
43 | * Cliquez sur le bouton en forme de tableau [[image:1744809964846-640.png]]dans l’éditeur. | ||
44 | * Définissez le nombre de lignes et de colonnes souhaité. | ||
45 | |||
46 | **Colorer une colonne :** | ||
47 | |||
48 | * Sélectionnez la ou les cellules de la colonne à modifier. | ||
49 | * Clic droit > Cellule > Propriétés de la cellule. | ||
50 | * Ajoutez une couleur d’arrière-plan (ex. : #d9edf7). | ||
51 | |||
52 | **Mettre en forme l’en-tête (première ligne) :** | ||
53 | |||
![]() |
15.1 | 54 | * Sélectionnez le tableau. |
55 | * Clic droit sur le tableau > Propriétés du tableau. | ||
56 | * Dans le champ « En-têtes », sélectionnez « Première ligne ». | ||
![]() |
12.4 | 57 | {{/expand}} |
58 | |||
![]() |
3.4 | 59 | == Tutoriels et ressources == |
60 | |||
![]() |
4.1 | 61 | Plusieurs ressources sont disponibles pour vous accompagner dans la prise en main de XWiki. |
![]() |
3.4 | 62 | |
63 | === Tutoriels officiels XWiki === | ||
64 | |||
![]() |
6.6 | 65 | Les développeurs de la plateforme proposent une documentation complète ainsi que des guides pas à pas : [[Documentation Xwiki>>https://www.xwiki.org/xwiki/bin/view/Documentation/]] |
![]() |
3.4 | 66 | |
![]() |
4.1 | 67 | === Tutoriels XWiki - Université de Lorraine === |
![]() |
3.4 | 68 | |
![]() |
7.2 | 69 | Des ressources spécifiques ont été créées pour accompagner les utilisateurs de la plateforme XWiki au sein de l’Université. |
![]() |
12.1 | 70 | [[~[~[image:Image (8).png~|~|data-xwiki-image-style-alignment="center" height="456" width="714"~]~]>>doc:xwiki:Help.WebHome]] |
![]() |
3.4 | 71 | |
![]() |
18.1 | 72 | {{expand expanded="false" title="Aide"}} |
![]() |
16.3 | 73 | **Insérer une image :** |
74 | |||
75 | * Pour téléverser une image, vous pouvez faire glisser/déposer un fichier depuis votre ordinateur directement dans la page XWiki. | ||
76 | |||
77 | **Redimensionner l’image** : | ||
78 | |||
79 | * Sélectionnez l’image dans la page. | ||
80 | * Utilisez les poignées (petits carrés autour de l’image) pour redimensionner manuellement à l’aide de la souris. | ||
81 | |||
82 | **Centrer l’image :** | ||
83 | |||
84 | * Cliquez sur l’icône modifier l’image (en bas à droite de l’image sélectionnée). | ||
85 | * Dans l’onglet « Avancé », allez dans la section Alignement et choisissez « Centré ». | ||
86 | |||
87 | **Ajouter un lien sur l’image :** | ||
88 | |||
89 | * Sélectionnez l’image dans la page. | ||
90 | * Cliquez sur l’icône « Lien » (chaînon) (en bas à droite de l’image sélectionnée). | ||
91 | * Choisissez le type de lien (externe ou vers une page XWiki) et validez. | ||
![]() |
16.2 | 92 | {{/expand}} |
![]() |
16.1 | 93 | |
![]() |
22.1 | 94 | === (% style="color:#1d2d44; font-family:~"Roboto Condensed~",sans-serif; font-size:18px; font-weight:800" %)**Webinaire questions/réponses**(%%) === |
![]() |
7.2 | 95 | |
96 | Une session d’introduction à XWiki a été organisée en juin 2024. | ||
97 | |||
98 | |||
![]() |
7.1 | 99 | {{html}} |
100 | <div class="container"> | ||
101 | <div class="row"> | ||
102 | <div class="col-md-8 col-md-offset-2 text-center"> | ||
103 | <div class="embed-responsive embed-responsive-16by9"> | ||
104 | <iframe src="https://ultv.univ-lorraine.fr/video/18065-webinaire-questionsreponses-xwiki-du-27-juin-2024/?is_iframe=true" allowfullscreen title="Webinaire questions/réponses XWiki du 27 juin 2024" ></iframe> | ||
105 | </div> | ||
106 | La vidéo est uniquement accessible aux usagers de l'Université de Lorraine. | ||
107 | </div> | ||
![]() |
6.7 | 108 | |
![]() |
7.1 | 109 | </div> |
110 | </div> | ||
111 | |||
112 | {{/html}} | ||
113 | |||
![]() |
17.1 | 114 | {{expand expanded="false" title="Aide"}} |
115 | **Obtenir l’iframe de la vidéo :** | ||
116 | |||
117 | * Rendez-vous sur UL TV et trouvez la vidéo que vous souhaitez intégrer. | ||
![]() |
20.1 | 118 | * Cliquez sur le bouton « Partager »[[image:1744811183173-419.png]] sous la vidéo. |
119 | * Copiez le code iframe fourni dans l'option « Intégrer dans une page web ». | ||
![]() |
17.1 | 120 | |
121 | **Ajouter l’iframe dans XWiki :** | ||
122 | |||
123 | * Dans l’éditeur XWiki, cliquez sur le bouton « + » et choisissez la macro « Code HTML ». | ||
124 | * Collez l’iframe copié dans la fenêtre de code HTML. | ||
125 | {{/expand}} | ||
126 | |||
![]() |
25.1 | 127 | {{expand expanded="false" title="Aide pour les panneaux "}} |
![]() |
25.3 | 128 | **Modifier l'apparence des panneaux d'une page** |
129 | |||
130 | {{info}} | ||
![]() |
28.1 | 131 | Il est nécessaire d'être administrateur d'une page pour pouvoir modifier ses panneaux. |
![]() |
25.3 | 132 | {{/info}} |
133 | |||
![]() |
25.2 | 134 | * Cliquez sur les trois petits points (⋮) situés en haut à droite de la page, puis sélectionnez **Administrer la page**. |
135 | * Dans la barre de navigation à gauche, cliquez sur **Apparence**, puis sur l'onglet **Panneaux**. | ||
136 | * Vous pouvez y ajouter, supprimer ou modifier les panneaux selon vos besoins. | ||
![]() |
25.3 | 137 | * ((( |
![]() |
25.2 | 138 | Dans notre page exemple, nous utilisons les panneaux suivants : |
![]() |
25.3 | 139 | ))) |
![]() |
25.2 | 140 | * **Panneau Recherche** : Ce panneau permet aux utilisateurs de rechercher rapidement du contenu sur le wiki. |
141 | * **Panneau Mes visites récentes** : Ce panneau affiche les pages récemment visitées par l'utilisateur. | ||
![]() |
25.3 | 142 | \\{{info}}Les panneaux ajoutés ou modifiés s'afficheront dans les pages enfants.{{/info}} |
143 | \\ | ||
![]() |
25.1 | 144 | {{/expand}} |