102 lines
5.2 KiB
XML
102 lines
5.2 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 360" role="img" aria-labelledby="t-app">
|
|
<title id="t-app">Aplikacje pod klucz - wymagania klienta zamieniane w system webowy i aplikację brygady na telefon</title>
|
|
<defs>
|
|
<pattern id="app-grid" width="20" height="20" patternUnits="userSpaceOnUse">
|
|
<path d="M20 0H0v20" fill="none" stroke="#5980a6" stroke-opacity=".14" stroke-width="1"/>
|
|
</pattern>
|
|
<marker id="app-arr" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
|
|
<path d="M0 0 10 5 0 10z" fill="#5980a6"/>
|
|
</marker>
|
|
</defs>
|
|
<rect width="640" height="360" fill="#eaeef2"/>
|
|
<rect width="640" height="360" fill="url(#app-grid)"/>
|
|
|
|
<!-- ── wymagania klienta: kartka ze specyfikacją ────────────────────── -->
|
|
<g stroke="#416180" stroke-width="1.5" fill="none">
|
|
<path d="M42 70h96l26 26v138H42z" fill="#f2f2f3"/>
|
|
<path d="M138 70v26h26"/>
|
|
</g>
|
|
<g stroke="#5980a6" stroke-width="1.8" fill="none">
|
|
<path d="m58 122 6 6 11-12"/><path d="m58 150 6 6 11-12"/><path d="m58 178 6 6 11-12"/>
|
|
</g>
|
|
<g fill="#5980a6" opacity=".42">
|
|
<rect x="84" y="120" width="62" height="7"/>
|
|
<rect x="84" y="148" width="52" height="7"/>
|
|
<rect x="84" y="176" width="66" height="7"/>
|
|
</g>
|
|
<text x="42" y="256" fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif"
|
|
font-size="12" textLength="122" lengthAdjust="spacingAndGlyphs" opacity=".75">WYMAGANIA KLIENTA</text>
|
|
|
|
<!-- strzałka: wymagania -> wdrożenie -->
|
|
<path d="M198 148 H244" stroke="#5980a6" stroke-width="1.8" fill="none" marker-end="url(#app-arr)"/>
|
|
|
|
<!-- ── aplikacja webowa: okno przeglądarki ─────────────────────────── -->
|
|
<g stroke="#416180" stroke-width="1.5" fill="none">
|
|
<rect x="262" y="62" width="212" height="152" fill="#f2f2f3"/>
|
|
<path d="M262 88h212"/>
|
|
</g>
|
|
<rect x="262" y="62" width="212" height="26" fill="#5980a6" fill-opacity=".2"/>
|
|
<g fill="#416180" opacity=".45">
|
|
<circle cx="276" cy="75" r="3.5"/><circle cx="288" cy="75" r="3.5"/><circle cx="300" cy="75" r="3.5"/>
|
|
</g>
|
|
<!-- panel boczny + treść -->
|
|
<path d="M300 88v126" stroke="#416180" stroke-width="1.5" fill="none"/>
|
|
<g fill="#5980a6" opacity=".35">
|
|
<rect x="272" y="100" width="20" height="6"/><rect x="272" y="114" width="20" height="6"/>
|
|
<rect x="272" y="128" width="20" height="6"/>
|
|
</g>
|
|
<rect x="272" y="100" width="20" height="6" fill="#5980a6" opacity=".75"/>
|
|
<!-- wykres w aplikacji -->
|
|
<g stroke="#5980a6" stroke-width="1.6" fill="none">
|
|
<path d="M314 176 344 152 368 162 396 128 424 140 458 112"/>
|
|
<path d="M314 190h144" stroke-opacity=".45"/>
|
|
</g>
|
|
<g fill="#5980a6" opacity=".4">
|
|
<rect x="314" y="100" width="72" height="7"/>
|
|
<rect x="314" y="114" width="104" height="6"/>
|
|
</g>
|
|
<text x="262" y="238" fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif"
|
|
font-size="12" textLength="96" lengthAdjust="spacingAndGlyphs" opacity=".75">SYSTEM WEBOWY</text>
|
|
|
|
<!-- ── aplikacja mobilna: telefon ──────────────────────────────────── -->
|
|
<g stroke="#416180" stroke-width="1.5" fill="none">
|
|
<rect x="512" y="62" width="86" height="152" rx="9" fill="#f2f2f3"/>
|
|
<path d="M512 84h86M512 196h86"/>
|
|
<path d="M544 73h22"/>
|
|
</g>
|
|
<rect x="512" y="84" width="86" height="112" fill="#5980a6" fill-opacity=".12"/>
|
|
<g fill="#5980a6" opacity=".5">
|
|
<rect x="524" y="96" width="42" height="7"/>
|
|
</g>
|
|
<g stroke="#5980a6" stroke-width="1.5" fill="none">
|
|
<rect x="524" y="112" width="62" height="26"/>
|
|
<rect x="524" y="146" width="62" height="26"/>
|
|
</g>
|
|
<g fill="#5980a6" opacity=".35">
|
|
<rect x="532" y="120" width="30" height="5"/><rect x="532" y="129" width="42" height="4"/>
|
|
<rect x="532" y="154" width="38" height="5"/><rect x="532" y="163" width="26" height="4"/>
|
|
</g>
|
|
<circle cx="555" cy="205" r="4.5" fill="none" stroke="#416180" stroke-width="1.5"/>
|
|
<text x="512" y="238" fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif"
|
|
font-size="12" textLength="86" lengthAdjust="spacingAndGlyphs" opacity=".75">APLIKACJA BRYGADY</text>
|
|
|
|
<!-- ── pasek: etapy realizacji pod klucz ───────────────────────────── -->
|
|
<g stroke="#416180" stroke-width="1.5" fill="none">
|
|
<path d="M42 296h556"/>
|
|
</g>
|
|
<g fill="#5980a6">
|
|
<circle cx="82" cy="296" r="5"/><circle cx="220" cy="296" r="5"/>
|
|
<circle cx="358" cy="296" r="5"/><circle cx="496" cy="296" r="5"/>
|
|
</g>
|
|
<circle cx="580" cy="296" r="7" fill="#1d2d3d"/>
|
|
<path d="m576 296 3 3 6-7" stroke="#f2f2f3" stroke-width="1.8" fill="none"/>
|
|
<g fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif" font-size="11"
|
|
text-anchor="middle" opacity=".75">
|
|
<text x="82" y="322" textLength="46" lengthAdjust="spacingAndGlyphs">ANALIZA</text>
|
|
<text x="220" y="322" textLength="46" lengthAdjust="spacingAndGlyphs">PROJEKT</text>
|
|
<text x="358" y="322" textLength="62" lengthAdjust="spacingAndGlyphs">PROGRAMOWANIE</text>
|
|
<text x="496" y="322" textLength="46" lengthAdjust="spacingAndGlyphs">TESTY</text>
|
|
<text x="580" y="322" textLength="60" lengthAdjust="spacingAndGlyphs">WDROŻENIE</text>
|
|
</g>
|
|
</svg>
|
