# Panduan App. Stok Foto Badilag (SFB)

# Tentang Aplikasi

Aplikasi ini dibuat untuk memudahkan Tim Pengelola Konten Website DItjen Badilag untuk menglola foto/gambar yang akan digunakan pada website Ditjen Badilag, secara lebih aman.

# Akses Aplikasi dan Login

Untuk mengakses aplikasi ini, silahkan akses tautan berikut ini:

[http://foto.badilag.net](http://foto.badilag.net)

![image.png](http://192.168.99.118/uploads/images/gallery/2026-07/scaled-1680-/image.png)

Pada halaman login di atas, masukkan alamat e-Mail Anda dan kata sandi Anda. Untuk mendapatkan akses login, hubungi Sub Bagian Dokumentasi dan Informasi, Bagian Organisasi dan Tata Laksana, Direktorat Jenderal Badan Peradilan Agama. Jika Anda berhasil login, akan ditampilkan seperti ini:

[![image.png](http://192.168.99.118/uploads/images/gallery/2026-07/scaled-1680-/Wi8image.png)](http://192.168.99.118/uploads/images/gallery/2026-07/Wi8image.png)

Setelah Anda login, Anda akan diarahkan ke halaman Beranda yang berisi daftar gambar yang sudah diunggah pada hari ini, seperti gambar di bawah ini.

[![image.png](http://192.168.99.118/uploads/images/gallery/2026-07/scaled-1680-/RkKimage.png)](http://192.168.99.118/uploads/images/gallery/2026-07/RkKimage.png)

# Menemukan Gambar/Foto

Gambar/Foto yang diunggah ke aplikasi ini, dikelompokkan berdasarkan **tanggal di saat gambar diunggah**. Anda dapat melihat hasil unggahan dengan menavigasikan Tanggal Unggah yang berada di sisi kiri layar browser Anda.

[![SFB 00.jpg](http://192.168.99.118/uploads/images/gallery/2026-07/scaled-1680-/sfb-00.jpg)](http://192.168.99.118/uploads/images/gallery/2026-07/sfb-00.jpg)

Untuk memilih tanggal secara manual, klik pada teks tanggal aktif, akan muncul jendela kecil pemilihan tanggal, pilih tanggal yang Anda inginkan.

[![image.png](http://192.168.99.118/uploads/images/gallery/2026-07/scaled-1680-/Yo3image.png)](http://192.168.99.118/uploads/images/gallery/2026-07/Yo3image.png)

Halaman akan otomatis berganti, apabila Anda mengklik salah satu tanggal yang Anda inginkan.

# Menambahkan/Unggah Gambar/Foto Baru

Untuk menambahkan atau menggunggah Gambar/Foto baru, klik tanda tambah, di sebelah kanan judul halaman: Daftar Gambar/Foto

[![image.png](http://192.168.99.118/uploads/images/gallery/2026-07/scaled-1680-/Kkmimage.png)](http://192.168.99.118/uploads/images/gallery/2026-07/Kkmimage.png)

Akan muncul jendela Tambah Data seperti ini:

[![image.png](http://192.168.99.118/uploads/images/gallery/2026-07/scaled-1680-/U9vimage.png)](http://192.168.99.118/uploads/images/gallery/2026-07/U9vimage.png)

Klik pada elemen **"Choose File"** atau **"Pilih File"** pada jendela tersebut, akan dimuncul jendela baru untuk memilih gambar. Temukan folder tempat gambar yang ingin Anda unggah, kemudian klik satu file tersebut, dan kemudian klik **Open.**

[![image.png](http://192.168.99.118/uploads/images/gallery/2026-07/scaled-1680-/m7qimage.png)](http://192.168.99.118/uploads/images/gallery/2026-07/m7qimage.png)

Jendela pemilihan file akan tertutup. Pada jendela Tambah Data, klik **Simpan**. Akan muncul visualisasi bahwa file sedang diunggah ke aplikasi

[![image.png](http://192.168.99.118/uploads/images/gallery/2026-07/scaled-1680-/Mr3image.png)](http://192.168.99.118/uploads/images/gallery/2026-07/Mr3image.png)

Apabila proses unggah berhasil, jendela Tambah Data akan tertutup, kemudian halaman aplikasi akan menuju ke Beranda. Jika Anda telah mengubah tanggal hasil unggahan, maka secara otomatis halaman akan beralih ka tanggal unggahan hari ini.

<p class="callout info">Demi keamanan dan konsistensi data, file gambar yang Anda unggah akan otomatis terdata sebagai file unggahan hari ini. Anda tidak dapat mengubah tanggal unggahan dari suatu file gambar/foto.</p>

# Menyalin Tautan Gambar Untuk Dipergunakan pada Website

Klik salah satu foto yang Anda ingin masukkan ke website. Akan muncul jendela Detail Data, dengan gambar/foto yang telah Anda pilih. Di bagian bawah jendela, temukan dan klik tombol salin, informasi tautan telah tersalin ke *clipboard* di komputer Anda.

[![image.png](http://192.168.99.118/uploads/images/gallery/2026-07/scaled-1680-/JD5image.png)](http://192.168.99.118/uploads/images/gallery/2026-07/JD5image.png)

Buka halaman Administrator website Anda. Buat sebuah *article* baru. Pada *article editor* klik tombol **Insert Image**

[![image.png](http://192.168.99.118/uploads/images/gallery/2026-07/scaled-1680-/Tmlimage.png)](http://192.168.99.118/uploads/images/gallery/2026-07/Tmlimage.png)

Akan ditampilkan jendela **Image Manager.** Klik kanan pada kotak isian URL kemudian klik **paste** atau langsung tekan kombinasi keyboar **Ctrl + V** (Windows) atau **Command + V** (MacOS). Tautan file akan dimasukkan ke kotak isian tersebut. Lalu klik **Insert** pada sudut kanan bawah jendela.

[![image.png](http://192.168.99.118/uploads/images/gallery/2026-07/scaled-1680-/V6Iimage.png)](http://192.168.99.118/uploads/images/gallery/2026-07/V6Iimage.png)

Gambar akan langsung ditampilkan di kotak pengetikan *article.*

[![image.png](http://192.168.99.118/uploads/images/gallery/2026-07/scaled-1680-/vT1image.png)](http://192.168.99.118/uploads/images/gallery/2026-07/vT1image.png)

Silahkan lengkapi/ketik narasi *article.* Ulangi lagi langkah-langkah di atas apabila terdapat beberapa foto dalam *article* tersebut.

# Menghapus File Gambar/Foto

<p class="callout warning">Penghapusan file hanya dapat dilakukan oleh pengguna dengan Hak Akses **Admin**</p>

Pada tampilan galeri gambar, klik pada gambar yang diiginkan. Akan muncul jendela **Detail Data.** Klik tombol **Hapus!** yang berada di sudut kanan bawah jendela Detail Data.

[![image.png](http://192.168.99.118/uploads/images/gallery/2026-07/scaled-1680-/K3dimage.png)](http://192.168.99.118/uploads/images/gallery/2026-07/K3dimage.png)

Akan muncul jendela untuk mengkonfirmasi penghapusan file. Klik **Hapus!** untuk menghapus file secara **permanen**, atau klik **Batal** untuk membatalkan eksekusi penghapusan file.

[![image.png](http://192.168.99.118/uploads/images/gallery/2026-07/scaled-1680-/p5Fimage.png)](http://192.168.99.118/uploads/images/gallery/2026-07/p5Fimage.png)

Jika Anda mengklik tombol Hapus!, akan muncul jendela konfirmasi bahwa file telah berhasil di hapus.

[![image.png](http://192.168.99.118/uploads/images/gallery/2026-07/scaled-1680-/mi4image.png)](http://192.168.99.118/uploads/images/gallery/2026-07/mi4image.png)

# Perbarui Informasi Akun Anda dan Ganti Kata Sandi

### <span style="text-decoration:underline;">Memperbarui Informasi Akun</span>

Untuk melihat informasi akun Anda, klik menu **Akun Anda** di menu utama.

[![image.png](http://192.168.99.118/uploads/images/gallery/2026-07/scaled-1680-/Y0Aimage.png)](http://192.168.99.118/uploads/images/gallery/2026-07/Y0Aimage.png)

Untuk mengedit informasi Akun Anda, klik Edit, visual halaman akan berubah ke mode pengeditan.

[![image.png](http://192.168.99.118/uploads/images/gallery/2026-07/scaled-1680-/dymimage.png)](http://192.168.99.118/uploads/images/gallery/2026-07/dymimage.png)

Silahkan ubah informasi yang Anda butuh, kemudian klik **Simpan** untuk mempernarui data Anda.

### <span style="text-decoration:underline;">Ganti Kata Sandi</span>

Pada halaman depan **Akun Anda,** klik **Ubah Sandi.** Akan muncul jendela **Ubah Kata Sandi.**

[![image.png](http://192.168.99.118/uploads/images/gallery/2026-07/scaled-1680-/Xlgimage.png)](http://192.168.99.118/uploads/images/gallery/2026-07/Xlgimage.png)

Pada jendela tersebut, ketikkan kata sandi lama Andadan kata sandi baru Anda pada tempat yang telah disediakan, Pada kotak isian **Katik Ulang Kata Sandi Baru (Konfirmasi)**, ketik ulang kata sandi baru Anda. Kemudian klik **Simpan** untuk memperbarui kata sandi Anda.

# Mengelola Akun Pengguna Aplikasi

<p class="callout warning">Hanya pengguna dengan hak akses **Admin** yang dapat melakukan hal-hal berikut ini di bawah.</p>

### <span style="text-decoration:underline;">Menambahkan Akun Baru</span>

Pada menu utama, klik **Pengguna App.** Akan muncul jendela **Pangguna Aplikasi.** Klik tombol tanda tambah \[+\] yang ada di sebelah tulisan judul Pengguna Aplikasi.

[![image.png](http://192.168.99.118/uploads/images/gallery/2026-07/scaled-1680-/3bzimage.png)](http://192.168.99.118/uploads/images/gallery/2026-07/3bzimage.png)

Pada kotak **Tambah Data Pengguna** yang muncul, ketikkan data-data yang dbutuhkan. Klik **Simpan,** apabila data-data sudah selesai diketikkan.

[![image.png](http://192.168.99.118/uploads/images/gallery/2026-07/scaled-1680-/Jefimage.png)](http://192.168.99.118/uploads/images/gallery/2026-07/Jefimage.png)

<p class="callout info">**Kata Sandi** memang sengaja terlihat, agar akun Admin yang saat ini sedang memasukkan data akun baru, dapat menyalin kata sandi tersebut (*copy dan paste*), untuk memudahkan mengirimkan informasi tersebut kepada sang pemilik akun.</p>

<p class="callout info">Mohon diinfokan kepada pemilik akun untuk segera mengubah kata sandinya setelah pertama kali login ke dalam aplikasi.</p>

### <span style="text-decoration:underline;">Hak Akses **Admin** vs **Pengguna**</span>

Hak akses **Admin** memiliki kelebihan:

1. Mengelola akun pengguna lain (ubah, hapus, reset kata sandi)
2. Menghapus file gambar/foto yang sudah pernah diunggah ke aplikasi.

### Mengedit Informasi Akun Pengguna

Pada halaman **Pengguna Aplikasi**, klik pada salah satu baris data. Akan muncul jendela **Edit Data Pengguna.**

<p class="callout info">Anda tidak akan bisa mengklik akun Anda sendiri. Perubahan data dilakukan di menu **Akun Anda**</p>

[![NZkimage-copy.png](https://panduan.badilag.net/uploads/images/gallery/2026-07/scaled-1680-/En2nzkimage-copy.png)](https://panduan.badilag.net/uploads/images/gallery/2026-07/En2nzkimage-copy.png)

Silahkan ketik informasi perubaha data yang dibutuhkan. Klik **Update** untuk menyimpan perubahan

[![image.png](http://192.168.99.118/uploads/images/gallery/2026-07/scaled-1680-/aK4image.png)](http://192.168.99.118/uploads/images/gallery/2026-07/aK4image.png)

Pada jendela **Edit Data Pengguna** ini juga terdapat beberapa tombol dengan fungsi sebagai berikut:

### <span style="text-decoration:underline;">Reset Kata Sandi Akun</span>

Klik **Reset Sandi,** akan muncul jendela yang mengkonfirmasi eksekusi reset kata sandi. Klik **Reset!** untuk mengeksekusi reset kata sandi, atau tekan **Batal** untuk membatalkan eksekusi.

[![image.png](http://192.168.99.118/uploads/images/gallery/2026-07/scaled-1680-/cUnimage.png)](http://192.168.99.118/uploads/images/gallery/2026-07/cUnimage.png)

Jika Anda mengklik **Reset!,** kata sandi pengguna tersebut akan direset, dan akan muncul jendela informasi kata sandi seperti berikut ini:

[![image.png](http://192.168.99.118/uploads/images/gallery/2026-07/scaled-1680-/DQQimage.png)](http://192.168.99.118/uploads/images/gallery/2026-07/DQQimage.png)

Klik tombol **Salin** untuk menyalin informasi reset sandi, informasi ini dapat langsung di-*paste* ke aplikasi pesan instan seperti ***WhatsApp***. Klik **OK** untuk menutup jendela tersebut.

[![image.png](http://192.168.99.118/uploads/images/gallery/2026-07/scaled-1680-/xcNimage.png)](http://192.168.99.118/uploads/images/gallery/2026-07/xcNimage.png)

### <span style="text-decoration:underline;">Hapus Akun Pengguna Aplikasi</span>

Klik **Hapus!** pada jendela **Edit Data Pengguna**  untuk menghapus Akun Pengguna Aplikasi. Akan muncul jendela konfirmasi penghapusan akun. Klik **Hapus!** untuk menghapus akun secara **permanen,** atau klik **Batal** untuk membatalkan eksekusi penghapusan akun.

[![image.png](http://192.168.99.118/uploads/images/gallery/2026-07/scaled-1680-/kNximage.png)](http://192.168.99.118/uploads/images/gallery/2026-07/kNximage.png)

Apabila Anda mengklik tombol **Hapus!** maka akan ditampilkan jendela konfirmasi penghapusan akun.

[![image.png](http://192.168.99.118/uploads/images/gallery/2026-07/scaled-1680-/PWNimage.png)](http://192.168.99.118/uploads/images/gallery/2026-07/PWNimage.png)