petunjuk penggunaan - jdihn.idjdihn.id/public/uploads/user_guide/integrasi.pdf · gambar 1. contoh...

1 | U s e r G u i d e J D I H N I n t e g r a s i

Badan Pembinaan Hukum Nasional

Pusat Dokumentasi dan Jaringan Informasi Hukum Nasional

Email : [email protected]

Address : Jalan Mayjend Soetoyo No 10 Cililitan Jakarta Timur

Jl. Raya Condet No.27 Gedong, Pasar Rebo, Jakarta 13760

Phone : 62-21 8091908

PETUNJUK PENGGUNAAN Aplikasi Jaringan Dokumentasi dan Informasi Hukum Nasional (JDIHN)

Proses Integrasi


DAFTAR ISI

DAFTAR ISI ........................................................................................................................................ 1

DAFTAR GAMBAR ............................................................................................................................. 2

1 Penggunaan Aplikasi ................................................................................................................. 4

1.1 Pendaftaran Akun .............................................................................................................. 4

1.2 Aktivasi Akun Oleh Admin .................................................................................................. 6

1.3 Login Anggota .................................................................................................................... 7

1.4 Modul Anggota .................................................................................................................. 8

1.4.1 Halaman Dashboard Anggota ..................................................................................... 8

1.4.2 Memulai Konfigurasi Tipe Aplikasi Standart ................................................................ 8

1.4.3 Memulai Konfigurasi Non-Standart ............................................................................. 9

1.4.4 Menu History ............................................................................................................ 10

1.4.5 Menu Informasi Tipe Dokumen ................................................................................ 11

1.5 Modul Administrator (Pusat BPHN) .................................................................................. 11

1.5.1 Menu Dashboard ...................................................................................................... 12

1.5.2 Memulai Konfigurasi Tipe Aplikasi Standart .............................................................. 12

1.5.3 Memulai Konfigurasi Non-Standart ........................................................................... 13

1.5.4 Menu History ........................................................................................................... 14

1.5.5 Menu Pengelolaan.................................................................................................... 15

1.5.6 Informasi Tipe Dokumen .......................................................................................... 23


DAFTAR GAMBAR Gambar 2. Contoh Pengisian Data Email, Password Dan Kategori Anggota......................................... 4

Gambar 3. Contoh Pengisian Tipe Aplikasi Standart ........................................................................... 4

Gambar 4. Contoh Pengisian Data Telelpon, Alamat, Nama Akhir Anggota. ....................................... 4

Gambar 5. Tombol Aksi ..................................................................................................................... 4

Gambar 6. Peringatan Password Confirmation................................................................................... 5

Gambar 7. Peringatan Email Confirmation ......................................................................................... 5

Gambar 8. Peringatan Error Format URL ............................................................................................ 6

Gambar 9. Notifiikasi Verifikasi Pendaftaran Berhasil......................................................................... 6

Gambar 10. Verifikasi login ................................................................................................................ 6

Gambar 11. Form Login JDIHN ........................................................................................................... 7

Gambar 12. Notifikasi Login Berhasil ................................................................................................. 7

Gambar 13. Form Login ..................................................................................................................... 7

Gambar 14 Email Pemberitahuan Akun Aktif ..................................................................................... 8

Gambar 15 Tampilan Email Pemberitahuan ....................................................................................... 8

Gambar 16 Halaman Konfigurasi Tipe Standart .................................................................................. 9

Gambar 17 Pilihan Tipe Sinkronisasi .................................................................................................. 9

Gambar 18 Contoh Url Sync ............................................................................................................... 9

Gambar 19 Notifikasi URL Sinkronisasi berhasil disimpan................................................................... 9

Gambar 20 Notifikasi URL Sinkronisasi berhasil disimpan................................................................... 9

Gambar 21 Tabel Mapping Struktur Data ......................................................................................... 10

Gambar 22 File Integrasi .................................................................................................................. 10

Gambar 23 Daftar History ................................................................................................................ 11

Gambar 24 Halaman Infomasi Tipe Dokumen .................................................................................. 11

Gambar 25 Halaman Dashboard User Administrator ....................................................................... 12

Gambar 26 Halaman Konfigurasi Tipe Standart ................................................................................ 12

Gambar 27 Pilihan Tipe Sinkronisasi ................................................................................................ 12

