79 lines
3.9 KiB
XML
79 lines
3.9 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 270" role="img" aria-labelledby="t-cyfr">
|
|
<title id="t-cyfr">Digitising a utility - paper documentation turned into a system with a phased rollout plan</title>
|
|
<defs><pattern id="g-cyfr" width="18" height="18" patternUnits="userSpaceOnUse">
|
|
<path d="M18 0H0v18" fill="none" stroke="#5980a6" stroke-opacity=".13" stroke-width="1"/></pattern>
|
|
<marker id="cy-arr" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="6.5" markerHeight="6.5" orient="auto-start-reverse">
|
|
<path d="M0 0 10 5 0 10z" fill="#5980a6"/></marker>
|
|
</defs>
|
|
<rect width="480" height="270" fill="#eaeef2"/>
|
|
<rect width="480" height="270" fill="url(#g-cyfr)"/>
|
|
<g stroke="#1d1f20" stroke-width="1" opacity=".4">
|
|
<path d="M22 14v14M15 21h14"/><path d="M458 14v14M451 21h14"/>
|
|
<path d="M22 242v14M15 249h14"/><path d="M458 242v14M451 249h14"/></g>
|
|
<text x="44" y="252" fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif"
|
|
font-size="11" textLength="150" lengthAdjust="spacingAndGlyphs" opacity=".7">TRACK · DIGITISATION</text>
|
|
|
|
<!-- stos papierowych teczek: stan wyjściowy -->
|
|
<g stroke="#416180" stroke-width="1.5" fill="#f2f2f3">
|
|
<path d="M44 148h84v52H44z"/>
|
|
<path d="M50 136h84v52H50z"/>
|
|
<path d="M56 124h84v52H56z"/>
|
|
</g>
|
|
<g fill="#5980a6" opacity=".38">
|
|
<rect x="66" y="138" width="52" height="6"/>
|
|
<rect x="66" y="150" width="38" height="5"/>
|
|
<rect x="66" y="160" width="46" height="5"/>
|
|
</g>
|
|
<text x="44" y="220" fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif"
|
|
font-size="10.5" textLength="94" lengthAdjust="spacingAndGlyphs" opacity=".72">PAPER AND SHEETS</text>
|
|
|
|
<!-- strzałka przejścia -->
|
|
<path d="M156 152 H206" stroke="#5980a6" stroke-width="1.8" fill="none" marker-end="url(#cy-arr)"/>
|
|
|
|
<!-- system docelowy: ekran z modułami -->
|
|
<g stroke="#416180" stroke-width="1.5" fill="none">
|
|
<rect x="224" y="60" width="212" height="128" fill="#f2f2f3"/>
|
|
<path d="M224 84h212"/>
|
|
</g>
|
|
<rect x="224" y="60" width="212" height="24" fill="#5980a6" fill-opacity=".2"/>
|
|
<text x="236" y="77" fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif"
|
|
font-size="11" textLength="104" lengthAdjust="spacingAndGlyphs">CENTRAL SYSTEM</text>
|
|
|
|
<!-- moduły w systemie -->
|
|
<g stroke="#5980a6" stroke-width="1.4" fill="none">
|
|
<rect x="238" y="96" width="58" height="34"/>
|
|
<rect x="306" y="96" width="58" height="34"/>
|
|
<rect x="374" y="96" width="48" height="34"/>
|
|
<rect x="238" y="140" width="58" height="34"/>
|
|
<rect x="306" y="140" width="116" height="34"/>
|
|
</g>
|
|
<g fill="#5980a6" fill-opacity=".3">
|
|
<rect x="238" y="96" width="58" height="34"/>
|
|
<rect x="306" y="140" width="116" height="34"/>
|
|
</g>
|
|
<g fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif" font-size="9"
|
|
text-anchor="middle" opacity=".85">
|
|
<text x="267" y="117" textLength="40" lengthAdjust="spacingAndGlyphs">ASSETS</text>
|
|
<text x="335" y="117" textLength="48" lengthAdjust="spacingAndGlyphs">WORK ORDERS</text>
|
|
<text x="398" y="117" textLength="40" lengthAdjust="spacingAndGlyphs">READINGS</text>
|
|
<text x="267" y="161" textLength="40" lengthAdjust="spacingAndGlyphs">BILLING</text>
|
|
<text x="364" y="161" textLength="58" lengthAdjust="spacingAndGlyphs">REPORTING</text>
|
|
</g>
|
|
|
|
<!-- etapowy plan wdrożenia -->
|
|
<g stroke="#416180" stroke-width="1.4" fill="none" opacity=".8">
|
|
<path d="M224 208h212"/>
|
|
</g>
|
|
<g fill="#5980a6">
|
|
<circle cx="252" cy="208" r="4.5"/>
|
|
<circle cx="330" cy="208" r="4.5"/>
|
|
</g>
|
|
<circle cx="408" cy="208" r="4.5" fill="none" stroke="#416180" stroke-width="1.4"/>
|
|
<g fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif" font-size="9.5"
|
|
text-anchor="middle" opacity=".75">
|
|
<text x="252" y="226" textLength="38" lengthAdjust="spacingAndGlyphs">PHASE I</text>
|
|
<text x="330" y="226" textLength="42" lengthAdjust="spacingAndGlyphs">PHASE II</text>
|
|
<text x="408" y="226" textLength="46" lengthAdjust="spacingAndGlyphs">PHASE III</text>
|
|
</g>
|
|
</svg>
|