BADAN PEMBINAAN HUKUM NASIONAL

KEMENTERIAN HUKUM DAN HAK ASASI MANUSIA

REPUBLIK INDONESIA

MODUL PELATIHAN POLA

STANDAR WEBSITE JDIH
WWW.BPHN.GO.ID
BANGUN ASANURJAYA
 Modul Pelatihan
Pola Standar Website Jaringan
Dokumenasi dan Informasi Hukum (JDIH)
 DAFTAR ISI

Halaman

BAB I PEMBUKAAN............................................................................................................................... 1
BAB II PENJELASAN HALAMAN MUKA (FRONT-END) WEBSITE JDIH ..................................................... 2
1.1. HALAMAN MUKA (FRONT-END) ..................................................................................... 2
BAB III INSTALASI WEBSITE JDIH ........................................................................................................... 5
3.1. PERSYARATAN PRA-INSTALASI ....................................................................................... 5
3.2. INSTALASI WEBSITE JDIH ................................................................................................ 5
BAB IV CMS (CONTENT MANAGEMENT SYSTEM) WEBSITE JDIH .......................................................... 9
4.1. MANAJEMEN ADMINISTRATOR / USER ........................................................................ 10
4.1.1. MENAMBAH DATA BARU (ADDED NEW USER) ADMINISTRATOR ................... 11
4.1.2. MELAKUKAN PERUBAHAN DATA (EDIT DATA) ADMINISTRATOR .................... 11
4.1.3. MENGHAPUS ADMINISTRATOR ....................................................................... 12
4.2. MANAJEMEN CONTENT DINAMIS ................................................................................ 13
4.2.1. MENAMBAH DATA BARU (ADDED NEW) CONTENT DINAMIS ......................... 13
4.2.2. MELAKUKAN PERUBAHAN DATA (EDIT DATA) CONTENT DINAMIS ................. 14
4.2.3. MENGHAPUS CONTENT DINAMIS ................................................................... 15
4.2.4. MENGISI / MERUBAH CONTENT DARI MENU DINAMIS ................................... 15
4.3. MANAJEMEN KATEGORI PERATURAN .......................................................................... 16
4.3.1. MENAMBAH DATA BARU (ADDED NEW) KATEGORI PERATURAN ................... 17
4.3.2. MELAKUKAN PERUBAHAN DATA (EDIT DATA) KATEGORI PERATURAN ........... 18
4.3.3. MENGHAPUS KATEGORI PERATURAN ............................................................. 18
4.4. MANAJEMEN PERATURAN ........................................................................................... 19
4.4.1. MENAMBAH DATA BARU (ADDED NEW) PERATURAN .................................... 20
4.4.2. MELAKUKAN PERUBAHAN DATA (EDIT DATA) PERATURAN ............................ 23
4.4.3. MENGHAPUS PERATURAN .............................................................................. 23
4.5. MANAJEMEN NON-PERATURAN .................................................................................. 24
4.5.1. MENAMBAH DATA BARU (ADDED NEW) DATA NON-PERATURAN.................. 25
4.5.2. MELAKUKAN PERUBAHAN DATA (EDIT DATA) NON-PERATURAN ................... 26
4.5.3. MENGHAPUS DATA NON-PERATURAN ............................................................ 27
4.6. MANAJEMEN BERITA HUKUM...................................................................................... 27
4.6.1. MENAMBAH DATA BARU (ADDED NEW) DATA BERITA HUKUM ..................... 28
 1

4.6.2. MELAKUKAN PERUBAHAN DATA (EDIT DATA) BERITA HUKUM....................... 29

4.6.3. MENGHAPUS DATA BERITA HUKUM ............................................................... 29
4.7. MANAJEMEN PENGETAHUAN HUKUM PRAKTIS .......................................................... 30
4.7.1. MENAMBAH DATA BARU (ADDED NEW) DATA PENGETAHUAN HUKUM
PRAKTIS ........................................................................................................... 31
4.7.2. MELAKUKAN PERUBAHAN DATA (EDIT DATA) PENGETAHUAN HUKUM
PRAKTIS ........................................................................................................... 31
4.7.3. MENGHAPUS DATA PENGETAHUAN HUKUM PRAKTIS .................................... 32
4.8. MANAJEMEN LINK TERKAIT ......................................................................................... 32
4.8.1. MENAMBAH DATA BARU (ADDED NEW) LINK TERKAIT................................... 33
4.8.2. MELAKUKAN PERUBAHAN DATA (EDIT DATA) LINK TERKAIT .......................... 34
4.8.3. MENGHAPUS LINK TERKAIT ............................................................................. 34
4.9. MANAJEMEN KOTAK SARAN ........................................................................................ 35
4.9.1. MELIHAT DATA BARU KOTAK SARAN (Message from Visitor) ......................... 35
4.9.2. MENGHAPUS DATA KOTAK SARAN (pesan dari pengunjung) .......................... 35
4.10. MANAJEMEN LOGO ANGGOTA JARINGAN, HEADER WEBSITE, & FOOTER WEBSITE ... 36
4.10.1. MELAKUAKAN PERUBAHAN INFORMASI FOOTER WEBSITE ............................ 37
4.10.2. MELAKUKAN INSTALLASI APLIKASI SOFTWARE PHOTOSHOP 7.0 .................... 37
4.10.3. MELAKUKAN PERUBAHAN BANNER HEADER DAN LOGO DAERAH /
ANGGOTA JDIH ................................................................................................ 42
4.11. MANAJEMEN RUNNING TEXT ...................................................................................... 48
BAB V PENUTUP ................................................................................................................................. 49

Badan Pembinaan Hukum Nasional

www.bphn.go.id
 1

BAB I
PEMBUKAAN

Selamat datang di pelatihan pengelolaan website Jaringan Dokumentasi dan Informasi

