Digital Cockpit Multiplatform Modular dari Human Digital Twin

Herman; Zein, Wahid Alfaridsi Achmad; Fadlil, Abdul; Herman; Zein, Wahid Alfaridsi Achmad; Fadlil, Abdul

doi:10.25126/jtiik.132

Open access Jurnal SINTA 2

Digital Cockpit Multiplatform Modular dari Human Digital Twin

Jurnal Teknologi Informasi dan Ilmu Komputer (JTIIK) · Vol. 13 No. 2 (2026) · pp. 371–382

DOI: 10.25126/jtiik.132
ISSN: 2528-6579, 2355-7699
Published: 2026-04-30
Publisher: Fakultas Ilmu Komputer, Universitas Brawijaya
Language: id
License: creativecommons.org/licenses/by-sa/4.0

Abstract

Bahasa Indonesia

Teknologi Digital Twin (DT) telah diadaptasi menjadi Human Digital Twin (HDT) untuk pemantauan kesehatan secara real-time. Namun, sistem pemantauan kesehatan berbasis HDT saat ini terkendala masalah skalabilitas, fleksibilitas antarmuka, dan ketergantungan pada koneksi internet. Arsitektur monolitik konvensional menghambat integrasi fitur dan adaptasi platform, sementara kebutuhan akan layanan berkelanjutan seringkali tidak terpenuhi. Untuk mengatasi kesenjangan penelitian ini, studi ini mengusulkan solusi dengan merancang dan mengimplementasikan Digital Cockpit (DC) Multiplatform Modular untuk HDT kardiovaskular. Penelitian ini menerapkan arsitektur modular untuk memisahkan lapisan antarmuka depan dan antarmuka belakang. Struktur ini mempermudah integrasi layanan masa depan seperti AI dan LLM. Antarmuka depan diimplementasikan sebagai Progressive Web Application (PWA) untuk memastikan kompatibilitas lintas platform dan memberikan kemampuan offline penting menggunakan Service Worker untuk caching dan pengambilan data. Kami memvalidasi sistem melalui Blackbox Testing dan Compatibility Testing di lingkungan Laptop, iOS, dan Android. Pengujian Blackbox menunjukkan keberhasilan 100% pada seluruh fungsi inti, termasuk sinkronisasi data real-time dan caching offline. Penggunaan basis kode tunggal pada PWA secara signifikan mengurangi kompleksitas pengembangan antar platform dengan tetap mempertahankan skor kompatibilitas sebesar 89,58% di berbagai perangkat. Sistem DC berbasis PWA ini memberikan solusi yang terukur dengan menggabungkan fleksibilitas web dan kinerja aplikasi native bagi sistem pemantauan kesehatan digital. Abstract Digital Twin (DT) technology has been adapted into Human Digital Twin (HDT) for real-time health monitoring. However, current HDT-based health monitoring systems are hampered by issues of scalability, interface flexibility, and dependence on internet connection. Conventional monolithic architecture hinders feature integration and platform adaptation, while the need for continuous service is often unmet. To address this research gap, this study proposes a solution by designing and implementing a Modular Multiplatform Digital Cockpit (DC) for cardiovascular HDT. This study applies a modular architecture to separate the front-end and back-end layers. This structure facilitates the integration of future services such as AI and LLM. The front-end is implemented as a Progressive Web Application (PWA) to ensure cross-platform compatibility and provides essential offline capabilities using Service Workers for data caching and retrieval. The system was validated through Blackbox Testing and Compatibility Testing on Laptop, iOS, and Android environments. Blackbox testing demonstrated 100% success across all core functions, including real-time data synchronization and offline caching. The use of a single codebase in PWAs significantly reduces cross-platform development complexity while maintaining a compatibility score of 89.58% across devices. This PWA-based DC system provides a scalable solution for digital health monitoring systems, combining the flexibility of the web with the performance of native apps.

English

Keywords

Collaboration network of the authors

26 authors · 61 co-authorship links · 5 across different organisations

Hover or tap a name to highlight its co-authors. Double-click to open the author's page.

Universitas Ahmad Dahlan
Ajou University
Universiti Teknikal Malaysia Melaka
Affiliation unknown

Different organisations
Same organisation
Affiliation unknown
Thicker line = more joint articles · bigger circle = more articles

Show as table

Co-author	Organisation	Joint articles
Anton Yudhana	Universitas Ahmad Dahlan	5
Muhammad Kunta Biddinika	Universitas Ahmad Dahlan	2
Rusydi Umar	Universitas Ahmad Dahlan	2
Sunardi Sunardi	Universitas Ahmad Dahlan	2
Imam Riadi	Universitas Ahmad Dahlan	2
Dianda Rifaldi	Universitas Ahmad Dahlan	2
Fitriah	Universitas Ahmad Dahlan	1
Muhajir Yunus	Universitas Ahmad Dahlan	1
Rio Subandi	Affiliation unknown	1
Maulana Muhammad Jogo Samodro	Universitas Ahmad Dahlan	1
Yuminah yuminah	Universitas Ahmad Dahlan	1
Suprianto Suprianto	Affiliation unknown	1
Frandika Septa	Universitas Ahmad Dahlan	1
Siti Helmiyah	Universitas Ahmad Dahlan	1
Abdullah Hanif	Universitas Ahmad Dahlan	1
Musri Iskandar Nasution	Universitas Ahmad Dahlan	1
Kharis Hudaiby Hanif	Universitas Ahmad Dahlan	1
Eko Prianto	Universitas Ahmad Dahlan	1
Tole Sutikno	Universitas Ahmad Dahlan	1
Mohd Hatta Jopri	Universiti Teknikal Malaysia Melaka	1
Hendril Satrian Purnama	Affiliation unknown	1
Anggit Pamungkas	Affiliation unknown	1
Ibrahim Mohd Alsofyani	Ajou University	1

Affiliations come from OpenAlex; journal OAI-PMH metadata carries none. Authors without an OpenAlex ID are matched by name, which can merge or split people.

Metadata source: OAI-PMH (metadata jurnal) https://jtiik.ub.ac.id/index.php/jtiik/en/oai, first harvested 27 Okt 2026, last seen 27 Okt 2026.

Original metadata (oai_dc)

<oai_dc:dc xmlns="http://www.openarchives.org/OAI/2.0/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:oai_dc="http://www.openarchives.org/OAI/2.0/oai_dc/" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.openarchives.org/OAI/2.0/oai_dc/  http://www.openarchives.org/OAI/2.0/oai_dc.xsd">
	<dc:title xml:lang="id">Digital Cockpit Multiplatform Modular dari Human Digital Twin</dc:title>
	<dc:title xml:lang="en">Digital Cockpit Multiplatform Modular dari Human Digital Twin</dc:title>
	<dc:creator xml:lang="en">Herman</dc:creator>
	<dc:creator xml:lang="en">Zein, Wahid Alfaridsi Achmad </dc:creator>
	<dc:creator xml:lang="en">Fadlil, Abdul </dc:creator>
	<dc:creator xml:lang="id">Herman</dc:creator>
	<dc:creator xml:lang="id">Zein, Wahid Alfaridsi Achmad </dc:creator>
	<dc:creator xml:lang="id">Fadlil, Abdul </dc:creator>
	<dc:subject xml:lang="en">cardiovascular health</dc:subject>
	<dc:subject xml:lang="en">digital cockpit</dc:subject>
	<dc:subject xml:lang="en">human digital twin</dc:subject>
	<dc:subject xml:lang="en">modular architecture</dc:subject>
	<dc:subject xml:lang="en">progressive web application</dc:subject>
	<dc:description xml:lang="id">Teknologi Digital Twin (DT) telah diadaptasi menjadi Human Digital Twin (HDT) untuk pemantauan kesehatan secara real-time. Namun, sistem pemantauan kesehatan berbasis HDT saat ini terkendala masalah skalabilitas, fleksibilitas antarmuka, dan ketergantungan pada koneksi internet. Arsitektur monolitik konvensional menghambat integrasi fitur dan adaptasi platform, sementara kebutuhan akan layanan berkelanjutan seringkali tidak terpenuhi. Untuk mengatasi kesenjangan penelitian ini, studi ini mengusulkan solusi dengan merancang dan mengimplementasikan Digital Cockpit (DC) Multiplatform Modular untuk HDT kardiovaskular. Penelitian ini menerapkan arsitektur modular untuk memisahkan lapisan antarmuka depan dan antarmuka belakang. Struktur ini mempermudah integrasi layanan masa depan seperti AI dan LLM. Antarmuka depan diimplementasikan sebagai Progressive Web Application (PWA) untuk memastikan kompatibilitas lintas platform dan memberikan kemampuan offline penting menggunakan Service Worker untuk caching dan pengambilan data. Kami memvalidasi sistem melalui Blackbox Testing dan Compatibility Testing di lingkungan Laptop, iOS, dan Android. Pengujian Blackbox menunjukkan keberhasilan 100% pada seluruh fungsi inti, termasuk sinkronisasi data real-time dan caching offline. Penggunaan basis kode tunggal pada PWA secara signifikan mengurangi kompleksitas pengembangan antar platform dengan tetap mempertahankan skor kompatibilitas sebesar 89,58% di berbagai perangkat. Sistem DC berbasis PWA ini memberikan solusi yang terukur dengan menggabungkan fleksibilitas web dan kinerja aplikasi native bagi sistem pemantauan kesehatan digital.
 
Abstract
Digital Twin (DT) technology has been adapted into Human Digital Twin (HDT) for real-time health monitoring. However, current HDT-based health monitoring systems are hampered by issues of scalability, interface flexibility, and dependence on internet connection. Conventional monolithic architecture hinders feature integration and platform adaptation, while the need for continuous service is often unmet. To address this research gap, this study proposes a solution by designing and implementing a Modular Multiplatform Digital Cockpit (DC) for cardiovascular HDT. This study applies a modular architecture to separate the front-end and back-end layers. This structure facilitates the integration of future services such as AI and LLM. The front-end is implemented as a Progressive Web Application (PWA) to ensure cross-platform compatibility and provides essential offline capabilities using Service Workers for data caching and retrieval. The system was validated through Blackbox Testing and Compatibility Testing on Laptop, iOS, and Android environments. Blackbox testing demonstrated 100% success across all core functions, including real-time data synchronization and offline caching. The use of a single codebase in PWAs significantly reduces cross-platform development complexity while maintaining a compatibility score of 89.58% across devices. This PWA-based DC system provides a scalable solution for digital health monitoring systems, combining the flexibility of the web with the performance of native apps.</dc:description>
	<dc:description xml:lang="en">Teknologi Digital Twin (DT) telah diadaptasi menjadi Human Digital Twin (HDT) untuk pemantauan kesehatan secara real-time. Namun, sistem pemantauan kesehatan berbasis HDT saat ini terkendala masalah skalabilitas, fleksibilitas antarmuka, dan ketergantungan pada koneksi internet. Arsitektur monolitik konvensional menghambat integrasi fitur dan adaptasi platform, sementara kebutuhan akan layanan berkelanjutan seringkali tidak terpenuhi. Untuk mengatasi kesenjangan penelitian ini, studi ini mengusulkan solusi dengan merancang dan mengimplementasikan Digital Cockpit (DC) Multiplatform Modular untuk HDT kardiovaskular. Penelitian ini menerapkan arsitektur modular untuk memisahkan lapisan antarmuka depan dan antarmuka belakang. Struktur ini mempermudah integrasi layanan masa depan seperti AI dan LLM. Antarmuka depan diimplementasikan sebagai Progressive Web Application (PWA) untuk memastikan kompatibilitas lintas platform dan memberikan kemampuan offline penting menggunakan Service Worker untuk caching dan pengambilan data. Kami memvalidasi sistem melalui Blackbox Testing dan Compatibility Testing di lingkungan Laptop, iOS, dan Android. Pengujian Blackbox menunjukkan keberhasilan 100% pada seluruh fungsi inti, termasuk sinkronisasi data real-time dan caching offline. Penggunaan basis kode tunggal pada PWA secara signifikan mengurangi kompleksitas pengembangan antar platform dengan tetap mempertahankan skor kompatibilitas sebesar 89,58% di berbagai perangkat. Sistem DC berbasis PWA ini memberikan solusi yang terukur dengan menggabungkan fleksibilitas web dan kinerja aplikasi native bagi sistem pemantauan kesehatan digital.
 
Abstract
Digital Twin (DT) technology has been adapted into Human Digital Twin (HDT) for real-time health monitoring. However, current HDT-based health monitoring systems are hampered by issues of scalability, interface flexibility, and dependence on internet connection. Conventional monolithic architecture hinders feature integration and platform adaptation, while the need for continuous service is often unmet. To address this research gap, this study proposes a solution by designing and implementing a Modular Multiplatform Digital Cockpit (DC) for cardiovascular HDT. This study applies a modular architecture to separate the front-end and back-end layers. This structure facilitates the integration of future services such as AI and LLM. The front-end is implemented as a Progressive Web Application (PWA) to ensure cross-platform compatibility and provides essential offline capabilities using Service Workers for data caching and retrieval. The system was validated through Blackbox Testing and Compatibility Testing on Laptop, iOS, and Android environments. Blackbox testing demonstrated 100% success across all core functions, including real-time data synchronization and offline caching. The use of a single codebase in PWAs significantly reduces cross-platform development complexity while maintaining a compatibility score of 89.58% across devices. This PWA-based DC system provides a scalable solution for digital health monitoring systems, combining the flexibility of the web with the performance of native apps.</dc:description>
	<dc:publisher xml:lang="en">Fakultas Ilmu Komputer, Universitas Brawijaya</dc:publisher>
	<dc:date>2026-04-30</dc:date>
	<dc:type>info:eu-repo/semantics/article</dc:type>
	<dc:type>info:eu-repo/semantics/publishedVersion</dc:type>
	<dc:format>application/pdf</dc:format>
	<dc:identifier>https://jtiik.ub.ac.id/index.php/jtiik/article/view/11013</dc:identifier>
	<dc:identifier>10.25126/jtiik.132</dc:identifier>
	<dc:source xml:lang="id">Jurnal Teknologi Informasi dan Ilmu Komputer; Vol 13 No 2: April 2026; 371-382</dc:source>
	<dc:source xml:lang="en">Jurnal Teknologi Informasi dan Ilmu Komputer; Vol. 13 No. 2: April 2026; 371-382</dc:source>
	<dc:source>2528-6579</dc:source>
	<dc:source>2355-7699</dc:source>
	<dc:source>10.25126/jtiik.132</dc:source>
	<dc:language>id</dc:language>
	<dc:relation>https://jtiik.ub.ac.id/index.php/jtiik/article/view/11013/1573</dc:relation>
	<dc:rights xml:lang="en">Copyright (c) 2026 Herman, Wahid Alfaridsi Achmad  Zein, Abdul  Fadlil</dc:rights>
	<dc:rights xml:lang="en">https://creativecommons.org/licenses/by-sa/4.0</dc:rights>
</oai_dc:dc>