Cara Menampilkan Gambar Teknis, Diagram Alir, dan Simulasi

Pembukaan singkat

Cara Menampilkan Gambar Teknis, Diagram Alir, dan Simulasi dalam Artikel sering menjadi tantangan bagi dosen, peneliti, dan mahasiswa yang ingin meningkatkan kualitas publikasi. Visual yang tidak konsisten, file berukuran besar, atau format yang tidak dapat direplikasi bisa menyebabkan reviewer meminta revisi panjang — atau lebih buruk, penolakan. Artikel ini memberikan panduan praktis, teknis, dan teruji untuk mengintegrasikan gambar teknis, diagram alir, serta simulasi interaktif ke dalam manuskrip akademik dengan standar jurnal terindeks.

Mengapa visual teknis penting dalam artikel ilmiah?

Visual teknis (gambar teknis, diagram alir, dan simulasi) memperjelas metode, mempermudah reproduksibilitas, dan memperkuat argumen empiris. Studi tentang pengembangan media pembelajaran berbasis web menunjukkan bahwa web sebagai platform dapat meningkatkan aksesibilitas dan efektivitas materi simulasi (Muntu et al., 2017; Dializer, 2024). Platform web untuk simulasi diagram alir, misalnya, memberikan kemudahan akses dibanding aplikasi desktop tradisional dan mendukung interaksi pengguna yang meningkatkan pemahaman (Suryawan et al., 2024).

Untuk peneliti yang menarget jurnal nasional atau internasional (termasuk jurnal terindeks Sinta), visual berkualitas dan dokumentasi teknis adalah bagian dari proses “pre-submission review” yang sering menentukan kelayakan publikasi. Jika Anda sedang mempertimbangkan biaya publikasi jurnal atau strategi submit, kualitas visual merupakan investasi yang berdampak pada rate-of-acceptance dan waktu revisi.

Masalah umum saat menampilkan gambar teknis, diagram alir, dan simulasi

• Resolusi dan ukuran file: Gambar raster beresolusi rendah tampak buram saat dicetak; sebaliknya file besar memperlambat pengunggahan sistem jurnal.
• Format yang tidak sesuai: Banyak jurnal mensyaratkan TIFF atau EPS untuk figur vektor; PDF atau PNG kadang ditolak untuk gambar vektor.
• Keterbatasan aksesibilitas: Kurangnya teks alternatif (alt text) dan deskripsi membuat visual tidak dapat diakses pembaca berkebutuhan khusus.
• Reproducibility problem: Diagram alir tanpa deskripsi langkah atau simulasi tanpa link sumber menghambat replikasi.
• Interaktivitas yang tidak dapat dimasukkan: Simulasi interaktif sering kali tidak bisa diunggah langsung ke platform jurnal dan butuh solusi embed atau supplementary material.

Pendekatan Problem-Solution-Benefit: Solusi umum dan dampaknya

Berikut pendekatan yang saya sarankan berdasarkan pengalaman pendampingan publikasi (pre-submission review) dan hasil studi implementasi simulasi berbasis web:

• Problem: Gambar berukuran besar → Solution: Kompresi lossless + format vektor → Benefit: File memenuhi batas upload tanpa kehilangan kualitas.
• Problem: Simulasi tidak dapat diakses reviewer → Solution: Sertakan link ke repository (GitHub/GitLab) atau host di platform seperti Binder/Observable; juga unggah video demo sebagai supplementary → Benefit: Meningkatkan kemungkinan reproducibility dan kepercayaan reviewer.
• Problem: Diagram alir ambiguous → Solution: Gunakan notasi baku (mis. BPMN/flowchart standar) dan beri nomor langkah → Benefit: Reviewer memahami workflow tanpa ambigu.

Langkah-langkah teknis: Cara menampilkan gambar teknis, diagram alir, dan simulasi dalam artikel

1. Persiapan gambar teknis (engineering drawings / schematics)

• Gunakan format vektor bila memungkinkan (SVG, EPS, PDF): vektor menjaga ketajaman pada berbagai ukuran cetak.
• Jika menggunakan raster (foto, hasil capture), pastikan minimal 300 dpi untuk jurnal cetak; 150–300 dpi biasanya cukup untuk artikel online.
• Optimalkan ukuran file: gunakan kompresi lossless (PNG untuk gambar dengan area warna solid; TIFF + LZW untuk publikasi cetak). Hindari JPEG untuk diagram karena artefak kompresi.
• Berikan label yang jelas pada komponen (font sans-serif, ukuran >8 pt saat dicetak). Sertakan legenda dan skala jika relevan.
• Contoh HTML responsif sederhana untuk artikel web:

