Jurnal ICT : Information Communication & Technology Vol.
N0.
Juli 2025, pp.
75 - 80
p-ISSN: 2302-0261, e-ISSN: 2303-3363 Perancangan Perangkat Lunak Forvita (Framework Aplikasi Visualisasi Dat.
Parasian D.
Silitonga1*.
Desinta Purba2.
Romanus Damanik3.
Christ Jordan Baeha4 Program Studi Teknik Informatika.
Universitas Katolik Santo Thomas.
Indonesia Email: *1parasianirene@gmail.
com, 2purbadesinta@gmail.
com, 3rdfikom@gmail.
christbaeha25@gmail.
INFORMASI ARTIKEL
ABSTRAK
Histori artikel:
Abstract- FORVITA (Framework for Data Visualization Application.
is an innovative framework developed to support data visualization needs in the digital era.
The primary goal of FORVITA is to transform raw data into meaningful visualizations, enabling users to explore and understand data more intuitively through various visual representations, such as charts, diagrams, maps, and other visual elements.
Beyond just visualization.
FORVITA is equipped with analytical tools to gain deeper insights, including anomaly detection and data comparison features.
These features help users gain a more profound understanding of the data they analyze.
Additionally.
FORVITA aids decision-making processes by providing structured and easy-to-understand information, making it an effective tool for conveying information to stakeholders.
FORVITA offers customizable visual displays and a variety of interactive visualization types to enhance user engagement, enriching their data analysis experience.
The framework is built using modern technologies, including Laravel.
RESTful API, and Tableau integration to support embedded visualizations.
With a range of advanced features designed to facilitate in-depth data exploration.
FORVITA serves as an effective solution for better information presentation and deeper data comprehension.
Naskah masuk, 8 Juli 2025 Direvisi, 23 Juli 2025 Diiterima, 31 Juli 2025 Kata Kunci:
Visualisasi Data.
Framework Larav.
RESTful-API.
Dashboar.
Query/scheduler Embed.
Tableau Abstrak- FORVITA (Framework Aplikasi Visualisasi Dat.
adalah sebuah framework inovatif yang dikembangkan untuk mendukung kebutuhan visualisasi data di era Tujuan utama FORVITA adalah mengonversi data mentah menjadi visualisasi yang bermakna, memungkinkan pengguna untuk menjelajahi dan memahami data dengan lebih intuitif melalui berbagai bentuk representasi visual, seperti grafik, diagram, peta, dan elemen visual lainnya.
Tidak hanya berfungsi sebagai alat visualisasi.
FORVITA juga dilengkapi dengan alat analisis untuk mendapatkan wawasan lebih dalam, termasuk fitur deteksi anomali dan pembandingan data.
Fiturfitur ini mendukung pengguna dalam memperoleh pemahaman yang lebih mendalam terhadap data yang mereka analisis.
Selain itu.
FORVITA membantu proses pengambilan keputusan dengan menyediakan informasi yang terstruktur dan mudah dipahami, menjadikannya sarana yang efektif dalam menyampaikan informasi kepada pemangku kepentingan.
FORVITA menawarkan tampilan visual yang dapat disesuaikan dan beragam jenis visualisasi interaktif untuk meningkatkan keterlibatan pengguna, sehingga memperkaya pengalaman analisis data mereka.
FORVITA juga dibangun menggunakan teknologi terkini, termasuk Laravel.
RESTful API, dan integrasi dengan Tableau untuk mendukung kebutuhan embed visualisasi.
Dengan berbagai fitur unggulan yang dirancang untuk memfasilitasi eksplorasi data yang mendalam.
FORVITA menjadi solusi efektif dalam penyajian informasi yang lebih baik dan pemahaman data yang lebih mendalam.
Copyright A 2019 LPPM - STMIK IKMI Cirebon This is an open access article under the CC-BY license Penulis Korespondensi:
Parasian D.
Silitonga Program Studi Teknik Informatika.
Program Studi Teknik Informatika.
Universitas Katolik Santo Thomas.
Indonesia Jalan Setia Budi Nomor 479 F.
Tanjung Sari.
Padang Bulan Selayang II.
Medan.
Email: parasianirene@gmail.
https://ejournal.
id/index.
php/jict-ikmi Jurnal ICT : Information Communication & Technology Vol.
N0.
Juli 2025, pp.
75 - 80
Pendahuluan Di era digital yang ditandai dengan pertumbuhan data yang pesat, organisasi menganalisis, dan memahami informasi dari berbagai sumber, seperti sensor, perangkat IoT, dan Peningkatan kompleksitas data mendorong kebutuhan akan framework aplikasi visualisasi data yang mampu mengubah data mentah menjadi representasi visual yang jelas dan mudah dipahami .
Aplikasi visualisasi data memungkinkan pengguna untuk melihat pola dan tren tersembunyi, sehingga mendukung pengambilan keputusan berbasis data secara cepat dan akurat.
Perkembangan teknologi grafis dan antarmuka interaktif juga mendorong kemampuan aplikasi untuk memberikan pengalaman eksplorasi data yang lebih dinamis.
Dengan adanya visualisasi data yang intuitif, organisasi dapat melakukan komunikasi internal yang lebih efektif, mendukung menciptakan kolaborasi yang lebih baik dalam proses pengambilan keputusan .
Selain itu, integrasi analisis data yang kompleks, seperti machine learning dan prediktif, dalam visualisasi data memungkinkan hasil analisis dapat diinterpretasikan oleh pengguna nonteknis.
Tren open source juga mempercepat inovasi dalam pengembangan framework ini, memberikan fleksibilitas dan kustomisasi yang sesuai dengan kebutuhan spesifik organisasi di berbagai sektor.
Secara keseluruhan, framework aplikasi visualisasi data kini menjadi elemen penting dalam mendukung transformasi organisasi menuju pengambilan keputusan yang cepat dan berbasis informasi di era digital .
p-ISSN: 2302-0261 e-ISSN: 2303-3363 Metode Metode penelitian ini bertujuan untuk mengembangkan aplikasi visualisasi data yang efektif, efisien, dan sesuai dengan kebutuhan Framework yang digunakan pada website ini adalah Laravel 10 dan menggunakan database MySQL.
Proses penelitian ini terdiri dari dua tahapan utama: Tahapan Penelitian dan Metode Perancangan, sebagai mana disajikan pada Gambar https://ejournal.
id/index.
php/jict-ikmi Gambar 1.
Proses Penelitian 1 Tahapan Penelitian Tahapan penelitian membentuk fondasi metodologi penelitian dengan fokus pada analisis mendalam terhadap masalah serta pemahaman yang jelas tentang kebutuhan pengguna.
Tahapan ini terdiri dari .
Identifikasi Permasalahan.
Analisis Kebutuhan.
Identifikasi kebutuhan bertujuan untuk mengenali dan mendefinisikan masalah utama dalam memahami dan mengelola data yang kompleks dan Permasalahan umum yang ditemukan adalah kesulitan dalam menganalisis data tidak terstruktur, beragam, dan besar, serta tantangan dalam integrasi data dengan sistem lain, yang menyebabkan inefisiensi dan potensi kesalahan data.
Sedangkan analisis kebutuhan dilakukan untuk memahami persyaratan dan preferensi pengguna.
Berdasarkan tinjauan literatur dan wawancara pengguna, aplikasi diharapkan mampu mendukung berbagai jenis visualisasi seperti grafik, diagram, dan peta serta memiliki kemampuan menangani data besar dan kompleks.
2 Metode Perancangan Metode perancangan dalam penelitian ini melibatkan langkah-langkah sistematis untuk membangun solusi yang menjawab permasalahan yang telah diidentifikasi dan memenuhi kebutuhan Tahapan metode perancangan terdiri dari .
Perancangan Sistem, .
Desain Antramuka, .
Pengembangan Model Awal, .
Pengujian Model Awal, .
Implementasi, dan .
Evaluasi.
Perancangan sistem melibatkan pembuatan rencana desain yang mendalam berdasarkan analisis Jurnal ICT : Information Communication & Technology Vol.
N0.
Juli 2025, pp.
75 - 80
kebutuhan dan tinjauan literatur.
Kegiatan ini meliputi pengembangan arsitektur aplikasi, desain database, dan pengaturan alur kerja yang sesuai.
Perancangan antarmuka pengguna yang responsif dan user-friendly dengan mempertimbangkan preferensi dan kebutuhan pengguna.
Desain antarmuka dibuat sedemikian rupa untuk memberikan pengalaman yang intuitif dan efektif bagi pengguna.
pengembangan model awal aplikasi sebagai representasi grafis dari sistem yang Model ini dapat disempurnakan lebih lanjut berdasarkan umpan balik yang diterima dari Model awal yang telah dikembangkan kemudian diuji untuk mengidentifikasi potensi masalah serta area yang memerlukan perbaikan.
Pengujian ini bertujuan untuk memastikan desain yang sesuai dengan kebutuhan pengguna.
Setelah proses pengujian selesai, aplikasi kemudian diimplementasikan berdasarkan model awal yang telah diuji.
Pada tahap ini, panduan penggunaan yang mudah dipahami juga disusun untuk memfasilitasi pengguna dalam mengoperasikan Evaluasi ini bertujuan untuk memastikan bahwa aplikasi yang dikembangkan dapat digunakan dengan andal dan memenuhi kebutuhan Melalui tahapan-tahapan penelitian yang diterapkan diharapkan mampu menghasilkan aplikasi visualisasi data yang efektif, efisien, dan mendukung pengambilan keputusan berbasis data bagi pengguna.
Hasil dan Pembahasan Hasil dari penelitian ini adalah perancangan aplikasi visualisasi data.
Proses perancangan diawali dengan pembuatan layout untuk setiap halaman entitas.
Penelitian ini menghasilkan beberapa halaman, antara lain halaman admin, halaman user, halaman viewer, dan halaman guest.
Setiap entitas memiliki halaman tersendiri yang telah dirancang sesuai dengan kebutuhan Aturan sistem ini digunakan untuk menetapkan persyaratan aplikasi monitoring dan evaluasi berbasis web untuk pendampingan.
Halaman Admin memiliki fungsi mengelola pengguna, mengelola database, query, cluster, dashboard, mengimpor CSV , mengimpor API .
, membagikan dashboard, export dashboard.
Halaman user dapat melihat tampilan cluster, dashboard, mengurangi tampilan dashboard.
Halaman Viewer dapat melihat tampilan cluster, tampilan dashboard.
Halaman Guest dapat melihat tampilan dashboard publik, mengekspor dashboard Dalam memodelkan dan mengorganisasikan perilaku suatu sistem agar sesuai dengan apa yang diharapkan pengguna, perilaku sistem tersebut https://ejournal.
id/index.
php/jict-ikmi p-ISSN: 2302-0261 e-ISSN: 2303-3363 harus dimodelkan ke dalam suatu diagram, dalam hal ini Use Case Diagram.
Use Case Diagram memberikan gambaran tentang fungsionalitas yang diharapkan dari sebuah sistem.
menekankan "apa" yang dapat dilakukan sistem, dan bukan "bagaimana sistem Use Case Diagram bekerja".
Berikut adalah diagram use case FORVITA seperti yang ditunjukkan pada Gambar 2.
Gambar 2.
Use Case Diagram Entity Relation Diagram adalah adalah representasi visual dari hubungan antara dua tabel atau lebih dalam suatu sistem basis data.
Melalui diagram ini, dapat dilihat bagaimana entitas atau objek dalam basis data saling terkait dan berinteraksi.
Diagram relasi mencerminkan struktur keseluruhan dari basis data, memperlihatkan bagaimana informasi disimpan dan diorganisir.
Dengan menggunakan simbol-simbol seperti garis dan memvisualisasikan koneksi antar tabel, termasuk kunci asing yang mengaitkan atribut-atribut di antara entitas-entitas tersebut.
Keseluruhan konsep diagram relasi sangat penting dalam perancangan basis data untuk memastikan integritas data dan efisiensi pengelolaan informasi.
Gambar 3 merupakan model entity relational diagram yang diterapkan pada FORVITA.
Gambar 3.
Entity Relationship Diagram (ERD) Jurnal ICT : Information Communication & Technology Vol.
N0.
Juli 2025, pp.
75 - 80
Hasil perancangan aplikasi dapat berupa halaman login, halaman cluster, halaman dashboard, halaman database, halaman scheduler, halaman manajemen pengguna, halaman public dashboard, halaman impor API.
Antarmuka login ini digunakan untuk semua tampilan login di semua entitas kecuali guest, seperti yang diilustrasikan pada Gambar 4.
p-ISSN: 2302-0261 e-ISSN: 2303-3363 Antarmuka databases ini hanya dapat diakses oleh admin, berfungsi untuk mengelola atau sekedar melihat database sesuai dengan keinginan para pengguna yang dibutuhkan dengan mudah.
Seperti yang diilustrasikan pada Gambar 7.
Gambar 7 Antarmuka Database Gambar 4.
Antarmuka Login Antarmuka scheduler ini hanya dapat diakses oleh admin, berfungsi untuk mengelola atau sekedar melihat query sesuai dengan keinginan para pengguna yang dibutuhkan dengan mudah.
Seperti yang diilustrasikan pada Gambar 8 .
Gambar 9 .
dan Gambar 10 .
Antarmuka cluster ini hanya dapat diakses oleh admin, berfungsi sebagai panduan bagi pengguna untuk menemukan dan mengakses konten atau cluster yang dibutuhkan dengan Seperti yang diilustrasikan pada Gambar Gambar 8 Antarmuka Scheduler .
Gambar 5.
Antarmuka Cluster Antarmuka dashboard ini hanya dapat diakses oleh admin, berfungsi sebagai panduan bagi pengguna untuk menemukan dan mengakses konten atau dashboard yang dibutuhkan dengan Seperti yang diilustrasikan pada Gambar Gambar 9.
Antarmuka Scheduler .
Gambar 10.
Antarmuka Scheduler .
Gambar 6.
Antarmuka Dashboard https://ejournal.
id/index.
php/jict-ikmi Jurnal ICT : Information Communication & Technology Vol.
N0.
Juli 2025, pp.
75 - 80
Antarmuka manajemen pengguna ini hanya dapat diakses oleh admin, berfungsi untuk mengelola atau manajemen pengguna sesuai dengan dibutuhkan.
Seperti yang diilustrasikan pada Gambar 11.
p-ISSN: 2302-0261 e-ISSN: 2303-3363 Tampilan API (Application Programming Interfac.
memungkinkan pengguna mengimpor data dari sumber eksternal melalui integrasi API.
Untuk lebih jelasnya dapat dilihat pada Gambar 14 .
dan Gambar 15 .
Gambar 11 Antarmuka Manajemen Tampilan public dashboard pada aplikasi FORVITA dirancang untuk membuat dashboard menjadi public, artinya siapapun dapat mengakses dashboard tanpa login atau cukup dengan mengakses link yang akan disediakan dan admin juga akan menyertakan waktu untuk mengakses link tersebut sesuai dengan kehendaknya.
Jika link dashboard public telah expired, maka pengguna tidak dapat melihat dashboard.
Apabila hal tersebut dilakukan, maka pengguna yang mengakses link tersebut hanya akan mendapat halaman yang bertuliskan AyDashboard Tidak DitemukanAy.
Untuk lebih jelasnya dapat dilihat pada Gambar 12.
Halaman 14.
Tampilan Halaman Impor API .
Gambar 15.
Tampilan Halaman Impor API .
Gambar 12.
Halaman Dashboard Publik Gagal Jika link dashboard public berhasil aktif, maka pengguna dapat melihat dashboard.
Apabila hal tersebut dilakukan, maka pengguna yang menggunakan link tersebut berhasil mengakses dashboard public.
Untuk lebih jelasnya dapat dilihat pada Gambar 13.
Halaman impor CSV (Comma-Separated Value.
pada aplikasi FORVITA hanya dapat diakses oleh admin, bertujuan untuk memudahkan pengguna dalam mengunggah data dalam format CSV ke dalam database atau sistem.
Untuk lebih jelasnya dapat dilihat pada Gambar 15 .
dan Gambar 15 .
Gambar 15.
Tampilan Halaman Impor .
Halaman 13.
Tampilan Dashboard Publik berhasil https://ejournal.
id/index.
php/jict-ikmi Jurnal ICT : Information Communication & Technology Vol.
N0.
Juli 2025, pp.
75 - 80
Gambar 15.
Tampilan Halaman Impor .
Halaman izin dashboard publik pada aplikasi FORVITA hanya dapat diakses oleh admin, untuk mengatur dan mengelola akses pengguna terhadap dashboard yang tersedia untuk umum .
Untuk lebih jelasnya dapat dilihat pada Gambar 16.
p-ISSN: 2302-0261 e-ISSN: 2303-3363 Dengan kemampuan visualisasi yang tajam.
FORVITA membantu pengguna mengidentifikasi rangkaian dan pixel dalam data, sehingga meningkatkan kualitas pengambilan keputusan berdasarkan data.
Meskipun demikian, masih terdapat potensi untuk pengembangan lebih lanjut, seperti integrasi dengan alat analisis prediktif dan peningkatan kekuatan interaktif.
Singkatnya.
Forvita adalah kerangka kerja yang digunakan dalam visualisasi data dan memiliki potensi signifikan untuk terus berkembang dan menjadi alat utama visualisasi data di masa depan .
Gambar 16.
Tampilan Menu Izin Dashboard Publik Kesimpulan Dari hasil penelitian yang telah dilakukan Kesimpulan dari penelitian ini adalah FORVITA, framework aplikasi visualisasi data yang dikembangkan, berhasil menyediakan tools yang efektif, fleksibel, dan mudah digunakan untuk visualisasi data.
FORVITA memiliki waktu respon yang cepat dalam memproses dan menampilkan berbagai format visualisasi data, serta dapat menangani dataset berukuran besar dengan respon yang cepat.
Arsitektur modular yang diterapkan memungkinkan penyesuaian dan pembuatan fitur mendukung berbagai jenis visualisasi dan integrasi dengan berbagai sumber data.
Antarmuka pengguna FORVITA yang intuitif memudahkan berbagai pengguna, baik teknis maupun non-teknis, untuk https://ejournal.
id/index.
php/jict-ikmi .
Daftar Pustaka