MENGOPTIMALKAN KONSISTENSI DAN EFISIENSI ARSITEKTUR FRONTEND SIMAKIP MELALUI IMPLEMENTASI METODE ATOMIC DESIGN

Sabrina Qodri Nova; Akhmad Rizal Dzikrillah;

Mengoptimalkan Konsistensi Dan Efisiensi Arsitektur Frontend
Simakip Melalui Implementasi Metode Atomic Design

Sabrina Qodri Nova

Sistem Manajemen Kinerja Penelitian dan Pengabdian Masyarakat (SIMAKIP) merupakan situs
web terpusat yang memfasilitasi sivitas akademika UHAMKA untuk melaporkan kegiatan
penelitian dan pengabdian masyarakat secara periodik, dengan mengirimkan penelitian dan
publikasi ilmiah yang valid ke website ristekdikti untuk penilaian kinerja. Permasalahannya, sistem
informasi terpusat memiliki kompleksitas dari fitur yang beragam, sehingga penting untuk
memastikan konsistensi desain dan efisiensi pengembangan komponen antarmuka. Untuk mengatasi
masalah tersebut, implementasi pendekatan atomic design digunakan sebagai metode inovatif yang
memanfaatkan komponen modular yang dapat digunakan kembali dalam lima tahap yaitu atom,
molekul, organisme, templat, dan halaman untuk pengembangan komponen yang terstruktur dan
terintegrasi di seluruh aplikasi. Tujuan dari penelitian ini adalah untuk meningkatkan arsitektur
frontend SIMAKIP UHAMKA untuk mengoptimalkan kinerja tim pengembang dan SIMAKIP
secara keseluruhan, yang akan berkontribusi pada kemajuan penelitian dan pengabdian kepada
masyarakat di lingkungan sivitas akademika. Berdasarkan pengujian Heuristic Evaluation oleh 3
tipe evaluator pada 10 prinsip heuristic desain antarmuka, didapatkan hasil bahwa arsitektur
frontend SIMAKIP mendapatkan penilaian yang lebih baik dibandingkan sebelum diterapkan
atomic design . Hasil ini membuktikan keberhasilan pendekatan atomic design terhadap konsistensi
dan efisiensi SIMAKIP UHAMKA dan berpotensi untuk menjadi model bagi institusi lain serta
menjadi referensi bagi penelitian di bidang sistem informasi akademik lainnya.
Kata kunci: arsitektur, pendekatan atomic design, frontend, implementasi, sistem informasi

Optimizing Consistency and Efficiency of Simakip’s Frontend Architecture

Through Implementation of Atomic Design Method

Sabrina Qodri Nova

The Research and Community Service Performance Management System (SIMAKIP) is a
centralized website that facilitates UHAMKA academicians to report research and community
service activities periodically, by submitting valid research and scientific publications to the
ristekdikti website for performance assessment. The problem is that centralized information systems
have a wide range of feature complexity, making it important to ensure design consistency and
efficiency of interface component development. To address the problem, the implementation of an
atomic design approach is used as an innovative method that utilizes reusable modular components
in five stages namely atom, molecule, organism, template and page for structured and integrated
component development across the application. The purpose of this research is to improve the
frontend architecture of SIMAKIP UHAMKA to optimize the performance of the development team
and SIMAKIP as a whole, which will contribute to the advancement of research and community
service within the academic community. Based on Heuristic Evaluation testing by 3 types of
evaluators on 10 interface design heuristic principles, it was found that the SIMAKIP frontend
architecture received a better assessment than before atomic design was applied. These results can
be a reference for research in the field of other academic information systems.
Keywords: architecture, atomic design approach, frontend, implementation, information system