Skip to Content

Changes for page CENTO knowledge base

Last modified by Iaroslav Platonov on 2026/06/10 01:12
From version 9.1
edited by Iaroslav Platonov
on 2026/02/04 05:15
Change comment: There is no comment for this version
To version 57.1
edited by Iaroslav Platonov
on 2026/06/09 16:28
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,62 +1,268 @@
1 -{{container/}}
1 +{{html clean="false"}}
2 +<style>
3 +/* ── Root KB hub page — CENTO design system ── */
4 +.kb-wrap { font-family:inherit; max-width:900px; }
2 2  
3 -(% style="font-size:16px" %)~{~{container layoutStyle="columns"}}
4 -~(~(~(Cento knowledge base is a centralized workspace for everyone working with the CENTO platform.
6 +/* Intro header */
7 +.kb-head {
8 + padding:32px 0 28px 0;
9 + border-bottom:1px solid #E8E8E8;
10 + margin-bottom:32px;
11 +}
12 +.kb-head p {
13 + font-size:.95em; color:#555; margin:0 0 10px 0;
14 + line-height:1.7; max-width:720px;
15 +}
16 +.kb-head p:last-child { margin-bottom:0; }
5 5  
6 -(% style="font-size:16px" %)It is designed for engineers, operators, analysts, integrators, and support teams who need a clear understanding of how CENTO is built, configured, and used in real industrial environments.
18 +/* Audience chips */
19 +.kb-chips { display:flex; flex-wrap:wrap; gap:7px; margin:18px 0 0 0; }
20 +.kb-chip {
21 + font-size:.72em; font-weight:600; padding:3px 10px;
22 + border-radius:10px; white-space:nowrap;
23 + background:#deeaf7; color:#003d80; border:1px solid #b3d4ee;
24 +}
7 7  
8 -(% style="font-size:16px" %)Here you will find system architecture explanations, setup and configuration guides, data model references, integration patterns, and practical usage examples. The knowledge base helps teams deploy CENTO faster, operate it reliably, and make informed decisions based on accurate industrial data.
26 +/* Two-column layout */
27 +.kb-layout { display:flex; gap:24px; align-items:flex-start; }
28 +.kb-main { flex:1; min-width:0; }
29 +.kb-side { width:240px; flex-shrink:0; }
9 9  
10 -(% style="font-size:16px" %)Use this space as a single source of truth for working with CENTO across projects, environments, and roles.~)~)~)
11 -~(~(~(This knowledge base focuses on practical work with the CENTO platform: configuration, architecture, data models, and operations.
31 +/* Section label */
32 +.hub-section-label {
33 + font-size:.72em; font-weight:700; text-transform:uppercase;
34 + letter-spacing:.08em; color:#888;
35 + margin:0 0 14px 0; padding-bottom:8px;
36 + border-bottom:2px solid #E8E8E8;
37 +}
12 12  
13 -(% style="font-size:16px" %)For a broader product overview, industry context, and applied use cases, you can also explore CENTO on the main website.
39 +/* Section cards */
40 +.kb-card {
41 + border:1px solid #E8E8E8; border-radius:8px;
42 + margin-bottom:10px; overflow:hidden;
43 + transition:border-color .15s, box-shadow .15s;
44 + background:#fff;
45 +}
46 +.kb-card:hover {
47 + border-color:#b3d4ee;
48 + box-shadow:0 2px 10px rgba(0,90,180,.10);
49 +}
50 +.kb-card-link {
51 + display:flex; align-items:flex-start; gap:16px;
52 + padding:16px 18px; text-decoration:none; color:inherit;
53 +}
54 +.kb-card-icon {
55 + width:40px; height:40px; border-radius:8px;
56 + background:#deeaf7; display:flex; align-items:center;
57 + justify-content:center; flex-shrink:0; margin-top:1px;
58 +}
59 +.kb-card-icon svg { color:#005AB4; }
60 +.kb-card-title {
61 + font-size:.95em; font-weight:700; color:#005AB4;
62 + margin:0 0 4px 0;
63 +}
64 +.kb-card-desc {
65 + font-size:.83em; color:#555; margin:0 0 8px 0; line-height:1.55;
66 +}
67 +.kb-card-tags { display:flex; flex-wrap:wrap; gap:5px; }
68 +.kb-ctag {
69 + font-size:.68em; font-weight:600; padding:2px 8px;
70 + border-radius:8px; white-space:nowrap;
71 + background:#f1f5f9; color:#475569; border:1px solid #cbd5e1;
72 +}
14 14  
15 -(% style="font-size:16px" %)The following sections provide additional insight into how CENTO is used in real industrial environments
74 +/* Resources panel */
75 +.kb-resources {
76 + border:1px solid #E8E8E8; border-radius:8px;
77 + overflow:hidden;
78 +}
79 +.kb-res-head {
80 + font-size:.75em; font-weight:700; text-transform:uppercase;
81 + letter-spacing:.07em; color:#888;
82 + padding:10px 14px 8px 14px;
83 + border-bottom:1px solid #E8E8E8;
84 + background:#f5f5f5;
85 +}
86 +.kb-res-list { list-style:none; margin:0; padding:0; }
87 +.kb-res-list li { border-bottom:1px solid #E8E8E8; }
88 +.kb-res-list li:last-child { border-bottom:none; }
89 +.kb-res-list a {
90 + display:flex; align-items:center; gap:8px;
91 + padding:9px 14px;
92 + font-size:.83em; color:#005AB4; text-decoration:none;
93 + line-height:1.4;
94 +}
95 +.kb-res-list a:hover { background:#f5f8ff; }
96 +.kb-res-list a svg { flex-shrink:0; color:#888; }
16 16  
17 -(% style="font-size:16px" %)* ~[~[CENTO homepage>>https:~/~/centosoftware.com/]]
18 -~* ~[~[Product overview>>https:~/~/centosoftware.com/product]]
19 -~* ~[~[Case studies>>https:~/~/centosoftware.com/case-studies/]]
20 -~* ~[~[About CENTO team>>https:~/~/centosoftware.com/about/]]~)~)~)
21 -~{~{/container}}
98 +/* Demo note */
99 +.kb-demo-note {
100 + margin-top:24px;
101 + border:1px solid #E8E8E8; border-radius:8px;
102 + overflow:hidden;
103 +}
104 +.kb-demo-note-head {
105 + font-size:.75em; font-weight:700; text-transform:uppercase;
106 + letter-spacing:.07em; color:#888;
107 + padding:10px 14px 8px 14px;
108 + border-bottom:1px solid #E8E8E8;
109 + background:#f5f5f5;
110 +}
111 +.kb-demo-note-body {
112 + padding:12px 14px;
113 + font-size:.85em; color:#555; line-height:1.65;
114 +}
115 +.kb-demo-note-body a { color:#005AB4; }
22 22  
23 -{{container/}}
117 +/* Contact row */
118 +.kb-contact {
119 + display:flex; align-items:center; gap:8px;
120 + margin-top:12px; padding:10px 14px;
121 + background:#f5f5f5; border:1px solid #E8E8E8;
122 + border-radius:6px; font-size:.82em; color:#555;
123 +}
124 +.kb-contact a { color:#005AB4; }
24 24  
126 +/* Responsive fallback */
127 +@media (max-width:680px) {
128 + .kb-layout { flex-direction:column; }
129 + .kb-side { width:100%; }
130 +}
131 +</style>
25 25  
133 +<div class="kb-wrap">
26 26  
135 + <!-- NOTE: No <h1> — XWiki renders the page title natively -->
27 27  
137 + <div class="kb-head">
138 + <p>The CENTO knowledge base is a centralized workspace for everyone working with the CENTO platform. Here you will find system architecture explanations, setup and configuration guides, data model references, integration patterns, and practical usage examples.</p>
139 + <p>Use this space as a single source of truth for working with CENTO across projects, environments, and roles.</p>
140 + <div class="kb-chips">
141 + <span class="kb-chip">Engineers</span>
142 + <span class="kb-chip">Operators</span>
143 + <span class="kb-chip">Analysts</span>
144 + <span class="kb-chip">Integrators</span>
145 + <span class="kb-chip">Support teams</span>
146 + </div>
147 + </div>
28 28  
29 -The basics
149 + <div class="kb-layout">
30 30  
31 -To make the most out of your wiki, log-in and:
151 + <!-- Main section cards -->
152 + <div class="kb-main">
32 32  
33 -Use the {{displayIcon name="pencil"/}} button above to //edit// this page and start customizing your wiki to you
154 + <div class="hub-section-label">Knowledge base sections</div>
34 34  
35 -Use the {{displayIcon name="add"/}} button above to //add// more pages to your wiki and create the //hierarchy// that best organizes your content.
156 + <!-- CENTO Manuals -->
157 + <div class="kb-card">
158 + <a class="kb-card-link" href="[[CENTO Manuals>>doc:CENTO Manuals.WebHome]]">
159 + <div class="kb-card-icon">
160 + <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
161 + <path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"/><path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"/>
162 + </svg>
163 + </div>
164 + <div>
165 + <p class="kb-card-title">CENTO Manuals</p>
166 + <p class="kb-card-desc">Setup and configuration guides for all CENTO platform components — reports, events, control, diagrams, integrations, and network topology.</p>
167 + <div class="kb-card-tags">
168 + <span class="kb-ctag">Flexible Reports</span>
169 + <span class="kb-ctag">Events &amp; Notifications</span>
170 + <span class="kb-ctag">Control Setup</span>
171 + <span class="kb-ctag">Network Diagrams</span>
172 + <span class="kb-ctag">Mimic Diagrams</span>
173 + </div>
174 + </div>
175 + </a>
176 + </div>
36 36  
37 -Use the {{displayIcon name="home"/}} breadcrumbs located above the title to //navigate// inside your pages. It's easy to get lost in a big wiki without them.
178 + <!-- DEMO server -->
179 + <div class="kb-card">
180 + <a class="kb-card-link" href="[[DEMO server>>doc:DEMO server.WebHome]]">
181 + <div class="kb-card-icon">
182 + <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
183 + <rect x="2" y="3" width="20" height="14" rx="2"/><path d="M8 21h8M12 17v4"/>
184 + </svg>
185 + </div>
186 + <div>
187 + <p class="kb-card-title">DEMO Server</p>
188 + <p class="kb-card-desc">Configuration details and documentation for the live CENTO demo environment — mimics, metering, reports, events, and remote control scenarios.</p>
189 + <div class="kb-card-tags">
190 + <span class="kb-ctag">Mimic Diagrams</span>
191 + <span class="kb-ctag">Metering</span>
192 + <span class="kb-ctag">Remote Control</span>
193 + <span class="kb-ctag">Digital Twin</span>
194 + </div>
195 + </div>
196 + </a>
197 + </div>
38 38  
39 -You can also use the [[Sandbox>>Sandbox.WebHome]] for more demo content and generally a place to experiment with your wiki's features.
199 + <!-- Demo server latest updates note -->
200 + <div class="kb-demo-note">
201 + <div class="kb-demo-note-head">&#128196; CENTO Demo-Server — Latest Updates</div>
202 + <div class="kb-demo-note-body">
203 + This section tracks the most recent changes on the CENTO demo server: newly enabled features, updated datasets, configuration changes, and fixes. Use it to understand what is currently available in the demo and how it reflects the latest state of the CENTO platform.
204 + <br/><br/>
205 + &#127760; Live environment: <a href="https://centosoftware.com/demo/" target="_blank">centosoftware.com/demo</a>
206 + </div>
207 + </div>
40 40  
41 - {{box}}Learn more on how to use XWiki with the [[Getting Started Guide>>https://www.xwiki.org/xwiki/bin/view/Documentation/UserGuide/GettingStarted/WebHome]].{{/box}}
209 + <!-- Demo video -->
210 + <div style="margin-top:14px;">
211 + <video
212 + autoplay muted loop playsinline
213 + style="max-width:100%;border-radius:8px;display:block;border:1px solid #E8E8E8;">
214 + <source
215 + src="https://wikitest2.centosoftware.com/xwiki/bin/download/Main/WebHome/cento-demo-video.mp4"
216 + type="video/mp4"/>
217 + </video>
218 + </div>
42 42  
43 -(% class="row" %)
44 -(((
45 -(% class="col-xs-12 col-sm-6" %)
46 -(((
47 -== Extend your wiki ==
220 + </div>
48 48  
49 -To extend the power and functionalities of your wiki with the features that //you// need, head over to the [[Extension Manager>>XWiki.XWikiPreferences||queryString="editor=globaladmin&section=XWiki.Extensions"]] where you can search for and install extensions.
222 + <!-- Resources sidebar -->
223 + <div class="kb-side">
50 50  
51 -To browse through the 900+ community contributed extensions available for XWiki, head over to the [[Extensions Repository>>https://extensions.xwiki.org]].
52 -)))
225 + <div class="hub-section-label">Resources</div>
53 53  
54 -(% class="col-xs-12 col-sm-6" %)
55 -(((
56 -== Create your application ==
227 + <div class="kb-resources">
228 + <div class="kb-res-head">CENTO website</div>
229 + <ul class="kb-res-list">
230 + <li>
231 + <a href="https://centosoftware.com/" target="_blank">
232 + <svg width="13" height="13" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8"><circle cx="8" cy="8" r="7"/><path d="M8 1c-2 2-3 4-3 7s1 5 3 7M8 1c2 2 3 4 3 7s-1 5-3 7M1 8h14"/></svg>
233 + CENTO homepage
234 + </a>
235 + </li>
236 + <li>
237 + <a href="https://centosoftware.com/product/" target="_blank">
238 + <svg width="13" height="13" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8"><rect x="2" y="2" width="12" height="12" rx="2"/><path d="M5 8h6M5 5h6M5 11h4"/></svg>
239 + Product overview
240 + </a>
241 + </li>
242 + <li>
243 + <a href="https://centosoftware.com/case-studies/" target="_blank">
244 + <svg width="13" height="13" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M3 12V6l5-4 5 4v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1z"/><path d="M6 13V9h4v4"/></svg>
245 + Case studies
246 + </a>
247 + </li>
248 + <li>
249 + <a href="https://centosoftware.com/about/" target="_blank">
250 + <svg width="13" height="13" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8"><circle cx="8" cy="5" r="3"/><path d="M2 14c0-3.3 2.7-6 6-6s6 2.7 6 6"/></svg>
251 + About CENTO team
252 + </a>
253 + </li>
254 + </ul>
255 + </div>
57 57  
58 -Go beyond the available extensions and define the //structure// of your data based on //your// needs, creating //your// own applications with [[App Within Minutes>>AppWithinMinutes]] (AWM).
257 + <div class="kb-contact">
258 + <svg width="13" height="13" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8"><rect x="1" y="3" width="14" height="10" rx="1.5"/><path d="M1 4l7 5 7-5"/></svg>
259 + Support: <a href="mailto:info@centosoftware.com">info@centosoftware.com</a>
260 + </div>
59 59  
60 -AWM will take care of making it easy for you and your users to create and manage the data
61 -)))
62 -)))
262 + </div>
263 +
264 + </div>
265 +
266 +</div>
267 +{{/html}}
268 +
cento-demo-video.mp4
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Iaroslav
Size
... ... @@ -1,0 +1,1 @@
1 +2.3 MB
Content