desain tampilan jurnal elektronik

Desain TampilanJurnal Elektronik

Dwi Fajar Saputra

Workshop Penerbitan Jurnal Elektronik

Hotel Grand Zurich BSD City, 23 November 2017

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

Ada apa dengandesain tampilan?

Latar Belakang

1. Bawaan OJS yang potensialuntuk dikembangkan.2. Meningkatkan citra dari jurnal.3. Menambah bobot nilaiakreditasi.4. Meningkatkan sisi keamanandari jurnal elektronik terhadapdeface.

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.

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

Teknis OJSPengaturan Plugin

Header :

5.1 Journal Homepage Header

Layout :

5.4 Journal Layout

Block Plugin :

Generic Plugin – Custom Block Manager – Block Plugin

Teknis OJS

Struktur Folder OJS 2 : Tampilan

C:\xampp\htdocs\ojs2\plugins\themes\

-----------

Struktur Folder OJS 3 : Tampilan

C:\xampp\htdocs\ojs3\templates\frontend

C:\xampp\htdocs\ojs3\plugins\themes\

Teknis OJSStruktur File OJS 2 : Tampilan

Block :

C:\xampp\htdocs\ojs2\plugins\blocks\navigation\block.tpl

Image Header :

C:\xampp\htdocs\ojs2\plugins\themes\nama_theme\img

Navbar :

C:\xampp\htdocs\ojs2\plugins\themes\nama_theme\templates\common\navbar.tpl

Footer :

C:\xampp\htdocs\ojs2\plugins\themes\nama_theme\templates\common\footer.tpl

Demo Praktik

Instal OJS 2Simpan Folder Theme Pada

C:\xampp\htdocs\ojs2\plugins\themes\

Aktivasi Pada 5.4 Journal Layout

Buat Custom Block – Block Plugin

Atur Pada Right Sidebar

Terima kasih