50 lines
5.3 KiB
XML
50 lines
5.3 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" width="1500" height="920" viewBox="0 0 1500 920"><rect width="1500" height="920" fill="#F7F3EE"/>
|
|
<defs><style>.title{font-family:Arial,sans-serif;font-size:28px;font-weight:700;fill:#2D2520}.label{font-family:Arial,sans-serif;font-size:16px;fill:#2D2520}.small{font-family:Arial,sans-serif;font-size:13px;fill:#4B5563}.box{fill:#fff;stroke:#8B5E3C;stroke-width:2}.note{fill:#EAF4FF;stroke:#2B6CB0;stroke-width:2}.decision{fill:#FFF7D6;stroke:#B7791F;stroke-width:2}.term{fill:#EAF8EF;stroke:#2E7D32;stroke-width:2}.db{fill:#EFF2F5;stroke:#4B5563;stroke-width:2}.line{stroke:#4B3A31;stroke-width:2;fill:none}.dash{stroke:#6B7280;stroke-width:1.8;stroke-dasharray:7 5;fill:none}</style><marker id="arrow" markerWidth="10" markerHeight="8" refX="9" refY="4" orient="auto"><path d="M0,0 L10,4 L0,8 z" fill="#4B3A31"/></marker><marker id="arrow2" markerWidth="10" markerHeight="8" refX="9" refY="4" orient="auto"><path d="M0,0 L10,4 L0,8 z" fill="#6B7280"/></marker></defs>
|
|
<text x="750" y="50" text-anchor="middle" class="title">Use Case Diagram Aplikasi Prediksi dan Pengelolaan Stok Bahan Kue</text>
|
|
<rect x="250" y="95" width="1180" height="760" rx="18" class="box"/>
|
|
<text x="840" y="130" text-anchor="middle" class="label">Sistem Aplikasi Tobaku Sulastri</text>
|
|
<circle cx="120" cy="250" r="28" fill="#fff" stroke="#2D2520" stroke-width="3"/><path d="M120 278 L120 365 M70 310 L170 310 M120 365 L80 440 M120 365 L160 440" stroke="#2D2520" stroke-width="3" fill="none" stroke-linecap="round"/>
|
|
<text x="120" y="480" text-anchor="middle" class="label">Admin /</text><text x="120" y="500" text-anchor="middle" class="label">Pemilik Toko</text>
|
|
<ellipse cx="460.0" cy="205.0" rx="130.0" ry="35.0" class="box"/>
|
|
<text x="460" y="202" text-anchor="middle" class="label">Login</text>
|
|
<ellipse cx="460.0" cy="325.0" rx="130.0" ry="35.0" class="box"/>
|
|
<text x="460" y="322" text-anchor="middle" class="label">Melihat</text><text x="460" y="342" text-anchor="middle" class="label">Dashboard</text>
|
|
<ellipse cx="460.0" cy="445.0" rx="130.0" ry="35.0" class="box"/>
|
|
<text x="460" y="442" text-anchor="middle" class="label">Mengelola Produk</text><text x="460" y="462" text-anchor="middle" class="label">dan Stok Bahan</text>
|
|
<ellipse cx="460.0" cy="565.0" rx="130.0" ry="35.0" class="box"/>
|
|
<text x="460" y="562" text-anchor="middle" class="label">Mencatat</text><text x="460" y="582" text-anchor="middle" class="label">Stok Masuk</text>
|
|
<ellipse cx="800.0" cy="215.0" rx="130.0" ry="35.0" class="box"/>
|
|
<text x="800" y="212" text-anchor="middle" class="label">Prediksi Kebutuhan</text><text x="800" y="232" text-anchor="middle" class="label">Produksi</text>
|
|
<ellipse cx="800.0" cy="355.0" rx="130.0" ry="35.0" class="box"/>
|
|
<text x="800" y="352" text-anchor="middle" class="label">Menghitung Kebutuhan</text><text x="800" y="372" text-anchor="middle" class="label">Bahan dari Resep</text>
|
|
<ellipse cx="800.0" cy="495.0" rx="130.0" ry="35.0" class="box"/>
|
|
<text x="800" y="492" text-anchor="middle" class="label">Submit Produksi</text><text x="800" y="512" text-anchor="middle" class="label">dan Update Stok</text>
|
|
<ellipse cx="800.0" cy="635.0" rx="130.0" ry="35.0" class="box"/>
|
|
<text x="800" y="632" text-anchor="middle" class="label">Melihat Laporan Stok,</text><text x="800" y="652" text-anchor="middle" class="label">Prediksi, dan Bahan Kritis</text>
|
|
<ellipse cx="800.0" cy="765.0" rx="130.0" ry="35.0" class="box"/>
|
|
<text x="800" y="762" text-anchor="middle" class="label">Mengatur Akun</text><text x="800" y="782" text-anchor="middle" class="label">dan Password</text>
|
|
<ellipse cx="1190.0" cy="275.0" rx="130.0" ry="35.0" class="box"/>
|
|
<text x="1190" y="272" text-anchor="middle" class="label">Mengambil</text><text x="1190" y="292" text-anchor="middle" class="label">Data Resep</text>
|
|
<ellipse cx="1190.0" cy="415.0" rx="130.0" ry="35.0" class="box"/>
|
|
<text x="1190" y="412" text-anchor="middle" class="label">Mengecek</text><text x="1190" y="432" text-anchor="middle" class="label">Ketersediaan Stok</text>
|
|
<ellipse cx="1190.0" cy="555.0" rx="130.0" ry="35.0" class="box"/>
|
|
<text x="1190" y="552" text-anchor="middle" class="label">Menyimpan Riwayat</text><text x="1190" y="572" text-anchor="middle" class="label">Prediksi/Pemakaian</text>
|
|
<ellipse cx="1190.0" cy="725.0" rx="130.0" ry="35.0" class="box"/>
|
|
<text x="1190" y="722" text-anchor="middle" class="label">Reset Password</text><text x="1190" y="742" text-anchor="middle" class="label">dengan OTP</text>
|
|
<path d="M170,350 L330,205" class="line"/>
|
|
<path d="M170,350 L330,325" class="line"/>
|
|
<path d="M170,350 L330,445" class="line"/>
|
|
<path d="M170,350 L330,565" class="line"/>
|
|
<path d="M170,350 L670,215" class="line"/>
|
|
<path d="M170,350 L670,355" class="line"/>
|
|
<path d="M170,350 L670,495" class="line"/>
|
|
<path d="M170,350 L670,635" class="line"/>
|
|
<path d="M170,350 L670,765" class="line"/>
|
|
<path d="M930,215 L1060,275" class="dash" marker-end="url(#arrow2)"/>
|
|
<path d="M930,215 L670,355" class="dash" marker-end="url(#arrow2)"/>
|
|
<path d="M930,355 L1060,415" class="dash" marker-end="url(#arrow2)"/>
|
|
<path d="M930,495 L1060,415" class="dash" marker-end="url(#arrow2)"/>
|
|
<path d="M930,495 L1060,555" class="dash" marker-end="url(#arrow2)"/>
|
|
<path d="M930,635 L1060,555" class="dash" marker-end="url(#arrow2)"/>
|
|
<path d="M930,765 L1060,725" class="dash" marker-end="url(#arrow2)"/>
|
|
</svg> |