Gambar 28 Contoh Url Sync ............................................................................................................ 13

Gambar 29 Notifikasi URL Sinkronisasi berhasil disimpan................................................................. 13

Gambar 30 Notifikasi URL Sinkronisasi gagal disimpan ..................................................................... 13

Gambar 31 Halaman Konfigurasi Standart Administrator ................................................................. 14

Gambar 32 Halaman Menu History .................................................................................................. 15

Gambar 33 Setting Background ....................................................................................................... 15

Gambar 34 Alert Kesalahan ............................................................................................................. 16

Gambar 35 Tambah Background Baru.............................................................................................. 16

Gambar 36 Edit Data Background .................................................................................................... 16

Gambar 37 Alert Kesalahan ............................................................................................................. 17

Gambar 38 Halaman Lihat Background ............................................................................................ 17

Gambar 39 Cari Background ............................................................................................................ 17

Gambar 40 Pemberitahuan Konfirmasi Hapus Data ......................................................................... 18

Gambar 41 Daftar Pengguna............................................................................................................ 18

Gambar 42 Cari Data Pengguna ....................................................................................................... 19

Gambar 43 Edit Data Pengguna ....................................................................................................... 19

Gambar 44 View Pengguna .............................................................................................................. 19

Gambar 45 Hapus Pengguna ............................................................................................................ 20

Gambar 46 Daftar Rekapitulasi ........................................................................................................ 20

Gambar 47 Publish Rekapitulasi ....................................................................................................... 20


Gambar 48 Informasi Peta ............................................................................................................... 21

Gambar 49 Tambah Data Informasi Peta ......................................................................................... 22

Gambar 50 Ubah Data Informasi ..................................................................................................... 22

Gambar 51 Alert Konfirmasi Hapus Data Informasi .......................................................................... 22

Gambar 52 Tampilan Penilanian Tingkat Kepuasan Pengunjung pada Halaman Font End. ................ 23

Gambar 53 Tampilan Grafik Berjalan Tingkat Kepuasan Pengunjung ................................................ 23

Gambar 54 Halaman Infomasi Tipe Dokumen .................................................................................. 24

Gambar 55 Form Tambah Tipe Dokumen Baru ................................................................................ 24

Gambar 56 Pilihan Jenis Hirarki ....................................................................................................... 24

Gambar 57 Pilihan Hirarki. ............................................................................................................... 25

Gambar 58 Notifikasi Data berhasil ditambahkan ............................................................................ 25

Gambar 59 Notifikasi Hapus Data Tipe Dokumen ............................................................................. 25

Gambar 60 Alert Dokumen Berhasil Dihapus ................................................................................... 25

Gambar 61 Notifikasi Data Batal Dihapus ........................................................................................ 25

Gambar 62 Form Edit Data Tipe Dokumen ....................................................................................... 26

Gambar 63 Alert Update Data ......................................................................................................... 26


1 Penggunaan Aplikasi

1.1 Pendaftaran Akun Bagian ini menjelaskan tata cara pendaftaran akun oleh Anggota JDIHN. Akun yang telah

terdaftar dapat digunakan user Anggota untuk masuk ke sistem dan melakukan penyaluran dan

sinkronisasi data dengan data pusat.

Berikut merupakan tahapan-tahapan yang harus diperhatikan untuk melakukan pendaftaran

akun anggota :

Tampilan Langkah Penggunaan

Gambar 1. Halaman Pendaftaran

Gambar 1. Contoh Pengisian Data Email, Password Dan Kategori Anggota

Gambar 2. Contoh Pengisian Tipe Aplikasi Standart

Gambar 3. Contoh Pengisian Data Telelpon, Alamat, Nama Akhir Anggota.

1. Klik menu Login pada menu bar halaman awal.

2. Sistem akan menampilkan halaman login

3. Klik tombol Daftar, untuk melakukan pendaftaran anggota

4. Aplikasi akan menampilkan form Pendaftaran.

5. Selanjutnya pada form pendaftaran, user isi Password yang akan digunakan untuk login akun, dan ulangi password pada field Ketik Ulang Password. Password yang di input harus memenuhi jumlah digit minimal yaitu 6 karakter boleh huruf atau angka.

6. User mengisi alamat Email yang valid dan aktif.

7. User pilih Kategori Anggota sesuai dengan instansi/organisasi dari anggota

