{"id":337,"date":"2026-10-05T03:35:56","date_gmt":"2026-10-05T03:35:56","guid":{"rendered":"https:\/\/video.visual-paradigm.com\/id\/video\/create-class-diagram-from-image-using-vpascode\/"},"modified":"2026-10-05T03:41:09","modified_gmt":"2026-10-05T03:41:09","slug":"create-class-diagram-from-image-using-vpascode","status":"publish","type":"aiovg_videos","link":"https:\/\/video.visual-paradigm.com\/id\/video\/create-class-diagram-from-image-using-vpascode\/","title":{"rendered":"Cara Mengubah Sketsa Diagram Kelas menjadi Model UML dengan AI"},"content":{"rendered":"<h2>Ubah Sketsa Kasar menjadi Model yang Dapat Diedit<\/h2>\n<p>Selama sesi brainstorming dan rapat tim, arsitektur perangkat lunak sering kali dimulai di papan tulis atau kertas. Memindahkan sketsa yang digambar tangan tersebut ke perangkat lunak pemodelan formal dapat memakan waktu dan membosankan. Dengan pengenalan gambar berbasis AI, Anda dapat menjembatani kesenjangan antara ide awal dan arsitektur perangkat lunak formal.<\/p>\n<h3>1. Mengunggah Gambar Diagram untuk Konversi<\/h3>\n<p>Untuk memulai mengonversi sketsa atau foto papan tulis menjadi diagram kelas UML digital, ikuti langkah-langkah sederhana berikut di dalam Visual Paradigm Desktop:<\/p>\n<ul>\n<li>Buka menu perintah di Visual Paradigm Desktop.<\/li>\n<li>Buka menu<a href=\"https:\/\/online.visual-paradigm.com\/unified-platform\/\"><strong>Platform Terpadu<\/strong><\/a>dan pilih<a href=\"https:\/\/www.vpascode.com\/editor\/\"><strong>VPasCode<\/strong><\/a>.<\/li>\n<li>Klik<strong>Hasilkan dengan AI<\/strong>dan pilih<strong>Unggah Gambar<\/strong>.<\/li>\n<li>Unggah foto sketsa atau diagram Anda.<\/li>\n<li>Masukkan perintah yang meminta AI membuat ulang diagram berdasarkan gambar yang disediakan.<\/li>\n<\/ul>\n<p>Dalam hitungan detik, sistem memproses gambar tersebut, menghasilkan diagram visual yang bersih beserta kode sumber yang sesuai. Meskipun tata letak otomatis mungkin sedikit berbeda dari tata letak asli Anda, semua kelas, atribut, dan hubungan tetap dipertahankan dengan akurat.<\/p>\n<section>\n<h2>Penyempurnaan Model dengan Kode dan Perintah AI<\/h2>\n<p>Setelah diagram awal Anda dibuat, Anda dapat dengan cepat memodifikasi dan memperluasnya menggunakan dua mode pengeditan: pengeditan kode langsung atau perintah AI dalam bahasa alami. Untuk aturan sintaks lengkap dan konvensi pemodelan, lihat panduan terperinci kami<a href=\"https:\/\/chat.visual-paradigm.com\/docs\/uml-class-diagram-the-definitive-guide-to-modeling-system-structure-with-ai\/\">panduan diagram kelas UML<\/a>.<\/p>\n<h3>Pengeditan Kode Langsung<\/h3>\n<p>Setiap diagram didukung oleh kode yang ringan dan mudah dibaca. Memodifikasi kode akan secara instan memperbarui tata letak diagram. Misalnya, menambahkan atribut seperti<code>+ PPN: double<\/code>langsung di dalam<code>Perusahaan<\/code>blok kelas akan secara langsung memperbarui model visual yang dirender tanpa memerlukan penggambaran ulang secara manual.<\/p>\n<h3>Penyempurnaan Kelas dengan Bantuan AI<\/h3>\n<p>Anda juga dapat memerintahkan asisten AI untuk melakukan modifikasi multi-langkah secara otomatis. Cukup masukkan instruksi teks biasa, seperti:<\/p>\n<blockquote>\n<p><em>\u201cTambahkan metode getter dan setter untuk atribut PPN di kelas Company, dan tambahkan atribut nomor telepon dengan metode getter\/setter ke kelas Employee.\u201d<\/em><\/p>\n<\/blockquote>\n<p>AI akan menafsirkan perintah tersebut dan memperbarui diagram serta kode dasarnya secara instan.<\/p>\n<\/section>\n<section>\n<h2>Mengimpor dan Menerbitkan ke OpenDocs<\/h2>\n<p>Setelah menyempurnakan diagram Anda, alihkan secara mulus ke artefak desain sistem lengkap dan alur kerja dokumentasi.<\/p>\n<h3>Mengonversi ke Aset Model<\/h3>\n<p>Klik<strong>Impor ke Visual Paradigm<\/strong> untuk mengonversi bagan yang dihasilkan dari kode Anda menjadi aset model Visual Paradigm lengkap. Hal ini memungkinkan Anda memanfaatkan seluruh rangkaian fitur pengeditan visual canggih, penautan elemen, dan alat manajemen model.<\/p>\n<h3>Menerbitkan ke Dokumentasi Teknis<\/h3>\n<p>Untuk mengintegrasikan diagram UML baru Anda ke dalam dokumentasi proyek:<\/p>\n<ol>\n<li>Buka panel sebelah kanan bagan Anda dan pilih<strong>Kirim ke Alur Kerja<\/strong>.<\/li>\n<li>Kembali ke<strong>Platform Terpadu<\/strong> dan luncurkan<strong>OpenDocs<\/strong>.<\/li>\n<li>Buka atau buat halaman, klik<strong>Sisipkan<\/strong>, pilih<strong>Alur Kerja<\/strong>, dan pilih diagram yang telah diperbarui.<\/li>\n<\/ol>\n<p>Diagram kelas Anda sekarang telah sepenuhnya terintegrasi ke dalam siklus hidup dokumentasi teknis Anda, menjaga model perangkat lunak Anda tetap tersinkronisasi di seluruh tim pengembang Anda.<\/p>\n<\/section>\n<section>\n<h3 data-path-to-node=\"2\">Siap Mengubah Alur Kerja Diagram Anda dengan VPasCode?<\/h3>\n<p data-path-to-node=\"3\">Lewati alat menggambar manual dan langsung beralih dari ide ke kode. Baik Anda mengetik teks biasa atau memindai sketsa papan tulis fisik, VPasCode mengubah konsep Anda menjadi diagram kelas UML yang bersih dan sepenuhnya dapat diedit dalam hitungan detik.<\/p>\n<p data-path-to-node=\"4\"><a class=\"ng-star-inserted\" data-hveid=\"0\" data-ved=\"0CAAQ_4QMahgKEwiKou7-5qGXAxUAAAAAHQAAAAAQlAI\" href=\"https:\/\/www.vpascode.com\/editor\/\" rel=\"noopener\" target=\"_blank\">Coba Editor VPasCode<\/a><\/p>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Ubah Sketsa Kasar menjadi Model yang Dapat Diedit Selama sesi brainstorming dan rapat tim, arsitektur perangkat lunak sering kali dimulai [&hellip;]<\/p>\n","protected":false},"author":2,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","inline_featured_image":false,"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":"","ast-disable-related-posts":"","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":""}}},"aiovg_categories":[19],"aiovg_tags":[],"class_list":["post-337","aiovg_videos","type-aiovg_videos","status-publish","has-post-thumbnail","hentry","aiovg_categories-vpascode"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Cara Mengubah Sketsa Diagram Kelas menjadi Model UML dengan AI - Visual Paradigm Video Hub<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/video.visual-paradigm.com\/id\/video\/create-class-diagram-from-image-using-vpascode\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cara Mengubah Sketsa Diagram Kelas menjadi Model UML dengan AI - Visual Paradigm Video Hub\" \/>\n<meta property=\"og:description\" content=\"Ubah Sketsa Kasar menjadi Model yang Dapat Diedit Selama sesi brainstorming dan rapat tim, arsitektur perangkat lunak sering kali dimulai [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/video.visual-paradigm.com\/id\/video\/create-class-diagram-from-image-using-vpascode\/\" \/>\n<meta property=\"og:site_name\" content=\"Visual Paradigm Video Hub\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-05T03:41:09+00:00\" \/>\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=\"2 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/video.visual-paradigm.com\\\/id\\\/video\\\/create-class-diagram-from-image-using-vpascode\\\/\",\"url\":\"https:\\\/\\\/video.visual-paradigm.com\\\/id\\\/video\\\/create-class-diagram-from-image-using-vpascode\\\/\",\"name\":\"Cara Mengubah Sketsa Diagram Kelas menjadi Model UML dengan AI - Visual Paradigm Video Hub\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/video.visual-paradigm.com\\\/id\\\/#website\"},\"datePublished\":\"2026-10-05T03:35:56+00:00\",\"dateModified\":\"2026-10-05T03:41:09+00:00\",\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/video.visual-paradigm.com\\\/id\\\/video\\\/create-class-diagram-from-image-using-vpascode\\\/\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/video.visual-paradigm.com\\\/id\\\/#website\",\"url\":\"https:\\\/\\\/video.visual-paradigm.com\\\/id\\\/\",\"name\":\"Visual Paradigm Video Hub\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/video.visual-paradigm.com\\\/id\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/video.visual-paradigm.com\\\/id\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/video.visual-paradigm.com\\\/id\\\/#organization\",\"name\":\"Visual Paradigm Video Hub\",\"url\":\"https:\\\/\\\/video.visual-paradigm.com\\\/id\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/video.visual-paradigm.com\\\/id\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/video.visual-paradigm.com\\\/id\\\/wp-content\\\/uploads\\\/sites\\\/8\\\/2026\\\/09\\\/VPStartPageLogo.svg\",\"contentUrl\":\"https:\\\/\\\/video.visual-paradigm.com\\\/id\\\/wp-content\\\/uploads\\\/sites\\\/8\\\/2026\\\/09\\\/VPStartPageLogo.svg\",\"width\":270,\"height\":66,\"caption\":\"Visual Paradigm Video Hub\"},\"image\":{\"@id\":\"https:\\\/\\\/video.visual-paradigm.com\\\/id\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cara Mengubah Sketsa Diagram Kelas menjadi Model UML dengan AI - Visual Paradigm Video Hub","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:\/\/video.visual-paradigm.com\/id\/video\/create-class-diagram-from-image-using-vpascode\/","og_locale":"id_ID","og_type":"article","og_title":"Cara Mengubah Sketsa Diagram Kelas menjadi Model UML dengan AI - Visual Paradigm Video Hub","og_description":"Ubah Sketsa Kasar menjadi Model yang Dapat Diedit Selama sesi brainstorming dan rapat tim, arsitektur perangkat lunak sering kali dimulai [&hellip;]","og_url":"https:\/\/video.visual-paradigm.com\/id\/video\/create-class-diagram-from-image-using-vpascode\/","og_site_name":"Visual Paradigm Video Hub","article_modified_time":"2026-10-05T03:41:09+00:00","twitter_card":"summary_large_image","twitter_misc":{"Estimasi waktu membaca":"2 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/video.visual-paradigm.com\/id\/video\/create-class-diagram-from-image-using-vpascode\/","url":"https:\/\/video.visual-paradigm.com\/id\/video\/create-class-diagram-from-image-using-vpascode\/","name":"Cara Mengubah Sketsa Diagram Kelas menjadi Model UML dengan AI - Visual Paradigm Video Hub","isPartOf":{"@id":"https:\/\/video.visual-paradigm.com\/id\/#website"},"datePublished":"2026-10-05T03:35:56+00:00","dateModified":"2026-10-05T03:41:09+00:00","inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/video.visual-paradigm.com\/id\/video\/create-class-diagram-from-image-using-vpascode\/"]}]},{"@type":"WebSite","@id":"https:\/\/video.visual-paradigm.com\/id\/#website","url":"https:\/\/video.visual-paradigm.com\/id\/","name":"Visual Paradigm Video Hub","description":"","publisher":{"@id":"https:\/\/video.visual-paradigm.com\/id\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/video.visual-paradigm.com\/id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/video.visual-paradigm.com\/id\/#organization","name":"Visual Paradigm Video Hub","url":"https:\/\/video.visual-paradigm.com\/id\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/video.visual-paradigm.com\/id\/#\/schema\/logo\/image\/","url":"https:\/\/video.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/8\/2026\/09\/VPStartPageLogo.svg","contentUrl":"https:\/\/video.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/8\/2026\/09\/VPStartPageLogo.svg","width":270,"height":66,"caption":"Visual Paradigm Video Hub"},"image":{"@id":"https:\/\/video.visual-paradigm.com\/id\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/video.visual-paradigm.com\/id\/wp-json\/wp\/v2\/aiovg_videos\/337","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/video.visual-paradigm.com\/id\/wp-json\/wp\/v2\/aiovg_videos"}],"about":[{"href":"https:\/\/video.visual-paradigm.com\/id\/wp-json\/wp\/v2\/types\/aiovg_videos"}],"author":[{"embeddable":true,"href":"https:\/\/video.visual-paradigm.com\/id\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/video.visual-paradigm.com\/id\/wp-json\/wp\/v2\/comments?post=337"}],"wp:attachment":[{"href":"https:\/\/video.visual-paradigm.com\/id\/wp-json\/wp\/v2\/media?parent=337"}],"wp:term":[{"taxonomy":"aiovg_categories","embeddable":true,"href":"https:\/\/video.visual-paradigm.com\/id\/wp-json\/wp\/v2\/aiovg_categories?post=337"},{"taxonomy":"aiovg_tags","embeddable":true,"href":"https:\/\/video.visual-paradigm.com\/id\/wp-json\/wp\/v2\/aiovg_tags?post=337"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}