de_DEen_USes_ESfa_IRfr_FRid_IDjapl_PLpt_PTru_RUvizh_CNzh_TW

VPasCode: Panduan Komprehensif

VPasCode adalah editor berbasis browser untuk membuat diagram dan memvisualisasikan teks terstruktur. Anda menulis atau menghasilkan kode dalam format yang didukung, melihat hasilnya dalam pratinjau langsung, lalu membagikan atau mengekspor diagram tersebut. Alat ini menggabungkan beberapa mesin teks-ke-diagram serta format kode atau data dalam satu ruang kerja.

VPasCode: Memulai

Panduan memulai untuk VPasCode yang menampilkan lima langkah: buka editor, pilih format, masukkan kode, tinjau pratinjau, dan bagikan atau ekspor diagram.

  1. Buka editor VPasCode.

  2. Pilih format atau mulai dari salah satu contoh bawaan.

  3. Masukkan atau tempel kode diagram Anda di editor.

  4. Tinjau pratinjau yang dirender secara langsung dan sesuaikan kode sesuai kebutuhan.

  5. Bagikan diagram dengan tautan atau ekspor untuk digunakan di tempat lain.

Editor ini digambarkan sebagai gratis dan berbasis browser, sehingga Anda dapat bekerja tanpa menginstal aplikasi diagramming desktop.

VPasCode: Format dan Jenis Diagram yang Didukung

VPasCode mendukung berbagai bahasa diagram, format data, dan bahasa pemrograman.

Infografis VPasCode yang menampilkan jenis dan format diagram yang didukung, termasuk PlantUML, Mermaid, Graphviz, D2, skema data, dan bahasa pemrograman.

  • PlantUML: ArkiMate, model C4, diagram urutan, kasus penggunaan, kelas, objek, aktivitas, komponen, penempatan, keadaan, dan waktu; ERD, ERD Chen, tata letak jaringan, dan struktur pemecahan kerja.

  • Mermaid: Diagram alir, diagram kelas dan urutan, ERD, diagram keadaan, peta pikiran, model C4, grafik Gantt, diagram kuadran dan persyaratan, garis waktu, perjalanan pengguna, grafik Git, dan papan Kanban.

  • Graphviz: Grafik berarah dan standar, diagram alir, bagan organisasi, diagram klaster, dan diagram aliran data.

  • D2: Bentuk dasar, wadah, diagram urutan, diagram bergaya, dan diagram jaringan.

  • Data dan skema: SQL, DBML, JSON, JSON Schema, JSONC, JSON5, JSONL/NDJSON, TOON, YAML, XML, CSV, dan TOML.

  • Kode: Java, TypeScript, Go, Rust, C#, Python, C, C++, PHP, Ruby, Scala, Zig, Kotlin, Swift, dan Elixir.

Artikel ini mencatat bahwa format tambahan mungkin akan ditambahkan dalam pembaruan di masa depan.

VPasCode: Membuat Diagram

Anda dapat memulai dengan salah satu dari dua cara:

  • Tulis kode sendiri: Pilih format yang didukung dan masukkan sintaksnya di editor.

  • Mulai dengan contoh: Jelajahi contoh bawaan untuk mempelajari format atau sesuaikan templat untuk diagram Anda sendiri.

Saat Anda mengedit, VPasCode menampilkan pratinjau langsung. Hal ini memungkinkan Anda mengidentifikasi masalah tata letak atau sintaks saat bekerja, tanpa harus menunggu hingga langkah ekspor terpisah.

VPasCode: Menggunakan alat AI

Fitur AI VPasCode dapat membantu membuat dan menyempurnakan kode diagram:

Infografis alat AI VPasCode yang menampilkan empat fitur: membuat diagram dari teks, memodifikasi diagram yang ada, memperbaiki kesalahan kode, dan menerjemahkan label.

  • Buat diagram:Deskripsikan sistem atau proses dalam bahasa Inggris sederhana, dan AI akan menghasilkan kode untuk format yang dipilih.

  • Ubah diagram:Berikan instruksi untuk memperluas, menyederhanakan, atau menyesuaikan diagram yang sudah ada.

  • Perbaiki kesalahan kode:Gunakan bantuan AI untuk mendeteksi dan memperbaiki masalah sintaks diagram.

  • Terjemahkan label:Minta fitur terjemahan untuk mengubah label teks dalam diagram ke bahasa lain.

Alat-alat ini dimaksudkan untuk mengurangi pekerjaan sintaks manual. Tinjau kode yang dihasilkan atau dimodifikasi, dan pratinjau hasilnya sebelum membagikannya.

VPasCode: Tema PlantUML

Untuk diagram PlantUML, editor menyediakan antarmuka pemilihan tema. Pilih tema dari daftar yang tersedia untuk menerapkan sintaksnya dan pratinjau tampilan yang telah diperbarui. Artikel ini juga menjelaskan tema kustom Visual Paradigm dan Rose: yang pertama menggunakan header biru, sedangkan yang kedua mengadopsi tampilan klasik IBM Rational Rose berwarna kuning muda.

VPasCode: Berbagi dan mengekspor

Ketika diagram Anda sudah siap, Anda dapat:

  • Buat tautan web yang dapat dibagikan.

  • Ekspor sebagai PDF vektor.

  • Ekspor sebagai gambar vektor SVG.

  • Ekspor sebagai PNG resolusi tinggi.

Format vektor seperti SVG dan PDF berguna ketika Anda ingin memperbesar atau memperkecil diagram tanpa kehilangan kejelasan; PNG lebih praktis untuk dokumen dan presentasi umum.

VPasCode: Menghubungkan penyedia AI

Diagram yang menunjukkan VPasCode menghubungkan infrastruktur AI organisasi ke penyedia seperti OpenAI dan Anthropic menggunakan kredensial API yang sudah ada.

Organisasi dapat menghubungkan infrastruktur AI mereka sendiri dan menggunakan kredensial API yang sudah ada. Artikel ini mencantumkan OpenAI, Anthropic, Google, DeepSeek, Mistral, Qwen, Groq, dan lainnya. Opsi ini dimaksudkan untuk memberikan kontrol atas lingkungan AI, kredensial, dan pengaturan pengeluaran; konfigurasikan sesuai dengan kebutuhan organisasi Anda.

VPasCode: Alur kerja praktis

Diagram alur kerja tujuh langkah VPasCode yang menampilkan pemilihan format, generasi AI, pengeditan kode, pratinjau, penentuan tema, dan opsi ekspor.

  1. Pilih format diagram yang sesuai dengan kasus penggunaan Anda.

  2. Mulai dari contoh bawaan atau deskripsikan diagram kepada generator AI.

  3. Periksa dan edit kode yang dihasilkan.

  4. Gunakan pratinjau langsung untuk memeriksa keterbacaan dan kebenaran.

  5. Terapkan tema jika Anda bekerja dengan PlantUML.

  6. Gunakan modifikasi AI, koreksi kesalahan, atau terjemahan jika diperlukan.

  7. Bagikan tautan atau ekspor diagram yang sudah selesai.

VPasCode paling bermanfaat ketika Anda lebih suka mengedit diagram berbasis teks, perlu bekerja di berbagai format diagram, atau menginginkan cara cepat untuk membuat dan merevisi diagram tanpa harus mengatur setiap bentuk secara manual.

This post is also available in Deutsch, English, Español, فارسی, Français, 日本語, Polski, Portuguese, Ру́сский, Việt Nam, 简体中文 and 繁體中文.