Dibawakan pada kegiatan Workshop Penerbitan Jurnal Elektronik dan Implementasi DOI yang diselenggarakan Pusat Manajemen Informasi - BPPT. Kegiatan diselenggarakan pada 23 November 2017 di Hotel Grand Zurich, BSC City - Tangsel. All images belong to Putra Firmansyah

1. Desain Tampilan
Jurnal Elektronik
Dwi Fajar Saputra
Workshop Penerbitan Jurnal Elektronik
Hotel Grand Zurich BSD City, 23 November 2017

2. Dwi Fajar Saputra (Dudu)
 Ketua RJI Korda DKI Jakarta 2017 – 2019
 Manager Helpdesk Indonesia OneSearch
 Asesor LSP Pustakawan – Perpustakaan Nasional
 Pegiat FOSS (Free/Libre Open Source Software) : SLiMS,
Eprints, OJS
dfsptra@gmail.com
085693341215

3. Ada apa dengan
desain tampilan?

4. Latar Belakang
1. Bawaan OJS yang potensial
untuk dikembangkan.
2. Meningkatkan citra dari jurnal.
3. Menambah bobot nilai
akreditasi.
4. Meningkatkan sisi keamanan
dari jurnal elektronik terhadap
deface.

5. Permasalahan di Lapangan
1. Sebagian pengelola jurnal ada yang tidak diberikan
akses ke root.
2. Sebagian pengelola jurnal kurang tertarik untuk
kembangkan desain tampilan jurnal.
3. Sebagian pengelola jurnal memiliki keinginan untuk
mengembangkan desain tampilan tapi kurang SDM.

6. Persiapan Jika Ingin Mengembangkan Desain Tampilan
 Memiliki akses ke root folder
OJS/Sebagai Manajer Jurnal
 Memiliki mock up/gambaran hasil
yang diinginkan
 Memiliki SDM (programmer dan
desain grafis) *ideal
 Memahami alur proses bisnis di
OJS

7. Teknis OJS
Pengaturan Plugin
Header :
5.1 Journal Homepage Header
Layout :
5.4 Journal Layout
Block Plugin :
Generic Plugin – Custom Block Manager – Block Plugin

8. Teknis OJS
Struktur Folder OJS 2 : Tampilan
C:xampphtdocsojs2pluginsthemes
-----------
Struktur Folder OJS 3 : Tampilan
C:xampphtdocsojs3templatesfrontend
C:xampphtdocsojs3pluginsthemes

9. Teknis OJS
Struktur File OJS 2 : Tampilan
Block :
C:xampphtdocsojs2pluginsblocksnavigationblock.tpl
Image Header :
C:xampphtdocsojs2pluginsthemesnama_themeimg
Navbar :
C:xampphtdocsojs2pluginsthemesnama_themetemplatescom
monnavbar.tpl
Footer :
C:xampphtdocsojs2pluginsthemesnama_themetemplatescom
monfooter.tpl

10. Demo Praktik
Instal OJS 2
Simpan Folder Theme Pada
C:xampphtdocsojs2plugins
themes
Aktivasi Pada 5.4 Journal
Layout
Buat Custom Block – Block
Plugin
Atur Pada Right Sidebar

11. Terima kasih