MODUL PELATIHAN POLA STANDAR WEBSITE JDIH - Bphn

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


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 :

2

3

4

5

7

6

8

9

10

11

1

3


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


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


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.

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.

http://localhost/jdih/admin/

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


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


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:

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 :


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




4.2.2. MELAKUKAN PERUBAHAN DATA (EDIT DATA) CONTENT DINAMIS


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



15


4.2.3. MENGHAPUS CONTENT DINAMIS

Untuk melakukan penghapusan data menu content dinamis dilakukan dengan cara





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.

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


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



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




4.3.2. MELAKUKAN PERUBAHAN DATA (EDIT DATA) KATEGORI PERATURAN


Contoh : Merubah BENTUK KATEGORI PERATURAN Peraturan daerah menjadi

Peraturan Kabupaten.

- sama halnya untuk merubah urutan dan kelompok menu peraturan.



4.3.3. MENGHAPUS KATEGORI PERATURAN

Untuk melakukan penghapusan data kategori peraturan dilakukan dengan cara


19





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 :


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,


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.



4.4.3. MENGHAPUS PERATURAN

Untuk melakukan penghapusan data peraturan dilakukan dengan cara mengarahkan

kursor ke tombol (delete),


24




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



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

Untuk melakukan penambahan data baru (added new) data non-peraturan, dapat



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




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




27




4.5.3. MENGHAPUS DATA NON-PERATURAN

Untuk melakukan penghapusan data non-peraturan dilakukan dengan cara





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


Arahkan kursor ke tombol (added new), lalu


29


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


4.6.2. MELAKUKAN PERUBAHAN DATA (EDIT DATA) BERITA HUKUM






4.6.3. MENGHAPUS DATA BERITA HUKUM

Untuk melakukan penghapusan data dilakukan dengan cara mengarahkan kursor ke

tombol (delete),




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




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



32





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



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.



http://www.namasitus.go.id/

34


4.8.2. MELAKUKAN PERUBAHAN DATA (EDIT DATA) LINK TERKAIT

Melakukan pengisian form data seperti halnya penambahan data,



4.8.3. MENGHAPUS LINK TERKAIT

Untuk melakukan penghapusan data link terkait dilakukan dengan cara mengarahkan





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


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


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.


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.


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

Documents

Transcript of MODUL PELATIHAN POLA STANDAR WEBSITE JDIH - Bphn