{"id":3702,"date":"2026-04-27T13:58:52","date_gmt":"2026-04-27T05:58:52","guid":{"rendered":"https:\/\/www.go2posts.com\/id\/c4-model-case-study-big-bank-plc-internet-banking-system\/"},"modified":"2026-04-27T13:58:52","modified_gmt":"2026-04-27T05:58:52","slug":"c4-model-case-study-big-bank-plc-internet-banking-system","status":"publish","type":"post","link":"https:\/\/www.go2posts.com\/id\/c4-model-case-study-big-bank-plc-internet-banking-system\/","title":{"rendered":"Studi Kasus Model C4: Sistem Perbankan Internet Big Bank plc"},"content":{"rendered":"<h2 data-nodeid=\"48904\">1. Ringkasan Eksekutif<\/h2>\n<p data-nodeid=\"48905\">Studi kasus ini mendokumentasikan arsitektur dari\u00a0<strong data-nodeid=\"49074\">Sistem Perbankan Internet<\/strong>\u00a0untuk\u00a0<strong data-nodeid=\"49075\">Big Bank plc<\/strong>. Sistem ini dirancang agar pelanggan perbankan pribadi dapat melihat saldo rekening mereka, melihat riwayat transaksi, dan melakukan pembayaran melalui peramban web dan perangkat mobile.<\/p>\n<p data-nodeid=\"48906\">Arsitektur ini mengikuti\u00a0<strong data-nodeid=\"49081\">Model C4<\/strong>\u00a0(Konteks, Wadah, Komponen, Kode), memberikan tampilan hierarkis sistem dari abstraksi tingkat tinggi hingga infrastruktur penempatan.<\/p>\n<hr data-nodeid=\"48907\"\/>\n<h2 data-nodeid=\"48908\">2. Tingkat 1: Diagram Konteks Sistem<\/h2>\n<p data-nodeid=\"48909\"><strong data-nodeid=\"49087\">Tujuan:<\/strong>\u00a0Untuk menunjukkan sistem dalam konteks pengguna dan ketergantungan eksternalnya.<\/p>\n<p data-nodeid=\"48910\"><strong data-nodeid=\"49092\">Diagram Referensi:<\/strong>\u00a0Gambar 4 (Utama) dan Gambar 1 (Tampilan Sederhana).<\/p>\n<h3 data-nodeid=\"48911\">Analisis<\/h3>\n<p data-nodeid=\"48912\">Sistem\u00a0<strong data-nodeid=\"49107\">Sistem Perbankan Internet<\/strong>\u00a0berada dalam batas\u00a0<strong data-nodeid=\"49108\">Big Bank plc<\/strong>\u00a0perusahaan. Sistem ini berfungsi sebagai saluran digital bagi\u00a0<strong data-nodeid=\"49109\">Pelanggan Perbankan Pribadi<\/strong>.<\/p>\n<p><img alt=\"C4 Model System Context Diagram for Internet Banking System\" decoding=\"async\" src=\"https:\/\/online.visual-paradigm.com\/repository\/images\/c11adb2f-dc05-47e8-88cc-369892d99372\/c4-model-design\/c4-model-system-context-diagram-for-internet-banking-system.png\"\/><\/p>\n<ul data-nodeid=\"48913\">\n<li data-nodeid=\"48914\">\n<p data-nodeid=\"48915\"><strong data-nodeid=\"49113\">Pengguna (Aktor):<\/strong><\/p>\n<ul data-nodeid=\"48916\">\n<li data-nodeid=\"48917\">\n<p data-nodeid=\"48918\"><strong data-nodeid=\"49118\">Pelanggan Perbankan Pribadi:<\/strong>\u00a0Pengguna utama yang berinteraksi dengan sistem untuk melihat saldo dan melakukan pembayaran.<\/p>\n<\/li>\n<li data-nodeid=\"48919\">\n<p data-nodeid=\"48920\"><strong data-nodeid=\"49123\">Staf Layanan Pelanggan:<\/strong>\u00a0Karyawan bank yang membantu pelanggan (ditampilkan pada Gambar 4).<\/p>\n<\/li>\n<li data-nodeid=\"48921\">\n<p data-nodeid=\"48922\"><strong data-nodeid=\"49128\">Staf Back Office:<\/strong>\u00a0Staf administrasi dan pendukung (ditampilkan pada Gambar 4).<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-nodeid=\"48923\">\n<p data-nodeid=\"48924\"><strong data-nodeid=\"49132\">Sistem Eksternal:<\/strong><\/p>\n<ul data-nodeid=\"48925\">\n<li data-nodeid=\"48926\">\n<p data-nodeid=\"48927\"><strong data-nodeid=\"49137\">Sistem Perbankan Mainframe:<\/strong>\u00a0Sistem rujukan. Menyimpan semua informasi inti perbankan (pelanggan, rekening, transaksi). Sistem Perbankan Internet bergantung pada ini untuk data yang otoritatif.<\/p>\n<\/li>\n<li data-nodeid=\"48928\">\n<p data-nodeid=\"48929\"><strong data-nodeid=\"49142\">Sistem E-mail:<\/strong>\u00a0Sistem Microsoft Exchange internal yang digunakan untuk mengirim notifikasi (misalnya, pengaturan ulang kata sandi, konfirmasi) kepada pelanggan.<\/p>\n<\/li>\n<li data-nodeid=\"48930\">\n<p data-nodeid=\"48931\"><strong data-nodeid=\"49147\">ATM:<\/strong>\u00a0Sistem perangkat lunak terpisah yang memungkinkan penarikan tunai (ditampilkan dalam Gambar 4 untuk menunjukkan ekosistem yang lebih luas).<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p data-nodeid=\"48932\"><strong data-nodeid=\"49152\">Hubungan Kunci:<\/strong>\u00a0Pelanggan berinteraksi dengan Sistem Perbankan Internet, yang kemudian berperan sebagai antarmuka terhadap sistem Mainframe lama untuk mengambil data dan memproses pembayaran.<\/p>\n<hr data-nodeid=\"48933\"\/>\n<h2 data-nodeid=\"48934\">3. Tingkat 2: Diagram Container<\/h2>\n<p data-nodeid=\"48935\"><strong data-nodeid=\"49158\">Tujuan:<\/strong>\u00a0Menunjukkan pilihan teknologi tingkat tinggi dan bagaimana tanggung jawab didistribusikan di seluruh sistem.<\/p>\n<p data-nodeid=\"48936\"><strong data-nodeid=\"49163\">Diagram Referensi:<\/strong>\u00a0Gambar 2.<\/p>\n<h3 data-nodeid=\"48937\">Analisis<\/h3>\n<p data-nodeid=\"48938\">Sistem \u2018Perbankan Internet\u2019 dari Tingkat 1 diuraikan menjadi lima container yang berbeda (unit yang dapat di-deploy).<\/p>\n<p><img alt=\"C4 Model Container Diagram for Internet Banking System\" decoding=\"async\" src=\"https:\/\/online.visual-paradigm.com\/repository\/images\/eb7352f8-0099-45f4-85a1-85c9cd3dfade\/c4-model-design\/c4-model-container-diagram-for-internet-banking-system.png\"\/><\/p>\n<ol data-nodeid=\"48939\">\n<li data-nodeid=\"48940\">\n<p data-nodeid=\"48941\"><strong data-nodeid=\"49173\">Aplikasi Web (Java dan Spring MVC):<\/strong><\/p>\n<ul data-nodeid=\"48942\">\n<li data-nodeid=\"48943\">\n<p data-nodeid=\"48944\"><strong data-nodeid=\"49178\">Peran:<\/strong>\u00a0Berfungsi sebagai titik masuk bagi pengguna web.<\/p>\n<\/li>\n<li data-nodeid=\"48945\">\n<p data-nodeid=\"48946\"><strong data-nodeid=\"49185\">Fungsi:<\/strong>\u00a0Mengirimkan konten statis (HTML\/CSS\/JS) dan Aplikasi Halaman Tunggal (SPA) ke browser pelanggan melalui HTTPS.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-nodeid=\"48947\">\n<p data-nodeid=\"48948\"><strong data-nodeid=\"49189\">Aplikasi Halaman Tunggal (JavaScript dan Angular):<\/strong><\/p>\n<ul data-nodeid=\"48949\">\n<li data-nodeid=\"48950\">\n<p data-nodeid=\"48951\"><strong data-nodeid=\"49194\">Peran:<\/strong>\u00a0Logika sisi klien yang berjalan di browser.<\/p>\n<\/li>\n<li data-nodeid=\"48952\">\n<p data-nodeid=\"48953\"><strong data-nodeid=\"49199\">Fungsi:<\/strong>\u00a0Menyediakan seluruh suite fungsi perbankan internet. Melakukan panggilan API ke backend.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-nodeid=\"48954\">\n<p data-nodeid=\"48955\"><strong data-nodeid=\"49203\">Aplikasi Mobile (Xamarin):<\/strong><\/p>\n<ul data-nodeid=\"48956\">\n<li data-nodeid=\"48957\">\n<p data-nodeid=\"48958\"><strong data-nodeid=\"49208\">Peran:<\/strong>\u00a0Aplikasi sisi klien untuk perangkat mobile.<\/p>\n<\/li>\n<li data-nodeid=\"48959\">\n<p data-nodeid=\"48960\"><strong data-nodeid=\"49213\">Fungsi:<\/strong>Menyediakan subset fungsionalitas terbatas dibandingkan dengan aplikasi web. Ini juga melakukan panggilan API ke backend.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-nodeid=\"48961\">\n<p data-nodeid=\"48962\"><strong data-nodeid=\"49217\">Aplikasi API (Java dan Spring MVC):<\/strong><\/p>\n<ul data-nodeid=\"48963\">\n<li data-nodeid=\"48964\">\n<p data-nodeid=\"48965\"><strong data-nodeid=\"49222\">Peran:<\/strong>Logika inti backend.<\/p>\n<\/li>\n<li data-nodeid=\"48966\">\n<p data-nodeid=\"48967\"><strong data-nodeid=\"49227\">Fungsi:<\/strong>Menyediakan API JSON\/HTTPS. Menangani otentikasi, logika bisnis, dan komunikasi dengan sistem eksternal (Database, Mainframe, Email).<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-nodeid=\"48968\">\n<p data-nodeid=\"48969\"><strong data-nodeid=\"49231\">Database (Skema Oracle Database):<\/strong><\/p>\n<ul data-nodeid=\"48970\">\n<li data-nodeid=\"48971\">\n<p data-nodeid=\"48972\"><strong data-nodeid=\"49236\">Peran:<\/strong>Ketahanan data.<\/p>\n<\/li>\n<li data-nodeid=\"48973\">\n<p data-nodeid=\"48974\"><strong data-nodeid=\"49244\">Fungsi:<\/strong>Menyimpan informasi pendaftaran pengguna, kredensial yang di-hash, dan log akses.<em data-nodeid=\"49245\">Catatan: Data inti perbankan tetap berada di Mainframe.<\/em><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<p data-nodeid=\"48975\"><strong data-nodeid=\"49262\">Hubungan Kunci:<\/strong>Baik Aplikasi Web (melalui SPA) maupun Aplikasi Mobile berkomunikasi dengan<strong data-nodeid=\"49263\">Aplikasi API<\/strong>. Aplikasi API kemudian berbicara dengan<strong data-nodeid=\"49264\">Database<\/strong>untuk data lokal dan<strong data-nodeid=\"49265\">Mainframe<\/strong>untuk data perbankan inti.<\/p>\n<hr data-nodeid=\"48976\"\/>\n<h2 data-nodeid=\"48977\">4. Tingkat 3: Diagram Komponen<\/h2>\n<p data-nodeid=\"48978\"><strong data-nodeid=\"49271\">Tujuan:<\/strong>Untuk memperbesar fokus pada wadah tertentu (Aplikasi API) untuk menunjukkan blok bangun internalnya.<\/p>\n<p data-nodeid=\"48979\"><strong data-nodeid=\"49276\">Diagram Referensi:<\/strong>Gambar 3.<\/p>\n<h3 data-nodeid=\"48980\">Analisis<\/h3>\n<p data-nodeid=\"48981\">Diagram ini memecah<strong data-nodeid=\"49283\">Aplikasi API<\/strong>wadah menjadi komponen-komponen logis.<\/p>\n<p><img alt=\"C4 Model Component Diagram for Internet Banking System\" decoding=\"async\" src=\"https:\/\/online.visual-paradigm.com\/repository\/images\/f8ca52e5-8e0f-45ec-a8fe-d2e2933518e4\/c4-model-design\/c4-model-component-diagram-for-internet-banking-system.png\"\/><\/p>\n<ul data-nodeid=\"48982\">\n<li data-nodeid=\"48983\">\n<p data-nodeid=\"48984\"><strong data-nodeid=\"49288\">Controller (Controller Rest Spring MVC):<\/strong>\u00a0Ini menangani permintaan HTTP masuk.<\/p>\n<ul data-nodeid=\"48985\">\n<li data-nodeid=\"48986\">\n<p data-nodeid=\"48987\"><strong data-nodeid=\"49293\">Kontroler Masuk:<\/strong>\u00a0Menangani otentikasi pengguna.<\/p>\n<\/li>\n<li data-nodeid=\"48988\">\n<p data-nodeid=\"48989\"><strong data-nodeid=\"49298\">Kontroler Atur Ulang Kata Sandi:<\/strong>\u00a0Menangani alur pemulihan kata sandi.<\/p>\n<\/li>\n<li data-nodeid=\"48990\">\n<p data-nodeid=\"48991\"><strong data-nodeid=\"49303\">Kontroler Ringkasan Akun:<\/strong>\u00a0Mengambil data akun untuk pengguna.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-nodeid=\"48992\">\n<p data-nodeid=\"48993\"><strong data-nodeid=\"49308\">Komponen (Spring Beans):<\/strong>\u00a0Ini berisi logika bisnis.<\/p>\n<ul data-nodeid=\"48994\">\n<li data-nodeid=\"48995\">\n<p data-nodeid=\"48996\"><strong data-nodeid=\"49313\">Komponen Keamanan:<\/strong>\u00a0Menangani masuk dan mengganti kata sandi. Digunakan oleh kontroler Masuk dan Atur Ulang Kata Sandi.<\/p>\n<\/li>\n<li data-nodeid=\"48997\">\n<p data-nodeid=\"48998\"><strong data-nodeid=\"49318\">Komponen Surel:<\/strong>\u00a0Menangani pengiriman surel. Digunakan oleh kontroler Atur Ulang Kata Sandi.<\/p>\n<\/li>\n<li data-nodeid=\"48999\">\n<p data-nodeid=\"49000\"><strong data-nodeid=\"49323\">Facade Sistem Perbankan Mainframe:<\/strong>\u00a0Pelapis di sekitar sistem Mainframe eksternal. Ini menerjemahkan panggilan API internal ke format XML\/HTTPS yang dibutuhkan oleh Mainframe lama. Digunakan oleh kontroler Ringkasan Akun.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p data-nodeid=\"49001\"><strong data-nodeid=\"49336\">Hubungan Kunci:<\/strong>\u00a0The\u00a0<strong data-nodeid=\"49337\">Kontroler Ringkasan Akun<\/strong>\u00a0menggunakan\u00a0<strong data-nodeid=\"49338\">Facade Sistem Perbankan Mainframe<\/strong>\u00a0untuk mendapatkan data dari Mainframe eksternal, menunjukkan pemisahan tanggung jawab antara lapisan API dan lapisan integrasi.<\/p>\n<hr data-nodeid=\"49002\"\/>\n<h2 data-nodeid=\"49003\">5. Tingkat 4: Diagram Penempatan<\/h2>\n<p data-nodeid=\"49004\"><strong data-nodeid=\"49344\">Tujuan:<\/strong>\u00a0Menunjukkan bagaimana kontainer perangkat lunak dipetakan ke infrastruktur fisik.<\/p>\n<p data-nodeid=\"49005\"><strong data-nodeid=\"49349\">Diagram Referensi:<\/strong>\u00a0Gambar 5.<\/p>\n<h3 data-nodeid=\"49006\">Analisis<\/h3>\n<p data-nodeid=\"49007\">Diagram ini menggambarkan lingkungan runtime.<\/p>\n<p><img alt=\"C4 Model Deployment Diagram for Internet Banking System\" decoding=\"async\" src=\"https:\/\/online.visual-paradigm.com\/repository\/images\/d05814ec-ea32-4f01-a160-b07805252807\/c4-model-design\/c4-model-deployment-diagram-for-internet-banking-system.png\"\/><\/p>\n<ul data-nodeid=\"49008\">\n<li data-nodeid=\"49009\">\n<p data-nodeid=\"49010\"><strong data-nodeid=\"49355\">Sisi Pelanggan:<\/strong><\/p>\n<ul data-nodeid=\"49011\">\n<li data-nodeid=\"49012\">\n<p data-nodeid=\"49013\"><strong data-nodeid=\"49360\">Perangkat Mobile:<\/strong>\u00a0Menjalankan Aplikasi Seluler (iOS\/Android).<\/p>\n<\/li>\n<li data-nodeid=\"49014\">\n<p data-nodeid=\"49015\"><strong data-nodeid=\"49365\">Komputer:<\/strong>\u00a0Menjalankan Peramban Web (Chrome\/Firefox\/Safari\/Edge) yang menampung Aplikasi Halaman Tunggal.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-nodeid=\"49016\">\n<p data-nodeid=\"49017\"><strong data-nodeid=\"49369\">Pusat Data Big Bank plc:<\/strong><\/p>\n<ul data-nodeid=\"49018\">\n<li data-nodeid=\"49019\">\n<p data-nodeid=\"49020\"><strong data-nodeid=\"49380\">Server Web (bigbank-web<\/strong>*):** Node Ubuntu 16.04 LTS yang menjalankan\u00a0<strong data-nodeid=\"49381\">Apache Tomcat 8.x<\/strong>.<\/p>\n<ul data-nodeid=\"49021\">\n<li data-nodeid=\"49022\">\n<p data-nodeid=\"49023\">Menampung\u00a0<strong data-nodeid=\"49391\">Aplikasi Web<\/strong>\u00a0dan\u00a0<strong data-nodeid=\"49392\">Aplikasi API<\/strong>.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-nodeid=\"49024\">\n<p data-nodeid=\"49025\"><strong data-nodeid=\"49401\">Server Basis Data (bigbank-db01\/02):<\/strong>\u00a0Node Ubuntu 16.04 LTS yang menjalankan\u00a0<strong data-nodeid=\"49402\">Oracle 12c<\/strong>.<\/p>\n<ul data-nodeid=\"49026\">\n<li data-nodeid=\"49027\">\n<p data-nodeid=\"49028\"><strong data-nodeid=\"49407\">Oracle \u2013 Utama:<\/strong>\u00a0Basis data utama.<\/p>\n<\/li>\n<li data-nodeid=\"49029\">\n<p data-nodeid=\"49030\"><strong data-nodeid=\"49412\">Oracle \u2013 Sekunder:<\/strong>\u00a0Salinan untuk redundansi\/kenyamanan tinggi.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p data-nodeid=\"49031\"><strong data-nodeid=\"49421\">Hubungan Kunci:<\/strong>\u00a0Aplikasi Seluler dan Peramban Web terhubung melalui internet ke\u00a0<strong data-nodeid=\"49422\">Aplikasi API<\/strong>\u00a0yang dijalankan di Tomcat. Aplikasi API terhubung melalui JDBC ke klaster Basis Data Oracle.<\/p>\n<hr data-nodeid=\"49032\"\/>\n<h2 data-nodeid=\"49033\">6. Konsep dan Panduan Kunci yang Diterapkan<\/h2>\n<p data-nodeid=\"49034\">Berdasarkan studi kasus ini, prinsip pemodelan C4 berikut diterapkan:<\/p>\n<ol data-nodeid=\"49035\">\n<li data-nodeid=\"49036\">\n<p data-nodeid=\"49037\"><strong data-nodeid=\"49445\">Tingkat Abstraksi:<\/strong>\u00a0Model ini berhasil bergerak dari \u201cSiapa yang menggunakannya?\u201d (Konteks) ke \u201cApa yang dibangun dari?\u201d (Wadah) ke \u201cBagaimana disusun?\u201d (Komponen) ke \u201cDi mana berjalan?\u201d (Penempatan).<\/p>\n<\/li>\n<li data-nodeid=\"49038\">\n<p data-nodeid=\"49039\"><strong data-nodeid=\"49449\">Batasan Lingkup:<\/strong><\/p>\n<ul data-nodeid=\"49040\">\n<li data-nodeid=\"49041\">\n<p data-nodeid=\"49042\">Pada Level 1, batas &#8216;Big Bank plc&#8217; dengan jelas membedakan sistem internal dari aktor eksternal.<\/p>\n<\/li>\n<li data-nodeid=\"49043\">\n<p data-nodeid=\"49044\">Pada Level 2, batas &#8216;Sistem Perbankan Internet&#8217; mengemas perangkat lunak tertentu yang sedang dibangun, memisahkannya dari Mainframe lama.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-nodeid=\"49045\">\n<p data-nodeid=\"49046\"><strong data-nodeid=\"49463\">Pemisahan Kepentingan:<\/strong><\/p>\n<ul data-nodeid=\"49047\">\n<li data-nodeid=\"49048\">\n<p data-nodeid=\"49049\"><strong data-nodeid=\"49468\">Frontend vs. Backend:<\/strong>Pemisahan Aplikasi Satu Halaman (frontend) dari Aplikasi API (backend) memungkinkan pengembangan dan skalabilitas yang independen.<\/p>\n<\/li>\n<li data-nodeid=\"49050\">\n<p data-nodeid=\"49051\"><strong data-nodeid=\"49473\">Pemisahan Data:<\/strong>Data inti perbankan yang sensitif disimpan di Mainframe, sementara Sistem Perbankan Internet hanya menyimpan sementara data akses pengguna yang diperlukan di basis data Oracle miliknya sendiri.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-nodeid=\"49052\">\n<p data-nodeid=\"49053\"><strong data-nodeid=\"49486\">Netral terhadap Teknologi (jika sesuai):<\/strong>Diagram menentukan teknologi (Java, Angular, Oracle) di tempat yang relevan terhadap keputusan arsitektur, tetapi terutama berfokus pada\u00a0<em data-nodeid=\"49487\">hubungan<\/em>dan\u00a0<em data-nodeid=\"49488\">tanggung jawab<\/em>blok-blok tersebut.<\/p>\n<\/li>\n<li data-nodeid=\"49054\">\n<p data-nodeid=\"49055\"><strong data-nodeid=\"49493\">Notasi:<\/strong>Notasi C4 standar digunakan:<\/p>\n<ul data-nodeid=\"49056\">\n<li data-nodeid=\"49057\">\n<p data-nodeid=\"49058\"><strong data-nodeid=\"49498\">Orang:<\/strong>Gambar orang batang (atau lingkaran dalam gaya tampilan khusus ini).<\/p>\n<\/li>\n<li data-nodeid=\"49059\">\n<p data-nodeid=\"49060\"><strong data-nodeid=\"49503\">Sistem Perangkat Lunak\/Kontainer\/Komponen:<\/strong>Persegi panjang melengkung dengan warna berbeda (Biru untuk internal\/utama, Abu-abu untuk eksternal\/sekunder).<\/p>\n<\/li>\n<li data-nodeid=\"49061\">\n<p class=\"\" data-nodeid=\"49062\"><strong data-nodeid=\"49520\">Hubungan:<\/strong>Panah putus-putus dengan label yang menjelaskan protokol (misalnya, [HTTPS], [JSON], [JDBC]).<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>1. Ringkasan Eksekutif Studi kasus ini mendokumentasikan arsitektur dari\u00a0Sistem Perbankan Internet\u00a0untuk\u00a0Big Bank plc. Sistem ini dirancang agar pelanggan perbankan pribadi dapat melihat saldo rekening mereka, melihat riwayat transaksi, dan melakukan&hellip;<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[83,84,87],"tags":[],"class_list":["post-3702","post","type-post","status-publish","format-standard","hentry","category-ai","category-ai-chatbot","category-c4-model"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Studi Kasus Model C4: Sistem Perbankan Internet Big Bank plc - Go 2 Posts Indonesian | Breaking Digital News &amp; Software Trends<\/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:\/\/www.go2posts.com\/id\/c4-model-case-study-big-bank-plc-internet-banking-system\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Studi Kasus Model C4: Sistem Perbankan Internet Big Bank plc - Go 2 Posts Indonesian | Breaking Digital News &amp; Software Trends\" \/>\n<meta property=\"og:description\" content=\"1. Ringkasan Eksekutif Studi kasus ini mendokumentasikan arsitektur dari\u00a0Sistem Perbankan Internet\u00a0untuk\u00a0Big Bank plc. Sistem ini dirancang agar pelanggan perbankan pribadi dapat melihat saldo rekening mereka, melihat riwayat transaksi, dan melakukan&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.go2posts.com\/id\/c4-model-case-study-big-bank-plc-internet-banking-system\/\" \/>\n<meta property=\"og:site_name\" content=\"Go 2 Posts Indonesian | Breaking Digital News &amp; Software Trends\" \/>\n<meta property=\"article:published_time\" content=\"2026-04-27T05:58:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/online.visual-paradigm.com\/repository\/images\/c11adb2f-dc05-47e8-88cc-369892d99372\/c4-model-design\/c4-model-system-context-diagram-for-internet-banking-system.png\" \/>\n<meta name=\"author\" content=\"curtis\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Ditulis oleh\" \/>\n\t<meta name=\"twitter:data1\" content=\"curtis\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.go2posts.com\/id\/c4-model-case-study-big-bank-plc-internet-banking-system\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.go2posts.com\/id\/c4-model-case-study-big-bank-plc-internet-banking-system\/\"},\"author\":{\"name\":\"curtis\",\"@id\":\"https:\/\/www.go2posts.com\/id\/#\/schema\/person\/7d2ba976d99a3712085fad7b38500b83\"},\"headline\":\"Studi Kasus Model C4: Sistem Perbankan Internet Big Bank plc\",\"datePublished\":\"2026-04-27T05:58:52+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.go2posts.com\/id\/c4-model-case-study-big-bank-plc-internet-banking-system\/\"},\"wordCount\":896,\"publisher\":{\"@id\":\"https:\/\/www.go2posts.com\/id\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.go2posts.com\/id\/c4-model-case-study-big-bank-plc-internet-banking-system\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/online.visual-paradigm.com\/repository\/images\/c11adb2f-dc05-47e8-88cc-369892d99372\/c4-model-design\/c4-model-system-context-diagram-for-internet-banking-system.png\",\"articleSection\":[\"AI\",\"AI Chatbot\",\"C4 Model\"],\"inLanguage\":\"id\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.go2posts.com\/id\/c4-model-case-study-big-bank-plc-internet-banking-system\/\",\"url\":\"https:\/\/www.go2posts.com\/id\/c4-model-case-study-big-bank-plc-internet-banking-system\/\",\"name\":\"Studi Kasus Model C4: Sistem Perbankan Internet Big Bank plc - Go 2 Posts Indonesian | Breaking Digital News &amp; Software Trends\",\"isPartOf\":{\"@id\":\"https:\/\/www.go2posts.com\/id\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.go2posts.com\/id\/c4-model-case-study-big-bank-plc-internet-banking-system\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.go2posts.com\/id\/c4-model-case-study-big-bank-plc-internet-banking-system\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/online.visual-paradigm.com\/repository\/images\/c11adb2f-dc05-47e8-88cc-369892d99372\/c4-model-design\/c4-model-system-context-diagram-for-internet-banking-system.png\",\"datePublished\":\"2026-04-27T05:58:52+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.go2posts.com\/id\/c4-model-case-study-big-bank-plc-internet-banking-system\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.go2posts.com\/id\/c4-model-case-study-big-bank-plc-internet-banking-system\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/www.go2posts.com\/id\/c4-model-case-study-big-bank-plc-internet-banking-system\/#primaryimage\",\"url\":\"https:\/\/online.visual-paradigm.com\/repository\/images\/c11adb2f-dc05-47e8-88cc-369892d99372\/c4-model-design\/c4-model-system-context-diagram-for-internet-banking-system.png\",\"contentUrl\":\"https:\/\/online.visual-paradigm.com\/repository\/images\/c11adb2f-dc05-47e8-88cc-369892d99372\/c4-model-design\/c4-model-system-context-diagram-for-internet-banking-system.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.go2posts.com\/id\/c4-model-case-study-big-bank-plc-internet-banking-system\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.go2posts.com\/id\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Studi Kasus Model C4: Sistem Perbankan Internet Big Bank plc\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.go2posts.com\/id\/#website\",\"url\":\"https:\/\/www.go2posts.com\/id\/\",\"name\":\"Go 2 Posts Indonesian | Breaking Digital News &amp; Software Trends\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.go2posts.com\/id\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.go2posts.com\/id\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.go2posts.com\/id\/#organization\",\"name\":\"Go 2 Posts Indonesian | Breaking Digital News &amp; Software Trends\",\"url\":\"https:\/\/www.go2posts.com\/id\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/www.go2posts.com\/id\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.go2posts.com\/id\/wp-content\/uploads\/sites\/24\/2025\/01\/logo.png\",\"contentUrl\":\"https:\/\/www.go2posts.com\/id\/wp-content\/uploads\/sites\/24\/2025\/01\/logo.png\",\"width\":341,\"height\":46,\"caption\":\"Go 2 Posts Indonesian | Breaking Digital News &amp; Software Trends\"},\"image\":{\"@id\":\"https:\/\/www.go2posts.com\/id\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.go2posts.com\/id\/#\/schema\/person\/7d2ba976d99a3712085fad7b38500b83\",\"name\":\"curtis\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/www.go2posts.com\/id\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g\",\"caption\":\"curtis\"},\"url\":\"https:\/\/www.go2posts.com\/id\/author\/curtis\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Studi Kasus Model C4: Sistem Perbankan Internet Big Bank plc - Go 2 Posts Indonesian | Breaking Digital News &amp; Software Trends","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.go2posts.com\/id\/c4-model-case-study-big-bank-plc-internet-banking-system\/","og_locale":"id_ID","og_type":"article","og_title":"Studi Kasus Model C4: Sistem Perbankan Internet Big Bank plc - Go 2 Posts Indonesian | Breaking Digital News &amp; Software Trends","og_description":"1. Ringkasan Eksekutif Studi kasus ini mendokumentasikan arsitektur dari\u00a0Sistem Perbankan Internet\u00a0untuk\u00a0Big Bank plc. Sistem ini dirancang agar pelanggan perbankan pribadi dapat melihat saldo rekening mereka, melihat riwayat transaksi, dan melakukan&hellip;","og_url":"https:\/\/www.go2posts.com\/id\/c4-model-case-study-big-bank-plc-internet-banking-system\/","og_site_name":"Go 2 Posts Indonesian | Breaking Digital News &amp; Software Trends","article_published_time":"2026-04-27T05:58:52+00:00","og_image":[{"url":"https:\/\/online.visual-paradigm.com\/repository\/images\/c11adb2f-dc05-47e8-88cc-369892d99372\/c4-model-design\/c4-model-system-context-diagram-for-internet-banking-system.png","type":"","width":"","height":""}],"author":"curtis","twitter_card":"summary_large_image","twitter_misc":{"Ditulis oleh":"curtis","Estimasi waktu membaca":"6 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.go2posts.com\/id\/c4-model-case-study-big-bank-plc-internet-banking-system\/#article","isPartOf":{"@id":"https:\/\/www.go2posts.com\/id\/c4-model-case-study-big-bank-plc-internet-banking-system\/"},"author":{"name":"curtis","@id":"https:\/\/www.go2posts.com\/id\/#\/schema\/person\/7d2ba976d99a3712085fad7b38500b83"},"headline":"Studi Kasus Model C4: Sistem Perbankan Internet Big Bank plc","datePublished":"2026-04-27T05:58:52+00:00","mainEntityOfPage":{"@id":"https:\/\/www.go2posts.com\/id\/c4-model-case-study-big-bank-plc-internet-banking-system\/"},"wordCount":896,"publisher":{"@id":"https:\/\/www.go2posts.com\/id\/#organization"},"image":{"@id":"https:\/\/www.go2posts.com\/id\/c4-model-case-study-big-bank-plc-internet-banking-system\/#primaryimage"},"thumbnailUrl":"https:\/\/online.visual-paradigm.com\/repository\/images\/c11adb2f-dc05-47e8-88cc-369892d99372\/c4-model-design\/c4-model-system-context-diagram-for-internet-banking-system.png","articleSection":["AI","AI Chatbot","C4 Model"],"inLanguage":"id"},{"@type":"WebPage","@id":"https:\/\/www.go2posts.com\/id\/c4-model-case-study-big-bank-plc-internet-banking-system\/","url":"https:\/\/www.go2posts.com\/id\/c4-model-case-study-big-bank-plc-internet-banking-system\/","name":"Studi Kasus Model C4: Sistem Perbankan Internet Big Bank plc - Go 2 Posts Indonesian | Breaking Digital News &amp; Software Trends","isPartOf":{"@id":"https:\/\/www.go2posts.com\/id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.go2posts.com\/id\/c4-model-case-study-big-bank-plc-internet-banking-system\/#primaryimage"},"image":{"@id":"https:\/\/www.go2posts.com\/id\/c4-model-case-study-big-bank-plc-internet-banking-system\/#primaryimage"},"thumbnailUrl":"https:\/\/online.visual-paradigm.com\/repository\/images\/c11adb2f-dc05-47e8-88cc-369892d99372\/c4-model-design\/c4-model-system-context-diagram-for-internet-banking-system.png","datePublished":"2026-04-27T05:58:52+00:00","breadcrumb":{"@id":"https:\/\/www.go2posts.com\/id\/c4-model-case-study-big-bank-plc-internet-banking-system\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.go2posts.com\/id\/c4-model-case-study-big-bank-plc-internet-banking-system\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.go2posts.com\/id\/c4-model-case-study-big-bank-plc-internet-banking-system\/#primaryimage","url":"https:\/\/online.visual-paradigm.com\/repository\/images\/c11adb2f-dc05-47e8-88cc-369892d99372\/c4-model-design\/c4-model-system-context-diagram-for-internet-banking-system.png","contentUrl":"https:\/\/online.visual-paradigm.com\/repository\/images\/c11adb2f-dc05-47e8-88cc-369892d99372\/c4-model-design\/c4-model-system-context-diagram-for-internet-banking-system.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.go2posts.com\/id\/c4-model-case-study-big-bank-plc-internet-banking-system\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.go2posts.com\/id\/"},{"@type":"ListItem","position":2,"name":"Studi Kasus Model C4: Sistem Perbankan Internet Big Bank plc"}]},{"@type":"WebSite","@id":"https:\/\/www.go2posts.com\/id\/#website","url":"https:\/\/www.go2posts.com\/id\/","name":"Go 2 Posts Indonesian | Breaking Digital News &amp; Software Trends","description":"","publisher":{"@id":"https:\/\/www.go2posts.com\/id\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.go2posts.com\/id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/www.go2posts.com\/id\/#organization","name":"Go 2 Posts Indonesian | Breaking Digital News &amp; Software Trends","url":"https:\/\/www.go2posts.com\/id\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.go2posts.com\/id\/#\/schema\/logo\/image\/","url":"https:\/\/www.go2posts.com\/id\/wp-content\/uploads\/sites\/24\/2025\/01\/logo.png","contentUrl":"https:\/\/www.go2posts.com\/id\/wp-content\/uploads\/sites\/24\/2025\/01\/logo.png","width":341,"height":46,"caption":"Go 2 Posts Indonesian | Breaking Digital News &amp; Software Trends"},"image":{"@id":"https:\/\/www.go2posts.com\/id\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.go2posts.com\/id\/#\/schema\/person\/7d2ba976d99a3712085fad7b38500b83","name":"curtis","image":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.go2posts.com\/id\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g","caption":"curtis"},"url":"https:\/\/www.go2posts.com\/id\/author\/curtis\/"}]}},"_links":{"self":[{"href":"https:\/\/www.go2posts.com\/id\/wp-json\/wp\/v2\/posts\/3702","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.go2posts.com\/id\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.go2posts.com\/id\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.go2posts.com\/id\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.go2posts.com\/id\/wp-json\/wp\/v2\/comments?post=3702"}],"version-history":[{"count":0,"href":"https:\/\/www.go2posts.com\/id\/wp-json\/wp\/v2\/posts\/3702\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.go2posts.com\/id\/wp-json\/wp\/v2\/media?parent=3702"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.go2posts.com\/id\/wp-json\/wp\/v2\/categories?post=3702"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.go2posts.com\/id\/wp-json\/wp\/v2\/tags?post=3702"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}