Hukum (JDIH). Pelatihan ini ditujukan untuk memberikan penjelasan dan petunjuk kepada
pengelola website/situs (Web Administrator) dengan metode yang sesingkat dan
sesederhana mungkin untuk mempermudah proses pengelolaan website JDIH.

Salah satu tujuan dibuatnya website Jaringan Dokumentasi dan Informasi Hukum (JDIH)
sendiri adalah untuk memberikan pelayanan informasi hukum kepada masyarakat secara
cepat, tepat, lengkap, dan akurat dengan memanfaatkan teknologi informasi dan
komunikasi sebagai sarana/medianya.

Dengan adanya pelatihan ini, diharapkan para pengelola situs dapat mengelola dan
memanfaatkan situs JDIH dengan sebaik-baiknya, agar dapat sesuai dengan keinginan dan
kebutuhan instansi yang bersangkutan.

Sebelum memulai pelatihan ini, kami mohon maaf bila didalam modul ini masih ada
kekurangan, kesalahan atau pun kekeliruan dalam pembahasannya. Kritik dan saran yang
membangun dari anda sangat kami harapkan.

Akhir kata, kami berharap semoga pelatihan ini dapat anda ikuti dengan baik.

Badan Pembinaan Hukum Nasional

www.bphn.go.id
 2

BAB II
PENJELASAN HALAMAN MUKA (FRONT-END) WEBSITE JDIH

1.1. HALAMAN MUKA (FRONT-END)

Front End adalah halaman yang ditampilkan pada saat pengunjung masuk ke sebuah
situs, dimana pengunjung hanya dapat menggunakan aplikasi yang tersedia untuk
mendapatkan informasi yang dicari atau diinginkannya.

Berikut adalah penjelasan dari setiap bagian-bagian dalam halaman muka (front-end)
website JDIH :

1
6
2 7

8
3

4 9

5 10
11

Badan Pembinaan Hukum Nasional

www.bphn.go.id
 3

No Nama Bagian Keterangan

1 a. Logo Pengayoman / JDIH Pusat Header
b. Banner Header & Logo Anggota
Header
Jaringan
2 a. Halaman Utama Home / halaman utama ketika user mengakses
website JDIH
b. Visi & Misi - Merupakan menu dinamis yang dapat
diubah di halaman CMS admin.
- Halaman yang berisi Visi dan Misi Pusat
Jaringan Dokumentasi dan Informasi
Hukum Nasional.
c. Sejarah JDIH - Merupakan menu dinamis yang dapat
diubah di halaman CMS admin.
- Halaman yang berisi sejarah singkat
Jaringan Dokumentasi dan Informasi
Hukum Nasional.
d. Profil - Merupakan menu dinamis yang dapat
diubah di halaman CMS admin.
- Halaman yang berisi Profil singkat
mengenai website anggota Jaringan
Dokumentasi dan Informasi Hukum
Nasional ini.
e. Peraturan - Halaman yang berisi core/bagian penting
dari website JDIH yang berisi produk
hukum berupa peraturan.
- Peraturan itu sendiri berupa:
a. Peraturan Pusat :
Undang-Undang (UU)
Peraturan Pengganti Undang-
undang (PERPU)
Peraturan Pemerintah (PP)
Peraturan Presiden (PR)
Keputusan Presiden (KP)
Instruksi Presiden (IP)
b. Peraturan Daerah :
Peraturan Daerah (PERDA)
Peraturan Gubernur (PERGUB)
Keputusan Gubernur (KEPGUB)
Intruksi Gubernur (INGUB)
Peraturan Bupati / Walikota
Keputusan Bupati / Walikota
Intruksi Bupati / Walikota
Peraturan Desa (PERDES)
c. Peraturan Kementerian /LPND :
Peraturan Kementerian (PM)
Keputusan Menteri (KM)
Surat Edaran (SE)

Badan Pembinaan Hukum Nasional

www.bphn.go.id

No Nama Bagian
f. Kotak Saran
3 Non-Peraturan
4 Link Terkait
5 Statistik Pengunjung
6 a. Informasi tanggal
b. Running Text
c. Pencarian peraturan berdasarkan Fungsi pencarian peraturan berdasarkan
subjek / judul peraturan ]
7 Berita Hukum Terbaru
8 a. Pencarian Peraturan
b. Pencarian Non-Peraturan
9 Peraturan Terbaru
10 Pengetahuan Hukum Praktis
11 Informasi alamat dari anggota JDIH /
alamat pemilik website JDIH
4
Keterangan
Halaman yang berguna untuk menampung
masukan dari pengunjung atau masyarakat
umum.
Halaman yang berisi data-data produk hukum
Non Peraturan, dapat berupa buku-buku hsail
tulisan yang diperbolehkan dipublikasikan
atau pun produk hukum lainnya.
Halaman yang berisi kumpulan link didalam
Situs Pusat Jaringan, maupun situs anggota
JDIH yang lainnya.
Halaman yang berisik data statistik
pengunjung website JDIH.
-
Informasi singkat / sambutan selamat datang
kepada user atau pengunjung
subjek atau Tentang Peraturan yang akan
dicari.
Halaman yang menampilkan Berita Hukum.
Form pencarian peratuan yang dapat mencari
peraturan berdasarkan:
- Jenis Peraturan
- Nomor Peraturan
- Tahun Peraturan
- Tentang
- Status Akhir peraturan
Form pencarian produk hukum Non-
Peraturan berupa buku-buku hasil tulisan
yang dapat dipublikasikan, berdasarkan :
- Judul Buku
- Pengarang Buku
- Penerbit Buku
- Kota Terbit
- Tahun Terbit
Halaman yang menampilkan peraturan yang
terbaru diupload kedalam website JDIH
Halaman yang menampilkan informasi-
informasi mengenai pengetahuna hukum
praktis, seperti contoh pembentukkan
peraturan perundang-undangan menurut UU
21 Tahun 2011.
Footer
Badan Pembinaan Hukum Nasional
www.bphn.go.id
 5

