224 lines
22 KiB
XML
224 lines
22 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" width="2200" height="3600" viewBox="0 0 2200 3600"><rect width="2200" height="3600" fill="#F7F3EE"/>
|
|
<defs><style>.title{font-family:Arial,sans-serif;font-size:30px;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}.lane-title{font-family:Arial,sans-serif;font-size:18px;font-weight:700;fill:#2D2520}.box{fill:#fff;stroke:#8B5E3C;stroke-width:2}.data{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}.mail{fill:#F0FDF4;stroke:#16A34A;stroke-width:2}.err{fill:#FFECEC;stroke:#DC2626;stroke-width:2}.lane{fill:#fff;stroke:#8B5E3C;stroke-width:2}.line{stroke:#4B3A31;stroke-width:2;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></defs>
|
|
<text x="1100.0" y="50" text-anchor="middle" class="title">Flowchart Sistem Lengkap Aplikasi Tobaku Sulastri</text>
|
|
<rect x="70" y="90" width="2060" height="2180" rx="14" class="lane"/>
|
|
<text x="1100" y="130" text-anchor="middle" class="lane-title">A. Alur Autentikasi Pengguna</text>
|
|
<rect x="110" y="650" width="760" height="620" rx="14" class="lane"/>
|
|
<text x="490" y="690" text-anchor="middle" class="lane-title">Login Normal</text>
|
|
<rect x="950" y="650" width="1140" height="1520" rx="14" class="lane"/>
|
|
<text x="1520" y="690" text-anchor="middle" class="lane-title">Lupa Password dengan OTP Email</text>
|
|
<rect x="70" y="2300" width="2060" height="1120" rx="14" class="lane"/>
|
|
<text x="1100" y="2340" text-anchor="middle" class="lane-title">B. Alur Menu Utama Setelah Masuk Dashboard</text>
|
|
<ellipse cx="1100.0" cy="157.5" rx="90.0" ry="27.5" class="term"/>
|
|
<text x="1100.0" y="149.5" text-anchor="middle" class="label">Mulai</text>
|
|
<rect x="1005" y="210" width="190" height="55" rx="10" class="box"/>
|
|
<text x="1100.0" y="229.5" text-anchor="middle" class="label">Splash Screen</text>
|
|
<polygon points="1100.0,310 1230,355.0 1100.0,400 970,355.0" class="decision"/>
|
|
<text x="1100.0" y="347.0" text-anchor="middle" class="label">Apakah sesi login</text><text x="1100.0" y="367.0" text-anchor="middle" class="label">masih aktif?</text>
|
|
<ellipse cx="1465.0" cy="357.5" rx="135.0" ry="32.5" class="term"/>
|
|
<text x="1465.0" y="349.5" text-anchor="middle" class="label">Sesi aktif, lanjut</text><text x="1465.0" y="369.5" text-anchor="middle" class="label">ke aplikasi</text>
|
|
<rect x="985" y="490" width="230" height="60" rx="10" class="box"/>
|
|
<text x="1100.0" y="512.0" text-anchor="middle" class="label">Halaman Login</text>
|
|
<polygon points="1100.0,590 1240,632.5 1100.0,675 960,632.5" class="decision"/>
|
|
<text x="1100.0" y="624.5" text-anchor="middle" class="label">Pilih aksi pada</text><text x="1100.0" y="644.5" text-anchor="middle" class="label">halaman login</text>
|
|
<polygon points="324,740 640,740 616,810 300,810" class="data"/>
|
|
<text x="470.0" y="767.0" text-anchor="middle" class="label">Input username/email</text><text x="470.0" y="787.0" text-anchor="middle" class="label">dan password</text>
|
|
<rect x="325" y="850" width="290" height="65" rx="10" class="box"/>
|
|
<text x="470.0" y="874.5" text-anchor="middle" class="label">Kirim data ke API</text><text x="470.0" y="894.5" text-anchor="middle" class="label">/api/login</text>
|
|
<rect x="325" y="950" width="290" height="65" rx="24" class="db"/>
|
|
<text x="470.0" y="974.5" text-anchor="middle" class="label">Validasi akun pada</text><text x="470.0" y="994.5" text-anchor="middle" class="label">tabel login</text>
|
|
<polygon points="470.0,1060 600,1102.5 470.0,1145 340,1102.5" class="decision"/>
|
|
<text x="470.0" y="1094.5" text-anchor="middle" class="label">Apakah data</text><text x="470.0" y="1114.5" text-anchor="middle" class="label">login valid?</text>
|
|
<ellipse cx="470.0" cy="1222.5" rx="160.0" ry="32.5" class="term"/>
|
|
<text x="470.0" y="1214.5" text-anchor="middle" class="label">Login berhasil</text><text x="470.0" y="1234.5" text-anchor="middle" class="label">dan simpan sesi</text>
|
|
<rect x="90" y="1190" width="270" height="65" rx="10" class="err"/>
|
|
<text x="225.0" y="1214.5" text-anchor="middle" class="label">Tampilkan pesan</text><text x="225.0" y="1234.5" text-anchor="middle" class="label">login gagal</text>
|
|
<rect x="90" y="1285" width="270" height="55" rx="10" class="box"/>
|
|
<text x="225.0" y="1304.5" text-anchor="middle" class="label">Ulangi input</text><text x="225.0" y="1324.5" text-anchor="middle" class="label">data login</text>
|
|
<polygon points="1424,740 1730,740 1706,810 1400,810" class="data"/>
|
|
<text x="1565.0" y="767.0" text-anchor="middle" class="label">Input username/email</text><text x="1565.0" y="787.0" text-anchor="middle" class="label">akun</text>
|
|
<rect x="1365" y="850" width="390" height="70" rx="10" class="box"/>
|
|
<text x="1560.0" y="877.0" text-anchor="middle" class="label">Request OTP ke API</text><text x="1560.0" y="897.0" text-anchor="middle" class="label">/api/forgot-password/send-otp</text>
|
|
<rect x="1410" y="960" width="300" height="65" rx="24" class="db"/>
|
|
<text x="1560.0" y="984.5" text-anchor="middle" class="label">Cek akun pada</text><text x="1560.0" y="1004.5" text-anchor="middle" class="label">tabel login</text>
|
|
<polygon points="1560.0,1070 1690,1112.5 1560.0,1155 1430,1112.5" class="decision"/>
|
|
<text x="1560.0" y="1104.5" text-anchor="middle" class="label">Apakah akun</text><text x="1560.0" y="1124.5" text-anchor="middle" class="label">ditemukan?</text>
|
|
<rect x="1790" y="1078" width="300" height="65" rx="10" class="err"/>
|
|
<text x="1940.0" y="1102.5" text-anchor="middle" class="label">Tampilkan pesan akun</text><text x="1940.0" y="1122.5" text-anchor="middle" class="label">tidak ditemukan</text>
|
|
<rect x="1790" y="1175" width="300" height="65" rx="10" class="box"/>
|
|
<text x="1940.0" y="1199.5" text-anchor="middle" class="label">Ulangi input email/username</text><text x="1940.0" y="1219.5" text-anchor="middle" class="label">yang terdaftar</text>
|
|
<rect x="1375" y="1195" width="370" height="70" rx="10" class="box"/>
|
|
<text x="1560.0" y="1222.0" text-anchor="middle" class="label">Generate OTP 6 digit</text><text x="1560.0" y="1242.0" text-anchor="middle" class="label">masa berlaku 10 menit</text>
|
|
<rect x="1375" y="1305" width="370" height="70" rx="24" class="db"/>
|
|
<text x="1560.0" y="1332.0" text-anchor="middle" class="label">Simpan OTP ke tabel</text><text x="1560.0" y="1352.0" text-anchor="middle" class="label">password_reset_otps</text>
|
|
<rect x="1375" y="1415" width="370" height="70" rx="10" class="mail"/>
|
|
<text x="1560.0" y="1442.0" text-anchor="middle" class="label">Kirim OTP ke email</text><text x="1560.0" y="1462.0" text-anchor="middle" class="label">pengguna via SMTP</text>
|
|
<polygon points="1419,1525 1725,1525 1701,1595 1395,1595" class="data"/>
|
|
<text x="1560.0" y="1552.0" text-anchor="middle" class="label">Input kode OTP</text><text x="1560.0" y="1572.0" text-anchor="middle" class="label">dari email</text>
|
|
<rect x="1365" y="1635" width="390" height="70" rx="10" class="box"/>
|
|
<text x="1560.0" y="1662.0" text-anchor="middle" class="label">Verifikasi OTP ke API</text><text x="1560.0" y="1682.0" text-anchor="middle" class="label">/api/forgot-password/verify-otp</text>
|
|
<rect x="1365" y="1745" width="390" height="70" rx="24" class="db"/>
|
|
<text x="1560.0" y="1772.0" text-anchor="middle" class="label">Cek OTP: sesuai, belum dipakai,</text><text x="1560.0" y="1792.0" text-anchor="middle" class="label">dan belum kedaluwarsa</text>
|
|
<polygon points="1560.0,1855 1690,1897.5 1560.0,1940 1430,1897.5" class="decision"/>
|
|
<text x="1560.0" y="1889.5" text-anchor="middle" class="label">Apakah OTP</text><text x="1560.0" y="1909.5" text-anchor="middle" class="label">valid?</text>
|
|
<rect x="1790" y="1863" width="300" height="65" rx="10" class="err"/>
|
|
<text x="1940.0" y="1887.5" text-anchor="middle" class="label">Tampilkan pesan OTP</text><text x="1940.0" y="1907.5" text-anchor="middle" class="label">salah/kedaluwarsa</text>
|
|
<rect x="1790" y="1960" width="300" height="65" rx="10" class="box"/>
|
|
<text x="1940.0" y="1984.5" text-anchor="middle" class="label">Ulangi OTP atau</text><text x="1940.0" y="2004.5" text-anchor="middle" class="label">kirim OTP baru</text>
|
|
<polygon points="1024,1960 1320,1960 1296,2030 1000,2030" class="data"/>
|
|
<text x="1160.0" y="1987.0" text-anchor="middle" class="label">Input password baru</text>
|
|
<rect x="995" y="2070" width="350" height="70" rx="10" class="box"/>
|
|
<text x="1170.0" y="2097.0" text-anchor="middle" class="label">Request reset password</text><text x="1170.0" y="2117.0" text-anchor="middle" class="label">/api/forgot-password/reset</text>
|
|
<rect x="1380" y="2070" width="390" height="70" rx="24" class="db"/>
|
|
<text x="1575.0" y="2097.0" text-anchor="middle" class="label">Update password tabel login</text><text x="1575.0" y="2117.0" text-anchor="middle" class="label">dan tandai OTP digunakan</text>
|
|
<ellipse cx="1570.0" cy="2212.5" rx="165.0" ry="32.5" class="term"/>
|
|
<text x="1570.0" y="2204.5" text-anchor="middle" class="label">Reset berhasil,</text><text x="1570.0" y="2224.5" text-anchor="middle" class="label">kembali ke halaman login</text>
|
|
<ellipse cx="1100.0" cy="2215.0" rx="170.0" ry="35.0" class="term"/>
|
|
<text x="1100.0" y="2207.0" text-anchor="middle" class="label">Autentikasi berhasil</text><text x="1100.0" y="2227.0" text-anchor="middle" class="label">atau sesi masih aktif</text>
|
|
<rect x="800" y="2410" width="600" height="75" rx="10" class="box"/>
|
|
<text x="1100.0" y="2439.5" text-anchor="middle" class="label">Dashboard Utama</text><text x="1100.0" y="2459.5" text-anchor="middle" class="label">Ringkasan stok, bahan digunakan hari ini, stok kritis</text>
|
|
<polygon points="1100.0,2530 1240,2572.5 1100.0,2615 960,2572.5" class="decision"/>
|
|
<text x="1100.0" y="2564.5" text-anchor="middle" class="label">Pilih menu aplikasi</text>
|
|
<rect x="110" y="2680" width="300" height="60" rx="10" class="box"/>
|
|
<text x="260.0" y="2702.0" text-anchor="middle" class="label">Menu Produk/Stok</text>
|
|
<rect x="110" y="2775" width="300" height="65" rx="24" class="db"/>
|
|
<text x="260.0" y="2799.5" text-anchor="middle" class="label">Ambil data produk</text><text x="260.0" y="2819.5" text-anchor="middle" class="label">GET /products</text>
|
|
<rect x="90" y="2880" width="340" height="80" rx="10" class="box"/>
|
|
<text x="260.0" y="2912.0" text-anchor="middle" class="label">Lihat/filter stok, cek status kritis,</text><text x="260.0" y="2932.0" text-anchor="middle" class="label">dan tambah bahan</text>
|
|
<rect x="105" y="3000" width="310" height="70" rx="24" class="db"/>
|
|
<text x="260.0" y="3027.0" text-anchor="middle" class="label">Jika tambah bahan:</text><text x="260.0" y="3047.0" text-anchor="middle" class="label">simpan ke tabel products</text>
|
|
<ellipse cx="260.0" cy="3145.0" rx="155.0" ry="30.0" class="term"/>
|
|
<text x="260.0" y="3137.0" text-anchor="middle" class="label">Data stok diperbarui</text><text x="260.0" y="3157.0" text-anchor="middle" class="label">dan dashboard bisa direfresh</text>
|
|
<rect x="520" y="2680" width="300" height="65" rx="10" class="box"/>
|
|
<text x="670.0" y="2704.5" text-anchor="middle" class="label">Menu Transaksi</text><text x="670.0" y="2724.5" text-anchor="middle" class="label">Stok Masuk</text>
|
|
<polygon points="544,2780 820,2780 796,2850 520,2850" class="data"/>
|
|
<text x="670.0" y="2807.0" text-anchor="middle" class="label">Pilih bahan, jumlah,</text><text x="670.0" y="2827.0" text-anchor="middle" class="label">harga, dan tanggal</text>
|
|
<rect x="520" y="2890" width="300" height="65" rx="10" class="box"/>
|
|
<text x="670.0" y="2914.5" text-anchor="middle" class="label">Simpan transaksi</text><text x="670.0" y="2934.5" text-anchor="middle" class="label">POST /transaksi</text>
|
|
<rect x="500" y="3000" width="340" height="75" rx="24" class="db"/>
|
|
<text x="670.0" y="3029.5" text-anchor="middle" class="label">Update current_stock</text><text x="670.0" y="3049.5" text-anchor="middle" class="label">dan tabel Stock In/transactions</text>
|
|
<ellipse cx="670.0" cy="3155.0" rx="170.0" ry="30.0" class="term"/>
|
|
<text x="670.0" y="3147.0" text-anchor="middle" class="label">Stok masuk tersimpan</text><text x="670.0" y="3167.0" text-anchor="middle" class="label">dan stok bahan bertambah</text>
|
|
<rect x="930" y="2680" width="330" height="60" rx="10" class="box"/>
|
|
<text x="1095.0" y="2702.0" text-anchor="middle" class="label">Menu Prediksi/Produksi</text>
|
|
<rect x="930" y="2775" width="330" height="70" rx="24" class="db"/>
|
|
<text x="1095.0" y="2802.0" text-anchor="middle" class="label">Ambil data resep dan produk</text><text x="1095.0" y="2822.0" text-anchor="middle" class="label">GET /recipes, GET /products</text>
|
|
<polygon points="949,2885 1265,2885 1241,2960 925,2960" class="data"/>
|
|
<text x="1095.0" y="2914.5" text-anchor="middle" class="label">Pilih resep, jumlah produksi,</text><text x="1095.0" y="2934.5" text-anchor="middle" class="label">dan bahan yang digunakan</text>
|
|
<rect x="920" y="3000" width="350" height="70" rx="10" class="box"/>
|
|
<text x="1095.0" y="3027.0" text-anchor="middle" class="label">Hitung kebutuhan bahan</text><text x="1095.0" y="3047.0" text-anchor="middle" class="label">berdasarkan recipe_ingredients</text>
|
|
<polygon points="1095.0,3110 1225,3152.5 1095.0,3195 965,3152.5" class="decision"/>
|
|
<text x="1095.0" y="3144.5" text-anchor="middle" class="label">Apakah stok</text><text x="1095.0" y="3164.5" text-anchor="middle" class="label">cukup?</text>
|
|
<rect x="690" y="3130" width="280" height="65" rx="10" class="err"/>
|
|
<text x="830.0" y="3154.5" text-anchor="middle" class="label">Tampilkan bahan kurang</text><text x="830.0" y="3174.5" text-anchor="middle" class="label">dan arahkan update stok</text>
|
|
<rect x="995" y="3230" width="320" height="65" rx="10" class="box"/>
|
|
<text x="1155.0" y="3254.5" text-anchor="middle" class="label">Submit produksi</text><text x="1155.0" y="3274.5" text-anchor="middle" class="label">POST /stock/consume</text>
|
|
<rect x="965" y="3330" width="380" height="75" rx="24" class="db"/>
|
|
<text x="1155.0" y="3359.5" text-anchor="middle" class="label">Kurangi stok products, simpan</text><text x="1155.0" y="3379.5" text-anchor="middle" class="label">stock_usage_history dan predictions</text>
|
|
<ellipse cx="1155.0" cy="3475.0" rx="175.0" ry="30.0" class="term"/>
|
|
<text x="1155.0" y="3467.0" text-anchor="middle" class="label">Produksi tersimpan</text><text x="1155.0" y="3487.0" text-anchor="middle" class="label">laporan prediksi terbarui</text>
|
|
<rect x="1400" y="2680" width="300" height="60" rx="10" class="box"/>
|
|
<text x="1550.0" y="2702.0" text-anchor="middle" class="label">Menu Laporan</text>
|
|
<rect x="1380" y="2775" width="340" height="75" rx="24" class="db"/>
|
|
<text x="1550.0" y="2804.5" text-anchor="middle" class="label">Ambil laporan stok, stok masuk,</text><text x="1550.0" y="2824.5" text-anchor="middle" class="label">prediksi, dan bahan kritis</text>
|
|
<rect x="1385" y="2895" width="330" height="75" rx="10" class="box"/>
|
|
<text x="1550.0" y="2924.5" text-anchor="middle" class="label">Tampilkan grafik/tren, tabel laporan,</text><text x="1550.0" y="2944.5" text-anchor="middle" class="label">dan ringkasan</text>
|
|
<ellipse cx="1550.0" cy="3040.0" rx="155.0" ry="30.0" class="term"/>
|
|
<text x="1550.0" y="3032.0" text-anchor="middle" class="label">Laporan berhasil</text><text x="1550.0" y="3052.0" text-anchor="middle" class="label">ditampilkan</text>
|
|
<rect x="1780" y="2680" width="300" height="60" rx="10" class="box"/>
|
|
<text x="1930.0" y="2702.0" text-anchor="middle" class="label">Menu Pengaturan</text>
|
|
<rect x="1760" y="2780" width="340" height="80" rx="10" class="box"/>
|
|
<text x="1930.0" y="2812.0" text-anchor="middle" class="label">Lihat akun, ubah password, logout,</text><text x="1930.0" y="2832.0" text-anchor="middle" class="label">atau reset password OTP</text>
|
|
<rect x="1770" y="2900" width="320" height="70" rx="24" class="db"/>
|
|
<text x="1930.0" y="2927.0" text-anchor="middle" class="label">Jika ubah password:</text><text x="1930.0" y="2947.0" text-anchor="middle" class="label">POST /api/change-password</text>
|
|
<ellipse cx="1930.0" cy="3040.0" rx="145.0" ry="30.0" class="term"/>
|
|
<text x="1930.0" y="3032.0" text-anchor="middle" class="label">Logout dan hapus sesi</text>
|
|
<path d="M1100.0,185 L1100.0,210" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M1100.0,265 L1100.0,310" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M1100.0,550 L1100.0,590" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M470.0,810 L470.0,850" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M470.0,915 L470.0,950" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M470.0,1015 L470.0,1060" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M225.0,1255 L225.0,1285" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M1565.0,810 L1560.0,850" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M1560.0,920 L1560.0,960" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M1560.0,1025 L1560.0,1070" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M1940.0,1143 L1940.0,1175" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M1560.0,1265 L1560.0,1305" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M1560.0,1375 L1560.0,1415" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M1560.0,1485 L1560.0,1525" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M1560.0,1595 L1560.0,1635" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M1560.0,1705 L1560.0,1745" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M1560.0,1815 L1560.0,1855" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M1940.0,1928 L1940.0,1960" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M1160.0,2030 L1170.0,2070" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M1170.0,2140 L1575.0,2070" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M1575.0,2140 L1570.0,2180" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M1100.0,2250 L1100.0,2410" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M1100.0,2485 L1100.0,2530" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M260.0,2740 L260.0,2775" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M260.0,2840 L260.0,2880" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M260.0,2960 L260.0,3000" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M260.0,3070 L260.0,3115" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M670.0,2745 L670.0,2780" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M670.0,2850 L670.0,2890" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M670.0,2955 L670.0,3000" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M670.0,3075 L670.0,3125" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M1095.0,2740 L1095.0,2775" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M1095.0,2845 L1095.0,2885" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M1095.0,2960 L1095.0,3000" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M1095.0,3070 L1095.0,3110" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M1155.0,3295 L1155.0,3330" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M1155.0,3405 L1155.0,3445" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M1550.0,2740 L1550.0,2775" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M1550.0,2850 L1550.0,2895" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M1550.0,2970 L1550.0,3010" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M1930.0,2740 L1930.0,2780" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M1930.0,2860 L1930.0,2900" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M1930.0,2970 L1930.0,3010" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M1230,355.0 L1330,357.5" class="line" marker-end="url(#arrow)"/>
|
|
<text x="1290" y="338" text-anchor="middle" class="small">Ya</text>
|
|
<path d="M1100.0,400 L1100.0,490" class="line" marker-end="url(#arrow)"/>
|
|
<text x="1130" y="430" text-anchor="middle" class="small">Tidak</text>
|
|
<path d="M1465.0,390 L1465,2145 L1270,2215.0" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M960,632.5 L480,632.5 L470.0,740" class="line" marker-end="url(#arrow)"/>
|
|
<text x="675" y="632" text-anchor="middle" class="small">Login</text>
|
|
<path d="M1240,632.5 L1565,632.5 L1565.0,740" class="line" marker-end="url(#arrow)"/>
|
|
<text x="1360" y="632" text-anchor="middle" class="small">Lupa password</text>
|
|
<path d="M470.0,1145 L470.0,1190" class="line" marker-end="url(#arrow)"/>
|
|
<text x="510" y="1170" text-anchor="middle" class="small">Ya</text>
|
|
<path d="M340,1102.5 L225,1102 L225,1222 L360,1222.5" class="line" marker-end="url(#arrow)"/>
|
|
<text x="250" y="1120" text-anchor="middle" class="small">Tidak</text>
|
|
<path d="M470.0,1255 L470,2145 L930,2215.0" class="line" marker-end="url(#arrow)"/>
|
|
<path d="M1560.0,1155 L1560.0,1195" class="line" marker-end="url(#arrow)"/>
|
|
<text x="1588" y="1178" text-anchor="middle" class="small">Ya</text>
|
|
<path d="M1690,1112.5 L1790,1110.5" class="line" marker-end="url(#arrow)"/>
|
|
<text x="1770" y="1095" text-anchor="middle" class="small">Tidak</text>
|
|
<path d="M1430,1897.5 L1160,1897.5 L1160.0,1960" class="line" marker-end="url(#arrow)"/>
|
|
<text x="1320" y="1892" text-anchor="middle" class="small">Ya</text>
|
|
<path d="M1690,1897.5 L1790,1895.5" class="line" marker-end="url(#arrow)"/>
|
|
<text x="1768" y="1880" text-anchor="middle" class="small">Tidak</text>
|
|
<path d="M1100.0,2615 L1100.0,2635 L260,2635 L260.0,2680" class="line" marker-end="url(#arrow)"/>
|
|
<text x="260" y="2625" text-anchor="middle" class="small">Produk/Stok</text>
|
|
<path d="M1100.0,2615 L1100.0,2635 L670,2635 L670.0,2680" class="line" marker-end="url(#arrow)"/>
|
|
<text x="670" y="2625" text-anchor="middle" class="small">Transaksi</text>
|
|
<path d="M1100.0,2615 L1100.0,2635 L1095,2635 L1095.0,2680" class="line" marker-end="url(#arrow)"/>
|
|
<text x="1095" y="2625" text-anchor="middle" class="small">Prediksi</text>
|
|
<path d="M1100.0,2615 L1100.0,2635 L1550,2635 L1550.0,2680" class="line" marker-end="url(#arrow)"/>
|
|
<text x="1550" y="2625" text-anchor="middle" class="small">Laporan</text>
|
|
<path d="M1100.0,2615 L1100.0,2635 L1930,2635 L1930.0,2680" class="line" marker-end="url(#arrow)"/>
|
|
<text x="1930" y="2625" text-anchor="middle" class="small">Pengaturan</text>
|
|
<path d="M1095.0,3195 L1155.0,3230" class="line" marker-end="url(#arrow)"/>
|
|
<text x="1180" y="3210" text-anchor="middle" class="small">Ya</text>
|
|
<path d="M965,3152.5 L830,3152.5 L970,3162.5" class="line" marker-end="url(#arrow)"/>
|
|
<text x="870" y="3135" text-anchor="middle" class="small">Tidak</text>
|
|
<!-- Loopback: login_retry to input_login -->
|
|
<path d="M90,1312.5 L50,1312.5 L50,775 L306,775" class="line" marker-end="url(#arrow)"/>
|
|
<!-- Loopback: account_retry to input_email -->
|
|
<path d="M2090,1207.5 L2130,1207.5 L2130,775 L1720,775" class="line" marker-end="url(#arrow)"/>
|
|
<!-- Loopback: otp_retry to input_otp -->
|
|
<path d="M2090,1992.5 L2130,1992.5 L2130,1560 L1715,1560" class="line" marker-end="url(#arrow)"/>
|
|
<!-- Connection: reset_ok to login_page -->
|
|
<path d="M1570,2245 L1570,2270 L1100,2270 L1100,555" class="line" marker-end="url(#arrow)"/>
|
|
</svg>
|
