Wiki source code of Konnaissance

Version 22.2 by Gregory CAUCHIE on 2026/05/07 03:43

version	line-number	content
3.1	1	== Les cas d'usage principaux ==
1.3	2
18.1	3	{{html clean="false"}}
	4	<style>
	5	/* ── USE-CASE CARDS — separate block, own scope ── */
22.1	6	.konna-uc *{
18.1	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;
22.1	36	/* Bootstrap 3 sets min-height on flex containers — override it */
	37	min-height: 0 !important;
18.1	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;
22.1	44	flex: 0 0 32px;
	45	/* explicit width prevents Bootstrap from stretching it */
	46	max-width: 32px;
18.1	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;
22.1	54	/* must be block-level and full-width for text to wrap */
	55	width: 100%;
	56	display: block;
	57
	58
18.1	59	}
	60	.konna-uc .uc-card .label {
	61	font-size: 11px;
	62	color: #888780;
	63	line-height: 1.4;
22.1	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;
18.1	71	}
1.3	72
	73
18.1	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}
1.3	78
18.1	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>
1.3	84
18.1	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">🎯</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">🔒</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">🚀</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">🎯</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}}