Diagram dan Flow Inkura - EternalArbiters/INKURA-Web GitHub Wiki


Diagram dan Flow Inkura


A. Diagram Arsitektur & Sistem

Platform Architecture Diagram

graph TD
    subgraph Pengguna
        A1[Web Browser]
        A2[Mobile App -Soon-]
    end

    subgraph Frontend
        B1[Next.js Frontend -SSR/CSR-]
        B2[Static Assets -Image, CSS, JS-]
    end

    subgraph Backend
        C1[Node.js API Server]
        C2[Authentication Service]
        C3[Content Management Service]
        C4[Payment Service]
        C5[Analytics - Recommendation Engine]
    end

    subgraph Infrastructure
        D1[CDN -Cloudflare/Vercel Edge-]
        D2[Object Storage -S3-compatible-]
        D3[Database -PostgreSQL/MongoDB-]
        D4[Cache -Redis-]
        D5[Queue -e.g. RabbitMQ-]
    end

    subgraph Eksternal Services
        E1[Payment Gateway -Midtrans/Xendit-]
        E2[Email - Notifikasi -e.g. SMTP/Firebase-]
        E3[OAuth Provider -Google, Discord-]
        E4[Licensing Partner - Publisher]
    end

    %% Arah panah komunikasi
    A1 --> D1
    A2 --> D1
    D1 --> B1
    B1 --> C1
    B2 --> D1

    C1 --> C2
    C1 --> C3
    C1 --> C4
    C1 --> C5

    C1 --> D3
    C1 --> D4
    C1 --> D5
    C1 --> D2

    C4 --> E1
    C2 --> E3
    C1 --> E2
    C3 --> E4

Modular System Diagram

graph TD
    A[Karya Module]
    B[User Module]
    C[Monetisasi Module]
    D[Komunitas Module]
    E[Lisensi Module]
    F[Translator Module]

    subgraph Karya Module
        A1[Komik - Webtoon]
        A2[Light Novel - Cerita Berseri]
        A3[Ilustrasi - One Shot]
        A4[Zine - Kompilasi]
        A5[Karya Terjemahan Resmi]
    end

    subgraph User Module
        B1[Registrasi - Login]
        B2[Profil Pengguna]
        B3[Riwayat Bacaan - Bookmark]
        B4[Notifikasi - Pengaturan]
    end

    subgraph Monetisasi Module
        C1[Premium Chapter - Gembok]
        C2[Donasi - Tip]
        C3[Langganan Kreator]
        C4[Penjualan Zine - Merch]
        C5[Iklan Internal]
    end

    subgraph Komunitas Module
        D1[Komentar Per Chapter]
        D2[Forum - Diskusi]
        D3[Event - Kontes]
        D4[Sistem Ranking - Eksposure]
    end

    subgraph Lisensi Module
        E1[Pengajuan Lisensi]
        E2[Manajemen Lisensi IP]
        E3[Monitoring Legalitas]
    end

    subgraph Translator Module
        F1[Pendaftaran Translator]
        F2[Penugasan Proyek Terjemahan]
        F3[Donasi Translator]
        F4[Pengajuan Proyek Baru]
    end

    %% Relasi antar modul utama
    A --> C
    A --> D
    A --> F
    A --> E

    B --> A
    B --> C
    B --> D

    C --> B
    D --> B
    F --> E

Infrastructure Deployment Diagram

graph TD
    A[Dev - Local Development]
    B[GitHub Repository]
    C[CI Server - GitHub Actions]
    D[Build Artifacts - Static - Server Code]
    E[Deployment - Vercel - Docker - Server]
    F[Monitoring - Logging - Error Tracking]
    G[Production Environment - Live App]
    H[Backup - Snapshot - Disaster Recovery]

    %% Proses Deployment
    A --> B
    B --> C
    C --> D
    D --> E
    E --> G
    G --> F
    G --> H

    %% Tambahan otomatisasi
    C --> F
    C --> H

