Changes for page Konnaissance

Summary

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

Details

Page properties

Content

...	...	@@ -1,5 +4,112 @@
1		-~{~{box cssClass="floatinginfobox" title="~*~*Table des matières~*~*"}}
2		-~{~{toc start="2" depth="2"/}}
3		-~{~{/box}}
4	4
5		-
	2	+
	3	+== Les cas d'usage principaux ==
	4	+
	5	+{{html clean="false"}}
	6	+<style>
	7	+/* ── USE-CASE CARDS — separate block, own scope ── */
	8	+.konna-uc *, .konna-uc *::before, .konna-uc *::after {
	9	+ box-sizing: border-box;
	10	+ margin: 0;
	11	+ padding: 0;
	12	+ font-family: inherit;
	13	+}
	14	+.konna-uc {
	15	+ color: #2C2C2A;
	16	+ font-size: 14px;
	17	+ line-height: 1.6;
	18	+}
	19	+.konna-uc .uc-grid {
	20	+ display: grid;
	21	+ grid-template-columns: repeat(3, minmax(0, 1fr));
	22	+ gap: 10px;
	23	+}
	24	+@media (max-width: 600px) {
	25	+ .konna-uc .uc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	26	+}
	27	+.konna-uc .uc-card {
	28	+ background: #fff;
	29	+ border: 1px solid #D3D1C7;
	30	+ border-radius: 10px;
	31	+ padding: 14px 12px;
	32	+ display: flex;
	33	+ flex-direction: column;
	34	+ gap: 6px;
	35	+ width: 100%;
	36	+ height: 220px;
	37	+ overflow: hidden;
	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 auto;
	45	+}
	46	+.konna-uc .uc-card .metric {
	47	+ font-size: 13px;
	48	+ font-weight: 600;
	49	+ line-height: 1.3;
	50	+ word-break: break-word;
	51	+ flex: 0 0 auto;
	52	+}
	53	+.konna-uc .uc-card .label {
	54	+ font-size: 11px;
	55	+ color: #888780;
	56	+ line-height: 1.4;
	57	+ flex: 1 1 0;
	58	+ min-height: 0;
	59	+ overflow-y: auto;
	60	+ overflow-x: hidden;
	61	+}
	62	+
	63	+
	64	+.konna-uc .ic-purple{background:#EEEDFE;color:#534AB7}
	65	+.konna-uc .ic-teal {background:#E1F5EE;color:#0F6E56}
	66	+.konna-uc .ic-amber {background:#FAEEDA;color:#854F0B}
	67	+.konna-uc .ic-coral {background:#FAECE7;color:#993C1D}
	68	+
	69	+.konna-uc .c-purple{color:#534AB7}
	70	+.konna-uc .c-teal {color:#0F6E56}
	71	+.konna-uc .c-amber {color:#854F0B}
	72	+.konna-uc .c-coral {color:#993C1D}
	73	+</style>
	74	+
	75	+<div class="konna-uc">
	76	+ <div class="uc-grid">
	77	+ <div class="uc-card">
	78	+ <div class="ic ic-purple">⏱️</div>
	79	+ <div class="metric c-purple">Base de connaissances interne</div>
	80	+ <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>
	81	+ </div>
	82	+ <div class="uc-card">
	83	+ <div class="ic ic-coral">&#127919;</div>
	84	+ <div class="metric c-coral">Intranet collaboratif</div>
	85	+ <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.
	86	+ </div>
	87	+ </div>
	88	+ <div class="uc-card">
	89	+ <div class="ic ic-amber">&#128274;</div>
	90	+ <div class="metric c-amber">Documentation technique et IT</div>
	91	+ <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>
	92	+ </div>
	93	+ <div class="uc-card">
	94	+ <div class="ic ic-teal">&#128640;</div>
	95	+ <div class="metric c-teal">Gestion de procédures avec workflow de validation</div>
	96	+ <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>
	97	+ </div>
	98	+ <div class="uc-card">
	99	+ <div class="ic ic-purple">⏱️</div>
	100	+ <div class="metric c-coral">Wiki de projet ou de produit</div>
	101	+ <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>
	102	+ </div>
	103	+ <div class="uc-card">
	104	+ <div class="ic ic-coral">&#127919;</div>
	105	+ <div class="metric c-purple">Extranet client ou espace partenaire</div>
	106	+ <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>
	107	+ </div>
	108	+ </div>
	109	+</div>
	110	+{{/html}}
	111	+
	112	+