8. Untuk Tipe Aplikasi, user harus memilih salah satu dari pilihan yang disediakan.

• User dipilih tipe Standart, tipe ini digunakan apabila anggota menggunakan aplikasi yang ada dipusat.

9. Pilih Tipe Aplikasi untuk menentukan jenis aplikasi yang dimiliki anggota JDIHN

• Standart berarti aplikasi anggota adalah aplikasi yang didapat dari pusat dan memiliki struktur data yang sama dengan aplikasi pusat.

• Non Standart berarti aplikasi anggota memiliki struktur data yang berbeda dengan

Gambar 4. Tombol Aksi



aplikasi pusat, sehingga perlu melakukan konfigurasi sturktur data sebelum dapat melakukan sinkronisasi data

10. Isi alamat link Webpage Anggota 11. Setelah memilih tipe aplikasi,

user mengisikan nomor Telepon instansi atau yang mewakilkan instansi anggota.

12. Isi Alamat dari instansi anggota 13. Isi Nama Awal dan Nama Akhir

dari anggota 14. Kemudian klik Simpan jika data

yang diinput sudah benar dan valid.

15. Atau klik Batal jika tidak ingin melanjutkan proses pendaftaran.

Tampilan pesan/informasi dan cara penanganan kesalahan pada form pendaftaran akun anggota.


Gambar 5. Peringatan Password Confirmation

Gambar 6. Peringatan Email Confirmation

Peringatan ini memiliki arti password yang di input oleh user pendaftar tidak sama pada bagian Ketik Ulang Password. Ulangi proses input password dengan teliti. Peringatan ini memiliki arti email yang di input telah terdaftar, user anggota diharapkan dapat menggunakan alamat email yang valid dan belum pernah terdaftar di sistem. Lakukan pengecekan dan perbaikan pada url aplikasi yang diinput.



Gambar 7. Peringatan Error Format URL

Gambar 8. Notifiikasi Verifikasi Pendaftaran Berhasil

Proses pendaftaran berhasil dilakukan dan sedang menunggu Verifikasi Pendaftaran oleh admin.

1.2 Aktivasi Akun Oleh Admin Data pendaftaran yang telah di submit oleh user anggota akan masuk sebagai pemberitahuan

ke email user administrator BPHN. Data tersebut perlu di verifikasi untuk menjaga validitas data yang

di input oleh anggota. Setelah melewati tahap verifikasi, maka user anggota dapat login ke sistem.

Adapun langkah memverifikasi pendaftaran adalah sebagai berikut:


Gambar 9. Verifikasi login

1. Admin JDIH mendapatkan

notifikasi melalui email 2. Untuk melakukan aktivasi

pendaftaran akun 3. Klik Tombol Aktivasi



Gambar 10. Form Login JDIHN

1. Login sebagai

administrator untuk melakukan verifikasi akun anggota.

2. Isi email dan password dengan data yang valid.

3. Kemudian klik Masuk 4. Sistem menampilkan

pesan yang berisi “Aktivasi User Berhasil”.

5. Klik OK, maka status akun dari user anggota sudah menjadi aktif dan dapat login ke sistem.

1.3 Login Anggota Bagian ini menjelaskan halaman login user. Halaman ini merupakan pintu awal dari aplikasi.

Untuk dapat menggunakan menu atau fitur tertentu dari aplikasi integrasi seperti menu konfigurasi

dan sinkronisasi data maka user harus meinputkan data akun pada halaman ini. Berikut merupakan

langkah-langkah untuk mengakses menu login:


1. User yang telah diaktivasi

akunnya akan mendapatkan email pemberitahuan

2. Isi Email dan Password yang valid / sudah ter verifikasi

3. Kemudian klik Masuk 4. Sistem akan menampilkan

halaman utama sesuai hak akses user yang berhasil login.

Gambar 11. Notifikasi Login Berhasil

Gambar 12. Form Login


Gambar 13 Email Pemberitahuan Akun Aktif

1.4 Modul Anggota Bagian ini akan menjelaskan menu yang dapat diakses oleh Anggota JDIHN. User dapat

melakukan konfigurasi dan sinkronisasi data, serta melihat riwayat sinkronisasi data yang

telah dilakukan. Berikut penjelasan setiap menu.

1.4.1 Halaman Dashboard Anggota

