Masterclass CMS & Pengindeksan 3 Panel
Buku panduan operasional teknis untuk Administrator dan Pengelola Jurnal di portal gpijournal.com. Menjelaskan secara tuntas detail tata letak 3 panel halaman publik, alur integrasi OJS, skrip kustomisasi frontend, SMTP, database, dan pemeliharaan server.
1. Pengantar & Konsep Peran OJS
Untuk menjaga kelancaran publikasi berkala ilmiah, pembagian kontrol teknis pada sistem OJS 3 dibagi secara modular demi keamanan infrastruktur global portal.
Memiliki kendali mutlak atas seluruh server OJS secara global. Bertugas membuat wadah jurnal baru, mengaktifkan tema global, serta mengelola modul plugin inti yang terpasang di sistem server.
Wewenang tertinggi pada level jurnal tertentu. Mengatur tata letak halaman publik, skema menu navigasi header, memvalidasi metadata artikel ilmiah, serta menugaskan editor dan reviewer ahli.
2. Anatomi Halaman Publik (3 Panel Kustom GPI)
Berbeda dengan bawaan OJS 3 standar, antarmuka publik jurnal dalam jaringan GPI dirancang menggunakan skema 3 Panel (CSS Grid). Masing-masing panel memuat konten dari sumber PHP/Smarty Template yang berbeda dan diatur dari halaman dashboard OJS yang berbeda.
Langkah 0: Cara Membuka Menu Pengaturan Jurnal (PENTING)
Sebelum Anda dapat mencari menu Settings, Submissions, atau Issues, Anda wajib masuk ke halaman Dashboard OJS terlebih dahulu:
- Klik nama akun Anda di sudut kanan atas halaman (misalnya admjur25).
- Pilih menu Dashboard dari menu dropdown yang muncul.
- Setelah halaman Dashboard utama terbuka, perhatikan Bilah Navigasi di Sisi Kiri (Sidebar Kiri).
- Di bilah kiri itulah seluruh menu pengaturan (Settings, Submissions, Issues) berada. Klik menu Settings untuk memunculkan sub-menu Journal, Website, dan Workflow.
Peta Visual Pengaturan Konten Jurnal (Visual Content Map)
Gunakan panduan visual di bawah ini untuk mencari dengan cepat di mana masing-masing bagian halaman website dikelola pada dashboard admin OJS 3:
PANEL KIRI (Navigasi & Tools)
PANEL TENGAH (Konten Utama)
PANEL KANAN (Sidebar)
⚙️ Settings > Website > Plugins (tab) > Generic Plugins > Custom Block Manager > Manage Custom Blocks > Edit Block: ISSN
⚙️ Settings > Website > Appearance > Additional Content
3. Manajemen Panel Kiri (Navigasi & Info Dasar)
Menu navigasi pada **Panel Kiri** dirancang statis di dalam file template untuk menjamin konsistensi navigasi pengguna di seluruh situs portal GPI. Meskipun kodenya terkunci di file HTML, isi halaman tujuan dari menu tersebut sepenuhnya dikelola dari halaman admin OJS.
Penting: Dashboard vs Administration
Untuk mengelola seluruh pengaturan lokal jurnal (seperti menu Settings, Submissions, dan Issues), klik nama pengguna Anda di sudut kanan atas lalu pilih Dashboard. Menu Administration hanya digunakan oleh Site Administrator untuk pengaturan server umum global (seperti pembersihan cache).
Mengelola Nama & Deskripsi Dasar Jurnal
Masuk ke menu Settings > Journal pada Side Panel admin. Pada tab Masthead (tab default), tulis nama jurnal Anda di kolom Journal Name dan isi penjelasan singkat di kolom About the Journal. Teks About ini yang akan tampil sebagai deskripsi awal di halaman muka tengah.
Mengunggah Logo Jurnal
Buka Settings > Website > Appearance. Pada kolom paling atas (Logo), unggah file logo berlatar belakang transparan (.png). Logo ini otomatis dipasang di puncak Panel Kiri dan bagian header atas.
Menyunting Halaman Author Guidelines
Buka Settings > Workflow > Submission. Di tab *Submission*, temukan editor teks **Author Guidelines**. Masukkan petunjuk penulisan artikel secara rinci beserta link unduh template naskah format docx/doc.
Mengatur Informasi Kontak (Principal & Technical)
Buka Settings > Journal > Contact. Isi data Kontak Utama (Editor-in-Chief) dan Kontak Teknis (GetPress IT Support). Data ini dibaca oleh halaman `/about/contact` saat pengunjung mengeklik menu Contact di panel navigasi kiri.
4. Manajemen Panel Tengah (Konten Utama & Edisi Terbitan)
Mengatur tata letak halaman utama (Home) jurnal, mengubah gambar thumbnail cover terbitan, thumbnail artikel individual, serta mengontrol visibilitas seluruh komponen konten.
A. Mengatur Komponen yang Tampil di Halaman Home
Mengontrol item apa saja (Cover utama, daftar terbitan baru, tabel identitas) yang dimunculkan pada beranda jurnal:
Mengubah Gambar Cover Jurnal Utama (Homepage Image)
Buka Settings > Website > Appearance > Setup. Pada bagian Homepage Image, unggah gambar cover utama untuk mempercantik halaman depan jurnal Anda (tinggi maks 260px).
Menampilkan/Menyembunyikan Elemen Konten
Di halaman setup yang sama, centang atau kosongkan opsi berikut untuk mengontrol tampilan halaman utama:
• Journal Description: Menampilkan deskripsi profil jurnal.
• Current Issue: Menampilkan daftar isi artikel terbitan terbaru secara otomatis.
• Additional Content: Menampilkan tabel data identitas jurnal.
Mengaktifkan Pengumuman (Announcements)
Untuk menampilkan berita/pengumuman di home, masuk ke Settings > Website > Setup > Announcements. Centang opsi aktifkan pengumuman, masukkan jumlah maksimal pengumuman yang ingin ditampilkan (misal: 3 atau 4), lalu klik Save.
B. Manajemen Edisi Volume & Thumbnail Cover Terbitan
Mengatur thumbnail (cover) edisi volume jurnal yang muncul di halaman depan dan arsip:
Unggah Cover Edisi Baru (Thumbnail Edisi)
Saat membuat volume baru di Issues > Future Issues > Create Issue, unggah gambar cover di kolom Cover Image. Gambar ini berfungsi sebagai thumbnail utama edisi tersebut.
Menjadwalkan Publikasi Artikel
Di menu Submissions (artikel yang sudah selesai direview), masuk ke tahap Production > Schedule for Publication. Pilih edisi volume tujuan, isi nomor halaman PDF artikel, lalu klik Publish.
Mengubah Cover Edisi yang Sudah Terbit
Jika ingin mengubah thumbnail edisi lama, buka Issues > Back Issues. Klik panah kecil di sebelah nama edisi, pilih Edit. Pada tab Issue Data, unggah gambar cover baru di kolom Cover Image, lalu klik Save.
C. Mengunggah Thumbnail Artikel Individual
Jika Anda ingin agar artikel tertentu memiliki gambar cover/thumbnail khusus di daftar isi halaman depan:
Unggah Gambar Cover Artikel
Buka naskah terkait di menu Submissions. Klik tab Publication > Issue (atau tab Cover Image di bawah Publication jika menggunakan OJS 3.4/3.5). Unggah gambar thumbnail artikel di bagian Cover Image.
Simpan & Perbarui Publikasi
Masukkan teks alternatif untuk gambar tersebut, lalu klik Save. Thumbnail unik artikel akan langsung muncul secara eksklusif bersandingan dengan judul artikel di halaman depan.
Mekanisme Otomatis "Popular & Past Issues"
Halaman utama tengah memuat baris edisi lama di bawah artikel terbaru. Proses loading ini terjadi secara otomatis tanpa intervensi admin. Script JS meminjam data arsip dari halaman /issue/archive, menyeleksi cover dan link-nya, lalu merendernya dalam bentuk grid interaktif.
5. Manajemen Panel Kanan (Sidebar & Logo Indexing)
**Panel Kanan (Sidebar)** pada portal GPI diatur secara cerdas. Kumpulan logo indexing tidak lagi dibuat menggunakan plugin Custom Block secara manual. Admin cukup memasukkannya ke kolom **Additional Content** di Panel Tengah, lalu script otomatisasi **`gp-ui.js`** akan menyaring dan menaruhnya ke Panel Kanan.
A. Langkah Masuk Editor Additional Content
Buka Pengaturan Website
Masuk ke dashboard OJS, pilih menu Settings > Website.
Buka Tab Appearance
Klik tab Appearance (Tampilan) pada baris menu atas.
Buka Mode Source HTML Editor
Gulir ke bawah ke kolom editor Additional Content. Di toolbar editor, temukan dan klik tombol kode <> (Source Code / Kode HTML).
B. Menambahkan & Mengelola Logo Indexing
Cara Menambahkan Logo Baru
Di dalam jendela pop-up kode HTML editor, cari tag logo yang sudah ada, lalu sisipkan sebaris kode baru di bawah logo terakhir:
Cara Memindahkan Logo (Sedang Diproses → Terindeks Resmi)
Jika jurnal Anda sudah disetujui untuk terindeks (misalnya DOAJ), cari kode logo DOAJ di bawah kalimat pemicu in the Process of Being Indexed by:. Lakukan **Cut (Potong)** kode tersebut, lalu **Paste (Tempel)** di paragraf bagian atas bersama kumpulan logo aktif lainnya. Simpan.
Aturan Penting Pemicu Teks (Trigger Word)
Jangan Mengubah Huruf Teks Pemicu
Skrip otomatisasi menggunakan sensor teks eksak. Teks seperti in the Process of Being Indexed by:, Recommended Tools:, dan Citation Analysis: harus ditulis persis seperti itu (sensitif terhadap huruf besar/kecil dan titik dua). Mengubahnya akan menggagalkan pemindahan logo otomatis ke sidebar.
C. Cara Kerja WhatsApp Link Interceptor (Support Card)
Sistem backend OJS melarang pembuatan HTML kustom yang rumit di area sidebar. Oleh karena itu, pengembang memasang filter otomatis di file gp-ui.js untuk menangkap semua tautan chat WhatsApp di sidebar dan mengubahnya menjadi kartu informasi editorial yang rapi.
Kemudahan Kelola Kontak Dukungan
Admin **tidak perlu** menulis kode HTML kartu bantuan yang rumit di Additional Content. Cukup pasang tautan WhatsApp sederhana (misalnya link https://wa.me/6285365202765). Saat halaman dirender di browser, script frontend secara otomatis mendeteksi kata kunci tautan wa.me, menghapus link default, lalu menggantinya dengan layout kartu bantuan di atas.
D. Contoh Kode HTML Additional Content Lengkap
Di bawah ini adalah struktur kode HTML lengkap untuk kolom Additional Content. Anda dapat menyalin kode ini secara utuh, menempelkannya di jendela source HTML editor OJS, lalu mengubah tautan dan logo sesuai kebutuhan jurnal Anda:
<p align="justify"><strong>Miracle Get Journal</strong> is an international peer-reviewed <strong>open access</strong> journal dedicated to publishing high-quality research in public health.</p> <table class="data" border="1" style="width: 100%; border-collapse: collapse;"> <tbody> <tr> <td>Journal title</td> <td><strong>Miracle Get Journal</strong></td> </tr> <tr> <td>E-ISSN</td> <td>3047-8839</td> </tr> <tr> <td>DOI Prefix</td> <td>10.69855/miracle</td> </tr> <tr> <td>Publisher</td> <td>GetPress</td> </tr> <tr> <td>Frequency</td> <td>2 Issues per Year</td> </tr> </tbody> </table> <!-- LOGO YANG AKTIF AKAN OTOMATIS PINDAH KE SIDEBAR "Indexed By" --> <p> <a href="https://scholar.google.com/" target="_blank" rel="noopener"><img src="https://gpijournal.hummatech.com/public/site/images/admin/google_scholar.png" alt="Google Scholar" width="120" height="40" /></a> <a href="https://garuda.kemdikbud.go.id/" target="_blank" rel="noopener"><img src="https://gpijournal.hummatech.com/public/site/images/admin/garuda.png" alt="Garuda" width="100" height="39" /></a> </p> <!-- LOGO YANG SEDANG DIAJUKAN AKAN OTOMATIS PINDAH KE SIDEBAR "Indexing In Progress" --> <p><strong>in the Process of Being Indexed by:</strong><br /> <a href="https://doaj.org/" target="_blank" rel="noopener"><img src="https://gpijournal.hummatech.com/public/site/images/admin/doaj.png" alt="DOAJ" width="100" height="39" /></a> </p> <!-- LOGO ALAT PENDUKUNG AKAN OTOMATIS PINDAH KE SIDEBAR "Recommended Tools" --> <p><strong>Recommended Tools:</strong><br /> <a href="https://www.mendeley.com/" target="_blank" rel="noopener"><img src="https://gpijournal.hummatech.com/public/site/images/admin/mendeley.png" alt="Mendeley" width="100" height="39" /></a> </p> <!-- LINK WHATSAPP AKAN OTOMATIS DIINTERSEPSI MENJADI KARTU DUKUNGAN EDITORIAL --> <p> <a href="https://wa.me/6285365202765" target="_blank" rel="noopener"><img src="https://gpijournal.hummatech.com/public/site/images/admin/whatsapp.png" alt="WhatsApp Support" width="120" height="35" /></a> </p>
E. Manajemen Menu Sidebar Kustom (:: People ::, :: Policies ::, :: Submission ::)
Mengubah atau menambah tombol menu putih di sidebar kanan (seperti Editorial Team, Focus and Scope, dll.):
Edit Custom Block
Buka tab Plugins, pilih sub-tab Installed Plugins (default), gulir ke bawah ke bagian Generic Plugins, cari plugin Custom Block Manager, klik panah biru di samping namanya, lalu klik Manage Custom Blocks. Di jendela pop-up yang muncul, cari nama block yang ingin Anda edit (misalnya Links, informationrye, atau nama block kustom lainnya sesuai jurnal Anda) dan klik tombol Edit di bawahnya. (Catatan: Anda juga bisa mengeklik tombol Add Block di kanan atas pop-up untuk membuat block baru).
Tambah atau Hubungkan Link
Di editor visual, tulis teks menu baru (misal: Peer Reviewer). Blok teks tersebut, klik ikon Link (rantai) di toolbar, masukkan URL halaman tujuan, lalu klik Ok.
Simpan Perubahan
Klik tombol Save di bawah editor. Tombol menu baru akan otomatis terbentuk dengan layout putih elegan di sidebar.
Styling Tombol Otomatis
Setiap link biasa (tag <a>) di dalam custom block sidebar kanan secara otomatis dibungkus menjadi tombol visual putih bersudut lengkung oleh sistem frontend GPI. Cukup gunakan editor visual biasa.
F. Mengunggah & Menghubungkan Berkas "Manuscript Template" (.docx)
Langkah mengunggah berkas template jurnal Microsoft Word agar bisa diunduh oleh penulis:
Unggah File Template
Masuk ke menu ⚙️ Settings > Workflow > Publisher Library. Klik tombol Add a File, unggah berkas .docx Anda, pilih kategori Other pada bagian File Type, lalu klik Save.
Salin URL File
Temukan file yang baru diunggah di daftar, klik tanda panah di samping namanya, klik Edit, lalu salin alamat URL berkas secara utuh.
Hubungkan ke Tombol Sidebar
Edit Custom Block Links (seperti Bab E), blok tulisan Manuscript Template, klik ikon Link, tempelkan URL berkas tadi, lalu klik Save.
Tips: Cara Memperbarui Berkas Template (Tanpa Mengubah Tautan Link)
Jika di kemudian hari Anda ingin memperbarui isi berkas Word template tersebut, Anda tidak perlu mengulang proses pembuatan link di sidebar. Cukup masuk ke ⚙️ Settings > Workflow > Publisher Library, klik tanda panah biru di samping nama berkas template lama Anda, klik Edit, lalu klik tombol Change File (Ubah Berkas) untuk mengunggah berkas baru. Nama dan tautan unduhannya akan otomatis terperbarui secara instan.
G. Manajemen Barcode E-ISSN
Mengganti gambar barcode nomor ISSN di sidebar kanan:
Siapkan Gambar Barcode
Gunakan generator barcode online (tipe ISSN atau EAN-13), masukkan nomor ISSN jurnal Anda, lalu unduh berkas gambar PNG/JPG.
Edit Block ISSN
Buka Custom Block Manager melalui alur menu di atas, cari block bernama ISSN, E-ISSN, flagcounterrye, atau nama block barcode terkait pada jurnal Anda, lalu klik tombol Edit di bawahnya.
Ganti Barcode & Simpan
Hapus gambar barcode lama di editor, klik ikon Image (Gambar), unggah barcode baru, set lebar/width 180px - 200px (proporsional), lalu klik Save.
H. Halaman Kebijakan Jurnal (Static Pages)
Membuat halaman isi kebijakan khusus (seperti Focus and Scope, Reviewers, dll.) untuk ditautkan ke sidebar:
Buat Static Page Baru
Masuk ke menu Static Pages dengan cara: buka tab Plugins > gulir ke bawah ke bagian Generic Plugins, temukan plugin Static Pages (aktifkan plugin terlebih dahulu jika belum tercentang), klik panah biru di samping namanya, lalu klik Manage Static Pages. Terakhir, klik Add Static Page.
Isi Teks dan Path
Tulis judul dan isi konten kebijakan. Pada kolom Path, isi kata kunci pendek huruf kecil tanpa spasi (misal: focus-scope atau review-process), lalu klik Save.
Hubungkan Halaman ke Sidebar
Salin URL halaman statis Anda (contoh: .../pages/view/focus-scope). Edit block menu Links (seperti Bab E), blok nama menu yang sesuai, pilih ikon **Link**, tempel URL tadi, dan klik **Save**.
6. Alur Kerja Curation Metadata Artikel & DOI
Pengindeksan naskah di mesin pencari internasional sangat bergantung pada kelengkapan metadata artikel yang diisi saat proses penyuntingan naskah sebelum Issue dirilis.
Wajib Mengisi Daftar Pustaka (References / Referensi)
Pada tab **Publication > References**, Anda wajib menyalin seluruh daftar pustaka dari berkas PDF artikel dan menempelkannya ke kolom **References**. Referensi yang ditempel di sini akan dibaca oleh sistem registrasi **Crossref DOI** saat sinkronisasi, untuk merekam jumlah sitasi di Google Scholar dan Scopus secara otomatis.
PANDUAN IT & SYSADMIN (TINGKAT LANJUT)
Pengaturan server, file config.inc.php, koneksi database, SMTP, dan script SQL pemeliharaan.
9. Penyelesaian Masalah & FAQ
Kumpulan solusi praktis atas kendala teknis yang sering ditemui oleh administrator portal jurnal ilmiah.
| Gejala Kendala | Kemungkinan Penyebab | Langkah Solusi Praktis |
|---|---|---|
| Sudah klik save di editor Additional Content, namun logo indexing tidak berubah di sidebar kanan website. | OJS dan Browser web masih menyimpan direktori cache statis lama demi menghemat kuota server. | Klik nama pengguna Anda di sudut kanan atas halaman dashboard OJS, pilih menu Administration (Administrasi). Di bawah bagian Administrative Functions, klik secara berurutan tombol Clear Data Caches (Hapus Cache Data) dan Clear Template Cache (Hapus Cache Templat). Setelah itu, lakukan Hard Refresh di browser Anda (tekan Ctrl + Shift + R atau Cmd + Shift + R). |
| Mengalami broken image (gambar silang/pecah) setelah memasang logo indeksasi baru. | Tautan URL gambar logo (src) salah, terhapus sebagian, atau server web penyedia gambar mati. |
Buka link URL gambar secara langsung di tab baru browser. Jika gambar tidak terbuka, berarti link rusak. Cari logo berformat png resmi di internet, lalu ganti tautan gambarnya. |
| Terjadi duplikasi logo (muncul dua kali) di area sidebar kanan. | Plugin *Custom Block Manager* masih aktif dan diisi widget logo manual yang bentrok dengan sistem Additional Content otomatis. | Masuk ke ⚙️ Settings > Website > Plugins (tab) > Generic Plugins > Custom Block Manager > Manage Custom Blocks. Temukan block bernama seperti "informationrye" atau "flagcounterrye", lalu hapus block tersebut karena sudah diproses otomatis oleh Additional Content. |
| Notifikasi email pengiriman naskah baru tidak terkirim ke editor atau penulis. | Layanan hosting memblokir eksekusi email default server web PHP Mail untuk menghindari celah spamming. | Hubungi pihak Sysadmin atau IT, pastikan settingan SMTP mail terenkripsi telah terpasang dengan benar di config.inc.php seperti panduan Bab 7. |
Pertanyaan Umum (FAQ) — Indexing & Sidebar
gp-ui.js memerlukan minimal 2 logo gambar (tag <img>) di dalam satu paragraf tunggal agar paragraf tersebut dikenali sebagai daftar logo indexing. Jika Anda hanya memasukkan 1 logo saja, paragraf tersebut tidak akan diekstrak dan tetap bertengger di tengah halaman.
in the Process of Being Indexed by: dan Recommended Tools: bertindak sebagai sensor kode bagi sistem otomatisasi. Mengubah satu huruf saja pada teks pemicu tersebut akan menggagalkan deteksi otomatis, sehingga data logo akan tetap tampil di bagian tengah halaman dan sidebar menjadi kosong.
domain.com/index.php/gpi-health/sitemap.