BAB III
INSTALASI WEBSITE JDIH

3.1. PERSYARATAN PRA-INSTALASI

Untuk menginstal website JDIH, anda memerlukan spesifikasi-spesifikasi minimum

sebagai berikut pada komputer personal (Personal Computer/PC) anda.
Sistem Operasi (Operating System) Windows 98, Windows 2000, Windows NT,
Windows XP, atau Windows 7.
Processor Intel Pentium III atau AMD Athlon dengan kecepatan 750 MHz
RAM dengan kecepatan 256 MB
Ruang Hardisk yang dibutuhkan oleh website JDIH 300 MB
CDROM, Monitor, Keyboard, dan Mouse
Sedangkan spesifikasi-spesifikasi optimum yang disarankan adalah sebagai berikut:

Sistem Operasi (Operating System) Windows 98, Windows 2000, Windows NT,
Windows XP, atau Windows 7.

Processor Intel Pentium IV atau AMD Athlon dengan kecepatan 1.4 GHz

RAM dengan kecepatan 512 MB

Ruang Hardisk yang dibutuhkan oleh website JDIH 1 GB

CDROM, Monitor, Keyboard, dan Mouse

3.2. INSTALASI WEBSITE JDIH

Untuk menginstal website JDIH, ikuti langkah-langkah berikut:

1. Masukan CDROM JDIH kedalam komputer anda;

2. Masuk kedalam My Computer lalu klik ganda CDROM dengan label JDIH;
3. Setelah anda berada didalam CDROM, masuk kedalam folder Installan Website JDIH,
lalu klik ganda file Intaller.exe;

Badan Pembinaan Hukum Nasional

www.bphn.go.id
 6

4. Klik tombol Next untuk tahapan selanjutnya yaitu proses installasi aplikasi website
JDIH;

5. Klik tombol Install untuk memulai proses installasi;

6. Tunggu hingga proses intsallasi selesai, setelah selesai klik tombol Finish

Badan Pembinaan Hukum Nasional

www.bphn.go.id
 7

7. Setelah selesai proses installasi, kembali lagi masuk kedalam folder Installan Website
JDIH. Selanjutnya lakukan klik kanan pada 2 file (Website JDIH & xampp-control.exe),
lalu pilih send to desktop atau salin 2 file untuk disimpan atau paste di desktop
komputer. File xampp-control.exe merupakan control panel untuk menyalakan service
apache dan mysql yang digunakan dalam menjalankan website JDIH;

8. Setelah melakukan tahapan tersebut, buka desktop komputer maka akan terlihat 2 file
tersebut. Selanjutnya klik ganda file xampp-control.exe;

Badan Pembinaan Hukum Nasional

www.bphn.go.id
 8

9. Makan akan mucul windows box seperti di bawah, selanjutnya klik Start pada bagian
Apache & Mysql.

10. Selanjutnya klik ganda pada file Website JDIH yang berada di desktop, maka akan
otomatis muncul browser yang membuka website JDIH.

11. Dalam penggunaan selanjutnya tidak harus melakukan installasi ulang, tapi dapat di
ulangi dari tahap 8 hingga selesai.

Badan Pembinaan Hukum Nasional

www.bphn.go.id
 9

BAB IV
CMS (CONTENT MANAGEMENT SYSTEM)
WEBSITE JDIH

CMS (Content Management System) merupakan halaman yang digunakan oleh

pengelola situs untuk melakukan perubahan/modifikasi pada website JDIH. CMS juga biasa
disebut sebagai back-end, karena hanya digunakan oleh user untuk maintenance isi dari
website. Back-end dilindungi dengan otorisasi Username dan Password untuk menjaga
bahwa hanya pengelola atau user yang berhak saja yang dapat melakukan perubahaan pada
website JDIH.

Sebelumnya kita diharuskan untuk masuk kedalam Back-end website jdih, buka web
browser, lalu arahkan URL ke http://localhost/jdih/admin/, setelah itu anda harus
memasukan Username dan Password untuk otorisasi.

Username dan Password Back-end secara default adalah sebagai berikut:

Username : admin

Password : admin

Gambar Tampilan halaman login username dan Password

Setelah anda berhasil login, maka anda akan dibawa ke halaman utama dari Back
End, dimana pada halaman tersebut anda dapat melakukan berbagai perubahan pada
website JDIH.

Badan Pembinaan Hukum Nasional

www.bphn.go.id
 10

Gambar Tampilan halaman utama Back-end website JDIH

4.1. MANAJEMEN ADMINISTRATOR / USER

Halaman manajemen administrator merupakan bagian penting dalam sebuah website,

dimana terdapat list user yang dapat mengakses sebuah halaman back end dari sebuah
website. Maka dari itu DIWAJIBKAN agar memberikan hak akses kepada user yang dapat
bertanggung jawab dan hanya beberapa orang saja, agar memudahkan tracking human
error dalam input content website.
Untuk masuk kehalaman manajemen ADMINISTRATOR yaitu dengan cara
mengarahkan kursor ke menu LIST ADMIN, seperti gambar dibawah ini :

Setelah melakukan tahapan diatas, maka akan muncul halaman seperti dibawah ini :

Badan Pembinaan Hukum Nasional

www.bphn.go.id
 11

4.1.1. MENAMBAH DATA BARU (ADDED NEW USER) ADMINISTRATOR

Untuk melakukan penambahan data baru (added new) administrator, dapat dilakukan
dengan cara berikut :
Melakukan pengisian form data seperti dibawah ini,

Setelah itu, arahkan kursor ke tombol (add), lalu

Secara otomatis data akan bertambah

4.1.2. MELAKUKAN PERUBAHAN DATA (EDIT DATA) ADMINISTRATOR

