Tutorial SiADPA/SiADPTA Online Frontend v1 perkara.net Frontend merupakan media informasi perkara online yang dapat diakses oleh berbagai pihak menggunakan fasilitas Internet. Informasi yang diberikan berupa informasi perkara yang bersifat umum dengan tetap memperhatikan kaidah kaidah publikasi sesuai Surat Keputusan Ketua Mahkamah Agung RI nomor 1-144/KMA/SK/1/2011 tentang Pedoman Pelayanan Informasi di Pengadilan. Halaman fontend juga digunakan untuk melengkapi website masing masing satker dalam rangka publikasi informasi perkara dan transparansi peradilan. Halaman halaman data dapat diakses langsung melalui direct link dan dapat ditempelkan pada website satker tanpa harus mengkases menu perkara.net sehngga memudahkan masyarakat dalam mengcari informasi perkara. Menu Frontend 1. Beranda a. Overview 2. Data Perkara a. Daftar Perkara Masuk b. Daftar Perkara Putus c. Rekap Jumlah Masuk d. Rekap Jumlah Putus e. Rekap Jenis Perkara f. Rekap Wilayah g. Rekap Pekerjaan h. Rekap Umur 3. Jadwal Sidang a. Jadwal Sidang 4. Grafik a. Grafik Jumlah Masuk b. Grafik Jumlah Putus c. Grafik Jenis Perkara d. Grafik Wilayah e. Grafik Pekerjaan f. Grafik Umur 5. Cari Data a. Cari Identitas PE b. Cari Identitas TE c. Cari Nomor Perkara 6. Laporan a. Masuk - Putus b. Faktor Penyebab 7. Backroom a. Administrator perkara.net Frontend v1 SiADPA/SiADPTA Online 30
Deskripsi Menu Frontend 1. Beranda a. Overview Memuat informasi awal tentang aplikasi serta index berita dari website Mahkamah Agung, Badilag dan Satker. Gambar 1.a. Halaman Utama Fontend 1. Header : menampilkan Nama dan alamat Sattker (PA/PTA) 2. Mode frontend v1/framework : untuk memilih halaman informasi, baik tingkat Satker maupun tingkat Wilayah (framework) 3. Pilihan Satker : untuk memilih wilayah dan Satker 4. Berita : memuat kilas berita terupdate langsung dari website Mahkamah Agung, Badilag dan satker yang bersangkutan. 5. Halaman Facebook perkara.net : sebagai media informasi aplikasi dengan memanfaatkan media jejaring social facebook. 6. Visitor Counter : menampilkan informasi update data terakhir dan jumlah pengunjung setiap hari serta beberapa turorial. 7. Message dan running text : memuat pesan singkat dari admin satker dan para pengunjung. perkara.net Frontend v1 SiADPA/SiADPTA Online 31
2. Data Perkara a. Daftar Perkara Masuk Gambar 2.a. Daftar Perkara masuk - Buka Menu Data Perkara pilih Daftar Perkara Masuk pilih tanggal, bulan dan tahun klik tombol lihat - Detail Data Perkara dapat dilihat dengan meng-klik nomor perkara. - Pada bagian bawah informasi terdapat Direct Link yang akan menampilkan informasi perkara masuk pada halaman tersendiri dan dapat digunakan untuk memuat informasi tersebut pada website satker. b. Daftar Perkara Putus Gambar 2.b. Daftar Perkara Putus - Buka Menu Data Perkara pilih Daftar Perkara Putus pilih tanggal, bulan dan tahun klik tombol lihat - Detail Data Perkara dapat dilihat dengan meng-klik nomor perkara. perkara.net Frontend v1 SiADPA/SiADPTA Online 32
- Pada bagian bawah informasi terdapat Direct Link yang akan menampilkan informasi Perkara Putus pada halaman tersendiri dan dapat digunakan untuk memuat informasi tersebut pada website satker c. Rekap Jumlah Masuk Gambar 2.c.1. Rekap Masuk Per bulan Gambar 2.c.2. Rekap masuk Per Tahun - Buka Menu Data Perkara pilih Rekap Jumlah Masuk pilih bulan dan tahun klik tombol lihat - Detail Data Perkara dapat dilihat dengan meng-klik angka pada kolom jumlah. - Pada bagian bawah informasi terdapat Direct Link yang akan menampilkan informasi rekap Perkara masuk pada halaman tersendiri dan dapat digunakan untuk memuat informasi tersebut pada website satker d. Rekap Jumlah Putus Gambar 2.d.1. Rekap Masuk Perbulan Gambar 2.d.2. Rekap masuk Pertahun - Buka Menu Data Perkara pilih Rekap Jumlah Masuk pilih bulan dan tahun klik tombol lihat perkara.net Frontend v1 SiADPA/SiADPTA Online 33
- Detail Data Perkara dapat dilihat dengan meng-klik angka pada kolom jumlah. - Pada bagian bawah informasi terdapat Direct Link yang akan menampilkan informasi rekap perkara masuk pada halaman tersendiri dan dapat digunakan untuk memuat informasi tersebut pada website satker e. Rekap Jenis Perkara Gambar 2.e.1. Rekap Jenis Perkara Perbulan Gambar 2.e.2. Rekap Jenis Perkara Pertahun - Buka Menu Data Perkara pilih Rekap Jenis Perkara pilih bulan dan tahun klik tombol lihat - Detail Data Perkara dapat dilihat dengan meng-klik angka pada kolom jumlah. - Pada bagian bawah informasi terdapat Direct Link yang akan menampilkan informasi rekap jenis perkara pada halaman tersendiri dan dapat digunakan untuk memuat informasi tersebut pada website satker f. Rekap Wilayah Gambar 2.f.1. Rekap Wilayah Perbulan Gambar 2.f.2. Rekap Wilayah Pertahun - Buka Menu Data Perkara pilih Rekap Wilayah pilih bulan dan tahun klik tombol lihat perkara.net Frontend v1 SiADPA/SiADPTA Online 34
- Detail Data Perkara dapat dilihat dengan meng-klik angka pada kolom jenis perkara. - Pada bagian bawah informasi terdapat Direct Link yang akan menampilkan informasi rekap wilayah pada halaman tersendiri dan dapat digunakan untuk memuat informasi tersebut pada website satker g. Rekap Pekerjaan Gambar 2.g.1. Rekap Pekerjaan Perbulan Gambar 2.g.2. Rekap Pekerjaan Pertahun - Buka Menu Data Perkara pilih Rekap Pekerjaan pilih bulan dan tahun klik tombol lihat - Detail Data Perkara dapat dilihat dengan meng-klik angka pada kolom jenis perkara. - Pada bagian bawah informasi terdapat Direct Link yang akan menampilkan informasi rekap pekerjaan pada halaman tersendiri dan dapat digunakan untuk memuat informasi tersebut pada website satker h. Rekap Umur Gambar 9.1. Rekap Kelompok Umur Perbulan Gambar 9.2. Rekap Kelompok Umur Pertahun - Buka Menu Data Perkara pilih Rekap Kelompok Umur pilih bulan dan tahun klik tombol lihat perkara.net Frontend v1 SiADPA/SiADPTA Online 35
- Detail Data Perkara dapat dilihat dengan meng-klik angka pada kolom kelompok umur. - Pada bagian bawah informasi terdapat Direct Link yang akan menampilkan informasi rekap kelompok umur pada halaman tersendiri dan dapat digunakan untuk memuat informasi tersebut pada website satker 3. Jadwal Sidang a. Jadwal Sidang Gambar 3.a. Jadwal Sidang - Buka Menu Data Perkara pilih Jadwal Sidang pilih tanggal, bulan dan tahun klik tombol lihat - Detail Data Perkara dapat dilihat dengan meng-klik nomor perkara. - Pada bagian bawah informasi terdapat Direct Link yang akan menampilkan informasi jadwal sidang masuk pada halaman tersendiri dan dapat digunakan untuk memuat informasi tersebut pada website satker perkara.net Frontend v1 SiADPA/SiADPTA Online 36
4. Grafik a. Grafik Jumlah Masuk Gambar 4.a.1. Grafik Perkara Masuk Per bulan Gambar 4.a.2. Grafik Perkara Masuk Per Tahun - Buka Menu Grafik Perkara Masuk pilih bulan dan tahun klik tombol lihat - Detail Data Perkara dapat dilihat dengan meng-klik masing-masing grafik. - Grafik dapat ditampilkan dalam bentuk 2 Dimensi dan 3 Dimensi. - Pada bagian bawah informasi terdapat Direct Link yang akan menampilkan grafik perkara masuk pada halaman tersendiri dan dapat digunakan untuk memuat informasi tersebut pada website satker. b. Grafik Jumlah Putus Gambar 4.b.1. Grafik Perkara Putus Perbulan Gambar 4.b.2. Grafik Perkara Putus Pertahun - Buka Menu Grafik Perkara Putus pilih bulan dan tahun klik tombol lihat - Detail Data Perkara dapat dilihat dengan meng-klik masing-masing grafik. - Grafik dapat ditampilkan dalam bentuk 2 Dimensi dan 3 Dimensi. - Pada bagian bawah informasi terdapat Direct Link yang akan menampilkan grafik perkara putus pada halaman tersendiri dan dapat digunakan untuk memuat informasi tersebut pada website satker perkara.net Frontend v1 SiADPA/SiADPTA Online 37
c. Grafik Jenis Perkara Gambar 4.c.1. Grafik Jenis Perkara Perbulan Gambar 4.c.2. Grafik jenis Perkara Pertahun - Buka Menu Grafik Jenis Perkara pilih bulan dan tahun klik tombol lihat - Detail Data Perkara dapat dilihat dengan meng-klik masing-masing grafik. - Grafik dapat ditampilkan dalam bentuk 2 Dimensi dan 3 Dimensi. - Pada bagian bawah informasi terdapat Direct Link yang akan menampilkan grafik jenis perkara pada halaman tersendiri dan dapat digunakan untuk memuat informasi tersebut pada website satker d. Grafik Wilayah Gambar 4.d.1. Grafik Wilayah Perbulan Gambar 4.d.2. Grafik Wilayah Pertahun - Buka Menu Grafik Wilayah pilih bulan dan tahun klik tombol lihat - Detail Data Perkara dapat dilihat dengan meng-klik masing-masing grafik. - Grafik dapat ditampilkan dalam bentuk 2 Dimensi dan 3 Dimensi. - Pada bagian bawah informasi terdapat Direct Link yang akan menampilkan grafik wilayah pada halaman tersendiri dan dapat digunakan untuk memuat informasi tersebut pada website satker perkara.net Frontend v1 SiADPA/SiADPTA Online 38
e. Grafik Pekerjaan Gambar 4.e.1. Grafik Pekerjaan Perbulan Gambar 4.e.2. Grafik Pekerjaan Pertahun - Buka Menu Grafik Pekerjaan pilih bulan dan tahun klik tombol lihat - Detail Data Perkara dapat dilihat dengan meng-klik masing-masing grafik. - Grafik dapat ditampilkan dalam bentuk 2 Dimensi dan 3 Dimensi. Pada bagian bawah informasi terdapat Direct Link yang akan menampilkan grafik pekerjaan pada halaman tersendiri dan dapat digunakan untuk memuat informasi tersebut pada website satker f. Grafik Umur Gambar 4.f.1. Grafik Kelompok Umur Perbulan Gambar 4.f.2. Grafik Kelompok Umur Pertahun - Buka Menu Grafik Kelompok Umur pilih bulan dan tahun klik tombol lihat - Detail Data Perkara dapat dilihat dengan meng-klik masing-masing grafik. - Grafik dapat ditampilkan dalam bentuk 2 Dimensi dan 3 Dimensi. - Pada bagian bawah informasi terdapat Direct Link yang akan menampilkan grafik kelompok umur pada halaman tersendiri dan dapat digunakan untuk memuat informasi tersebut pada website satker perkara.net Frontend v1 SiADPA/SiADPTA Online 39
5. Cari Data a. Cari Identitas PE Gambar 5.a. Cari Identitas PE /TE - Buka Menu Cari Identitas PE atau Cari identitas TE - isi nama pihak - klik tombol cari - Detail Data Perkara dapat dilihat dengan meng-klik nomor perkara. - Pada bagian bawah informasi terdapat Direct Link yang akan menampilkan menu pencarian pada halaman tersendiri dan dapat digunakan untuk memuat informasi tersebut pada website satker b. Cari Identitas TE Gambar 5.b. Cari Identitas berdasar Alamat - Buka Menu Cari Identitas PE atau Cari identitas TE - isi alamat - klik tombol cari - Detail Data Perkara dapat dilihat dengan meng-klik nomor perkara. - Pada bagian bawah informasi terdapat Direct Link yang akan menampilkan menu pencarian pada halaman tersendiri dan dapat digunakan untuk memuat informasi tersebut pada website satker perkara.net Frontend v1 SiADPA/SiADPTA Online 40
c. Cari Nomor Perkara Gambar 5.c. Cari Nomor Perkara - Buka Menu Cari Nomor Perkara - isi nomor perkara - klik tombol cari - Detail Data Perkara dapat dilihat dengan meng-klik nomor perkara. - Pada bagian bawah informasi terdapat Direct Link yang akan menampilkan menu pencarian pada halaman tersendiri dan dapat digunakan untuk memuat informasi tersebut pada website satker 6. Laporan a. Masuk Putus Gambar 6.a. Laporan Perkara Masuk Putus - Buka Menu Masuk - Putus pilih bulan dan tahun klik tombol lihat - Detail Data Perkara dapat dilihat dengan meng-klik angka pada kolom laporan. - Pada bagian bawah informasi terdapat Direct Link yang akan menampilkan laporan perkara masuk putus pada halaman tersendiri dan dapat digunakan untuk memuat informasi tersebut pada website satker perkara.net Frontend v1 SiADPA/SiADPTA Online 41
b. Faktor Penyebab Gambar 6.b. Laporan Faktor Penyebab - Buka Menu Faktor Penyebab pilih bulan dan tahun klik tombol lihat - Detail Data Perkara dapat dilihat dengan meng-klik angka pada kolom laporan. - Pada bagian bawah informasi terdapat Direct Link yang akan menampilkan laporan factor penyebab pada halaman tersendiri dan dapat digunakan untuk memuat informasi tersebut pada website satker DETAIL DATA PERKARA - Menampilkan informasi data perkara secara lengkap mulai penerimaan hingga putus dan akta cerai. - Untuk menjaga kerahasiaan pihak yang berperkara, identitas pihak teranonimasi secara otomatis. Gambar 6. Detail Data Perkara perkara.net Frontend v1 SiADPA/SiADPTA Online 42
7. Backroom a. Administrator Gambar 7.a. Menu Login - Buka menu Backroom Administrator, masukkan user dan password Anda kemudian klik Login Gambar 7.b. Upload Data SiADPA - Setelah Login, pastikan nama PTA dan PA Anda, masukkan data upload (.dup) SiADPA kemudian klik upload - Untuk melihat history upload, silakan klik menu [History] perkara.net Frontend v1 SiADPA/SiADPTA Online 43
Full Supported : perkara.net [Media Informasi Perkara Online] Komunitas IT Peradilan Agama Kontak Person : Priyo Setiawan, S.Kom HP: 081216112552 iyok642@yahoo.com Muadz Junizar, S.Ag HP: 081907814639 rakatesha@gmail.com Seluruh publikasi pada perkara.net tidak dipungut biaya (free). Satker yang ingin bergabung, silakan daftar melalui email ke pakangean36@pa-kangean.go.id dengan menyebutkan unit kerja, kode perkara pa, nama, dan hp kontak person. 2012-02-29 01:45 perkara.net Frontend v1 SiADPA/SiADPTA Online 44