{"id":2023,"date":"2026-07-28T06:23:35","date_gmt":"2026-07-28T06:23:35","guid":{"rendered":"https:\/\/www.vpascode.com\/id\/docs\/uncategorized\/kotlin-visualizer-guide\/"},"modified":"2026-07-28T06:23:35","modified_gmt":"2026-07-28T06:23:35","slug":"kotlin-visualizer-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/kotlin-visualizer-guide\/","title":{"rendered":"Kotlin"},"content":{"rendered":"

Ketika merancang aplikasi Android, layanan sisi server Ktor, atau proyek multiplatform dalam Kotlin, menavigasi hierarki antarmuka terkunci, agregat kelas data, dan pengaturan injeksi dependensi dapat membuatnya sulit untuk membayangkan gambaran besar. The Kotlin Visualizer<\/strong> mengubah kelas Kotlin, kelas data, antarmuka terkunci, singleton (object<\/code>), dan pola delegasi menjadi diagram kelas yang jelas dan interaktif. Dengan menganalisis deklarasi properti (val<\/code>, var<\/code>), implementasi antarmuka, dan model pewarisan, pengembang Kotlin dan arsitek mobile dapat secara visual memeriksa model domain dan struktur sistem dengan sekali pandang.<\/p>\n

Mekanisme Visualisasi Kotlin<\/h2>\n

Di VPasCode, rendering Kotlin secara otomatis menganalisis class<\/code>, data class<\/code>, sealed interface<\/code>, sealed class<\/code>, dan object<\/code> deklarasi menjadi kartu kelas berstruktur bergaya UML. Kelas data dan antarmuka berfungsi sebagai simpul visual utama, daftar parameter konstruktor sebagai bidang bertipe, dan kata kunci pewarisan atau implementasi antarmuka menghasilkan koneksi hubungan langsung antar entitas visual.<\/p>\n

1. Pengaturan Dasar<\/h3>\n

Untuk memvisualisasikan arsitektur Kotlin standar, definisikan antarmuka terkunci untuk tipe hasil yang dibatasi bersama kelas dasar abstrak dan implementasi konkret. Modul pemrosesan pembayaran menunjukkan desain polimorfik yang bersih dalam Kotlin:<\/p>\n

\n
\nKotlin<\/span>
\n
\n<\/path><\/path><\/svg>
\nEdit Kotlin di VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\r\n
\r\n Kotlin<\/span>\r\n \r\n <\/path><\/path><\/svg>\r\n Edit Kotlin in VPasCode<\/span>\r\n <\/a>\r\n <\/div>\r\n
\r\n 
package com.example.payment\r\n\r\nimport java.math.BigDecimal\r\n\r\n\/\/ Hierarki tipe hasil menggunakan antarmuka terkunci\r\nsealed interface PaymentResult {\r\n    data class Success(val transactionId: String, val amount: BigDecimal) : PaymentResult\r\n    data class Failure(val errorCode: String, val message: String) : PaymentResult\r\n}\r\n\r\n\/\/ Antarmuka untuk perilaku pembayaran\r\ninterface PaymentGateway {\r\n    val providerName: String\r\n    suspend fun processPayment(amount: BigDecimal, currency: String): PaymentResult\r\n}\r\n\r\n\/\/ Penyedia abstrak dasar\r\nabstract class BaseGateway(override val providerName: String) : PaymentGateway {\r\n    protected fun logTransaction(amount: BigDecimal) {\r\n        println(\"[$providerName] Memproses transaksi sebesar $amount\")\r\n    }\r\n}\r\n\r\n\/\/ Implementasi Stripe konkret\r\nclass StripeGateway(\r\n    val apiKey: String,\r\n    val merchantId: String\r\n) : BaseGateway(\"Stripe\") {\r\n\r\n    override suspend fun processPayment(amount: BigDecimal, currency: String): PaymentResult {\r\n        logTransaction(amount)\r\n        return PaymentResult.Success(\r\n            transactionId = \"tx_stripe_${System.currentTimeMillis()}\",\r\n            amount = amount\r\n        )\r\n    }\r\n}<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Kotlin in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nEdit Kotlin di VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
\u00a0<\/p>\n
Teknik Struktural Lanjutan<\/h2>\n
Visualisasi Kotlin unggul dalam memetakan entitas domain yang tidak dapat diubah, status domain terkunci, dan aliran data fungsional.<\/p>\n
1. Sistem Pemrosesan Pesanan E-Commerce<\/h3>\n
Dengan menggabungkan objek nilai, representasi status, dan wadah logika bisnis, VPasCode mengubah model domain Kotlin menjadi jaringan diagram yang jelas dan terstruktur:<\/p>\n
\n
\nKotlin<\/span>
\n
\n<\/path><\/path><\/svg>
\nEdit Kotlin di VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    Kotlin<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Kotlin in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
package com.example.order\r\n\r\nimport java.math.BigDecimal\r\n\r\nenum class OrderStatus {\r\n    PENDING, PROCESSING, SHIPPED, DELIVERED, CANCELLED\r\n}\r\n\r\ndata class LineItem(\r\n    val sku: String,\r\n    val price: BigDecimal,\r\n    val quantity: Int\r\n) {\r\n    val total: BigDecimal get() = price.multiply(BigDecimal(quantity))\r\n}\r\n\r\ndata class Customer(\r\n    val id: String,\r\n    val email: String,\r\n    val isVip: Boolean = false\r\n)\r\n\r\nclass Order(\r\n    val orderId: String,\r\n    val customer: Customer,\r\n    val items: List\r\n) {\r\n    var status: OrderStatus = OrderStatus.PENDING\r\n        private set\r\n\r\n    val grandTotal: BigDecimal\r\n        get() = items.fold(BigDecimal.ZERO) { acc, item -> acc.add(item.total) }\r\n\r\n    fun markAsProcessing() {\r\n        check(status == OrderStatus.PENDING) { \"Pesanan harus menunggu untuk diproses\" }\r\n        status = OrderStatus.PROCESSING\r\n    }\r\n}<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Kotlin in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nEdit Kotlin di VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
\u00a0<\/p>\n
Mengatur Modul Otentikasi dan Keamanan Pengguna<\/h2>\n
Memvisualisasikan alur otentikasi, pembuat token, dan pemeriksa izin membantu insinyur backend dan Android menjaga lapisan keamanan tetap terorganisir dengan baik.<\/p>\n
1. Modul Otentikasi dan Izin Pengguna<\/h3>\n
Kelompokkan kredensial, kontrak token, dan manajer sesi untuk memetakan batas otorisasi:<\/p>\n
\n
\nKotlin<\/span>
\n
\n<\/path><\/path><\/svg>
\nEdit Kotlin di VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    Kotlin<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Kotlin in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
package com.example.auth\r\n\r\nenum class UserRole {\r\n    GUEST, MEMBER, ADMIN\r\n}\r\n\r\ndata class UserSession(\r\n    val userId: String,\r\n    val email: String,\r\n    val role: UserRole,\r\n    val authToken: String\r\n) {\r\n    val isAdmin: Boolean get() = role == UserRole.ADMIN\r\n}\r\n\r\ninterface TokenProvider {\r\n    fun generateToken(userId: String): String\r\n    fun validateToken(token: String): Boolean\r\n}\r\n\r\nobject JwtTokenProvider : TokenProvider {\r\n    override fun generateToken(userId: String): String = \"jwt_token_for_$userId\"\r\n    override fun validateToken(token: String): Boolean = token.startsWith(\"jwt_token_\")\r\n}\r\n\r\nclass AuthService(\r\n    private val tokenProvider: TokenProvider\r\n) {\r\n    fun authenticate(user: UserSession, requiredRole: UserRole): Boolean {\r\n        if (!tokenProvider.validateToken(user.authToken)) return false\r\n        if (user.isAdmin) return true\r\n        return user.role == requiredRole\r\n    }\r\n}<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Kotlin in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nEdit Kotlin di VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
\u00a0<\/p>\n
Praktik Terbaik Strategis<\/h2>\n
    \n
  • Gunakan Kelas Data untuk Penampung Nilai:<\/strong>Tentukan wadah data ringan dengan kelas data<\/code>sehingga parameter konstruktor ditampilkan rapi sebagai bidang eksplisit.<\/li>\n
  • Manfaatkan Antarmuka Tertutup untuk Status:<\/strong>Modelkan status hasil yang komprehensif dan variasi domain menggunakan antarmuka tertutup<\/code>untuk mengelompokkan sub-tipe secara bersih dalam diagram.<\/li>\n
  • Soroti Singleton dengan object<\/code>:<\/strong>Gunakan object<\/code>kata kunci untuk utilitas tanpa status atau implementasi layanan agar dengan jelas membedakan singleton dari kelas instansiasi standar.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"
    Ketika merancang aplikasi Android, layanan sisi server Ktor, atau proyek multiplatform dalam Kotlin, menavigasi hierarki antarmuka terkunci, agregat kelas data, dan pengaturan injeksi dependensi dapat membuatnya sulit untuk membayangkan gambaran besar. The Kotlin Visualizer mengubah kelas Kotlin, kelas data, antarmuka…<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":12,"template":"","meta":{"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":""}}},"ld_collection":[14],"class_list":["post-2023","ld_docs","type-ld_docs","status-publish","hentry","ld_collection-vpascode-docs"],"yoast_head":"\nKotlin to Diagram Guide | Text to Diagram with VPasCode<\/title>\n<meta name=\"description\" content=\"Transform Kotlin code into clean visual diagrams automatically. VPasCode is a simple text to diagram and diagram-as-code tool for Android and multiplatform devs.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/kotlin-visualizer-guide\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Kotlin to Diagram Guide | Text to Diagram with VPasCode\" \/>\n<meta property=\"og:description\" content=\"Transform Kotlin code into clean visual diagrams automatically. VPasCode is a simple text to diagram and diagram-as-code tool for Android and multiplatform devs.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/kotlin-visualizer-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"VPasCode\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a6856f55fd10-e1785223652940.png\" \/>\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:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/kotlin-visualizer-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/kotlin-visualizer-guide\\\/\",\"name\":\"Kotlin to Diagram Guide | Text to Diagram with VPasCode\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/kotlin-visualizer-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/kotlin-visualizer-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a6856f55fd10-e1785223652940.png\",\"datePublished\":\"2026-07-28T06:23:35+00:00\",\"description\":\"Transform Kotlin code into clean visual diagrams automatically. VPasCode is a simple text to diagram and diagram-as-code tool for Android and multiplatform devs.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/kotlin-visualizer-guide\\\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/kotlin-visualizer-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/kotlin-visualizer-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a6856f55fd10-e1785223652940.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a6856f55fd10-e1785223652940.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/kotlin-visualizer-guide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lean Docs\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/%ld_collection%\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Kotlin\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#website\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/\",\"name\":\"VPasCode\",\"description\":\"by Visual Paradigm\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#organization\",\"name\":\"VPasCode\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/wp-content\\\/uploads\\\/sites\\\/7\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/wp-content\\\/uploads\\\/sites\\\/7\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"width\":128,\"height\":138,\"caption\":\"VPasCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Kotlin to Diagram Guide | Text to Diagram with VPasCode","description":"Transform Kotlin code into clean visual diagrams automatically. VPasCode is a simple text to diagram and diagram-as-code tool for Android and multiplatform devs.","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:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/kotlin-visualizer-guide\/","og_locale":"id_ID","og_type":"article","og_title":"Kotlin to Diagram Guide | Text to Diagram with VPasCode","og_description":"Transform Kotlin code into clean visual diagrams automatically. VPasCode is a simple text to diagram and diagram-as-code tool for Android and multiplatform devs.","og_url":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/kotlin-visualizer-guide\/","og_site_name":"VPasCode","og_image":[{"url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a6856f55fd10-e1785223652940.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Estimasi waktu membaca":"2 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/kotlin-visualizer-guide\/","url":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/kotlin-visualizer-guide\/","name":"Kotlin to Diagram Guide | Text to Diagram with VPasCode","isPartOf":{"@id":"https:\/\/www.vpascode.com\/id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/kotlin-visualizer-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/kotlin-visualizer-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a6856f55fd10-e1785223652940.png","datePublished":"2026-07-28T06:23:35+00:00","description":"Transform Kotlin code into clean visual diagrams automatically. VPasCode is a simple text to diagram and diagram-as-code tool for Android and multiplatform devs.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/kotlin-visualizer-guide\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/kotlin-visualizer-guide\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/kotlin-visualizer-guide\/#primaryimage","url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a6856f55fd10-e1785223652940.png","contentUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a6856f55fd10-e1785223652940.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/kotlin-visualizer-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vpascode.com\/id\/"},{"@type":"ListItem","position":2,"name":"Lean Docs","item":"https:\/\/www.vpascode.com\/id\/docs\/%ld_collection%\/"},{"@type":"ListItem","position":3,"name":"Kotlin"}]},{"@type":"WebSite","@id":"https:\/\/www.vpascode.com\/id\/#website","url":"https:\/\/www.vpascode.com\/id\/","name":"VPasCode","description":"by Visual Paradigm","publisher":{"@id":"https:\/\/www.vpascode.com\/id\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vpascode.com\/id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/www.vpascode.com\/id\/#organization","name":"VPasCode","url":"https:\/\/www.vpascode.com\/id\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.vpascode.com\/id\/#\/schema\/logo\/image\/","url":"https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/2026\/06\/cropped-vp-online-logo-v1.png","contentUrl":"https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/2026\/06\/cropped-vp-online-logo-v1.png","width":128,"height":138,"caption":"VPasCode"},"image":{"@id":"https:\/\/www.vpascode.com\/id\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/ld_docs\/2023","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/ld_docs"}],"about":[{"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/types\/ld_docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/users\/3"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/media?parent=2023"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/ld_collection?post=2023"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}