Melakukan pengisian form data seperti dibawah ini,

Contoh : Merubah username bangun menjadi joni.
Catatan : - Untuk melakukan perubahan NAMA LENGKAP, ALAMAT EMAIL, PASSWORD dapat
langsung merubah data tersebut pada form-nya.
- Pada textboxt PASSWORD TIDAK DITAMPILKAN APAPUN (KOSONG), jika tidak merubah
PASSWORD-nya maka KOSONGKAN saja, tanpa harus diisi.

Setelah itu, arahkan kursor ke tombol (edit), lalu

Badan Pembinaan Hukum Nasional

www.bphn.go.id
 12

Secara otomatis data akan berubah

4.1.3. MENGHAPUS ADMINISTRATOR

Untuk melakukan penghapusan data administrator dilakukan dengan cara

mengarahkan kursor ke tombol (delete),

Lalu akan muncul pop-up seperti berikut,

Kemudian klik tombol (OK)

Secara otomatis data akan terhapus,

Badan Pembinaan Hukum Nasional

www.bphn.go.id
 13

4.2. MANAJEMEN CONTENT DINAMIS

Halaman Content Dinamis merupakan halaman maintenance menu dinamis dan

content-nya yang akan muncul di halaman website JDIH, seperti Gambar berikut:

Tampilan Menu Dinamis

pada website JDIH

Gambar Tampilan menu dinamis (Content Dinamis)

Untuk masuk kehalaman manajemen CONTENT DINAMIS yaitu dengan cara
mengarahkan kursor ke menu CONTENT DINAMIS, seperti gambar dibawah ini :

Setelah melakukan tahapan diatas, maka akan muncul halaman seperti dibawah ini :

4.2.1. MENAMBAH DATA BARU (ADDED NEW) CONTENT DINAMIS

Untuk melakukan penambahan data baru (added new) content dinamis, dapat
dilakukan dengan cara berikut :
Melakukan pengisian form data seperti dibawah ini,
Catatan : - Pengisian NAMA MENU CONTENT disesuaikan dengan menu yang akan
tampil pada halaman website JDIH.
- Pengisian URUTAN diisi berdasarkan tampilan urutan menu yang ingin
ditampilkan pada halaman website JDIH.

Badan Pembinaan Hukum Nasional

www.bphn.go.id
 14

Setelah itu, arahkan kursor ke tombol (add), lalu

Secara otomatis data akan bertambah

4.2.2. MELAKUKAN PERUBAHAN DATA (EDIT DATA) CONTENT DINAMIS

Melakukan pengisian form data seperti dibawah ini,

Contoh : Merubah NAMA MENU CONTENT Tentang Kami menjadi ABOUT US.

Setelah itu, arahkan kursor ke tombol (edit), lalu

Secara otomatis data akan berubah

Badan Pembinaan Hukum Nasional

www.bphn.go.id
 15

4.2.3. MENGHAPUS CONTENT DINAMIS

Untuk melakukan penghapusan data menu content dinamis dilakukan dengan cara
mengarahkan kursor ke tombol (delete),

Lalu akan muncul pop-up seperti berikut,

Kemudian klik tombol (OK)

Secara otomatis data akan terhapus,

4.2.4. MENGISI / MERUBAH CONTENT DARI MENU DINAMIS

Arahkan kursor ke menu CONTENT DINAMIS ,lalu PILIH NAMA CONTENT YANG
DIINGINKAN AGAR DAPAT MERUBAH /MENGISI CONTENT DARI MENU DINAMIS
TERSEBUT, contohnya seperti gambar dibawah ini :

Badan Pembinaan Hukum Nasional

www.bphn.go.id
 16

Setelah tahapan tersebut maka akan muncul halaman seperti di bawah, lalu isikan /
rubah isi menu dinamis tersebut.

Isikan Content dari Menu Dinamis di sini

Setelah selesai merubah / mengisikan isi menu dinamis tersebut, lalu simpan dengan
cara arahkan kursor ke tombol UPDATE.

4.3. MANAJEMEN KATEGORI PERATURAN

Kategori merupakan salah satu bagian penting dalam input data peraturan, baik
peraturan daerah ataupun peraturan pusat & kementerian. Kategori disini merupakan
JENIS/BENTUK dari peraturan yang sudah ada, contoh pada tampilan website dapat dilihat
pada gambar dibawah ini :

Gambar Tampilan Jenis Peraturan yang terdapat dalam database

Badan Pembinaan Hukum Nasional

www.bphn.go.id
 17

Untuk melakukan maintenance (penambahan, merubah, dan menghapus) jenis atau

kategori peraturan tersebut dapat dilakukan dengan cara masuk ke halaman manajemen
KATEGORI PERATURAN yaitu dengan cara mengarahkan kursor ke menu Peraturan >
Kategori Peraturan, seperti gambar dibawah ini :

Setelah melakukan tahapan diatas, maka akan muncul halaman seperti dibawah ini :

4.3.1. MENAMBAH DATA BARU (ADDED NEW) KATEGORI PERATURAN

Untuk melakukan penambahan data baru (added new) kategori peraturan, dapat
dilakukan dengan cara berikut :
Melakukan pengisian form data seperti dibawah ini,
Catatan : - Pemilihan KELOMPOK MENU PERATURAN, disesuaikan dengan jenis
peraturan yang akan dibuat, apakah jenis peraturan tersebut berada
dibawah jenis peraturan yang ada atau merupakan jenis peraturan yang
memiliki jenis peraturan dibawahnya.
- Pengisian BENTUK KATEGORI PERATURAN diisi berdasarkan jenis
peraturan yang akan dibuat.
- Pengisian URUTAN berdasarkan urutan dari jenis peraturan tersebut.

Badan Pembinaan Hukum Nasional

www.bphn.go.id
 18

