Skip to Content

Changes for page Konnaissance

Last modified by Gregory CAUCHIE on 2026/05/07 04:20
From version 1.1
edited by Gregory CAUCHIE
on 2026/04/09 23:40
Change comment: There is no comment for this version
To version 24.1
edited by Gregory CAUCHIE
on 2026/05/07 03:52
Change comment: Rollback to version 22.2

Summary

Details

Page properties
Content
... ... @@ -1,5 +1,120 @@
1 -~{~{box cssClass="floatinginfobox" title="~*~*Table des matières~*~*"}}
2 -~{~{toc start="2" depth="2"/}}
3 -~{~{/box}}
1 +== Les cas d'usage principaux ==
4 4  
5 -
3 +{{html clean="false"}}
4 +<style>
5 +/* ── USE-CASE CARDS — separate block, own scope ── */
6 +.konna-uc *{
7 + box-sizing: border-box;
8 + margin: 0;
9 + padding: 0;
10 + font-family: inherit;
11 +}
12 +.konna-uc {
13 + color: #2C2C2A;
14 + font-size: 14px;
15 + line-height: 1.6;
16 +}
17 +.konna-uc .uc-grid {
18 + display: grid;
19 + grid-template-columns: repeat(3, minmax(0, 1fr));
20 + gap: 10px;
21 +}
22 +@media (max-width: 600px) {
23 + .konna-uc .uc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
24 +}
25 +.konna-uc .uc-card {
26 + background: #fff;
27 + border: 1px solid #D3D1C7;
28 + border-radius: 10px;
29 + padding: 14px 12px;
30 + display: flex;
31 + flex-direction: column;
32 + gap: 6px;
33 + width: 100%;
34 + height: 220px;
35 + overflow: hidden;
36 + /* Bootstrap 3 sets min-height on flex containers — override it */
37 + min-height: 0 !important;
38 +}
39 +.konna-uc .uc-card .ic {
40 + width: 32px; height: 32px;
41 + border-radius: 50%;
42 + display: flex; align-items: center; justify-content: center;
43 + font-size: 16px;
44 + flex: 0 0 32px;
45 + /* explicit width prevents Bootstrap from stretching it */
46 + max-width: 32px;
47 +}
48 +.konna-uc .uc-card .metric {
49 + font-size: 13px;
50 + font-weight: 600;
51 + line-height: 1.3;
52 + word-break: break-word;
53 + flex: 0 0 auto;
54 + /* must be block-level and full-width for text to wrap */
55 + width: 100%;
56 + display: block;
57 +
58 +
59 +}
60 +.konna-uc .uc-card .label {
61 + font-size: 11px;
62 + color: #888780;
63 + line-height: 1.4;
64 + flex: 1 1 auto;
65 + /* min-height:0 !important beats Bootstrap 3's min-height:auto on flex children */
66 + min-height: 0 !important;
67 + width: 100%;
68 + display: block;
69 + word-wrap: break-word;
70 + overflow-wrap: break-word;
71 +}
72 +
73 +
74 +.konna-uc .ic-purple{background:#EEEDFE;color:#534AB7}
75 +.konna-uc .ic-teal {background:#E1F5EE;color:#0F6E56}
76 +.konna-uc .ic-amber {background:#FAEEDA;color:#854F0B}
77 +.konna-uc .ic-coral {background:#FAECE7;color:#993C1D}
78 +
79 +.konna-uc .c-purple{color:#534AB7}
80 +.konna-uc .c-teal {color:#0F6E56}
81 +.konna-uc .c-amber {color:#854F0B}
82 +.konna-uc .c-coral {color:#993C1D}
83 +</style>
84 +
85 +<div class="konna-uc">
86 + <div class="uc-grid">
87 + <div class="uc-card">
88 + <div class="ic ic-purple">⏱️</div>
89 + <div class="metric c-purple">Base de connaissances interne</div>
90 + <div class="label">Le cas d'usage le plus fréquent : centraliser tout ce que l'organisation sait — procédures, bonnes pratiques, FAQ internes, contacts, décisions stratégiques. Structuré par département, par thème ou par type de contenu, avec des droits d'accès adaptés à chaque espace.</div>
91 + </div>
92 + <div class="uc-card">
93 + <div class="ic ic-coral">&#127919;</div>
94 + <div class="metric c-coral">Intranet collaboratif</div>
95 + <div class="label"> Konnaissance peut remplacer ou compléter votre intranet : actualités de l'organisation, annuaire des collaborateurs, espace d'onboarding, calendrier des événements, documentation RH. Un espace vivant que les équipes alimentent elles-mêmes.
96 + </div>
97 + </div>
98 + <div class="uc-card">
99 + <div class="ic ic-amber">&#128274;</div>
100 + <div class="metric c-amber">Documentation technique et IT</div>
101 + <div class="label">Runbooks, procédures d'exploitation, documentation d'architecture, bases de connaissances support de niveau 1 et 2. Intégré avec Koprojet (gestion avancée de projet avec OpenProject) pour lier la documentation aux tickets d'incidents ou aux projets de développement.</div>
102 + </div>
103 + <div class="uc-card">
104 + <div class="ic ic-teal">&#128640;</div>
105 + <div class="metric c-teal">Gestion de procédures avec workflow de validation</div>
106 + <div class="label">Pour les organisations qui ont besoin de formaliser leurs procédures (qualité, conformité, sécurité) : XWiki permet la mise à jour et la validation de procédures via un workflow et l'export de documents multiples en un seul PDF. Chaque procédure a un propriétaire, un cycle de révision et un statut de publication.</div>
107 + </div>
108 + <div class="uc-card">
109 + <div class="ic ic-purple">⏱️</div>
110 + <div class="metric c-coral">Wiki de projet ou de produit</div>
111 + <div class="label">Chaque projet ou produit dispose de son espace dédié : spécifications, décisions, comptes-rendus, architecture, changelog. Directement intégré avec Koprojet (gestion avancée de projet avec OpenProject) pour que la documentation suive le projet en temps réel.</div>
112 + </div>
113 + <div class="uc-card">
114 + <div class="ic ic-coral">&#127919;</div>
115 + <div class="metric c-purple">Extranet client ou espace partenaire</div>
116 + <div class="label">Konnaissance peut être ouvert à des utilisateurs extérieurs avec des droits limités : documentation partagée avec des clients, espaces de collaboration avec des partenaires, portail d'accès à des ressources externes. Les droits restent entièrement sous votre contrôle.</div>
117 + </div>
118 + </div>
119 +</div>
120 +{{/html}}
XWiki.XWikiRights[0]
allow
... ... @@ -1,0 +1,1 @@
1 +Allow
levels
... ... @@ -1,0 +1,1 @@
1 +view
users
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest