"use strict"; const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { const _components = { a: "a", details: "details", div: "div", em: "em", h2: "h2", h3: "h3", li: "li", mermaid: "mermaid", ol: "ol", p: "p", path: "path", strong: "strong", summary: "summary", svg: "svg", ..._provideComponents(), ...props.components }; return _jsxs(_Fragment, { children: [_jsxs(_components.h2, { id: "latar-belakang", children: [_jsx(_components.a, { className: "heading-link", href: "#latar-belakang", children: _jsx(_components.svg, { xmlns: "http:www.w3.org/2000/svg", fill: "#ab2b65", viewBox: "0 0 20 20", className: "w-5 h-5", children: _jsx(_components.path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z" }) }) }), "Latar Belakang"] }), "\n", _jsx(_components.p, { children: "Dibutuhkannya ekosistem perangkat lunak penunjang operasional fasyankes yang terintegrasi, adaptif, dan mampu merespons dinamika regulasi industri kesehatan dengan cepat dan efisien." }), "\n", _jsxs(_components.h2, { id: "tujuan", children: [_jsx(_components.a, { className: "heading-link", href: "#tujuan", children: _jsx(_components.svg, { xmlns: "http:www.w3.org/2000/svg", fill: "#ab2b65", viewBox: "0 0 20 20", className: "w-5 h-5", children: _jsx(_components.path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z" }) }) }), "Tujuan"] }), "\n", _jsxs(_components.p, { children: ["Menyediakan ekosistem sistem informasi terpusat yang ", _jsx(_components.em, { children: "scalable" }), ", aman, dan siap diintegrasikan untuk seluruh jaringan fasilitas pelayanan kesehatan di Indonesia."] }), "\n", _jsxs(_components.details, { "data-callout": true, "data-callout-type": "info", children: ["\n", _jsx(_components.summary, { "data-callout-title": true, children: "System Context Diagram" }), "\n", _jsxs(_components.div, { "data-callout-body": true, children: ["\n", _jsx(_components.p, {}), "\n", _jsx(_components.mermaid, { config: "{}", chart: "flowchart TD\n %% Aktor\n Admin([Owner / Admin Pusat])\n Nakes([Dokter / Staff Klinik])\n\n %% Ekosistem CentriCare\n subgraph CentriCareEcosystem [Ekosistem CentriCare]\n direction TB\n Console[\"Console
(Manajemen Organisasi Terpusat)\"]\n Clinic[\"Clinic
(Sistem Informasi Fasyankes)\"]\n \n Console <-->|\"Konsolidasi data & Pengaturan terpusat\"| Clinic\n end\n\n %% Sistem Eksternal\n subgraph ExternalSystems [Pihak Ketiga]\n direction TB\n SatuSehat[\"SatuSehat
(Kemenkes)\"]\n BPJS[\"BPJS Kesehatan
(VClaim / Pcare)\"]\n end\n\n %% Interaksi User\n Admin -->|\"Kelola Organisasi\"| Console\n Nakes -->|\"Operasional Medis Harian\"| Clinic\n\n %% Integrasi Eksternal\n Clinic <-->|\"Integrasi\"| ExternalSystems" }), "\n"] }), "\n"] }), "\n", _jsxs(_components.h2, { id: "pendekatan", children: [_jsx(_components.a, { className: "heading-link", href: "#pendekatan", children: _jsx(_components.svg, { xmlns: "http:www.w3.org/2000/svg", fill: "#ab2b65", viewBox: "0 0 20 20", className: "w-5 h-5", children: _jsx(_components.path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z" }) }) }), "Pendekatan"] }), "\n", _jsxs(_components.p, { children: ["Peran ", _jsx(_components.strong, { children: "CentriCare" }), " sebagai ekosistem operasional fasyankes skala besar mengharuskan adanya kemampuan ", _jsx(_components.em, { children: "scaling" }), " dan fleksibilitas sistem yang tinggi. Untuk mencapai kemampuan tersebut, pendekatan arsitektur bertumpu pada 3 konsep utama, yaitu:"] }), "\n", _jsxs(_components.ol, { children: ["\n", _jsxs(_components.li, { children: [_jsx(_components.strong, { children: "Separation of Concern:" }), " Pembagian ruang lingkup sistem berdasarkan fungsi atau tanggung jawabnya secara spesifik."] }), "\n", _jsxs(_components.li, { children: [_jsx(_components.strong, { children: "Interoperability Standards:" }), " Standarisasi aturan, skema data, atau spesifikasi yang digunakan di seluruh ekosistem."] }), "\n", _jsxs(_components.li, { children: [_jsx(_components.strong, { children: "Extendable Interface:" }), " Menciptakan antarmuka yang terbuka dan aman untuk dikembangkan atau diperluas tanpa harus merombak sistem ", _jsx(_components.em, { children: "core" }), " utama."] }), "\n"] }), "\n", _jsxs(_components.h3, { id: "separation-of-concern", children: [_jsx(_components.a, { className: "heading-link", href: "#separation-of-concern", children: _jsx(_components.svg, { xmlns: "http:www.w3.org/2000/svg", fill: "#ab2b65", viewBox: "0 0 20 20", className: "w-5 h-5", children: _jsx(_components.path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z" }) }) }), "Separation of Concern"] }), "\n", _jsxs(_components.p, { children: ["Ekosistem dibagi menjadi lapisan-lapisan ruang lingkup dengan hierarki yang sangat jelas untuk memudahkan isolasi ", _jsx(_components.em, { children: "domain" }), " dan ", _jsx(_components.em, { children: "maintenance" }), "."] }), "\n", _jsxs(_components.details, { "data-callout": true, "data-callout-type": "info", children: ["\n", _jsx(_components.summary, { "data-callout-title": true, children: "Diagram" }), "\n", _jsxs(_components.div, { "data-callout-body": true, children: ["\n", _jsx(_components.p, {}), "\n", _jsx(_components.mermaid, { chart: "flowchart TD\n subgraph CC [Ekosistem: CentriCare]\n direction TB\n subgraph L1[\"Layer 1: Platform\"]\n\t CO[Console]\n\t CL[Clinic]\n\t end\n subgraph L2[\"Layer 2: Module\"]\n\t MA[\"Module A\"]\n\t MB[\"Module B\"]\n\t MC[\"Module C\"]\n\t MD[\"Module D\"]\n end\n subgraph L3[\"Layer 3: Feature\"]\n\t F1[\"Feature 1\"]\n\t F2[\"Feature 2\"]\n\t F3[\"Feature 3\"]\n\t F4[\"Feature 4\"]\n\t F5[\"Feature 5\"]\n\t F6[\"Feature 6\"]\n\t F7[\"Feature 7\"]\n\t F8[\"Feature 8\"]\n end\n \n L1 --> L2\n L2 --> L3\n\n\t CO --> MA\n\t CO --> MB\n\t CL --> MC\n\t CL --> MD\n\t \n\t MA --> F1\n\t MA --> F2\n\t MB --> F3\n\t MB --> F4\n\t MC --> F5\n\t MC --> F6\n\t MD --> F7\n\t MD --> F8\n end\n \n style CC fill:#f9f9f9,stroke:#333,stroke-width:2px" }), "\n"] }), "\n"] }), "\n", _jsxs(_components.h3, { id: "interoperability-standards", children: [_jsx(_components.a, { className: "heading-link", href: "#interoperability-standards", children: _jsx(_components.svg, { xmlns: "http:www.w3.org/2000/svg", fill: "#ab2b65", viewBox: "0 0 20 20", className: "w-5 h-5", children: _jsx(_components.path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z" }) }) }), "Interoperability Standards"] }), "\n", _jsxs(_components.p, { children: ["Berperan sebagai ", _jsx(_components.em, { children: "single source-of-truth" }), " untuk semua aturan, kode referensi (URN/CodeSet), dan spesifikasi di dalam ekosistem."] }), "\n", _jsxs(_components.details, { "data-callout": true, "data-callout-type": "info", children: ["\n", _jsx(_components.summary, { "data-callout-title": true, children: "Diagram" }), "\n", _jsxs(_components.div, { "data-callout-body": true, children: ["\n", _jsx(_components.p, {}), "\n", _jsx(_components.mermaid, { chart: "flowchart TD\n subgraph IS [Interoperability Standards]\n direction TB\n subgraph Reg [Registry]\n direction TB\n CS[CodeSet]\n SC[Schema]\n EXT[External]\n end\n end\n\n Eco((Ecosystem))\n\n IS -- \"governs\" --> Eco\n \n style IS fill:#eef2f5,stroke:#2b78e4,stroke-width:2px\n style Reg fill:#ffffff,stroke:#2b78e4,stroke-dasharray: 5 5" }), "\n"] }), "\n"] }), "\n", _jsxs(_components.h3, { id: "extendable-interface", children: [_jsx(_components.a, { className: "heading-link", href: "#extendable-interface", children: _jsx(_components.svg, { xmlns: "http:www.w3.org/2000/svg", fill: "#ab2b65", viewBox: "0 0 20 20", className: "w-5 h-5", children: _jsx(_components.path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z" }) }) }), "Extendable Interface"] }), "\n", _jsx(_components.p, { children: "Antarmuka sistem yang aman, terstandarisasi, dan terbuka untuk diperluas oleh modul atau sistem pihak lain." }), "\n", _jsxs(_components.details, { "data-callout": true, "data-callout-type": "info", children: ["\n", _jsx(_components.summary, { "data-callout-title": true, children: "Diagram" }), "\n", _jsxs(_components.div, { "data-callout-body": true, children: ["\n", _jsx(_components.p, {}), "\n", _jsx(_components.mermaid, { chart: "flowchart LR\n CC[CentriCare] -- \"expose\" --> API((Standard Unified API))\n \n API -- \"extended\" --> SysA[System A]\n API -- \"extended\" --> SysB[System B]\n \n style API fill:#e8f5e9,stroke:#2e7d32,stroke-width:2px" }), "\n"] }), "\n"] }), "\n", _jsxs(_components.h2, { id: "implementasi", children: [_jsx(_components.a, { className: "heading-link", href: "#implementasi", children: _jsx(_components.svg, { xmlns: "http:www.w3.org/2000/svg", fill: "#ab2b65", viewBox: "0 0 20 20", className: "w-5 h-5", children: _jsx(_components.path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z" }) }) }), "Implementasi"] }), "\n", _jsx(_components.p, { children: "Dengan mempertimbangkan konsep-konsep di atas, diputuskan bahwa implementasi arsitektur CentriCare akan mengadopsi pola pengembangan di bawah ini:" }), "\n", _jsxs(_components.h3, { id: "microservice-gateway-pattern", children: [_jsx(_components.a, { className: "heading-link", href: "#microservice-gateway-pattern", children: _jsx(_components.svg, { xmlns: "http:www.w3.org/2000/svg", fill: "#ab2b65", viewBox: "0 0 20 20", className: "w-5 h-5", children: _jsx(_components.path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z" }) }) }), "Microservice (Gateway Pattern)"] }), "\n", _jsxs(_components.p, { children: ["Logika bisnis CentriCare akan dipisah menjadi sebuah ", _jsx(_components.em, { children: "service" }), " yang terisolasi. Menerapkan konsep ", _jsx(_components.em, { children: "gateway" }), " sebagai titik akses sebelum meneruskan permintaan ke ", _jsx(_components.em, { children: "service" }), " yang sesuai."] }), "\n", _jsxs(_components.details, { "data-callout": true, "data-callout-type": "info", children: ["\n", _jsx(_components.summary, { "data-callout-title": true, children: "Diagram" }), "\n", _jsxs(_components.div, { "data-callout-body": true, children: ["\n", _jsx(_components.p, {}), "\n", _jsx(_components.mermaid, { chart: "flowchart TD\n %% Kumpulan Client\n subgraph Clients [\"Client Devices\"]\n Web[\"Web App (React/Vue)\"]\n Mobile[\"Mobile App (iOS/Android)\"]\n end\n\n %% Pintu Masuk\n API_GW{\"API Gateway
(Routing, Auth, Rate Limit)\"}\n\n %% Kumpulan Microservices\n subgraph Services [\"Backend Microservices\"]\n direction TB\n Auth[\"Auth Service\"]\n User[\"User Service\"]\n Order[\"Order Service\"]\n Payment[\"Payment Service\"]\n end\n\n %% Flow dari luar ke gateway\n Web --> API_GW\n Mobile --> API_GW\n\n %% Flow dari gateway ke masing-masing service\n API_GW -->|\"/api/auth\"| Auth\n API_GW -->|\"/api/users\"| User\n API_GW -->|\"/api/orders\"| Order\n API_GW -->|\"/api/payments\"| Payment\n \n style API_GW fill:#f9d0c4,stroke:#e06666,stroke-width:2px\n style Services fill:#f4f4f4,stroke:#666,stroke-dasharray: 5 5" }), "\n"] }), "\n"] }), "\n", _jsxs(_components.h3, { id: "modular-design", children: [_jsx(_components.a, { className: "heading-link", href: "#modular-design", children: _jsx(_components.svg, { xmlns: "http:www.w3.org/2000/svg", fill: "#ab2b65", viewBox: "0 0 20 20", className: "w-5 h-5", children: _jsx(_components.path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z" }) }) }), "Modular Design"] }), "\n", _jsx(_components.p, { children: "Sistem dikembangkan sebagai modul-modul yang saling terintegrasi melalui standar interoperabilitas. Desain modular memungkinkan fleksibilitas dalam pengembangan sistem dimasa depan dan memudahkan integrasi dengan modul baru atau sistem eksternal lainnya." }), "\n", _jsxs(_components.details, { "data-callout": true, "data-callout-type": "info", children: ["\n", _jsx(_components.summary, { "data-callout-title": true, children: "Diagram" }), "\n", _jsxs(_components.div, { "data-callout-body": true, children: ["\n", _jsx(_components.p, {}), "\n", _jsx(_components.mermaid, { chart: "flowchart TD\n %% Pusat Standar\n subgraph Standard [Standar Interoperabilitas]\n direction LR\n Schema[\"Skema Data Baku\"]\n CodeSet[\"Referensi Kode (CodeSet)\"]\n Protocol[\"Protokol Komunikasi\"]\n end\n\n %% Jalur Integrasi Utama\n Bus((\"Standard Unified API /
Integration Bus\"))\n\n %% Hubungan standar ke core\n Schema -. \"Mendikte bentuk data\" .-> Bus\n CodeSet -. \"Menyediakan referensi\" .-> Bus\n Protocol -. \"Mengatur lalu lintas\" .-> Bus\n\n %% Modul-modul independen\n subgraph Modular [Sistem Modular]\n direction LR\n Mod1[\"Modul Registrasi\"]\n Mod2[\"Modul EMR\"]\n Mod3[\"Modul Farmasi\"]\n Mod4[\"Modul Billing\"]\n end\n\n %% Integrasi Modul ke Bus\n Mod1 <-->|\"Kirim / Ambil Data\"| Bus\n Mod2 <-->|\"Kirim / Ambil Data\"| Bus\n Mod3 <-->|\"Kirim / Ambil Data\"| Bus\n Mod4 <-->|\"Kirim / Ambil Data\"| Bus\n\n %% Styling biar agak cakep\n style Standard fill:#eef2f5,stroke:#2b78e4\n style Modular fill:#f9f9f9,stroke:#333\n style Bus fill:#e8f5e9,stroke:#2e7d32,stroke-width:2px" }), "\n"] }), "\n"] })] }); } function MDXContent(props = {}) { const {wrapper: MDXLayout} = { ..._provideComponents(), ...props.components }; return MDXLayout ? _jsx(MDXLayout, { ...props, children: _jsx(_createMdxContent, { ...props }) }) : _createMdxContent(props); } return { default: MDXContent };