SEKILAS DARUSSYIFA MEDIKA Ver. 2.0.
1. Deskripsi Umum Aplikasi
Aplikasi DARUSSYIFA MEDIKA adalah sebuah Sistem Informasi Rekam Medis berbasis web (Single-Page Application) yang dirancang untuk mengelola data pasien, riwayat diagnosis, dan resep obat secara mandiri di satu layar. Aplikasi ini memiliki antarmuka (UI) yang sangat unik dan interaktif dengan tema futuristik (cyberpunk/sci-fi), lengkap dengan berbagai animasi visual dan elemen cerdas seperti asisten virtual.
2. Fitur-Fitur Utama
Aplikasi ini kaya akan fitur fungsional dan visual, di antaranya:
- Navigasi Tab Interaktif: Terdiri dari Dasbor Utama (menampilkan metrik sistem), Kelola Pasien (CRUD data pasien), dan Diagnosis & Cetak.
- Sistem Manajemen Pasien: Pengguna dapat memasukkan ID (manual/otomatis), nama, usia, keluhan, riwayat obat, hingga nomor WhatsApp. Tabel pasien mendukung pencarian real-time.
- Modul Ekspor Rekam Medis: Data diagnosis pasien dapat langsung dicetak menjadi dokumen PDF (menggunakan jsPDF), diekspor ke Microsoft Word (.DOC), atau dikirimkan langsung ke nomor WhatsApp pasien.
- MedBot (Asisten Chatbot Lokal): Sebuah widget tersembunyi yang bertindak sebagai mesin pencari. Dengan mengetik "cari [nama pasien]", bot akan memunculkan kartu ringkasan pasien lengkap dengan tombol pintasan ke data pasien tersebut. Terdapat juga tombol pintasan untuk memunculkan informasi pembuat aplikasi (programmer).
- User Interface Lanjutan:
- Animasi saat proses booting berupa ilustrasi kucing medis berkedip.
- Screensaver otomatis saat aplikasi didiamkan (idle) untuk melindungi privasi data.
- Holographic tooltips (penjelasan mengambang yang mengikuti arah kursor).
- Mode peralihan tema (Dark Mode dan Light Mode).
- Desain responsif yang menyesuaikan bentuknya saat dibuka di HP, tablet, maupun komputer.
3. Teknologi yang Digunakan
Dari sisi rekayasa perangkat lunak, aplikasi ini dibangun menggunakan teknologi Front-End murni (tanpa server backend):
- HTML5 & CSS3: Untuk struktur dan gaya visual.
- Tailwind CSS (via CDN): Framework CSS yang digunakan untuk mendesain tata letak yang responsif dengan sangat cepat menggunakan utilitas class (seperti flex, grid, bg-slate-900).
- Vanilla JavaScript (JS Murni): Seluruh logika aplikasi, manipulasi DOM, operasi matematika, dan pengelolaan waktu ditulis tanpa kerangka kerja besar seperti React atau Vue.
- Web Storage API (localStorage): Teknologi browser yang digunakan sebagai basis data. Seluruh data pasien (DARUSSYIFA_MED_DB) disimpan langsung di memori browser komputer yang mengaksesnya.
- Pihak Ketiga (Third-party Libraries): Menggunakan jsPDF untuk pembuatan PDF, Font Awesome untuk ikon, dan Google Fonts (Inter, Orbitron, JetBrains Mono) untuk tipografi bergaya teknologi.
4. Saran Teknis (Technical Recommendations)
Meskipun aplikasi ini sangat canggih secara antarmuka, ada beberapa saran arsitektur untuk penggunaan jangka panjang:
- Migrasi Basis Data: Mengandalkan localStorage sangat berisiko tinggi. Jika riwayat (history/cache) browser terhapus, semua data pasien akan hilang permanen. Disarankan untuk mengintegrasikan aplikasi ini dengan Backend sungguhan (seperti Node.js, PHP, atau Firebase) dan menggunakan Database awan (MySQL/MongoDB) agar data aman dan bisa diakses dari perangkat berbeda.
- Kinerja Tailwind: Pemanggilan Tailwind menggunakan <script src=".../browser@4"> baik untuk purwarupa (prototype), namun membuat beban awal situs menjadi lebih berat. Untuk production, sebaiknya gunakan proses build Tailwind melalui Node.js agar ukuran file CSS lebih ringan.
- Modularisasi Kode: File HTML tunggal yang mencakup seluruh CSS, UI, dan ribuan baris JavaScript bisa menjadi sulit untuk dikelola jika aplikasi terus berkembang. Sangat disarankan untuk memecah file HTML, memindahkan CSS ke file style.css, dan logika JS ke script.js.
5. Risalah (Cara Kerja Sistem)
Mekanisme sistem aplikasi ini bersifat Luring (Offline-First) di sisi Klien. Artinya, setelah kode aplikasi dimuat di browser, ia tidak lagi membutuhkan koneksi internet untuk menyimpan data pasien atau melakukan pencarian (kecuali fitur kirim ke WhatsApp). Semua informasi, mulai dari fungsi tabel, pembentukan string PDF, hingga balasan logika Medbot, dihitung dan diproses sepenuhnya oleh RAM dan CPU komputer lokal milik pengguna.
6. Kesimpulan
Aplikasi DARUSSYIFA MEDIKA Ver. 2.0 adalah sebuah karya portofolio Front-End dan purwarupa (prototype) sistem rekam medis portabel yang brilian. Ia berhasil menggabungkan fungsi medis praktis (pencatatan, pencarian cerdas, dan resep rekam medis PDF/WA) dengan desain UI/UX yang modern, menghibur, dan sangat detail. Ini merupakan perangkat lunak yang sangat ideal untuk dokter praktik mandiri tunggal dengan mobilitas tinggi, selama perangkat yang digunakan terjaga memori browsernya. Untuk dinaikkan ke level klinik/rumah sakit sungguhan, aplikasi ini hanya butuh ditambahkan integrasi database server-side.
7. Pengembangan Software
Pengembangan selanjutnya akan menampilkan diagnosis dan resep obat berdasarkan diagnosisnya dan Metrik database diagnosis penyakit dan resep obatnya. Terima Kasih
LINK APLIKASI WEBNYA : DARUSSYIFA MEDIKA - Medical Record Workspace
Penutup
Sekian Penjelasan Singkat Mengenai DARUSSYIFA MEDIKA Ver. 2.0. Semoga Bisa Menambah Pengetahuan Kita Semua.