Bagian ini menampilkan informasi profil dari akun anggota, jumlah data yang terdaftar di

sistem, tipe API yang digunakan untuk sinkronisasi, tanggal terakhir sinkronisasi dan tombol aksi untuk

melakukan sinkronisasi.


1. Login sebagai user anggota 2. Aplikasi akan menampilkan halaman

dashboard 3. Terdapat 4 menu bar pada halaman

anggota diantaranya: Dashboard, Konfigurasi, History, Informasi Tipe Dokumen.

4. Pilih/ klik menu yang ingin diakses

1.4.2 Memulai Konfigurasi Tipe Aplikasi Standart Untuk menciptakan keseragaman data pada aplikasi JDIHN maka di aplikasi ini terdapat 2 Tipe

Aplikasi yang dipilih oleh anggota pada saat pendaftaran akun. Ada Tipe Standart dan Tipe Non

Standart.

• Tipe Standart berarti aplikasi anggota adalah aplikasi yang didapat dari pusat dan memiliki struktur data yang sama dengan aplikasi pusat. Sehingga pengguna tidak perlu untuk melakukan mapping struktur data. Sedangkan,

Gambar 14 Tampilan Email Pemberitahuan


• Tipe Non Standart berarti aplikasi anggota memiliki struktur data yang berbeda dengan aplikasi pusat, sehingga perlu melakukan mapping struktur data sebelum dapat melakukan sinkronisasi data


Gambar 15 Halaman Konfigurasi Tipe Standart

Gambar 16 Pilihan Tipe Sinkronisasi

Gambar 17 Contoh Url Sync

Gambar 18 Notifikasi URL Sinkronisasi berhasil disimpan

1. Klik Konfigurasi pada menu 2. Sistem akan menampilkan halaman

konfigurasi 3. Pilih tipe konfgurasi

• PHP API

• DLL 4. Masukkan alamat url dari aplikasi

JDIH Anggota. Url ini akan digunakan untuk menarik data dari aplikasi JDIH dan disinkronisasikan dengan data

5. Klik tombol Simpan.

6. Jika proses konfigurasi url berhasil, sistem akan menampilkan pemberitahuan url sinkronisasi berhasil tersimpan.

7. Tetapi jika proses konfirugasi gagal, sistem akan menampilkan pemberitahuan url sudah pernah terdaftar.

1.4.3 Memulai Konfigurasi Non-Standart Bagian konfigurasi dengan tipe user non-standart merupakan menu yang digunakan untuk

melakukan sinkronisasi URL dengan memasukan url yang digunakan untuk sinkronisasi data.




Gambar 20 Tabel Mapping Struktur Data

Gambar 21 File Integrasi

1. Sebelum melakukan setting url Konfigurasi 2. User anggota perlu melakukan mapping

struktur data aplikasi anggota dengan aplikasi pusat.

3. Tabel ‘Kolom dibutuhkan Pusat Data’ , merupakan acuan kolom yang terdapat pada database aplikasi pusat.

4. Kemudian Pada Tabel ‘Kolom Integrasi Data’, user anggota tuliskan nama tabel dan nama kolom sesuai dengan aplikasi anggota.

5. Inputkan juga relasi tabel, jika ada 6. Inputkan filter, jika ada 7. Kemudian klik Download App Client 8. File Integrasi akan berhasil didownload 9. Kemudian file integrasi diekstrak di root

web server masing-masing. Contoh : jika Anggota menggunakan XAMPP berarti letakan /xampp/htdocs.

10. Atur username, password, dan port dari database yang digunakan.

11. User anggota menjalankan aplikasi Lanjut ke langkah konfigurasi :

1. User Anggota salin alamat url aplikasi yang sudah diesktrak file integrasi

2. Kemudian pilih menu konfigurasi 3. Pilih Tipe Sinkronisasi

4. Kemudian Input alamat URL yang telah

disalin pada field Url Sync 5. Kemudian klik tombol Simpan

1.4.4 Menu History Halaman ini berisi informasi status sinkronisasi yang dilakukan oleh anggota dengan jumlah

data yang ter-sinkron. Berikut langkah-langkah untuk mengakses menu ini:



1. Pilih menu history pada menu bar 2. Aplikasi akan menampilkan

halaman daftar history 3. Untuk memudahkan pencarian pilih

navigasi cari untuk mencari data