Setelah itu, arahkan kursor ke tombol (add), lalu

Secara otomatis data akan bertambah

4.3.2. MELAKUKAN PERUBAHAN DATA (EDIT DATA) KATEGORI PERATURAN

Melakukan pengisian form data seperti dibawah ini,

Contoh : Merubah BENTUK KATEGORI PERATURAN Peraturan daerah menjadi
Peraturan Kabupaten.
- sama halnya untuk merubah urutan dan kelompok menu peraturan.

Setelah itu, arahkan kursor ke tombol (edit), lalu

Secara otomatis data akan berubah

4.3.3. MENGHAPUS KATEGORI PERATURAN

Untuk melakukan penghapusan data kategori peraturan dilakukan dengan cara

mengarahkan kursor ke tombol (delete),

Badan Pembinaan Hukum Nasional

www.bphn.go.id
 19

Lalu akan muncul pop-up seperti berikut,

Kemudian klik tombol (OK)

Secara otomatis data akan terhapus,

4.4. MANAJEMEN PERATURAN

Setelah melakukan pengelolaan kategori peraturan, selanjutnya ialah melakukan

pengelolaan data peraturannya. Dalam website JDIH, peraturan (produk hukum) merupakan
core utama atau bagian penting yang harus ada.
Untuk melakukan maintenance (penambahan, merubah, dan menghapus) peraturan
tersebut dapat dilakukan dengan cara masuk ke halaman manajemen PERATURAN yaitu
dengan cara mengarahkan kursor ke menu Peraturan > List Peraturan, seperti gambar
dibawah ini :

Badan Pembinaan Hukum Nasional

www.bphn.go.id
 20

Setelah melakukan tahapan diatas, maka akan muncul halaman seperti dibawah ini :

4.4.1. MENAMBAH DATA BARU (ADDED NEW) PERATURAN

Untuk melakukan penambahan data baru (added new) peraturan, dapat dilakukan
dengan cara berikut :
Melakukan pengisian form data seperti dibawah ini,
Catatan :
DATA PERATURAN (* wajib diisi)
- * Judul/Subjek (Tentang peraturan yang akan diupload)
- * Kategori Peraturan (jenis dari peraturan yang akan diupload)
- * Tahun Peraturan (tahun dikeluarkannya peraturan yang akan diupload)
- * Nomor Peraturan (nomor dari peraturan yang akan diupload)
- Full Document Peraturan (file yang dapat di unduh/download oleh user)
- Status Peraturan (status terakhir dari peraturan yang akan diupload, apakah
dicabut, mencabut, diubah, atau mengubah)

DATA KATALOG PERATURAN

- Tajuk Entri Utama
- Judul Seragam
- Bentuk, Nomor, Tahun Peraturan
- Tanggal, Bulan, dan Tahun Peraturan
- Perihal / Tentang
- Tempat Pengesahan/Peneteapan Peraturan
- Tahun Peraturan
- Sumber Teks Peraturan

Badan Pembinaan Hukum Nasional

www.bphn.go.id
 21

- Subjek Peraturan
- Singkatan Bentuk Peraturan
- Lokasi Penyimpanan

DATA ABSTRAK PERATURAN

- Subjek Abstrak Peraturan
- Tahun Abstrak Peraturan
- Singkatan Bentuk Peraturan
- Nomor Peraturan
- Sumber Peraturan
- Jumlah Halaman Peraturan
- Jenis/Bentuk Peraturan
- Tentang Peraturan
- Abstrak Peraturan ini Adalah
- Dasar Hukum Undang-Undang ini adalah
- Dalam Undang-Undang ini diatur tentang
- CATATAN

Badan Pembinaan Hukum Nasional

www.bphn.go.id
 22

Badan Pembinaan Hukum Nasional

www.bphn.go.id
 23

Jika sudah mengisi semua form yang ada, arahkan kursor ke tombol Save,

Secara otomatis data akan bertambah

4.4.2. MELAKUKAN PERUBAHAN DATA (EDIT DATA) PERATURAN

Untuk melakukan perubahaan data, arahkan kursos ke tombol (edit) pada data
yang ingin dirubah,lalu

Melakukan pengisian form data seperti halnya pada penambahan data diatas.
Jika sudah mengisi semua form yang ada, arahkan kursor ke tombol Save,

Secara otomatis data akan berubah

4.4.3. MENGHAPUS PERATURAN

Untuk melakukan penghapusan data peraturan dilakukan dengan cara mengarahkan

kursor ke tombol (delete),

Lalu akan muncul pop-up seperti berikut,

Badan Pembinaan Hukum Nasional

www.bphn.go.id
 24

Kemudian klik tombol (OK)

Secara otomatis data akan terhapus,

4.5. MANAJEMEN NON-PERATURAN

Non-peraturan merupakan produk hukum yang berupa buku-buku hasil tulisan yang
dapat dipublikasikan kepada khalayak umum melalui media website. Tampilan halaman
Non-peraturan dapat dilihat pada gambar dibawah ini:

Untuk melakukan maintenance (penambahan, merubah, dan menghapus) data Non-

peraturan tersebut dapat dilakukan dengan cara masuk ke halaman manajemen NON-
PERATURAN yaitu dengan cara mengarahkan kursor ke menu Non-Peraturan, seperti
gambar dibawah ini:

Badan Pembinaan Hukum Nasional

www.bphn.go.id
 25

Setelah melakukan tahapan diatas, maka akan muncul halaman seperti dibawah ini :

4.5.1. MENAMBAH DATA BARU (ADDED NEW) DATA NON-PERATURAN

