petunjuk penggunaan - jdihn.idjdihn.id/public/uploads/user_guide/integrasi.pdf · gambar 1. contoh...
TRANSCRIPT
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
1 | U s e r G u i d e J D I H N I n t e g r a s i
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
2 | U s e r G u i d e J D I H N I n t e g r a s i
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
3 | U s e r G u i d e J D I H N I n t e g r a s i
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
4 | U s e r G u i d e J D I H N I n t e g r a s i
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
5 | U s e r G u i d e J D I H N I n t e g r a s i
Tampilan Langkah Penggunaan
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.
Tampilan Langkah Penggunaan
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.
6 | U s e r G u i d e J D I H N I n t e g r a s i
Tampilan Langkah Penggunaan
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:
Tampilan Langkah Penggunaan
Gambar 9. Verifikasi login
1. Admin JDIH mendapatkan
notifikasi melalui email 2. Untuk melakukan aktivasi
pendaftaran akun 3. Klik Tombol Aktivasi
7 | U s e r G u i d e J D I H N I n t e g r a s i
Tampilan Langkah Penggunaan
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:
Tampilan Langkah Penggunaan
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
8 | U s e r G u i d e J D I H N I n t e g r a s i
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.
Tampilan Langkah Penggunaan
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
9 | U s e r G u i d e J D I H N I n t e g r a s i
• 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
Tampilan Langkah Penggunaan
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 19 Notifikasi URL Sinkronisasi berhasil disimpan
10 | U s e r G u i d e J D I H N I n t e g r a s i
Tampilan Langkah Penggunaan
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:
11 | U s e r G u i d e J D I H N I n t e g r a s i
Tampilan 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.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:
Tampilan Langkah Penggunaan
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
12 | U s e r G u i d e J D I H N I n t e g r a s i
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:
Tampilan Langkah Penggunaan
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
Tampilan Langkah Penggunaan
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
13 | U s e r G u i d e J D I H N I n t e g r a s i
Gambar 27 Contoh Url Sync
Gambar 28 Notifikasi URL Sinkronisasi berhasil disimpan
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
14 | U s e r G u i d e J D I H N I n t e g r a s i
Tampilan Langkah Penggunaan
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:
15 | U s e r G u i d e J D I H N I n t e g r a s i
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
16 | U s e r G u i d e J D I H N I n t e g r a s i
Tampilan Aplikasi Langkah Penggunaan
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
17 | U s e r G u i d e J D I H N I n t e g r a s i
Tampilan Aplikasi Langkah Penggunaan
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
18 | U s e r G u i d e J D I H N I n t e g r a s i
Tampilan Aplikasi Langkah Penggunaan
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:
Tampilan Aplikasi Langkah Penggunaan
Cari Pengguna:
1. Pilih menu Pengelolaan 2. Pilih menu pengguna
Gambar 39 Pemberitahuan Konfirmasi Hapus Data
Gambar 40 Daftar Pengguna
19 | U s e r G u i d e J D I H N I n t e g r a s i
Tampilan Aplikasi Langkah Penggunaan
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
20 | U s e r G u i d e J D I H N I n t e g r a s i
Tampilan Aplikasi Langkah Penggunaan
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
21 | U s e r G u i d e J D I H N I n t e g r a s i
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
22 | U s e r G u i d e J D I H N I n t e g r a s i
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
23 | U s e r G u i d e J D I H N I n t e g r a s i
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:
Tampilan Aplikasi Langkah Penggunaan
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.
24 | U s e r G u i d e J D I H N I n t e g r a s i
Tampilan Langkah Penggunaan
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
25 | U s e r G u i d e J D I H N I n t e g r a s i
Tampilan Langkah Penggunaan
1.5.6.1 Hapus Informasi Tipe Dokumen Berikut merupakan langkah-langkah untuk menghapus informasi tipe dokumen
Tampilan Langkah Penggunaan
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
26 | U s e r G u i d e J D I H N I n t e g r a s i
Tampilan Langkah Penggunaan
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