4. Aplikasi akan menampilkan data berdasarkan kata kunci pencarian

1.4.5 Menu Informasi Tipe Dokumen Bagian ini menjelaskan halaman informasi tipe dokumen. Pada menu ini user dapat melihat

informasi dokumen diantanya: Peraturan perundang-undangan, Monografi Hukum, Artikel Hukum,

Putusan Pengadilan. Berikut merupakan langkah-langkah untuk mengakses menu informasi tipe

dokumen:


1. Pilih informasi tipe dokumen pada menu

2. Sistem akan menampilkan tabel daftar tipe dokumen.

3. Untuk mencari tipe dokumen silahkan gunakkan navigasi cari

Dengan memasukan keyword atau kata kunci pencarian

4. Sistem akan menampilkan dokumen yang dicari sesuai kata kunci pencarian.

1.5 Modul Administrator (Pusat BPHN) Bagian ini akan menjelaskan menu yang dapat diakses oleh user administrator. User dapat

melakukan konfigurasi dan sinkronisasi data, melihat riwayat sinkronisasi data, pengelolaan

(mengelola data background, pengguna, hasil rekapitulasi dan Informasi peta), informasi tipe

dokumen. Berikut penjelasan detail pada masing-masing menu:

Gambar 22 Daftar History

Gambar 23 Halaman Infomasi Tipe Dokumen


1.5.1 Menu Dashboard Pada bagian ini terdapat tampilan informasi mengenai status sinkronisasi data, informasi

tersebut ditampilkan dengan skala persen pada masing-masing status sinkronisasi. Pada bagian ini

juga terdapat 4 menu yang bisa diakses diantaranya menu dashboard, konfigurasi, history,

pengelolaan dan Informasi Tipe Dokumen. Berikut langkah-langkah untuk mengakses menu

dashboard:


1. Login sebagai administrator 2. Aplikasi akan menampilkan halaman

dashboard aplikasi JDIHN pada halaman administrator.

3. Pilih menu yang akan diakses

1.5.2 Memulai Konfigurasi Tipe Aplikasi Standart Untuk menciptakan keseragaman data pada aplikasi JDIHN maka di aplikasi ini terdapat 2 Tipe

Aplikasi yang dipilih oleh anggota pada saat pendaftaran akun. Ada Tipe Standart dan Tipe Non

Standart.

• Tipe Standart berarti aplikasi anggota adalah aplikasi yang didapat dari pusat dan memiliki struktur data yang sama dengan aplikasi pusat. Sehingga pengguna tidak perlu untuk melakukan mapping struktur data. Sedangkan,

• Tipe Non Standart berarti aplikasi anggota memiliki struktur data yang berbeda dengan aplikasi pusat, sehingga perlu melakukan mapping struktur data sebelum dapat melakukan sinkronisasi data


Gambar 25 Halaman Konfigurasi Tipe Standart

Gambar 26 Pilihan Tipe Sinkronisasi

1. Klik Konfigurasi pada menu 2. Sistem akan menampilkan halaman

konfigurasi 3. Pilih tipe konfgurasi

• PHP API

• DLL 4. Masukkan alamat url dari aplikasi

JDIH Anggota. Url ini akan digunakan untuk menarik data dari aplikasi JDIH dan disinkronisasikan dengan data

5. Klik tombol Simpan. 6. Jika proses konfigurasi url berhasil,

sistem akan menampilkan pemberitahuan url sinkronisasi berhasil tersimpan.

Gambar 24 Halaman Dashboard User Administrator


Gambar 27 Contoh Url Sync


7. Tetapi jika proses konfirugasi gagal, sistem akan menampilkan pemberitahuan url sudah pernah terdaftar.

1.5.3 Memulai Konfigurasi Non-Standart Bagian konfigurasi dengan tipe user non-standart merupakan menu yang digunakan untuk

melakukan sinkronisasi URL dengan memasukan url yang digunakan untuk sinkronisasi data.

Gambar 29 Notifikasi URL Sinkronisasi gagal disimpan



Gambar 30 Halaman Konfigurasi Standart Administrator

12. Sebelum melakukan setting url Konfigurasi 13. User anggota perlu melakukan mapping

struktur data aplikasi anggota dengan aplikasi pusat.

14. Tabel ‘Kolom dibutuhkan Pusat Data’ , merupakan acuan kolom yang terdapat pada database aplikasi pusat.