Database Schema Diagram (Simplified)

graph TD
    A[Dev - Local Development]
    B[GitHub Repository]
    C[CI Server - GitHub Actions]
    D[Build Artifacts - Static - Server Code]
    E[Deployment - Vercel - Docker - Server]
    F[Monitoring - Logging - Error Tracking]
    G[Production Environment - Live App]
    H[Backup - Snapshot - Disaster Recovery]

    %% Proses Deployment
    A --> B
    B --> C
    C --> D
    D --> E
    E --> G
    G --> F
    G --> H

    %% Tambahan otomatisasi
    C --> F
    C --> H


B. Flow Pengguna (User Flow)

User Journey - Pembaca

flowchart TD
    A[Daftar - Masuk sebagai Pembaca] --> B[Cari Karya - Gunakan Filter dan Rekomendasi]
    B --> C[Baca Karya - Komik, Novel, Zine]
    C --> D[Interaksi - Like, Bookmark, Komentar]
    D --> E{Karya Premium?}
    E -- Ya --> F[Beli Kunci dengan Koin / Nonton Iklan]
    E -- Tidak --> G[Lanjut Baca Gratis]
    F --> H[Donasi ke Kreator / Translator]
    G --> H[Donasi ke Kreator / Translator]
    H --> I[Gabung Komunitas - Forum, Event, Fanart]

User Journey - Kreator

flowchart TD
    A[Masuk sebagai Kreator] --> B[Upload Karya Baru]
    B --> C[Atur Metadata - Judul, Genre, Tag]
    C --> D[Atur Gembok - Gratis atau Premium]
    D --> E[Publikasi Chapter]
    E --> F[Monetisasi - Premium, Donasi, Langganan]
    F --> G[Lihat Statistik - Views, Like, Donasi, Pendapatan]
    G --> H[Interaksi dengan Pembaca - Komentar, Forum]
    H --> I[Ikut Event / Kolaborasi Komunitas]

User Journey - Translator

flowchart TD
    A[Daftar Sebagai Translator] --> B[Verifikasi - Seleksi Awal]
    B --> C[Lihat Daftar Proyek Tersedia]
    C --> D[Pilih Proyek Terjemahan yang Diinginkan]
    D --> E[Akses Materi Asli - HD Scan - Naskah]
    E --> F[Terjemahkan via Tools/Offline]
    F --> G[Upload Hasil Terjemahan]
    G --> H[Proses Revisi - QC - Jika Ada]
    H --> I[Chapter Terbit]
    I --> J[Terima Donasi dari Pembaca]
    J --> K[Statistik Views - Donasi]

Admin Journey Flow

flowchart TD
    A[Login Admin Panel] --> B[Verifikasi User Baru - Kreator/Translator]
    B --> C[Review - Approve Karya Baru]
    C --> D[Moderasi Komentar/Laporan]
    D --> E[Kelola Lisensi Proyek - Minta/Validasi/Atur Kontrak]
    E --> F[Atur Gembok Harga untuk Karya Lisensi]
    F --> G[Manajemen Event - Kontes Komunitas]
    G --> H[Analisis Statistik Platform]
    H --> I[Update Status Proyek - Aktif/Pending/Selesai]


C. Alur Konten & Lisensi

Content Publishing Flow

flowchart TD
    A[Upload Karya Baru] --> B[Set Status: Draf / Siap Terbit]
    B --> C[Review Mandiri atau Peer Review]
    C --> D[Tambahkan Metadata: Genre, Tag, Thumbnail]
    D --> E[Atur Monetisasi: Gratis / Gembok / Donasi]
    E --> F[Publish ke Platform]
    F --> G[Chapter Tampil di Halaman Karya]
    G --> H[Notifikasi ke Follower & Tampil di Beranda]
    H --> I[Update Konten: Edit Info / Tambah Chapter Baru]
    I --> J[Statistik Views, Likes, Komentar, Donasi]

