60 lines
6.1 KiB
XML
60 lines
6.1 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" width="1500" height="980" viewBox="0 0 1500 980"><rect width="1500" height="980" 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">Flowchart Sistem Aplikasi Tobaku Sulastri</text>
|
|
<ellipse cx="750.0" cy="112.5" rx="80.0" ry="27.5" class="term"/>
|
|
<text x="750.0" y="107.5" text-anchor="middle" class="label">Mulai</text>
|
|
<rect x="660" y="165" width="180" height="55" rx="10" class="box"/>
|
|
<text x="750.0" y="187.5" text-anchor="middle" class="label">Splash Screen</text>
|
|
<polygon points="750.0,250.0 855.0,290.0 750.0,330.0 645.0,290.0" class="decision"/>
|
|
<text x="750.0" y="285.0" text-anchor="middle" class="label">Sesi login</text><text x="750.0" y="305.0" text-anchor="middle" class="label">tersedia?</text>
|
|
<polygon points="400,365 625,365 600,430 375,430" class="note"/>
|
|
<text x="500.0" y="392.5" text-anchor="middle" class="label">Input username/email</text><text x="500.0" y="412.5" text-anchor="middle" class="label">dan password</text>
|
|
<polygon points="500.0,465.0 605.0,505.0 500.0,545.0 395.0,505.0" class="decision"/>
|
|
<text x="500.0" y="500.0" text-anchor="middle" class="label">Login valid?</text>
|
|
<rect x="150" y="480" width="210" height="60" rx="10" class="box"/>
|
|
<text x="255.0" y="505.0" text-anchor="middle" class="label">Tampilkan pesan</text><text x="255.0" y="525.0" text-anchor="middle" class="label">gagal login</text>
|
|
<rect x="670" y="375" width="190" height="60" rx="10" class="box"/>
|
|
<text x="765.0" y="400.0" text-anchor="middle" class="label">Dashboard utama</text>
|
|
<polygon points="765.0,465.0 870.0,502.5 765.0,540.0 660.0,502.5" class="decision"/>
|
|
<text x="765.0" y="497.5" text-anchor="middle" class="label">Pilih menu</text><text x="765.0" y="517.5" text-anchor="middle" class="label">aplikasi</text>
|
|
<rect x="250" y="620" width="260" height="75" rx="10" class="box"/>
|
|
<text x="380.0" y="652.5" text-anchor="middle" class="label">Data Produk/Stok:</text><text x="380.0" y="672.5" text-anchor="middle" class="label">lihat, filter, tambah bahan</text>
|
|
<rect x="540" y="620" width="270" height="75" rx="10" class="box"/>
|
|
<text x="675.0" y="652.5" text-anchor="middle" class="label">Transaksi Stok Masuk:</text><text x="675.0" y="672.5" text-anchor="middle" class="label">pilih bahan, jumlah, tanggal</text>
|
|
<rect x="840" y="620" width="270" height="75" rx="10" class="box"/>
|
|
<text x="975.0" y="652.5" text-anchor="middle" class="label">Prediksi/Produksi:</text><text x="975.0" y="672.5" text-anchor="middle" class="label">pilih resep dan jumlah</text>
|
|
<rect x="850" y="735" width="250" height="65" rx="10" class="box"/>
|
|
<text x="975.0" y="762.5" text-anchor="middle" class="label">Hitung kebutuhan</text><text x="975.0" y="782.5" text-anchor="middle" class="label">dan cek stok</text>
|
|
<polygon points="975.0,825.0 1075.0,862.5 975.0,900.0 875.0,862.5" class="decision"/>
|
|
<text x="975.0" y="857.5" text-anchor="middle" class="label">Stok cukup?</text>
|
|
<rect x="1150" y="620" width="270" height="75" rx="10" class="box"/>
|
|
<text x="1285.0" y="652.5" text-anchor="middle" class="label">Laporan stok, stok masuk,</text><text x="1285.0" y="672.5" text-anchor="middle" class="label">prediksi, bahan kritis</text>
|
|
<rect x="1150" y="735" width="270" height="75" rx="10" class="box"/>
|
|
<text x="1285.0" y="767.5" text-anchor="middle" class="label">Pengaturan akun,</text><text x="1285.0" y="787.5" text-anchor="middle" class="label">ubah/reset password</text>
|
|
<rect x="610" y="875" width="330" height="70" rx="25" class="db"/>
|
|
<text x="775.0" y="905.0" text-anchor="middle" class="label">Database MySQL +</text><text x="775.0" y="925.0" text-anchor="middle" class="label">Model Random Forest</text>
|
|
<ellipse cx="1265.0" cy="902.5" rx="105.0" ry="27.5" class="term"/>
|
|
<text x="1265.0" y="897.5" text-anchor="middle" class="label">Selesai / Logout</text>
|
|
<path d="M750,140 L750,165" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M750,220 L750,250" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M750,330 L765,375" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M645,290 L625,395" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M500,430 L500,465" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M395,505 L360,510" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M150,510 L375,395" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M765,435 L765,465" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M660,505 L510,620" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M765,540 L675,620" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M870,505 L975,620" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M870,505 L1150,657" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M870,505 L1150,772" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M975,695 L975,735" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M975,800 L975,825" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M875,862 L510,657" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M975,900 L940,910" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M1285,695 L1285,735" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M1285,810 L1285,875" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M1285,657 L940,910" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M675,695 L675,875" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M380,695 L610,910" class="line" marker-end="url(#arrow)"/>
|
|
</svg> |