15. Kemudian Pada Tabel ‘Kolom Integrasi Data’, user anggota tuliskan nama tabel dan nama kolom sesuai dengan aplikasi anggota.

16. Inputkan juga relasi tabel, jika ada 17. Inputkan filter, jika ada 18. Kemudian klik Download App Client 19. File Integrasi akan berhasil didownload 20. Kemudian file integrasi diekstrak di root

web server masing-masing. Contoh : jika Anggota menggunakan XAMPP berarti letakan /xampp/htdocs.

21. User anggota menjalankan aplikasi Lanjut ke langkah konfigurasi :

6. User Anggota salin alamat url aplikasi yang sudah diesktrak file integrasi

7. Kemudian pilih menu konfigurasi 8. Pilih Tipe Sinkronisasi

9. Kemudian Input alamat URL yang telah

disalin pada field Url Sync 10. Kemudian klik tombol Simpan

1.5.4 Menu History Halaman ini berisi informasi status sinkronisasi yang dilakukan oleh anggota dengan jumlah data

yang ter sinkron. Berikut langkah-langkah untuk mengakses menu ini:


Tampikan Aplikasi Langkah Penggunaan

1. Pilih menu history pada menu bar 2. Aplikasi akan menampilkan

halaman daftar history 3. Untuk memudahkan pencarian pilih

navigasi cari untuk mencari data

4. aplikasi akan menampilkan data berdasarkan kata kunci pencarian

1.5.5 Menu Pengelolaan

Halaman ini memiliki beberapa fungsi menu untuk mengelola menu background (tambah,

edit, lihat, hapus, cari), data pengguna (edit, hapus, cari), data hasil rekapitulasi, data informasi peta

(tambah, hapus, cari), tingkat kepuasan pengunjung. Berikut penjelasan masing-masing menu.

1.5.5.1 Background

Halaman ini memiliki fitur untuk mengelola data background diantaranya tambah, ubah,

lihat, dan hapus background. Berikut langkah-langkah untuk mengakses menu background:

Tampilan Aplikasi Langkah Penggunaan

Tambah Data Background: 1. Pilih menu pengelolaan 2. Pilih Background

Gambar 31 Halaman Menu History

Gambar 32 Setting Background



3. Aplikasi akan menampilkan halaman pengelolaan background

4. Klik tombol add 5. Aplikasi akan

menampilkan form tambah background baru

6. Pada field Nama isi nama atau judul background

7. Pada field gambar silahkan unggah foto background dari komputer anda, file foto yang di unggah hanya dengan format JPEG dan JPG.

8. Jika format file yang di unggah tidak sesuai maka aplikasi akan menampilkan pemberitahuan kesalahan

9. Setelah meunggah foto,

silahkan pilih status background, Aktif untuk menampilkan background, Tidak Aktif jika background tidak ingin ditampilkan.

10. Lalu klik tombol save changes Pilih tombol

untuk menyimpan data

11. Klik tombol close jika batal menambah dan menyimpan data.

Ubah Data Background

1. Pilih data background yang akan diubah

2. Klik tombol ubah 3. Aplikasi akan

menampilkan halaman form ubah data background.

4. Lakukan perubahan data 5. Pada field gambar

silahkan unggah foto background dari komputer anda, file foto yang di unggah hanya

Gambar 34 Tambah Background Baru

Gambar 33 Alert Kesalahan

Gambar 35 Edit Data Background



dengan format JPEG dan JPG.

6. Jika format file yang diunggah tidak sesuai maka aplikasi akan menampilkan pemberitahuan kesalahan

7. Setelah meunggah foto, silahkan pilih status background, Aktif untuk menampilkan background, Tidak Aktif jika background tidak ingin ditampilkan.

8. Lalu klik tombol save changes Pilih tombol

untuk menyimpan perubahan data

9. Klik tombol close jika batal menyimpan perubahan data.

Lihat Background: 1. Pilih data yang ingin di lihat

2. Klik tombol lihat pada data yang dipilih

3. Aplikasi akan menampilkan halaman lihat background

4. Klik tombol close untuk keluar dari halaman.

Cari Background

1. Pilih menu Pengelolaan 2. Pilih Background 3. Masukkan kata kunci

untuk melakukan pencarian data pada navigasi cari