Licensed Content Flow

flowchart TD
    A[Dapatkan Lisensi Resmi dari Penerbit / Studio] --> B[Terima Materi Asli / Master File]

    %% Konten Tertulis -Komik / Novel-
    B --> C1[Bagi ke Translator Komik / Novel]
    C1 --> D1[Proses Terjemahan & QC]
    D1 --> E1[Review Final oleh Tim Inkura]
    E1 --> F1[Publish Chapter ke Platform]

    %% Anime / Drama - Jalur Mitra
    B --> C2[Mitra Resmi Tangani Subtitel]
    C2 --> D2[Inkura Terima Video Final Ber-subtitel]
    D2 --> E2[Publish ke Platform]

    %% Anime / Drama - Jalur Translator Inkura
    B --> C3[Bagi ke Translator]
    C3 --> D3[Proses Subtitle + Timing + QC]
    D3 --> E3[Integrasi Video + Review Akhir]
    E3 --> F3[Publish ke Platform]

Content Moderation Flow

flowchart TD
    A[Konten Baru Diunggah / Diperbarui] --> B[Pemeriksaan Otomatis -AI / Kata Terlarang-]
    B --> C[Ditandai Aman] --> D[Langsung Tayang]
    B --> E[Ditandai Sensitif / Perlu Tinjauan] --> F[Moderator Review Manual]
    F --> G1[Konten Disetujui] --> D
    F --> G2[Konten Dihapus / Diberi Peringatan]

    H[Pembaca Melapor Konten] --> I[Masuk ke Sistem Moderasi]
    I --> F



D. Monetisasi & Donasi

Revenue Flow Diagram

flowchart TD
    A[Pembaca] --> B1[Beli Koin via Payment Gateway]
    A --> B2[Donasi Langsung]
    A --> B3[Langganan Kreator]

    B1 --> C1[Pakai Koin untuk Buka Gembok Karya]
    B3 --> C2[Akses Konten Eksklusif Langganan]

    C1 --> D1[Kreator Pribadi]
    C1 --> D2[Inkura -ambil potongan persen-]

    B2 --> E1[Kreator atau Translator]
    B2 --> E2[Inkura -ambil potongan donasi-]

    B3 --> F1[Kreator]
    B3 --> F2[Inkura -ambil potongan langganan-]

    subgraph Catatan
        G1[Untuk Karya Lisensi -semua koin masuk Inkura untuk bayar lisensi-]
        G2[Translator Lisensi -dapat donasi langsung-]
    end

Donasi & Tip Flow

flowchart TD
    A[Pembaca] --> B[Pilih Menu Donasi atau Tip]
    B --> C1[Pilih Kreator]
    B --> C2[Pilih Translator]

    C1 --> D1[Masukkan Jumlah dan Metode Pembayaran]
    C2 --> D1

    D1 --> E[Proses Lewat Payment Gateway]

    E --> F1[Kreator -terima dana bersih-]
    E --> F2[Translator -terima dana bersih-]
    E --> G[Inkura -ambil potongan kecil-]

    subgraph Catatan
        H[Donasi bersifat opsional dan tanpa pemaksaan]
        I[Dana langsung tercatat di statistik donasi pengguna]
    end

Gembok (Premium Unlock) Flow

flowchart TD
    A1[Karya Pribadi] --> B1[Kreator -atur harga gembok-]
    B1 --> C1[Pembaca beli pakai koin]
    C1 --> D1[Inkura ambil potongan kecil]
    D1 --> E1[Sisa masuk ke dompet kreator]

    A2[Karya Lisensi] --> B2[Harga gembok ditentukan Inkura]
    B2 --> C2[Pembaca beli pakai koin atau tonton iklan -opsional-]
    C2 --> D2[Koin digunakan untuk bayar lisensi]
    D2 --> E2[Translator tidak digaji langsung di awal]
    E2 --> F2[Inkura dapat % kecil untuk operasional]

    subgraph Catatan
        G[Karya Pribadi -tidak ada iklan jika gembok-]
        H[Karya Lisensi -prioritaskan bayar lisensi terlebih dahulu-]
    end

