{"id":2877,"date":"2026-09-21T10:15:10","date_gmt":"2026-09-21T02:15:10","guid":{"rendered":"https:\/\/updates.visual-paradigm.com\/id\/releases\/opendocs-editable-diagrams-vpascode-integration\/"},"modified":"2026-09-21T10:15:29","modified_gmt":"2026-09-21T02:15:29","slug":"opendocs-editable-diagrams-vpascode-integration","status":"publish","type":"releases","link":"https:\/\/updates.visual-paradigm.com\/id\/releases\/opendocs-editable-diagrams-vpascode-integration\/","title":{"rendered":"Bawa Diagram yang Dapat Diedit ke Visual Paradigm OpenDocs dengan VPasCode"},"content":{"rendered":"<p>Visual Paradigm dengan senang hati mengumumkan peningkatan penting pada <a href=\"https:\/\/ai-toolbox.visual-paradigm.com\/app\/opendocs\/\">Visual Paradigm OpenDocs<\/a>: pengguna sekarang dapat membuat dan menyisipkan diagram yang dapat diedit langsung ke halaman dokumen melalui integrasi dengan <a href=\"https:\/\/www.visual-paradigm.com\/features\/vpascode\/\">Visual Paradigm VPasCode<\/a>.<\/p>\n<p>Kemampuan baru ini menghubungkan dokumentasi dan pembuatan diagram dalam satu alur kerja yang efisien. Alih-alih membuat diagram di aplikasi terpisah, mengekspornya sebagai gambar, dan secara manual menempatkan gambar tersebut ke dalam dokumen, pengguna sekarang dapat membuat diagram dengan diagram-sebagai-kode, menyisipkannya ke OpenDocs, dan membukanya kembali untuk diedit kapan pun perubahan diperlukan.<\/p>\n<p>Hasilnya adalah alat manajemen pengetahuan yang lebih fleksibel untuk tim perangkat lunak, penulis teknis, arsitek, analis bisnis, manajer produk, dan siapa saja yang perlu menjelaskan ide kompleks secara visual.<\/p>\n<p><a href=\"https:\/\/ai-toolbox.visual-paradigm.com\/app\/opendocs\/\">Buka Visual Paradigm OpenDocs<\/a> dan mulai membuat dokumentasi dengan diagram yang dapat diedit hari ini.<\/p>\n<p><img fetchpriority=\"high\" alt=\"Infografis yang menunjukkan cara membuat, menyisipkan, dan mengedit diagram di Visual Paradigm OpenDocs dengan VPasCode\" class=\"alignnone size-full wp-image-4215\" decoding=\"async\" fetchpriority=\"high\" height=\"1024\" sizes=\"(max-width: 1536px) 100vw, 1536px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/visual-paradigm-opendocs-vpascode-editable-diagrams-infographic.jpeg\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/visual-paradigm-opendocs-vpascode-editable-diagrams-infographic.jpeg 1536w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/visual-paradigm-opendocs-vpascode-editable-diagrams-infographic-300x200.jpeg 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/visual-paradigm-opendocs-vpascode-editable-diagrams-infographic-1024x683.jpeg 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/visual-paradigm-opendocs-vpascode-editable-diagrams-infographic-768x512.jpeg 768w\" width=\"1536\"\/><\/p>\n<h2>Apa yang Baru di Visual Paradigm OpenDocs?<\/h2>\n<p>OpenDocs sekarang memungkinkan pengguna menyisipkan diagram ke halaman melalui integrasi VPasCode. Diagram ditambahkan pada posisi kursor teks dan dapat diedit lagi setelah penyisipan.<\/p>\n<p>Ini berarti diagram tidak lagi terbatas pada gambar statis yang ditambahkan setelah proses penulisan selesai. Diagram dapat menjadi bagian aktif dan dapat diedit dari dokumen yang mendukung penjelasan, kolaborasi, perencanaan, analisis, dan berbagi pengetahuan.<\/p>\n<p>Apakah Anda sedang menyiapkan spesifikasi persyaratan perangkat lunak, membuat wiki proyek internal, mendokumentasikan arsitektur sistem, menerbitkan panduan proses, atau membangun basis pengetahuan produk, Anda sekarang dapat menggabungkan konten tertulis dan model visual dalam dokumen yang sama.<\/p>\n<h2>Mengapa Peningkatan Ini Penting<\/h2>\n<p>Dokumen sering kali lebih bermanfaat ketika menggabungkan penjelasan yang jelas dengan diagram. Deskripsi tertulis memberikan konteks dan detail, sementara diagram membantu pembaca memahami hubungan, urutan, ketergantungan, struktur, dan alur kerja dalam sekilas.<\/p>\n<p>Namun, membuat dan memelihara diagram dalam dokumentasi bisa merepotkan. Alur kerja umum melibatkan penggunaan satu alat untuk membuat diagram, mengekspor hasilnya sebagai file PNG atau SVG, mengunggah gambar ke dokumen, dan mengulangi proses tersebut setiap kali diagram berubah. Hal ini dapat menciptakan pekerjaan yang tidak perlu dan mungkin menyebabkan visual yang usang, file duplikat, atau kebingungan tentang versi mana yang paling baru.<\/p>\n<p>Integrasi OpenDocs dan VPasCode mengurangi hambatan ini dengan membawa pembuatan diagram lebih dekat ke alur kerja dokumentasi. Pengguna dapat membuat diagram di tempat yang diperlukan, menyisipkannya ke halaman, dan kembali ke editor diagram nanti untuk revisi.<\/p>\n<h3>Jaga Penjelasan Visual Tetap Dekat dengan Konten yang Relevan<\/h3>\n<p>Diagram paling efektif ketika muncul di samping penjelasan yang didukungnya. Dengan kemampuan baru OpenDocs, pengguna dapat menempatkan diagram alir di bawah deskripsi proses, menambahkan diagram urutan di samping penjelasan API, atau menyertakan diagram arsitektur sistem dalam spesifikasi teknis.<\/p>\n<p>Hal ini membuat dokumen lebih mudah dibaca dan membantu pengguna memahami hubungan antara informasi tertulis dan informasi visual tanpa harus beralih di antara beberapa aplikasi.<\/p>\n<h3>Kurangi Pekerjaan Ekspor dan Unggah Manual<\/h3>\n<p>VPasCode membuat diagram dari bahasa diagram berbasis teks dan merendernya secara visual di browser. Dengan integrasi OpenDocs, pengguna dapat menyisipkan hasil langsung ke halaman alih-alih mengunduh gambar secara manual dan mengunggahnya ke dokumen.<\/p>\n<p>Mengurangi langkah-langkah berulang ini dapat membantu tim menghemat waktu dan mempertahankan proses dokumentasi yang lebih bersih, terutama ketika diagram diperbarui secara sering selama pengembangan atau perencanaan proyek.<\/p>\n<h3>Jadikan Diagram Dapat Diedit Setelah Penyisipan<\/h3>\n<p>Persyaratan berubah. Sistem berkembang. Proses bisnis direvisi. Diagram yang secara akurat menggambarkan proyek hari ini mungkin perlu diperbarui besok.<\/p>\n<p>Karena diagram yang disisipkan melalui VPasCode tetap dapat diedit, pengguna dapat membuka kembali editor diagram dari OpenDocs, memodifikasi kode diagram, menyimpan perubahan, dan menyegarkan diagram dalam dokumen. Hal ini memudahkan penyempurnaan konten visual seiring berkembangnya ide dan proyek.<\/p>\n<h3>Dukung Lebih dari Satu Gaya Pembuatan Diagram<\/h3>\n<p>Proyek yang berbeda memerlukan jenis komunikasi visual yang berbeda. Arsitek perangkat lunak mungkin memerlukan model C4 atau diagram penempatan. Analis bisnis mungkin memerlukan diagram alir proses atau peta perjalanan pengguna. Manajer proyek mungkin memerlukan diagram Gantt atau peta jalan. Penulis teknis mungkin memerlukan peta pikiran, diagram urutan, atau diagram hubungan entitas.<\/p>\n<p>VPasCode mendukung berbagai format diagram dan teknologi visualisasi, termasuk PlantUML, Mermaid, Graphviz, D2, Markmap, dan ECharts. VPasCode juga mendukung data terstruktur dan format berbasis kode lainnya yang dapat digunakan untuk membuat representasi visual.<\/p>\n<h2>Apa Itu Visual Paradigm VPasCode?<\/h2>\n<p><a href=\"https:\/\/www.visual-paradigm.com\/features\/vpascode\/\">Visual Paradigm VPasCode<\/a>adalah platform diagram-sebagai-kode online yang memungkinkan pengguna membuat diagram dengan menulis deskripsi berbasis teks. Platform ini menggabungkan editor kode dengan pratinjau visual real-time, memungkinkan pengguna melihat diagram saat mereka menulis atau memodifikasi kode.<\/p>\n<p>Alih-alih menggambar setiap bentuk dan penghubung secara manual, pengguna mendeskripsikan struktur diagram menggunakan sintaks yang didukung. VPasCode kemudian merender hasilnya sebagai diagram visual.<\/p>\n<p>Pendekatan ini sangat berguna bagi pengembang, arsitek perangkat lunak, tim teknis, dan pengguna lain yang menginginkan cara cepat dan dapat diulang untuk membuat diagram. Pendekatan ini juga bermanfaat bagi tim yang lebih suka diagram yang dapat ditinjau dan disempurnakan sebagai teks.<\/p>\n<p>VPasCode menyertakan contoh untuk berbagai jenis dan format diagram, sehingga memudahkan pengguna baru untuk memulai. Pengguna juga dapat<a href=\"https:\/\/updates.visual-paradigm.com\/releases\/vpascode-ai-diagram-generation-code-modification-update\/\">menggunakan AI untuk menghasilkan kode diagram<\/a>dari deskripsi dalam bahasa sehari-hari.<\/p>\n<p id=\"RLYEeVU\"><img alt=\"Buat diagram di Visual Paradigm VPasCode dengan AI\" class=\"alignnone wp-image-4226 size-full\" decoding=\"async\" height=\"370\" sizes=\"(max-width: 579px) 100vw, 579px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0910cd1b6c.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0910cd1b6c.png 579w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0910cd1b6c-300x192.png 300w\" width=\"579\"\/><\/p>\n<h2>Format Diagram dan Visualisasi yang Didukung<\/h2>\n<p>Melalui VPasCode, pengguna OpenDocs dapat membuat dan menyisipkan berbagai jenis diagram dan visualisasi. Format yang didukung meliputi:<\/p>\n<ul>\n<li><strong><a href=\"https:\/\/www.vpascode.com\/docs\/vpascode-docs\/plantuml-playbook\/\">PlantUML<\/a>:<\/strong>Diagram kelas, diagram urutan, diagram kasus penggunaan, diagram aktivitas, diagram komponen, diagram penempatan, diagram keadaan, diagram ER, diagram ArchiMate, model C4, peta pikiran, diagram Gantt, dan lainnya.<\/li>\n<li><strong><a href=\"https:\/\/www.vpascode.com\/docs\/vpascode-docs\/mermaid-js-playbook\/\">Mermaid<\/a>:<\/strong>Diagram alir, diagram kelas, diagram urutan, diagram hubungan entitas, diagram keadaan, peta pikiran, diagram C4, diagram Gantt, garis waktu, peta perjalanan pengguna, grafik Git, diagram Kanban, dan lainnya.<\/li>\n<li><strong><a href=\"https:\/\/www.vpascode.com\/docs\/vpascode-docs\/graphviz-playbook\/\">Graphviz<\/a>:<\/strong>Graf, diagram jaringan, diagram hierarkis, bagan organisasi, dan visualisasi hubungan.<\/li>\n<li><strong><a href=\"https:\/\/www.vpascode.com\/docs\/vpascode-docs\/d2-playbook\/\">D2<\/a>:<\/strong>Diagram deklaratif modern untuk arsitektur, sistem, alur kerja, dan hubungan.<\/li>\n<li><strong>Markmap:<\/strong>Peta pikiran interaktif yang dihasilkan dari konten bergaya Markdown.<\/li>\n<li><strong><a href=\"https:\/\/www.vpascode.com\/docs\/vpascode-docs\/echarts-playbook\/\">ECharts<\/a>:<\/strong>Grafik dan visualisasi berbasis data.<\/li>\n<li><strong><a href=\"https:\/\/www.vpascode.com\/docs\/vpascode-docs\/data-and-schemas\/\">Format Data dan Skema<\/a>:<\/strong>JSON, YAML, XML, CSV, TOML, DBML, dan SQL.<\/li>\n<\/ul>\n<p>Rentang teknologi yang didukung ini menjadikan OpenDocs sebagai platform dokumentasi yang lebih mumpuni bagi tim yang perlu membuat baik visual bisnis tradisional maupun diagram teknis.<\/p>\n<h2>Pembuatan Diagram Dibantu AI<\/h2>\n<p>Pengguna tidak perlu menghafal setiap sintaks diagram sebelum memulai. VPasCode menyertakan generasi diagram yang dibantu AI yang dapat membantu mengubah permintaan dalam bahasa biasa menjadi kode diagram.<\/p>\n<p>Sebagai contoh, pengguna dapat meminta:<\/p>\n<blockquote>\n<p>Buat diagram urutan yang menampilkan pelanggan yang masuk melalui aplikasi web, layanan autentikasi, dan basis data.<\/p>\n<\/blockquote>\n<p>VPasCode dapat menggunakan permintaan tersebut untuk menghasilkan kode diagram yang dapat ditinjau, disesuaikan, dan disisipkan ke dalam OpenDocs. Pengguna kemudian dapat menyempurnakan kode secara manual atau meminta AI memodifikasi diagram sesuai dengan persyaratan baru.<\/p>\n<p id=\"cmmHbdq\"><img alt=\"Ilustrasi yang menunjukkan cara membuat Diagram Urutan UML di VPasCode menggunakan AI\" class=\"alignnone wp-image-4227 size-full\" decoding=\"async\" height=\"642\" sizes=\"(max-width: 1219px) 100vw, 1219px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab09261247a8.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab09261247a8.png 1219w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab09261247a8-300x158.png 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab09261247a8-1024x539.png 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab09261247a8-768x404.png 768w\" width=\"1219\"\/><\/p>\n<p>Bantuan AI dapat berguna ketika:<\/p>\n<ul>\n<li>Anda tahu apa yang ingin Anda sampaikan tetapi tidak mengetahui sintaks yang diperlukan.<\/li>\n<li>Anda ingin membuat diagram awal dengan cepat.<\/li>\n<li>Anda perlu menambahkan atau menghapus langkah, komponen, hubungan, atau cabang.<\/li>\n<li>Anda ingin menyederhanakan diagram yang kompleks.<\/li>\n<li>Anda memerlukan bantuan untuk memperbaiki kesalahan kode diagram.<\/li>\n<li>Anda ingin menerjemahkan label diagram untuk tim internasional.<\/li>\n<\/ul>\n<p>Diagram yang dihasilkan AI tetap dapat diedit, yang berarti pengguna dapat memperlakukan hasil yang dihasilkan sebagai titik awal dan menyesuaikannya agar sesuai dengan persyaratan proyek mereka.<\/p>\n<h2>Cara Menyisipkan Diagram yang Dapat Diedit ke dalam Halaman OpenDocs<\/h2>\n<p>Ikuti langkah-langkah berikut untuk membuat dan menyisipkan diagram ke dalam halaman dokumen:<\/p>\n<ol>\n<li>Buka <a href=\"https:\/\/ai-toolbox.visual-paradigm.com\/app\/opendocs\/\">Visual Paradigm OpenDocs<\/a>.<\/li>\n<li>Buat halaman baru atau buka halaman yang sudah ada.<\/li>\n<li>Klik <strong>Edit<\/strong> di sudut kanan atas halaman.\n<p id=\"UcRCNdQ\"><img loading=\"lazy\" alt=\"Untuk mengedit halaman OpenDocs\" class=\"alignnone wp-image-4217 size-full\" decoding=\"async\" height=\"124\" loading=\"lazy\" sizes=\"auto, (max-width: 499px) 100vw, 499px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab08f85a9fcf.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab08f85a9fcf.png 499w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab08f85a9fcf-300x75.png 300w\" width=\"499\"\/><\/p>\n<\/li>\n<li>Tempatkan kursor teks di tempat Anda ingin diagram muncul.\n<p id=\"OlxiXlm\"><img loading=\"lazy\" alt=\"Kursor ditempatkan di dalam halaman OpenDocs, siap untuk menyisipkan diagram di sana\" class=\"alignnone wp-image-4218 size-full\" decoding=\"async\" height=\"254\" loading=\"lazy\" sizes=\"auto, (max-width: 603px) 100vw, 603px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab08fb638f26.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab08fb638f26.png 603w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab08fb638f26-300x126.png 300w\" width=\"603\"\/><\/p>\n<\/li>\n<li>Klik <strong>+<\/strong> pada toolbar untuk membuka <strong>Buat Artefak<\/strong> jendela.\n<p id=\"BwzynXL\"><img loading=\"lazy\" alt=\"Klik pada tombol Sisipkan di OpenDocs. (Akan menyisipkan diagram ke dalam OpenDocs)\" class=\"alignnone wp-image-4219 size-full\" decoding=\"async\" height=\"183\" loading=\"lazy\" sizes=\"auto, (max-width: 422px) 100vw, 422px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab08fc412654.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab08fc412654.png 422w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab08fc412654-300x130.png 300w\" width=\"422\"\/><\/p>\n<\/li>\n<li>Pilih <strong>VPasCode<\/strong> dari menu di sebelah kiri.<\/li>\n<li>Klik <strong>VPasCode<\/strong> di sebelah kanan untuk membuka editor diagram.\n<p id=\"VpteBeW\"><img loading=\"lazy\" alt=\"Untuk membuat diagram kosong di VPasCode\" class=\"alignnone wp-image-4220 size-full\" decoding=\"async\" height=\"356\" loading=\"lazy\" sizes=\"auto, (max-width: 557px) 100vw, 557px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab08fda16038.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab08fda16038.png 557w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab08fda16038-300x192.png 300w\" width=\"557\"\/><\/p>\n<\/li>\n<li>Tulis atau tempel kode diagram di editor di sebelah kiri.\n<p id=\"sDzKCEU\"><img loading=\"lazy\" alt=\"Antarmuka pengguna VPasCode. Sisi kiri menampilkan editor kode (kosong). Sisi kanan mencantumkan contoh diagram yang tersedia (klik untuk memuat).\" class=\"alignnone wp-image-4221 size-full\" decoding=\"async\" height=\"659\" loading=\"lazy\" sizes=\"auto, (max-width: 1316px) 100vw, 1316px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0903d826c4.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0903d826c4.png 1316w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0903d826c4-300x150.png 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0903d826c4-1024x513.png 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0903d826c4-768x385.png 768w\" width=\"1316\"\/><\/p>\n<\/li>\n<li>Tinjau pratinjau waktu nyata dan lakukan perubahan yang diperlukan.\n<p id=\"gCGGUgP\"><img loading=\"lazy\" alt=\"Diagram kelas dibuat di Visual Paradigm VPasCode.\" class=\"alignnone wp-image-4222 size-full\" decoding=\"async\" height=\"790\" loading=\"lazy\" sizes=\"auto, (max-width: 1577px) 100vw, 1577px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab090798bab4.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab090798bab4.png 1577w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab090798bab4-300x150.png 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab090798bab4-1024x513.png 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab090798bab4-768x385.png 768w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab090798bab4-1536x769.png 1536w\" width=\"1577\"\/><\/p>\n<\/li>\n<li>Klik <strong>Simpan<\/strong> di sudut kanan atas editor VPasCode.\n<p id=\"EylzoPj\"><img loading=\"lazy\" alt=\"Simpan diagram di VPasCode.\" class=\"alignnone wp-image-4223 size-full\" decoding=\"async\" height=\"120\" loading=\"lazy\" sizes=\"auto, (max-width: 508px) 100vw, 508px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0908a55169.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0908a55169.png 508w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0908a55169-300x71.png 300w\" width=\"508\"\/><\/p>\n<\/li>\n<li>Klik <strong>Tutup<\/strong> untuk kembali ke halaman OpenDocs.<\/li>\n<li>Diagram akan disisipkan pada posisi kursor teks.\n<p id=\"ygjbylS\"><img loading=\"lazy\" alt=\"Diagram kelas disematkan kembali di dalam OpenDocs.\" class=\"alignnone wp-image-4224 size-full\" decoding=\"async\" height=\"701\" loading=\"lazy\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0909d4dc63.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0909d4dc63.png 1400w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0909d4dc63-300x150.png 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0909d4dc63-1024x513.png 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0909d4dc63-768x385.png 768w\" width=\"1400\"\/><\/p>\n<\/li>\n<\/ol>\n<p>Setelah diagram disisipkan, pengguna dapat melanjutkan penulisan di sekitarnya seperti halnya dengan konten dokumen lainnya.<\/p>\n<h2>Cara Mengedit Ulang Diagram<\/h2>\n<p>Diagram yang disisipkan ke OpenDocs dapat diedit kapan pun pembaruan diperlukan.<\/p>\n<ol>\n<li>Buka halaman OpenDocs yang berisi diagram.<\/li>\n<li>Klik ikon pensil di sudut kanan atas diagram.\n<p id=\"pDIlSTi\"><img loading=\"lazy\" alt=\"Untuk mengedit ulang Diagram Kelas yang disematkan di OpenDocs\" class=\"alignnone wp-image-4225 size-full\" decoding=\"async\" height=\"335\" loading=\"lazy\" sizes=\"auto, (max-width: 566px) 100vw, 566px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab090bc379e4.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab090bc379e4.png 566w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab090bc379e4-300x178.png 300w\" width=\"566\"\/><\/p>\n<\/li>\n<li>Lakukan perubahan di editor VPasCode.<\/li>\n<li>Gunakan pratinjau langsung untuk meninjau hasilnya.<\/li>\n<li>Klik <strong>Simpan<\/strong>.<\/li>\n<li>Klik <strong>Tutup<\/strong> untuk kembali ke OpenDocs.<\/li>\n<\/ol>\n<p>Diagram yang diperbarui akan menyegarkan dokumen, memungkinkan pengguna mempertahankan konten visual mereka tanpa menghapus diagram asli atau memulai dari awal.<\/p>\n<h2>Kasus Penggunaan Praktis<\/h2>\n<h3>Dokumentasi Arsitektur Perangkat Lunak<\/h3>\n<p>Arsitek perangkat lunak dapat menggunakan sintaks PlantUML, Mermaid, D2, atau C4 untuk menggambarkan komponen sistem, layanan, penyimpanan data, dan ketergantungan eksternal. Diagram arsitektur yang dihasilkan dapat ditempatkan langsung di dalam dokumen desain sistem atau catatan keputusan arsitektur.<\/p>\n<p>Seiring perubahan arsitektur, diagram dapat diedit di VPasCode dan diperbarui di OpenDocs. Hal ini membantu dokumentasi teknis tetap selaras dengan desain yang sedang dibahas.<\/p>\n<h3>Dokumentasi API dan Integrasi<\/h3>\n<p>Diagram urutan berguna untuk menunjukkan bagaimana klien, layanan, basis data, dan sistem pihak ketiga berinteraksi. Tim dapat menyertakan diagram urutan di samping deskripsi API, detail autentikasi, alur permintaan, dan aturan penanganan kesalahan.<\/p>\n<p>Sebagai contoh, seorang penulis teknis dapat mendokumentasikan proses pembayaran online dengan penjelasan tertulis, contoh API, dan diagram urutan Mermaid atau PlantUML dalam satu halaman OpenDocs yang sama.<\/p>\n<h3>Dokumentasi Basis Data dan Model Data<\/h3>\n<p>Tim basis data dapat menggunakan diagram hubungan entitas untuk menjelaskan tabel, bidang, kunci, dan hubungan. Model data visual dapat membuat dokumentasi basis data lebih mudah dipahami oleh pengembang, analis, penguji, dan pemangku kepentingan lainnya.<\/p>\n<p>Ketika tabel atau hubungan baru ditambahkan, diagram dapat diedit dan disisipkan kembali melalui alur kerja VPasCode yang sama.<\/p>\n<h3>Panduan Proses Bisnis dan Alur Kerja<\/h3>\n<p>Analis bisnis dan tim operasi dapat menggunakan bagan alir, diagram aktivitas, peta perjalanan pengguna, dan diagram proses untuk menjelaskan bagaimana pekerjaan bergerak melalui organisasi.<\/p>\n<p>Menyematkan visual ini ke dalam panduan operasional atau prosedur operasi standar dapat membantu pembaca memahami tanggung jawab, titik keputusan, jalur alternatif, dan langkah persetujuan.<\/p>\n<h3>Persyaratan Produk dan Perencanaan Fitur<\/h3>\n<p>Manajer produk dapat menyertakan perjalanan pengguna, alur proses, diagram keadaan, peta pikiran, dan hubungan fitur dalam dokumen persyaratan produk. Aset visual ini dapat membantu tim produk, desain, teknik, dan jaminan kualitas mengembangkan pemahaman bersama tentang fitur tersebut.<\/p>\n<h3>Wiki Proyek dan Basis Pengetahuan<\/h3>\n<p>Alat manajemen pengetahuan paling berharga ketika menyatukan informasi yang dibutuhkan orang untuk memahami dan melaksanakan pekerjaan mereka. Menambahkan diagram yang dapat diedit ke basis pengetahuan OpenDocs dapat membuat wiki proyek, materi onboarding, panduan internal, dan manual sistem lebih lengkap.<\/p>\n<p>Alih-alih menyimpan diagram dalam folder terpisah atau alat desain yang tidak terhubung, tim dapat menempatkannya di samping penjelasan terkait, keputusan, prosedur, dan materi referensi.<\/p>\n<h3>Peta Pikiran dan Organisasi Konsep<\/h3>\n<p>Markmap dan format pemetaan pikiran lainnya dapat membantu tim mengorganisir persyaratan, topik penelitian, struktur proyek, hasil pertemuan, dan hierarki pengetahuan. Peta ini dapat disisipkan ke dalam halaman OpenDocs untuk memberikan ikhtisar visual sebelum informasi yang lebih rinci disajikan.<\/p>\n<h2>Manfaat untuk Berbagai Jenis Pengguna<\/h2>\n<ul>\n<li><strong>Pengembang:<\/strong>Buat diagram dengan format berbasis teks yang sudah dikenal dan pertahankan penjelasan teknis dekat dengan visual sistem.<\/li>\n<li><strong>Arsitek perangkat lunak:<\/strong>Bangun diagram arsitektur, UML, C4, penempatan, dan komponen yang dapat direvisi seiring evolusi sistem.<\/li>\n<li><strong>Penulis teknis:<\/strong>Gabungkan prosedur, spesifikasi, contoh, dan diagram yang dapat diedit dalam satu ruang kerja dokumentasi.<\/li>\n<li><strong>Analis bisnis:<\/strong>Jelaskan proses bisnis, persyaratan, keputusan, dan perjalanan pengguna dengan model visual yang jelas.<\/li>\n<li><strong>Manajer produk:<\/strong>Tambahkan alur kerja, peta jalan, hubungan fitur, dan alur pengguna ke dokumentasi produk.<\/li>\n<li><strong>Tim proyek:<\/strong>Buat dokumentasi bersama yang mengomunikasikan baik detail maupun gambaran besar.<\/li>\n<li><strong>Pendidik dan pelatih:<\/strong>Gunakan diagram untuk membuat konten teknis atau prosedural lebih mudah dipahami.<\/li>\n<\/ul>\n<h2>Dari Dokumen Statis ke Dokumentasi yang Hidup<\/h2>\n<p>Dokumentasi yang efektif harus mencerminkan keadaan terkini dari suatu proyek, produk, proses, atau sistem. Ketika konten visual hanya disimpan sebagai gambar statis, memperbaruinya dapat dengan mudah ditunda. Seiring waktu, gambar tersebut mungkin tidak lagi merepresentasikan kenyataan.<\/p>\n<p>Integrasi OpenDocs dan VPasCode mendukung pendekatan yang lebih mudah dipelihara. Diagram dapat dibuat dari kode yang dapat dibaca, ditinjau melalui pratinjau visual, disisipkan ke dokumen yang relevan, dan diedit kembali ketika informasi dasarnya berubah.<\/p>\n<p>Ini menciptakan fondasi praktis untuk dokumentasi yang hidup. Diagram tetap menjadi aset kerja yang berguna daripada sekadar tangkapan layar satu kali.<\/p>\n<h2>Ekosistem Visual Paradigm yang Lebih Terhubung<\/h2>\n<p>Visual Paradigm menghubungkan berbagai produk dan kemampuan untuk membantu pengguna bergerak lebih efisien dari ide ke model, diagram, dokumentasi, dan pengetahuan bersama.<\/p>\n<p>VPasCode menyediakan pengalaman diagram-sebagai-kode. OpenDocs menyediakan pengalaman manajemen dokumen dan pengetahuan. Bersama-sama, mereka membantu tim membuat konten visual dan menempatkannya langsung dalam konteks yang dibutuhkan.<\/p>\n<p>Koneksi ini dapat mengurangi perpindahan alat, menyederhanakan alur kerja dokumentasi, dan membantu tim memanfaatkan diagram dengan lebih baik sepanjang siklus hidup proyek.<\/p>\n<h2>Mulai dengan OpenDocs dan VPasCode<\/h2>\n<p>Dengan peningkatan ini, Visual Paradigm OpenDocs menjadi lingkungan yang lebih serbaguna untuk membuat dokumentasi yang terstruktur, visual, dan kolaboratif. Pengguna dapat membuat diagram dengan PlantUML, Mermaid, Graphviz, D2, Markmap, ECharts, dan format lainnya yang didukung, menyisipkannya ke halaman, dan mengeditnya kembali setiap kali persyaratan berubah.<\/p>\n<p>Jika Anda mencari generator diagram online, platform diagram-sebagai-kode, alat dokumentasi teknis, atau alat manajemen pengetahuan dengan kemampuan pemodelan visual terintegrasi, alur kerja baru ini menyediakan cara yang nyaman untuk menyatukan diagram dan dokumen.<\/p>\n<p><a href=\"https:\/\/ai-toolbox.visual-paradigm.com\/app\/opendocs\/\">Luncurkan Visual Paradigm OpenDocs<\/a> dan mulai membuat dokumentasi yang lebih kaya dan lebih berguna dengan diagram yang dapat diedit yang didukung oleh VPasCode.<\/p>\n<h2>Pertanyaan yang Sering Diajukan<\/h2>\n<h3>Apa peningkatan baru pada OpenDocs?<\/h3>\n<p>OpenDocs sekarang memungkinkan pengguna membuat dan menyisipkan diagram yang dapat diedit ke halaman dokumen melalui integrasinya dengan Visual Paradigm VPasCode.<\/p>\n<h3>Apakah saya dapat mengedit diagram setelah menyisipkannya ke OpenDocs?<\/h3>\n<p>Ya. Klik ikon pensil pada diagram yang disisipkan untuk membukanya kembali di editor VPasCode. Setelah memodifikasi kode diagram, klik Simpan dan Tutup untuk memperbarui diagram di halaman OpenDocs.<\/p>\n<h3>Format diagram apa saja yang didukung?<\/h3>\n<p>VPasCode mendukung format dan teknologi termasuk PlantUML, Mermaid, Graphviz, D2, Markmap, ECharts, JSON, YAML, XML, CSV, TOML, DBML, dan SQL. Jenis diagram yang didukung meliputi bagan alir, diagram urutan, diagram kelas, diagram keadaan, diagram ER, diagram C4, peta pikiran, diagram arsitektur, diagram Gantt, dan lainnya.<\/p>\n<h3>Apakah saya perlu mengetahui kode diagram untuk menggunakan fitur ini?<\/h3>\n<p>Tidak. Anda dapat memuat contoh dari editor VPasCode atau Galeri Contoh. Anda juga dapat menggunakan fitur Buat dengan AI untuk mendeskripsikan diagram yang Anda inginkan dalam bahasa alami dan biarkan AI membuat skrip diagram awal.<\/p>\n<h3>Di mana saya dapat mengakses OpenDocs?<\/h3>\n<p>Anda dapat mengakses Visual Paradigm OpenDocs di <a href=\"https:\/\/ai-toolbox.visual-paradigm.com\/app\/opendocs\/\">https:\/\/ai-toolbox.visual-paradigm.com\/app\/opendocs\/<\/a>.<\/p>\n<h3>Di mana saya dapat mempelajari lebih lanjut tentang VPasCode?<\/h3>\n<p>Kunjungi <a href=\"https:\/\/www.visual-paradigm.com\/features\/vpascode\/\">Halaman fitur VPasCode<\/a> untuk mempelajari lebih lanjut tentang platform diagram-sebagai-kode, format yang didukung, rendering waktu nyata, bantuan AI, dan kemampuan terkait.<\/p>\n","protected":false},"featured_media":2878,"template":"","meta":{"_acf_changed":false,"_yoast_wpseo_title":"Visual Paradigm OpenDocs Sekarang Mendukung Diagram yang Dapat Diedit dengan VPasCode","_yoast_wpseo_metadesc":"Buat, sisipkan, dan edit diagram PlantUML, Mermaid, Markmap, dan lainnya langsung di Visual Paradigm OpenDocs dengan generator diagram online VPasCode yang terintegrasi.","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}}},"product":[2,3],"product-area":[41,49],"version":[50],"release-type":[16],"class_list":["post-2877","releases","type-releases","status-publish","has-post-thumbnail","hentry","product-visual-paradigm","product-visual-paradigm-online","product-area-knowledge-management","product-area-vpascode","version-18-1","release-type-new-feature"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Visual Paradigm OpenDocs Sekarang Mendukung Diagram yang Dapat Diedit dengan VPasCode<\/title>\n<meta name=\"description\" content=\"Buat, sisipkan, dan edit diagram PlantUML, Mermaid, Markmap, dan lainnya langsung di Visual Paradigm OpenDocs dengan generator diagram online VPasCode yang terintegrasi.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/updates.visual-paradigm.com\/id\/releases\/opendocs-editable-diagrams-vpascode-integration\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Visual Paradigm OpenDocs Sekarang Mendukung Diagram yang Dapat Diedit dengan VPasCode\" \/>\n<meta property=\"og:description\" content=\"Buat, sisipkan, dan edit diagram PlantUML, Mermaid, Markmap, dan lainnya langsung di Visual Paradigm OpenDocs dengan generator diagram online VPasCode yang terintegrasi.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/updates.visual-paradigm.com\/id\/releases\/opendocs-editable-diagrams-vpascode-integration\/\" \/>\n<meta property=\"og:site_name\" content=\"Visual Paradigm Product Updates Indonesian\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-21T02:15:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2026\/09\/opendocs-vpascode-editable-diagrams-featured-image.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"1536\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data1\" content=\"14 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/releases\/opendocs-editable-diagrams-vpascode-integration\/\",\"url\":\"https:\/\/updates.visual-paradigm.com\/id\/releases\/opendocs-editable-diagrams-vpascode-integration\/\",\"name\":\"Visual Paradigm OpenDocs Sekarang Mendukung Diagram yang Dapat Diedit dengan VPasCode\",\"isPartOf\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/releases\/opendocs-editable-diagrams-vpascode-integration\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/releases\/opendocs-editable-diagrams-vpascode-integration\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2026\/09\/opendocs-vpascode-editable-diagrams-featured-image.jpeg\",\"datePublished\":\"2026-09-21T02:15:10+00:00\",\"dateModified\":\"2026-09-21T02:15:29+00:00\",\"description\":\"Buat, sisipkan, dan edit diagram PlantUML, Mermaid, Markmap, dan lainnya langsung di Visual Paradigm OpenDocs dengan generator diagram online VPasCode yang terintegrasi.\",\"breadcrumb\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/releases\/opendocs-editable-diagrams-vpascode-integration\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/updates.visual-paradigm.com\/id\/releases\/opendocs-editable-diagrams-vpascode-integration\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/releases\/opendocs-editable-diagrams-vpascode-integration\/#primaryimage\",\"url\":\"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2026\/09\/opendocs-vpascode-editable-diagrams-featured-image.jpeg\",\"contentUrl\":\"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2026\/09\/opendocs-vpascode-editable-diagrams-featured-image.jpeg\",\"width\":1536,\"height\":1024},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/releases\/opendocs-editable-diagrams-vpascode-integration\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/updates.visual-paradigm.com\/id\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Bawa Diagram yang Dapat Diedit ke Visual Paradigm OpenDocs dengan VPasCode\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/#website\",\"url\":\"https:\/\/updates.visual-paradigm.com\/id\/\",\"name\":\"Visual Paradigm Product Updates Indonesian\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/updates.visual-paradigm.com\/id\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/#organization\",\"name\":\"Visual Paradigm Product Updates Indonesian\",\"url\":\"https:\/\/updates.visual-paradigm.com\/id\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2025\/11\/vp-updates.png\",\"contentUrl\":\"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2025\/11\/vp-updates.png\",\"width\":185,\"height\":50,\"caption\":\"Visual Paradigm Product Updates Indonesian\"},\"image\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Visual Paradigm OpenDocs Sekarang Mendukung Diagram yang Dapat Diedit dengan VPasCode","description":"Buat, sisipkan, dan edit diagram PlantUML, Mermaid, Markmap, dan lainnya langsung di Visual Paradigm OpenDocs dengan generator diagram online VPasCode yang terintegrasi.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/updates.visual-paradigm.com\/id\/releases\/opendocs-editable-diagrams-vpascode-integration\/","og_locale":"id_ID","og_type":"article","og_title":"Visual Paradigm OpenDocs Sekarang Mendukung Diagram yang Dapat Diedit dengan VPasCode","og_description":"Buat, sisipkan, dan edit diagram PlantUML, Mermaid, Markmap, dan lainnya langsung di Visual Paradigm OpenDocs dengan generator diagram online VPasCode yang terintegrasi.","og_url":"https:\/\/updates.visual-paradigm.com\/id\/releases\/opendocs-editable-diagrams-vpascode-integration\/","og_site_name":"Visual Paradigm Product Updates Indonesian","article_modified_time":"2026-09-21T02:15:29+00:00","og_image":[{"width":1536,"height":1024,"url":"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2026\/09\/opendocs-vpascode-editable-diagrams-featured-image.jpeg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Estimasi waktu membaca":"14 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/updates.visual-paradigm.com\/id\/releases\/opendocs-editable-diagrams-vpascode-integration\/","url":"https:\/\/updates.visual-paradigm.com\/id\/releases\/opendocs-editable-diagrams-vpascode-integration\/","name":"Visual Paradigm OpenDocs Sekarang Mendukung Diagram yang Dapat Diedit dengan VPasCode","isPartOf":{"@id":"https:\/\/updates.visual-paradigm.com\/id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/updates.visual-paradigm.com\/id\/releases\/opendocs-editable-diagrams-vpascode-integration\/#primaryimage"},"image":{"@id":"https:\/\/updates.visual-paradigm.com\/id\/releases\/opendocs-editable-diagrams-vpascode-integration\/#primaryimage"},"thumbnailUrl":"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2026\/09\/opendocs-vpascode-editable-diagrams-featured-image.jpeg","datePublished":"2026-09-21T02:15:10+00:00","dateModified":"2026-09-21T02:15:29+00:00","description":"Buat, sisipkan, dan edit diagram PlantUML, Mermaid, Markmap, dan lainnya langsung di Visual Paradigm OpenDocs dengan generator diagram online VPasCode yang terintegrasi.","breadcrumb":{"@id":"https:\/\/updates.visual-paradigm.com\/id\/releases\/opendocs-editable-diagrams-vpascode-integration\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/updates.visual-paradigm.com\/id\/releases\/opendocs-editable-diagrams-vpascode-integration\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/updates.visual-paradigm.com\/id\/releases\/opendocs-editable-diagrams-vpascode-integration\/#primaryimage","url":"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2026\/09\/opendocs-vpascode-editable-diagrams-featured-image.jpeg","contentUrl":"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2026\/09\/opendocs-vpascode-editable-diagrams-featured-image.jpeg","width":1536,"height":1024},{"@type":"BreadcrumbList","@id":"https:\/\/updates.visual-paradigm.com\/id\/releases\/opendocs-editable-diagrams-vpascode-integration\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/updates.visual-paradigm.com\/id\/"},{"@type":"ListItem","position":2,"name":"Bawa Diagram yang Dapat Diedit ke Visual Paradigm OpenDocs dengan VPasCode"}]},{"@type":"WebSite","@id":"https:\/\/updates.visual-paradigm.com\/id\/#website","url":"https:\/\/updates.visual-paradigm.com\/id\/","name":"Visual Paradigm Product Updates Indonesian","description":"","publisher":{"@id":"https:\/\/updates.visual-paradigm.com\/id\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/updates.visual-paradigm.com\/id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/updates.visual-paradigm.com\/id\/#organization","name":"Visual Paradigm Product Updates Indonesian","url":"https:\/\/updates.visual-paradigm.com\/id\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/updates.visual-paradigm.com\/id\/#\/schema\/logo\/image\/","url":"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2025\/11\/vp-updates.png","contentUrl":"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2025\/11\/vp-updates.png","width":185,"height":50,"caption":"Visual Paradigm Product Updates Indonesian"},"image":{"@id":"https:\/\/updates.visual-paradigm.com\/id\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/updates.visual-paradigm.com\/id\/wp-json\/wp\/v2\/releases\/2877","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/updates.visual-paradigm.com\/id\/wp-json\/wp\/v2\/releases"}],"about":[{"href":"https:\/\/updates.visual-paradigm.com\/id\/wp-json\/wp\/v2\/types\/releases"}],"version-history":[{"count":0,"href":"https:\/\/updates.visual-paradigm.com\/id\/wp-json\/wp\/v2\/releases\/2877\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/id\/wp-json\/wp\/v2\/media\/2878"}],"wp:attachment":[{"href":"https:\/\/updates.visual-paradigm.com\/id\/wp-json\/wp\/v2\/media?parent=2877"}],"wp:term":[{"taxonomy":"product","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/id\/wp-json\/wp\/v2\/product?post=2877"},{"taxonomy":"product-area","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/id\/wp-json\/wp\/v2\/product-area?post=2877"},{"taxonomy":"version","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/id\/wp-json\/wp\/v2\/version?post=2877"},{"taxonomy":"release-type","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/id\/wp-json\/wp\/v2\/release-type?post=2877"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}