4. Aplikasi akan menampilkan data berdasarkan kata kunci yang sudah dimasukkan

Gambar 36 Alert Kesalahan

Gambar 37 Halaman Lihat Background

Gambar 38 Cari Background



Hapus Background

1. Pilih data background yang akan dihapus

2. Klik tombol hapus pada data yang telah dipilih

3. Aplikasi akan menampilkan peringatan hapus data.

4. Pilih Ya, hapus! Untuk menghapus data

5. Pilih Tidak, tidak jadi! Jika batal menghapus data

1.5.5.2 Pengguna

Halaman ini memiliki fitur untuk mengelola data pengguna diantaranya, ubah, lihat, dan

hapus pengguna. Berikut langkah-langkah untuk mengakses menu pengguna:


Cari Pengguna:

1. Pilih menu Pengelolaan 2. Pilih menu pengguna

Gambar 39 Pemberitahuan Konfirmasi Hapus Data

Gambar 40 Daftar Pengguna



3. Masukkan kata kunci pada navigasi pencarian

4. Aplikasi akan menampilkan data

pengguna berdasarkan kata kunci pencarian

Ubah Pengguna:

1. Pilih data pengguna yang akan di ubah

2. Klik tombol edit pada data yang akan diubah

3. Aplikasi akan menampilkan form edit pengguna

4. Silahkan lakukan perubahan data

5. Klik tombol simpan untuk menyimpan perubahan data

6. Klik tombol batal jika batal menyimpan perubahan data

7. Jika perubahan data berhasil sistem akan menampilkan notifikasi berikut

Lihat Pengguna:

1. Pilih menu Pengelolaan 2. Pilih Pengguna 3. Pilih data yang ingin dilihat secara

rinci 4. Aplikasi akan menampilkan

halaman Rincian data pengguna

5. Klik tombol keluar untuk keluar dari halaman dan kembali ke halaman sebelumnya

Hapus Pengguna: 1. Pilih data pengguna yang akan dihapus

Gambar 41 Cari Data Pengguna

Gambar 42 Edit Data Pengguna

Gambar 43 View Pengguna



2. Klik tombol hapus pada data yang telah dipilih

3. Aplikasi akan menampilkan peringatan hapus data.

4. Pilih Ya, hapus! Untuk menghapus data

Pilih Tidak, tidak jadi! Jika batal menghapus

1.5.5.3 Hasil Rekapitulasi

Halaman ini memiliki fitur untuk memberikan verifikasi aksi data hasil rekapitulasi yang ingin di

publish. Berikut langkah-langkah untuk mengakses menu Hasil rekapitulasi:

Tampilkan Aplikasi Langkah Penggunaan

1. Pilih menu Pengelolaan 2. Pilih menu Hasil

Rekapitulasi 3. Pilih data yang belum dan

ingin di publish

4. Klik tombol detail pada data yang ingin di publish

5. Aplikasi akan menampilkan pemberitahuan atau form baru mengenai detail rekapitulasi.

6. Klik publish jika akan memunculkan data

Gambar 44 Hapus Pengguna

Gambar 45 Daftar Rekapitulasi

Gambar 46 Publish Rekapitulasi


pada halaman depan / pencarian

7. Dan pada data tersebut juga akan berubah status menjadi sudah terpublish

8. Selain itu, juga ada tombol

Hapus untuk menghapus list peraturan dari detail rekapitulasi.

1.5.5.4 Informasi Peta

Pada halaman ini memiliki fitur untuk mengelola tampilan pada header halaman web. Berikut

langkah-langkah untuk mengakses menu Informasi Peta:

Tampilkan Aplikasi Langkah Penggunaan

Tambah Data Informasi Peta 1. Pilih menu Pengelolaan

2. Pilih menu Informasi Peta

3. Klik tombol tambah data

4. Aplikasi akan menampilkan halaman form tambah data informasi

Gambar 47 Informasi Peta

Gambar 48 Publish Rekapitulasi


5. Isi field judul 1, judul 2, informasi 1, informasi 2, isi informasi, dan status

6. Klik tombol add

untuk menambahkan data

7. Klik tombol reset

untuk menghapus field yang sudah diisi dan melakukan pengisian ulang

8. Klik tombol back

untuk kembali ke halaman sebelumnya

Ubah Data Informasi 1. Pilih data informasi yang ingin diubah

