Changes for page Konnaissance

Summary

• Page properties (1 modified, 0 added, 0 removed)

Details

Page properties

Content

...	...	@@ -1,5 +1,108 @@
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 *, .konna-uc *::before, .konna-uc *::after {
	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	+}
	37	+.konna-uc .uc-card .ic {
	38	+ width: 32px; height: 32px;
	39	+ border-radius: 50%;
	40	+ display: flex; align-items: center; justify-content: center;
	41	+ font-size: 16px;
	42	+ flex: 0 0 auto;
	43	+}
	44	+.konna-uc .uc-card .metric {
	45	+ font-size: 13px;
	46	+ font-weight: 600;
	47	+ line-height: 1.3;
	48	+ word-break: break-word;
	49	+ flex: 0 0 auto;
	50	+}
	51	+.konna-uc .uc-card .label {
	52	+ font-size: 11px;
	53	+ color: #888780;
	54	+ line-height: 1.4;
	55	+ flex: 1 1 0;
	56	+ min-height: 0;
	57	+ overflow-y: auto;
	58	+ overflow-x: hidden;
	59	+}
	60	+
	61	+
	62	+.konna-uc .ic-purple{background:#EEEDFE;color:#534AB7}
	63	+.konna-uc .ic-teal {background:#E1F5EE;color:#0F6E56}
	64	+.konna-uc .ic-amber {background:#FAEEDA;color:#854F0B}
	65	+.konna-uc .ic-coral {background:#FAECE7;color:#993C1D}
	66	+
	67	+.konna-uc .c-purple{color:#534AB7}
	68	+.konna-uc .c-teal {color:#0F6E56}
	69	+.konna-uc .c-amber {color:#854F0B}
	70	+.konna-uc .c-coral {color:#993C1D}
	71	+</style>
	72	+
	73	+<div class="konna-uc">
	74	+ <div class="uc-grid">
	75	+ <div class="uc-card">
	76	+ <div class="ic ic-purple">⏱️</div>
	77	+ <div class="metric c-purple">Base de connaissances interne</div>
	78	+ <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>
	79	+ </div>
	80	+ <div class="uc-card">
	81	+ <div class="ic ic-coral">&#127919;</div>
	82	+ <div class="metric c-coral">Intranet collaboratif</div>
	83	+ <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.</div>
	84	+ </div>
	85	+ <div class="uc-card">
	86	+ <div class="ic ic-amber">&#128274;</div>
	87	+ <div class="metric c-amber">Documentation technique et IT</div>
	88	+ <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>
	89	+ </div>
	90	+ <div class="uc-card">
	91	+ <div class="ic ic-teal">&#128640;</div>
	92	+ <div class="metric c-teal">Gestion de procédures avec workflow de validation</div>
	93	+ <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>
	94	+ </div>
	95	+ <div class="uc-card">
	96	+ <div class="ic ic-purple">⏱️</div>
	97	+ <div class="metric c-coral">Wiki de projet ou de produit</div>
	98	+ <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>
	99	+ </div>
	100	+ <div class="uc-card">
	101	+ <div class="ic ic-coral">&#127919;</div>
	102	+ <div class="metric c-purple">Extranet client ou espace partenaire</div>
	103	+ <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>
	104	+ </div>
	105	+ </div>
	106	+</div>
	107	+{{/html}}
	108	+