<figure>
  <img src="figure1.svg" alt="Skema rangkaian kontrol motor stepper" style="max-width:100%;height:auto;">
  <figcaption>Gambar 1. Skema rangkaian kontrol motor stepper (sumber: penulis).</figcaption>
</figure>

2. Membuat dan menyisipkan diagram alir (flowchart)

• Pilih tool sesuai kebutuhan: draw.io (diagrams.net), PlantUML, Mermaid, atau aplikasi desktop seperti Microsoft Visio / Inkscape.
• Jika ingin reproducibility dan version control, simpan diagram sebagai teks (PlantUML / Mermaid). Hal ini memudahkan revisi dan integrasi dengan sistem CI/CD atau repo publik.
• Untuk artikel cetak, ekspor diagram ke PDF/EPS. Untuk web journal, gunakan SVG agar tetap tajam dan interaktif.
• Tambahkan nomor langkah → di teks manuskrip rujuk Gambar 2 langkah 3 agar pembaca tidak bingung.
• Contoh PlantUML snippet (untuk di-render di pipeline atau dokumentasi):

@startuml
start
:Input Data;
if (Valid?) then (ya)
  :Proses A;
else (tidak)
  :Proses B;
endif
stop
@enduml

3. Menyertakan simulasi interaktif

Simulasi interaktif memberi nilai tambah besar, terutama untuk studi komputasi, pemodelan, atau metodologi baru. Namun, mayoritas platform jurnal tidak mengizinkan file interaktif langsung pada PDF. Berikut solusi praktis:

• Sediakan versi statis (screenshot + video demo 1–2 menit) sebagai figur utama atau supplementary file.
• Host simulasi interaktif pada platform eksternal (contoh: GitHub Pages, Binder, Observable). Sertakan link dan DOI (mis. Zenodo) untuk artefak data dan kode agar reviewer dapat mengakses versi yang dapat direplikasi.
• Jika ingin menampilkan langsung di artikel web (open access site), gunakan iframe untuk embed dan pastikan kebijakan jurnal mengizinkan link eksternal. Contoh embed iframe untuk demo:

<iframe src="https://your-demo-host.org/index.html" width="100%" height="600" title="Simulasi model XYZ"></iframe>

• Gunakan fallback: jika iframe diblok, sediakan link alternatif dan file ZIP kode pada repository.
• Referensi: Dializer (2024) menunjukkan bahwa aplikasi simulasi diagram alir berbasis web memberikan kemudahan akses dibanding aplikasi desktop tradisional, jadi hosting web sering lebih user-friendly bagi reviewer (Suryawan et al., 2024).

4. Metadata, akesesibilitas, dan reproducibility

• Selalu sertakan alt text ringkas untuk tiap gambar. Tambahkan deskripsi panjang (longdesc atau appendix) jika visual kompleks.
• Berikan metadata: software/version (mis. “Diagram dibuat dengan draw.io vXX”), data input, parameter simulasi, seed RNG jika diperlukan.
• Untuk data dan kode, unggah ke repository publik dan berikan DOI (mis. Zenodo) agar bisa dikutip.
• Gunakan referensi standar untuk gambar yang bukan milik penulis (perhatikan lisensi CC). Cantumkan izin atau pernyataan hak cipta jika perlu.

5. Format penulisan untuk jurnal (tips submit)

• Periksa pedoman jurnal untuk format figur: ukuran maksimum, resolusi, warna (CMYK untuk cetak), dan format berkas (EPS/TIFF/PDF).
• Jika jurnal mensyaratkan file terpisah untuk setiap figur, hindari menyatukan banyak panel dalam satu file jika melebihi batas ukuran upload.
• Sertakan keterangan singkat untuk setiap figur di bawah caption dan pemerian teknis lengkap pada appendix atau supplementary materials.
• Lakukan pre-submission review internal untuk meminimalkan round-trip revisi (ini meningkatkan efisiensi submit, terutama bila mempertimbangkan biaya publikasi jurnal dan waktu editor).

Checklist teknis sebelum submit (step-by-step)