Untuk melakukan penambahan data baru (added new) data non-peraturan, dapat
dilakukan dengan cara berikut :
Melakukan pengisian form data seperti dibawah ini,
Catatan :
DATA NON-PERATURAN (* wajib diisi)
- * Judul/Subjek (judul dari buku/produk non-peraturan yang akan diupload)
- Full Document Non-Peraturan (file yang dapat di unduh oleh pengunjung)
- *Input Thumbnail Non-Peraturan (tampilan dari buku/produk hukum non-
peraturan tersebut)

DATA ABSTRAK NON-PERATURAN (* wajib diisi)

- Col. Number
- * Pengarang Buku
- Judul Buku
- Kota Terbit
- Penerbit Buku
- Tahun Terbit Buku
- Jilid
- Jumlah Halaman Buku
- Tebal Buku
- Subjek & Pengarang Buku
- Nomor Induk
- Status Buku

Badan Pembinaan Hukum Nasional

www.bphn.go.id
 26

Jika sudah mengisi semua form yang ada, arahkan kursor ke tombol Save,

Secara otomatis data akan bertambah

4.5.2. MELAKUKAN PERUBAHAN DATA (EDIT DATA) NON-PERATURAN

Untuk melakukan perubahaan data, arahkan kursos ke tombol (edit) pada data
yang ingin dirubah,lalu

Melakukan pengisian form data seperti halnya pada penambahan data diatas.

Badan Pembinaan Hukum Nasional

www.bphn.go.id
 27

Jika sudah mengisi semua form yang ada, arahkan kursor ke tombol Save,

Secara otomatis data akan berubah

4.5.3. MENGHAPUS DATA NON-PERATURAN

Untuk melakukan penghapusan data non-peraturan dilakukan dengan cara

mengarahkan kursor ke tombol (delete),

Lalu akan muncul pop-up seperti berikut,

Kemudian klik tombol (OK)

Secara otomatis data akan terhapus,

4.6. MANAJEMEN BERITA HUKUM

Tampilan halaman berita hukum dapat dilihat pada gambar dibawah ini:

Badan Pembinaan Hukum Nasional

www.bphn.go.id
 28

Untuk melakukan maintenance (penambahan, merubah, dan menghapus) data berita

hukum tersebut dapat dilakukan dengan cara masuk ke halaman manajemen BERITA
HUKUM yaitu dengan cara mengarahkan kursor ke menu Berita Hukum, seperti gambar
dibawah ini :

Setelah melakukan tahapan diatas, maka akan muncul halaman seperti dibawah ini :

4.6.1. MENAMBAH DATA BARU (ADDED NEW) DATA BERITA HUKUM

Untuk melakukan penambahan data baru (added new) data berita hukum, dapat
dilakukan dengan cara berikut :
Arahkan kursor ke tombol (added new), lalu
Melakukan pengisian form data seperti dibawah ini,

Badan Pembinaan Hukum Nasional

www.bphn.go.id
 29

Jika sudah mengisi semua form yang ada, arahkan kursor ke tombol Simpan,

Secara otomatis data akan bertambah

4.6.2. MELAKUKAN PERUBAHAN DATA (EDIT DATA) BERITA HUKUM

Untuk melakukan perubahaan data, arahkan kursos ke tombol (edit) pada data
yang ingin dirubah,lalu

Melakukan pengisian form data seperti halnya pada penambahan data diatas.
Jika sudah mengisi semua form yang ada, arahkan kursor ke tombol Simpan,

Secara otomatis data akan berubah

4.6.3. MENGHAPUS DATA BERITA HUKUM

Untuk melakukan penghapusan data dilakukan dengan cara mengarahkan kursor ke

tombol (delete),

Lalu akan muncul pop-up seperti berikut,

Kemudian klik tombol (OK)

Secara otomatis data akan terhapus,

Badan Pembinaan Hukum Nasional

www.bphn.go.id
 30

4.7. MANAJEMEN PENGETAHUAN HUKUM PRAKTIS

Tampilan halaman Pengetahuan hukum praktis dapat dilihat pada gambar dibawah ini:

Untuk melakukan maintenance (penambahan, merubah, dan menghapus) data berita

hukum tersebut dapat dilakukan dengan cara masuk ke halaman manajemen
PENGETAHUAN HUKUM PRAKTIS yaitu dengan cara mengarahkan kursor ke menu
Pengetahuan Hukum Praktis, seperti gambar dibawah ini :

Setelah melakukan tahapan diatas, maka akan muncul halaman seperti dibawah ini :

Badan Pembinaan Hukum Nasional

www.bphn.go.id
 31

4.7.1. MENAMBAH DATA BARU (ADDED NEW) DATA PENGETAHUAN HUKUM PRAKTIS

Untuk melakukan penambahan data baru (added new) data pengetahuna hukum
praktis, dapat dilakukan dengan cara berikut :
Arahkan kursor ke tombol (added new), lalu
Melakukan pengisian form data seperti dibawah ini,

Jika sudah mengisi semua form yang ada, arahkan kursor ke tombol Simpan,

Secara otomatis data akan bertambah

4.7.2. MELAKUKAN PERUBAHAN DATA (EDIT DATA) PENGETAHUAN HUKUM PRAKTIS

Untuk melakukan perubahaan data, arahkan kursos ke tombol (edit) pada data
yang ingin dirubah,lalu

Badan Pembinaan Hukum Nasional

www.bphn.go.id
 32

Melakukan pengisian form data seperti halnya pada penambahan data diatas.
Jika sudah mengisi semua form yang ada, arahkan kursor ke tombol Simpan,

Secara otomatis data akan berubah

4.7.3. MENGHAPUS DATA PENGETAHUAN HUKUM PRAKTIS

Untuk melakukan penghapusan data dilakukan dengan cara mengarahkan kursor ke

tombol (delete),

Lalu akan muncul pop-up seperti berikut,

Kemudian klik tombol (OK)

Secara otomatis data akan terhapus,

4.8. MANAJEMEN LINK TERKAIT

Untuk melakukan maintenance (penambahan, merubah, dan menghapus) data link