2. Silahkan isi dan lakukan perubahan data pada masing-masing field

3. Klik tombol

update untuk melakukan perubahan data

4. Klik tombol back

untuk kembali ke halaman sebelumnya

Hapus Data Informasi

Gambar 50 Alert Konfirmasi Hapus Data Informasi

1. Pilih data yang ingin dihapus

2. Klik tombol hapus

pada data yang ingin dihapus

3. Aplikasi akan menampilkan notifikasi hapus data

4. Pilih OK untuk menghapus data

Gambar 48 Tambah Data Informasi Peta

Gambar 49 Ubah Data Informasi


5. Pilih Cancel jika batal menghapus data

1.5.5.5 Tingkat Kepuasan Pengunjung

Pada halaman ini terdapat informasi tingkat kepuasan pengunjung yang digambarkan dalam

bentuk grafik, data kepuasan pengunjung dapat ditampilkan berdasarkan bulan dan tahun. Berikut

langkah-langkah untuk mengakses menu ini:


1. Pilih menu pengelolaan 2. Pilih tingkat kepuasan

pengunjung 3. Sistem akan menampilkan

data informasi tingkat kepuasan pengunjung

4. Pilih tampilan grafik tahun berjalan bedasarkan bulan atau tahun.

1.5.6 Informasi Tipe Dokumen Bagian ini menjelaskan halaman informasi tipe dokumen. Pada menu ini user dapat melihat

informasi dpkumen dan menambahkan data bedasarkan tipe dokumen, tipe tersebut diantanya:

Peraturan perundang-undangan, Monografi Hukum, Artikel Hukum, Putusan Pengadilan. Berikut

merupakan langkah-langkah untuk mengakses menu informasi tipe dokumen:

Gambar 52 Tampilan Grafik Berjalan Tingkat Kepuasan Pengunjung

Gambar 51 Tampilan Penilanian Tingkat Kepuasan Pengunjung pada Halaman Font End.



1. Pilih informasi tipe dokumen pada menu

2. Sistem akan menampilkan tabel daftar tipe dokumen.

3. Untuk mencari tipe dokumen silahkan gunakkan navigasi cari

Dengan memasukan keyword atau kata kunci pencarian

4. Klik tombol +Add untuk menambahkan data informasi tipe dokumen

5. Sistem akan menampilkan form tambah tipe dokumen baru

6. Pilih jenis hirarki (Peraturan perundang-undangan, Monografi Hukum, Artikel Hukum, Putusan Pengadilan)

7. Pilih hirarki, 8. Masukkan nama

dokumen 9. Klik tombol save changes

untuk menhyimpan data 10. Klik close untuk keluar

dari halaman

Gambar 53 Halaman Infomasi Tipe Dokumen

Gambar 54 Form Tambah Tipe Dokumen Baru

Gambar 55 Pilihan Jenis Hirarki



1.5.6.1 Hapus Informasi Tipe Dokumen Berikut merupakan langkah-langkah untuk menghapus informasi tipe dokumen


1. Pilih data yang ingin di hapus pada daftar tipe dokumen

2. Klik ikon hapus 3. Sistem akan menampilkan

pemberitahuan konfirmasi hapus data

4. Pilih Ya, Hapus! Untuk menghapus data.

5. Pilih Tidak, tidak jadi! jika batal melakukan hapus data.

1.5.6.2 Edit Informasi Tipe Dokumen Berikut langkah-langkah untuk melakukan edit data tipe dokumen.

Gambar 56 Pilihan Hirarki.

Gambar 57 Notifikasi Data berhasil ditambahkan

Gambar 58 Notifikasi Hapus Data Tipe Dokumen

Gambar 59 Alert Dokumen Berhasil Dihapus

Gambar 60 Notifikasi Data Batal Dihapus



Gambar 62 Alert Update Data

1. Pilih data yang ingin di edit pada daftar tipe dokumen

2. Klik ikon edit 3. Sistem akan menampilkan

halaman edit data 4. Lakukan perubahan data 5. Pilih Save Changes untuk

menyimpan perubahan data

6. Pilih Close untuk keluar dan batal melakukan perubahan data

Gambar 61 Form Edit Data Tipe Dokumen

petunjuk penggunaan - jdihn.idjdihn.id/public/uploads/user_guide/integrasi.pdf · gambar 1. contoh...

Documents