Revenue Split Diagram

flowchart TD
    A[Sumber Pendapatan] --> B1[Koin Gembok Karya Pribadi]
    A --> B2[Koin Gembok Karya Lisensi]
    A --> B3[Donasi / Tip]
    A --> B4[Langganan Kreator]
    A --> B5[Penjualan Zine / Merch]

    B1 --> C1[Inkura -ambil % kecil]
    B1 --> D1[Kreator -terima sisanya-]

    B2 --> C2[Inkura -ambil % untuk lisensi]
    B2 --> D2[Pembayaran Lisensi -diprioritaskan-]
    B2 --> E2[Translator -belum digaji di awal, tapi bisa dapat donasi-]

    B3 --> C3[Inkura -ambil % kecil]
    B3 --> D3[Kreator / Translator -terima langsung sisanya-]

    B4 --> C4[Inkura -ambil % kecil-]
    B4 --> D4[Kreator -terima sisanya-]

    B5 --> C5[Inkura -ambil % produksi & distribusi-]
    B5 --> D5[Kreator -terima keuntungan bersih-]

    subgraph Catatan
        F1[Donasi bisa diarahkan ke kreator atau translator langsung]
        F2[Proporsi % bisa berubah tergantung kebijakan dan biaya operasional]
        F3[Pendapatan dari karya lisensi mayoritas digunakan untuk lisensi]
    end


E. Fitur Khusus & Tambahan

Rekomendasi Konten Flow

flowchart TD
    A[Pengguna Akses Beranda] --> B[Muat Data Preferensi Pengguna]
    B --> C[Ambil Riwayat Baca & Genre Favorit]
    C --> D[Analisis Konten Trending & Popular]
    D --> E[Gabungkan Data: Genre + Trending + History]
    E --> F[Tampilkan Rekomendasi Personalisasi]
    F --> G[Pengguna Klik Salah Satu Karya]
    G --> H[Update Riwayat & Feedback Sistem]

Event / Kontes Flow

flowchart TD
    A[Pengumuman Event / Kontes] --> B[Kreator Daftar & Submit Karya]
    B --> C[Verifikasi Awal oleh Tim Inkura]
    C --> D[Karya Tampil di Halaman Voting / Penjurian]
    D --> E[Penilaian oleh Voting Pengguna dan/atau Juri]
    E --> F[Rekap Nilai & Tentukan Pemenang]
    F --> G[Umumkan Pemenang & Distribusi Hadiah]

Forum & Komunitas Flow

flowchart TD
    A[Pengguna Login ke Inkura] --> B[Akses Halaman Forum / Komunitas]
    B --> C[Buat atau Balas Diskusi]
    B --> D[Upload Fanart atau Konten Komunitas]
    C --> E[Diskusi Dilihat & Dibalas oleh Pengguna Lain]
    D --> F[Fanart Ditampilkan di Galeri / Thread]
    E --> G[Moderasi oleh Admin jika Perlu]
    F --> G
    G --> H[Konten Tervalidasi & Jadi Bagian dari Ekosistem Komunitas]

Anime/Drama Streaming Flow

flowchart TD
    A[Dapatkan Lisensi Resmi dari Mitra atau Publisher] --> B[Terima File Video HD + Metadata]
    B --> C[Proses Subtitle - dari Inkura atau Mitra]
    C --> D[Integrasi dengan Pemutar Video di Platform]
    D --> E[Tentukan Jadwal Penayangan]
    E --> F[Episode Tayang di Halaman Streaming Inkura]
    F --> G[Pengguna Bisa Nonton dengan Subtitle]
    G --> H[Statistik & Feedback untuk Evaluasi]