MODUL PELATIHAN POLA STANDAR WEBSITE JDIH

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.


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

3

7 8

4

9

5

10 11


3

No 1

2

Nama Bagian a. Logo Pengayoman / JDIH Pusat b. Banner Header & Logo Anggota Jaringan a. Halaman Utama b. Visi & Misi

c. Sejarah JDIH

d. Profil

e. Peraturan

Keterangan Header Header Home / halaman utama ketika user mengakses website JDIH - Merupakan menu dinamis yang dapat diubah di halaman CMS admin. - Halaman yang berisi Visi dan Misi Pusat Jaringan Dokumentasi dan Informasi Hukum Nasional. - Merupakan menu dinamis yang dapat diubah di halaman CMS admin. - Halaman yang berisi sejarah singkat Jaringan Dokumentasi dan Informasi Hukum Nasional. - 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. - 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 Undangundang (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

4

No

3

4

5 6

7 8

9 10

11

Nama Bagian f. Kotak Saran

Keterangan Halaman yang berguna untuk menampung masukan dari pengunjung atau masyarakat umum. 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. Link Terkait Halaman yang berisi kumpulan link didalam Situs Pusat Jaringan, maupun situs anggota JDIH yang lainnya. Statistik Pengunjung Halaman yang berisik data statistik pengunjung website JDIH. a. Informasi tanggal b. Running Text Informasi singkat / sambutan selamat datang kepada user atau pengunjung c. Pencarian peraturan berdasarkan Fungsi pencarian peraturan berdasarkan subjek / judul peraturan ] subjek atau Tentang Peraturan yang akan dicari. Berita Hukum Terbaru Halaman yang menampilkan Berita Hukum. 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 NonPeraturan berupa buku-buku hasil tulisan yang dapat dipublikasikan, berdasarkan : - Judul Buku - Pengarang Buku - Penerbit Buku - Kota Terbit - Tahun Terbit Peraturan Terbaru Halaman yang menampilkan peraturan yang terbaru diupload kedalam website JDIH Pengetahuan Hukum Praktis Halaman yang menampilkan informasiinformasi mengenai pengetahuna hukum praktis, seperti contoh pembentukkan peraturan perundang-undangan menurut UU 21 Tahun 2011. Informasi alamat dari anggota JDIH / Footer alamat pemilik website JDIH


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;


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


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;


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.


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 :


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.


(edit), lalu


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,


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 :


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.


14

 Setelah itu, arahkan kursor ke tombol  Secara otomatis data akan bertambah

(add), lalu

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



Secara otomatis data akan berubah

(edit), lalu


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 :


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 :


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


(add), lalu


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.


(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



Lalu akan muncul pop-up seperti berikut,







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


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

-

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


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),



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 Nonperaturan tersebut dapat dilakukan dengan cara masuk ke halaman manajemen NONPERATURAN yaitu dengan cara mengarahkan kursor ke menu Non-Peraturan, seperti gambar dibawah ini:


25


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 nonperaturan 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


 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


 Melakukan pengisian form data seperti halnya pada penambahan data diatas.


27


 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),




 


4.6. MANAJEMEN BERITA HUKUM Tampilan halaman berita hukum dapat dilihat pada gambar dibawah ini:


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 :


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

 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


 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),




 

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 :



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



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),









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


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.


(add), lalu



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),











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 :


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










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 :



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.


38

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

4. lalu muncul windows box. Klik OK

5. Pilih Next,


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,


40

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

10. Pilih Next lagi,

11. Kemudian Next lagi,


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


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,


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,


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.


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,


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;


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.


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:


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

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.


MODUL PELATIHAN POLA STANDAR WEBSITE JDIH

Recommend Documents