modul pelatihan pola standar website jdih - bphn
TRANSCRIPT
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
Badan Pembinaan Hukum Nasional www.bphn.go.id
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
1
Badan Pembinaan Hukum Nasional www.bphn.go.id
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.
2
Badan Pembinaan Hukum Nasional www.bphn.go.id
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 :
2
3
4
5
7
6
8
9
10
11
1
3
Badan Pembinaan Hukum Nasional www.bphn.go.id
No Nama Bagian Keterangan
1 a. Logo Pengayoman / JDIH Pusat Header b. Banner Header & Logo Anggota
Jaringan Header
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)
4
Badan Pembinaan Hukum Nasional www.bphn.go.id
No Nama Bagian Keterangan
f. Kotak Saran Halaman yang berguna untuk menampung masukan dari pengunjung atau masyarakat umum.
3 Non-Peraturan Halaman yang berisi data-data produk hukum Non Peraturan, dapat berupa buku-buku hsail tulisan yang diperbolehkan dipublikasikan atau pun produk hukum lainnya.
4 Link Terkait Halaman yang berisi kumpulan link didalam Situs Pusat Jaringan, maupun situs anggota JDIH yang lainnya.
5 Statistik Pengunjung Halaman yang berisik data statistik pengunjung website JDIH.
6 a. Informasi tanggal - b. Running Text Informasi singkat / sambutan selamat datang
kepada user atau pengunjung c. Pencarian peraturan berdasarkan
subjek / judul peraturan ] Fungsi pencarian peraturan berdasarkan subjek atau Tentang Peraturan yang akan dicari.
7 Berita Hukum Terbaru Halaman yang menampilkan Berita Hukum. 8 a. Pencarian Peraturan Form pencarian peratuan yang dapat mencari
peraturan berdasarkan: - Jenis Peraturan - Nomor Peraturan - Tahun Peraturan - Tentang - Status Akhir peraturan
b. Pencarian Non-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
9 Peraturan Terbaru Halaman yang menampilkan peraturan yang terbaru diupload kedalam website JDIH
10 Pengetahuan Hukum Praktis Halaman yang menampilkan informasi-informasi mengenai pengetahuna hukum praktis, seperti contoh pembentukkan peraturan perundang-undangan menurut UU 21 Tahun 2011.
11 Informasi alamat dari anggota JDIH / alamat pemilik website JDIH
Footer
5
Badan Pembinaan Hukum Nasional www.bphn.go.id
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;
6
Badan Pembinaan Hukum Nasional www.bphn.go.id
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
7
Badan Pembinaan Hukum Nasional www.bphn.go.id
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;
8
Badan Pembinaan Hukum Nasional www.bphn.go.id
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.
9
Badan Pembinaan Hukum Nasional www.bphn.go.id
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.
10
Badan Pembinaan Hukum Nasional www.bphn.go.id
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 :
11
Badan Pembinaan Hukum Nasional www.bphn.go.id
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
12
Badan Pembinaan Hukum Nasional www.bphn.go.id
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,
13
Badan Pembinaan Hukum Nasional www.bphn.go.id
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:
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.
Tampilan Menu Dinamis
pada website JDIH
14
Badan Pembinaan Hukum Nasional www.bphn.go.id
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
15
Badan Pembinaan Hukum Nasional www.bphn.go.id
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 :
16
Badan Pembinaan Hukum Nasional www.bphn.go.id
Setelah tahapan tersebut maka akan muncul halaman seperti di bawah, lalu isikan /
rubah isi menu dinamis tersebut.
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
Isikan Content dari Menu Dinamis di sini
17
Badan Pembinaan Hukum Nasional www.bphn.go.id
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.
18
Badan Pembinaan Hukum Nasional www.bphn.go.id
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),
19
Badan Pembinaan Hukum Nasional www.bphn.go.id
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 :
20
Badan Pembinaan Hukum Nasional www.bphn.go.id
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
21
Badan Pembinaan Hukum Nasional www.bphn.go.id
- 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
22
Badan Pembinaan Hukum Nasional www.bphn.go.id
23
Badan Pembinaan Hukum Nasional www.bphn.go.id
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,
24
Badan Pembinaan Hukum Nasional www.bphn.go.id
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:
25
Badan Pembinaan Hukum Nasional www.bphn.go.id
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
26
Badan Pembinaan Hukum Nasional www.bphn.go.id
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.
27
Badan Pembinaan Hukum Nasional www.bphn.go.id
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:
28
Badan Pembinaan Hukum Nasional www.bphn.go.id
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,
29
Badan Pembinaan Hukum Nasional www.bphn.go.id
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,
30
Badan Pembinaan Hukum Nasional www.bphn.go.id
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 :
31
Badan Pembinaan Hukum Nasional www.bphn.go.id
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
32
Badan Pembinaan Hukum Nasional www.bphn.go.id
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 :
33
Badan Pembinaan Hukum Nasional www.bphn.go.id
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
34
Badan Pembinaan Hukum Nasional www.bphn.go.id
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,
35
Badan Pembinaan Hukum Nasional www.bphn.go.id
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),
36
Badan Pembinaan Hukum Nasional www.bphn.go.id
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 :
37
Badan Pembinaan Hukum Nasional www.bphn.go.id
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.
38
Badan Pembinaan Hukum Nasional www.bphn.go.id
3. Lalu akan muncul tampilan seperti berikut, Klik tombol Next,
4. lalu muncul windows box. Klik OK
5. Pilih Next,
39
Badan Pembinaan Hukum Nasional www.bphn.go.id
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,
40
Badan Pembinaan Hukum Nasional www.bphn.go.id
9. Lalu pilih Next, dengan radio button pada pilihan Typical,
10. Pilih Next lagi,
11. Kemudian Next lagi,
41
Badan Pembinaan Hukum Nasional www.bphn.go.id
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
42
Badan Pembinaan Hukum Nasional www.bphn.go.id
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,
43
Badan Pembinaan Hukum Nasional www.bphn.go.id
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,
44
Badan Pembinaan Hukum Nasional www.bphn.go.id
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.
45
Badan Pembinaan Hukum Nasional www.bphn.go.id
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,
46
Badan Pembinaan Hukum Nasional www.bphn.go.id
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;
47
Badan Pembinaan Hukum Nasional www.bphn.go.id
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.
48
Badan Pembinaan Hukum Nasional www.bphn.go.id
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
49
Badan Pembinaan Hukum Nasional www.bphn.go.id
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.