• [ ] Semua figur disimpan sesuai format jurnal (EPS/SVG/TIFF) dan kompresi sudah diterapkan.
• [ ] Gambar memiliki axis label, unit, dan skala yang jelas.
• [ ] Diagram alir diberi notasi konsisten, nomor langkah dan legenda.
• [ ] Simulasi interaktif di-hosting, ada link permanen, dan demo video terlampir.
• [ ] Semua sumber data/kode sudah di-deposit dengan DOI (mis. Zenodo) dan link tercantum.
• [ ] Alt text dan deskripsi panjang tersedia untuk aksesibilitas.
• [ ] Pre-submission review dilakukan dan catatan perbaikan terdokumentasi.

Contoh kasus & penerapan (ringkasan pengalaman)

Pada pengembangan aplikasi simulasi diagram alir berbasis web (Dializer), peneliti melaporkan bahwa pengujian black box dan uji pengguna menunjukkan aplikasi memenuhi ekspektasi berbagai scenario dan peramban. Ini menegaskan nilai hosting simulasi di web untuk meningkatkan akses review dan pemakaian luas (Suryawan et al., 2024). Sementara penelitian pengembangan media pembelajaran berbasis web (Muntu, 2017) menunjukkan tata kelola desain (ADDIE) membantu memastikan materi simulasi memenuhi syarat kepraktisan dan replikasi di kelas. Pelajaran: integrasi visual teknis harus direncanakan sejak tahap desain penelitian, bukan sebagai tambahan di akhir.

Alat dan sumber yang direkomendasikan

• Diagram & flowchart: diagrams.net (draw.io), PlantUML, Mermaid, Visio
• Vektor & pengolahan gambar: Inkscape, Adobe Illustrator
• Simulasi & hosting: Jupyter / Binder, GitHub Pages, Observable, Zenodo untuk DOI
• Manajemen referensi & cek plagiarisme: Mendeley, Turnitin
• Proofreading & kualitas bahasa: Grammarly (sesuaikan untuk kolega penutur bahasa Inggris), atau layanan proofreading akademik profesional.

Link referensi otoritas dan pedoman

Untuk memastikan kepatuhan terhadap standar nasional dan jurnal, rujuk situs-situs resmi berikut:

• SINTA (Kemdiktisaintek) — cek status jurnal terindeks sinta dan kebijakan editorial.
• Garuda — portal artikel ilmiah nasional Indonesia.
• ISSN Portal — verifikasi identitas jurnal.
• Google Scholar — cek sitasi dan impact reach.

Kesimpulan dan CTA

Menampilkan gambar teknis, diagram alir, dan simulasi dalam artikel ilmiah memerlukan perencanaan, standar format, dokumentasi reproducibility, dan pemilihan media hosting yang tepat. Dengan mengikuti langkah-langkah di atas — dari pemilihan format vektor, penggunaan PlantUML/Mermaid, hingga hosting simulasi di web dengan DOI untuk kode dan data — Anda meningkatkan kualitas manuskrip dan peluang diterima di jurnal terindeks (baik national maupun internasional). Jika Anda ingin panduan praktis untuk implementasi teknis atau membutuhkan bantuan proofreading dan penyesuaian format agar sesuai template jurnal, tim Mahri Publisher siap membantu. Butuh percepatan publikasi? Konsultasi gratis tim Mahri Publisher dan cek layanan kami di halaman Publikasi. Jika siap memulai, gunakan formulir order kami di Form Order Mahri Publisher.

References

• Muntu, S. R. (2017). Pengembangan Media Pembelajaran Berbasis Web Pada Mata Pelajaran Simulasi Digital Kelas X Di SMK. Universitas Negeri Makassar. (R&D ADDIE model sebagai referensi desain media pembelajaran).
• Suryawan, D. H., dkk. (2024). DIALIZER: Aplikasi Simulasi Diagram Alir Berbasis Web. JATI (Jurnal Mahasiswa Teknik Informatika). DOI: https://doi.org/10.36040/jati.v7i5.7685.
• Akbar, M., & Effendy, I. (2018). Implementasi aplikasi kehadiran perkuliahan dikelas menggunakan pembaca RFID pada e-KTP. Jurnal Informatika. DOI: https://doi.org/10.30591/jpit.v3i1.668.
• Nurdyansyah, N. (2019). Media Pembelajaran Inovatif. Umsida Press. (Referensi umum media pembelajaran dan implementasi inovatif).
• SINTA (Kemdiktisaintek). https://sinta.kemdiktisaintek.go.id/
• Garuda (Kemdiktisaintek). https://garuda.kemdiktisaintek.go.id/
• ISSN Portal. https://portal.issn.org/
• Google Scholar. https://scholar.google.com/