terkait dapat dilakukan dengan cara masuk ke halaman manajemen LINK TERKAIT yaitu
dengan cara mengarahkan kursor ke menu Link Terkait, seperti gambar dibawah ini :

Badan Pembinaan Hukum Nasional

www.bphn.go.id
 33

Setelah melakukan tahapan diatas, maka akan muncul halaman seperti dibawah ini :

4.8.1. MENAMBAH DATA BARU (ADDED NEW) LINK TERKAIT

Untuk melakukan penambahan data baru (added new) kategori peraturan, dapat
dilakukan dengan cara berikut :
Melakukan pengisian form data seperti dibawah ini,
Catatan : - Pemilihan KELOMPOK MENU LINK, disesuaikan dengan link yang akan
dibuat, apakah link tersebut berada dibawah link pusat yang ada atau
merupakan link yang memiliki jenis peraturan dibawahnya.
- Pengisian Title Link diisi berdasarkan Judul dari link yang akan dibuat.
- Pengisian URL diwajibkan dimulai dengan www.namasitus.go.id atau
.com atau yang lainnya sesuai dengan alamat url-nya.
- Pengisian URUTAN berdasarkan urutan dari link tersebut.

Setelah itu, arahkan kursor ke tombol (add), lalu

Secara otomatis data akan bertambah

Badan Pembinaan Hukum Nasional

www.bphn.go.id
 34

4.8.2. MELAKUKAN PERUBAHAN DATA (EDIT DATA) LINK TERKAIT

Melakukan pengisian form data seperti halnya penambahan data,

Setelah itu, arahkan kursor ke tombol (edit), lalu

Secara otomatis data akan berubah

4.8.3. MENGHAPUS LINK TERKAIT

Untuk melakukan penghapusan data link terkait dilakukan dengan cara mengarahkan
kursor ke tombol (delete),

Lalu akan muncul pop-up seperti berikut,

Kemudian klik tombol (OK)

Secara otomatis data akan terhapus,

Badan Pembinaan Hukum Nasional

www.bphn.go.id
 35

4.9. MANAJEMEN KOTAK SARAN

Untuk melakukan maintenance (melihat dan menghapus) data kotak saran dapat
dilakukan dengan cara masuk ke halaman manajemen KOTAK SARAN yaitu dengan cara
mengarahkan kursor ke menu Kotak Saran, seperti gambar dibawah ini :

Setelah melakukan tahapan diatas, maka akan muncul halaman seperti dibawah ini :

4.9.1. MELIHAT DATA BARU KOTAK SARAN (Message from Visitor)

Untuk melihat data baru atau melihat pesan baru dari pengunjung website JDIH, dapat
dilakukan dengan cara berikut :
Arahkan kursos ke tombol View, lalu
Akan muncul tamplan seperti berikut,

Untuk kembali ke menu / list pesan dari pengunjung bisa menekan tombol Back

Catatan : kotak saran adalah sarana untuk pengujung dapat berinteraksi dengan
administrator dari website JDIH ini. Jadi jika terdapat pertanyaan dari
pengujung harap membalas dengan email resmi kantor.

4.9.2. MENGHAPUS DATA KOTAK SARAN (pesan dari pengunjung)

Untuk melakukan penghapusan data kotak saran dilakukan dengan cara mengarahkan
kursor ke tombol (delete),

Badan Pembinaan Hukum Nasional

www.bphn.go.id
 36

Lalu akan muncul pop-up seperti berikut,

Kemudian klik tombol (OK)

Secara otomatis data akan terhapus,

4.10. MANAJEMEN LOGO ANGGOTA JARINGAN, HEADER WEBSITE, & FOOTER WEBSITE

Seperti yang sudah dijelaskan pada BAB II, mengenai bagian-bagian dari website JDIH.
Terdapat bagian yang bernama HEADER yang terdiri dari logo pusat JDIH dan banner
anggota JDIH. Selain HEADER, terdapat pula bagian yang bernama FOOTER yang berisi
informasi dari alamat atau pun contact person dari pemilik website JDIH tersebut.

Untuk melakukan maintenance bagian tersebut dapat dilakukan dengan cara masuk
ke halaman manajemen EDIT LOGO DAERAH DAN HEADER yaitu dengan cara mengarahkan
kursor ke menu Template >> edit logo daerah dan header , seperti gambar dibawah ini :

Setelah melakukan tahapan diatas, maka akan muncul halaman seperti dibawah ini :

Badan Pembinaan Hukum Nasional

www.bphn.go.id
 37

4.10.1. MELAKUAKAN PERUBAHAN INFORMASI FOOTER WEBSITE

Berikut adalah tahapan dalam merubah informasi pada bagian footer website JDIH.

1. Ketikkan perubahan informasi pada form EDIT FOOTER WEBSITE, sperti gambar
dibawah ini,

2. Jika sudah mengisi informasi tersebut, lalu klik tombol Update.

3. Secara otomatis footer website JDIH telah terubah

4.10.2. MELAKUKAN INSTALLASI APLIKASI SOFTWARE PHOTOSHOP 7.0

Dalam tahapan ini diwajibkan untuk melakukan installasi aplikasi atau software
pendukung yaitu Adobe Photoshop 7.0 terlebih dahulu (tahapan ini dilakukan jika belum
melakukan installasi software tersebut). Berikut adalah tahapannya:

1. Buka kembali CD-ROM website JDIH, lalu masuk ke dalam folder Aplikasi Pendukung >>
Photoshop,
2. Kemudian klik ganda pada file Setup.exe.

Badan Pembinaan Hukum Nasional

www.bphn.go.id
 38

3. Lalu akan muncul tampilan seperti berikut, Klik tombol Next,

4. lalu muncul windows box. Klik OK

5. Pilih Next,

Badan Pembinaan Hukum Nasional

www.bphn.go.id
 39

6. Kemudian pilih Accept,

7. Lalu isi form yang disediakan, jika sudah semua diisi selanjutnya klik tombol Next,
Catatan : isikan serial key berikut : 1045-1883-4486-4276-0505-3027

8. Pilih Yes,

Badan Pembinaan Hukum Nasional

www.bphn.go.id
 40

9. Lalu pilih Next, dengan radio button pada pilihan Typical,

10. Pilih Next lagi,

11. Kemudian Next lagi,

Badan Pembinaan Hukum Nasional

www.bphn.go.id
 41

12. Tunggu Proses installasi hingga selesai

13. Lalu pilih Finish

14. Jika sudahselesai semua, buka pada tombol windows

15. lalu cari dan buka program Adobe Photoshop 7.0

Badan Pembinaan Hukum Nasional

www.bphn.go.id
 42

16. Jika sudah dibuka, akan muncul halaman seperti dibawah

4.10.3. MELAKUKAN PERUBAHAN BANNER HEADER DAN LOGO DAERAH /ANGGOTA JDIH

Setelah selesai melakuakn installasi aplikasi pendukung, selanjutnya kita akan

melakukan perubahan banner header dan logo anggota daerah atau anggota JDIH. Berikut
adalah tahapan-tahapan dalam melakukan perubahan banner header dan logo anggota:

1. Buka kembali CD-ROM website JDIH, lalu masuk ke dalam folder Contoh File Upload >>
Design Logo, Header, dan lain-lain,
2. Lalu pilih file header.psd dengan cara klik ganda pada file tersebut. Maka akan muncul
tampilan seperti dibawah ini,

Badan Pembinaan Hukum Nasional

www.bphn.go.id
 43

3. Pilih simbol T pada toolbar kiri,

4. Lalu klik pada tulisan NAMA ANGGOTA JARINGAN, dan ganti menjadi KABUPATEN
BOGOR sebagai contoh.

5. Pada tahapan perubahan nama anggota JDIH sudah selesai, selanjutnya merubah logo
anggota jaringan tersebut. Tahapannya ialah buka file, dengan cara ketik Ctrl + O atau
dengan cara buka menu file di pojok kiri atas, lalu pilih Open : FILE >> OPEN

6. Maka akan muncul tampilan seperti berikut,

Badan Pembinaan Hukum Nasional

www.bphn.go.id
 44

7. Pilih direktori CD-ROM website JDIH, lalu masuk ke dalam folder Contoh File Upload >>
Design Logo, Header, dan lain-lain, selanjutnya klik ganda pada file Logo anggota.png.
8. Maka akan muncul tampilan seperti berikut,

9. Selanjutnya pilih simbol kursor pada toolbar kiri

10. Lalu klik, dan tahan pada gambar logo anggota, lalu drag atau geser menuju banner
anggota jaringan yang berada di sebelahnya, dan lepaskan. Maka tampilannya akan
seperti ini,

11. Jika logo anggota sudah menyatu dengan banner header, selanjutnya tinggal
merapihkan posisi atau melakukan resize logo anggota jaringan agar sesuai dengan
posisi dalam banner header.

Badan Pembinaan Hukum Nasional

www.bphn.go.id
 45

12. Jika dirasa sudah selesai semuanya, penempatan logo anggota sudah sesuai,selanjutnya
ialah melakukan penyimpanan atau save dengan cara Crtl + Shift + S atau dengan cara
dengan cara buka menu file di pojok kiri atas, lalu pilih Open : FILE >> SAVE AS.
13. Maka akan muncul tampilan seperti berikut,

14. Pilih direktori Desktop,

Badan Pembinaan Hukum Nasional

www.bphn.go.id
 46

15. Lalu ganti format file menjadi JPG, selanjutnya pilih tombol Save.

16. Lalu akan muncul windows box seperti berikut, pilih tombok OK

17. Selanjutnya lakukan upload header banner website JDIH, dengan cara buka browser
yang tadi dibuka,
18. Lalu klik tombol browse, seperti pada gambar dibwah ini;

Badan Pembinaan Hukum Nasional

www.bphn.go.id
 47

19. Lalu akan muncul tampilan seperti berikut,

20. Pilih direktori Desktop, lalu pilih file header.jpg, pilih open

21. Secara otomatis banner header akan berubah.

Badan Pembinaan Hukum Nasional

www.bphn.go.id
 48

4.11. MANAJEMEN RUNNING TEXT

Untuk melakukan maintenance informasi Running Text dapat dilakukan dengan cara
masuk ke halaman manajemen RUNNING TEXT yaitu dengan cara mengarahkan kursor ke
menu Running Text, seperti gambar dibawah ini:

Setelah melakukan tahapan diatas, maka akan muncul halaman seperti dibawah ini :

Berikut adalah tahapan dalam merubah informasi pada bagian Running Text website JDIH.

1. Ketikkan perubahan informasi pada form EDIT RUNNING TEXT HEADER, sperti
gambar dibawah ini,

2. Jika sudah mengisi informasi tersebut, lalu klik tombol Update.

3. Secara otomatis footer website JDIH telah terubah

Badan Pembinaan Hukum Nasional

www.bphn.go.id
 49

BAB V
PENUTUP

Akhirnya kita sampai pada penghujung pelatihan ini, semoga apa yang telah kita
pelajari dan kita praktekkan bersama dapat bermanfaat dan menjadi pegangan anda dalam
mengelola website JDIH dengan masksimal dan sebaik-baiknya. Kami selaku team penyusun
mengucapkan terima kasih yang sebesar-besarnya kepada para peserta yang telah
menyempatkan waktunya untuk mengikuti pelatihan ini.

Akhir kata semoga pelatihan ini bermanfaat dan berguna untuk anda.

Badan Pembinaan Hukum Nasional

www.bphn.go.id