PANDUAN

SIBAPOKTI
NG
Kabupaten Bandung

sibapokting kabupaten bandung

PANDUAN MENU WEBSITE SI BAPOKTING

- BERANDA APLIKASI
Klik menu yang di inginkan pada taskbar yang tersedia
-

Login
Admin

Gambar 1. Beranda Aplikasi

SIBAPOKTING KABUPATEN BANDUNG 1

 1. HARGA PANGAN
Pada menu ini pengguna dapat melihat perkembangan harga pangan berdasarkan komuditas
pangan.
a. Pilih komuditas yang ingin di ketahui melalui kolom komuditas.
b. Pilih tanggal awal dan tanggal akhir yang ingin diketahui harga pangannya, kemudian klik
cari.
c. Gunakan taskbar search untuk mencari harga berdasarkan pasar.

Kolom Cari Pasar

Komuditas

Tanggal

Gambar 1. Harga Pangan

SIBAPOKTING KABUPATEN BANDUNG 2

 2. INFORMASI

Menu ini terdiri dari 3 sub menu ,yaitu : Berita , Tentang kami dan Kontak kami. Berikut tampilan
gambar apabila sub menu ini diklik:

Gambar 1. Sub Menu Berita

SIBAPOKTING KABUPATEN BANDUNG 3

 Gambar 2. Sub Menu Tentang Kami

Gambar 3. Sub Menu Kontak Kami

SIBAPOKTING KABUPATEN BANDUNG 4

 Pada Sub menu kontak kami, pengguna dapat menghubungi kami dengan mengisi semua kolom
kemudin klik kirim.

3. PETA PASAR
Menu peta pasar menunjukan letak dimana saja terdapat pasar di wilayah kabupaten bandung.
Berikut tampilannya:

Gambar 1 Peta Pasar

4. Login Admin
Menu yang terakhir ini adalah menu untuk admin atau user yang telah di daftarkan untuk
menambah data, mengubah data dan menghapus data yang menunjang aplikasi.

SIBAPOKTING KABUPATEN BANDUNG 5

 Admin / User yang sudah mempunyai email dan password dapat login sesuai dengan data yang
telah di daftarkan. Apabila login berhasil maka akan muncul gambar seperti dibawah ini :

Gambar 1. Login Admin Sukses

Setelah login admin sukses, maka admin atau User dapat menambahkan data, mengubah data
dan menghapus data sesuai dengan menu yang tersedia.

SIBAPOKTING KABUPATEN BANDUNG 6

 - DATA MASTER
1. DATA PASAR
Klik data pasar ,maka akan muncul tampilan sebagai berikut :

Cari Pasar
Tambah Pasar

Refresh

Action Action
ubah hapus
Gambar 1. Data Pasar

a. Klik tombol Tambah pasar untuk menambahkan data pasar. Isi data sesuai informasi yang
di butuhkan kemudian klik Simpan.
b. Klik Action Ubah yang berwarna orange untuk mengubah data pasar yang sudah ada,
kemudian isi data yang akan di ubah kemudian klik simpan.
c. Klik Action Refresh yang berwarna hijau untuk menampilkan data yang sudah di simpan, di
ubah ataupun di hapus.
d. Klik Action Hapus yang berwarna merah untuk data pasar yang akan di hapus.
e. Gunakan Taskbar cari untuk mencari data pasar yang dibutuhkan.

Berikut tampilan gambar data pasar untuk penambahan dan ubah :

SIBAPOKTING KABUPATEN BANDUNG 7

 Gambar 2. Tambah Data Pasar

Gambar 3. Ubah Data Pasar

Setelah data berhasil di ubah, maka akan muncul gambar seperti dibawah ini:

SIBAPOKTING KABUPATEN BANDUNG 8

 Gambar 4. Ubah Data Pasar Berhasil

2. DATA KOMUDITAS
a. Klik tombol Tambah komuditas untuk menambahkan data komuditas. Isi data sesuai
informasi yang di butuhkan termasuk gambar dari komuditas tersebut, kemudian klik
Simpan.
b. Klik Action Ubah yang berwarna orange untuk mengubah data komuditas yang sudah
ada, kemudian isi data yang akan di ubah kemudian klik simpan.
c. Klik Action Refresh yang berwarna hijau untuk menampilkan data yang sudah di simpan,
di ubah ataupun di hapus.
d. Klik Action Hapus yang berwarna merah untuk data pasar yang akan di hapus.
e. Gunakan Taskbar cari untuk mencari data komuditas yang dibutuhkan.

Berikut tampilan gambar data Komuditas untuk penambahan dan ubah :

SIBAPOKTING KABUPATEN BANDUNG 9

 Cari
Komuditas

Tambah
Komuditas

Refresh

Action
hapus

Action
ubah
Gambar 1. Tambah Data Komuditas

Gambar 2. Edit Data Komuditas

SIBAPOKTING KABUPATEN BANDUNG 10

 3. UPDATE HARGA KOMUDITAS
a. Klik tombol Tambah komuditas Baru untuk menambahkan data komuditas. Isi data sesuai
informasi yang di butuhkan, kemudian klik Simpan. Dapat juga menambahkan dengan
langsung mengunggah file yang telah tersedia.
b. Klik Action Ubah yang berwarna orange untuk mengubah data komuditas baru yang sudah
ada, kemudian isi data yang akan di ubah kemudian klik simpan.
c. Klik Action Refresh yang berwarna hijau untuk menampilkan data yang sudah di simpan, di
ubah ataupun di hapus.
d. Klik Action Hapus yang berwarna merah untuk data pasar yang akan di hapus.
e. Gunakan Taskbar cari untuk mencari data komuditas baru yang dibutuhkan.

Berikut tampilan gambar data Komuditas untuk penambahan dan ubah :

Cari
Komuditas
Baru

Tambah
Komuditas
Baru

Gambar 1. Tambah Komuditas Baru

SIBAPOKTING KABUPATEN BANDUNG 11

 Refresh

Action
hapus

Action
ubah

SIBAPOKTING KABUPATEN BANDUNG 12

 Gambar 2. Tambah Komuditas Baru dengan Upload File

Action
ubah

Refresh

Action
hapus

Gambar 3. Ubah Komuditas Baru

SIBAPOKTING KABUPATEN BANDUNG 13

 - BERITA DAN PESAN
1. BERITA
a. Klik tambah berita untuk menambahkan berita/ artikel baru yang akan di beritakan di
dalam aplikasi. Setelah di klik isi data sesuai dengan informasi yang ada kemudian klik
simpan.

Tambah Berita

Gambar 1. Tambah Berita

b. Klik tombol Ubah yang berwarna hijau, untuk merubah berita yang sudah ada. Isi data
sesuai dengan informasi berita yang akan dirubah kemudian klik simpan.
c. Klik tombol Refresh yang berwarna kuning untuk menampilkan berita yang baru saja di
ubah atau di simpan.
d. Klik tombol hapus yang berwarna merah untuk menghapus berita yang sudah ada.

SIBAPOKTING KABUPATEN BANDUNG 14

 Refresh
Action
hapus
Action
ubah

Gambar 2. Ubah Berita

2. PESAN
Sub menu pesan hanya dapat di ubah atau di hapus, Karena pesan yang di dapat berasal dari
pengguna aplikasi. Pesan dapat di cari melalui taskbar cari. Berikut tampilan menu pesan:

Cari Pesan

Action Action
ubah hapus

Gambar 1. Menu Pesan

SIBAPOKTING KABUPATEN BANDUNG 15

- PENGATURAN CONTENT

Menu pengaturan Content terdiri dari 4 sub menu lainnya, yaitu : Tentang kami, Kontak-kontak,
Banner/Poster dan Link/Alamat.

1. TENTANG KAMI
Klik menu tentang kami ,maka akan muncul tampilan seperti gambar dibawah ini :

Tambah Informasi

Action
Action
hapus
ubah

Gambar 1. Tentang kami

a. Jika ingin menambahkan suatu informasi mengenai tentang kami (SIBAPOKTING), klik
tombol tambah tentang yang ada di bagian kiri atas yang berwarna hijau.
b. Jika hanya ingin merubah informasi yang sudah ada maka klik tombol action yang berwarna
hijau dan tombol silang merah untuk menghapus informasi.

2. KONTAK - KONTAK
Sub menu kontak adalah menu yang berisikan informasi tentang siapa yang dapat di hubungi
unTuk aplikasi SIBAPOKTING ini. Menu ini hanya berisi Action Edit dan Hapus karena informasi
sudah tersedia. Berikut tampilan menu kontak:

SIBAPOKTING KABUPATEN BANDUNG 16

 Gambar 1. Kontak – Kontak

Action
Action
hapus
ubah

3. BANNER/ POSTER
Jika menu ini di klik, maka menu ini akan terbagi menjadi 3 bagian. Yaitu bagian Header (Atas),
Bagian konten (Bagian tengah), Dan Bagian Footer ( Bagian bawah). Masing-masing menu
mempunyai fungsi menu yang sama, yaitu:

a. Tambah Banner header, Tambah Banner Konten dan Tambah Banner Footer untuk
menambahkan Banner/ poster pada aplikasi.
b. Action Ubah yang berwarna hijau untuk merubah Banner/ Poster yang sudah ada.
c. Action Hapus yang berwarna merah untuk menghapus Banner/ Poster yang sudah ada.

Tampilan gambar untuk menu Banner/ Poster, seperti gambar dibawah ini :

SIBAPOKTING KABUPATEN BANDUNG 17

 Header

Konten Action
Action
hapus
ubah

Footer

Gambar 1. Banner/ Poster

4. LINK/ ALAMAT
Sub menu terakhir ini terbagi menjadi 2 bagian, Link/ Alamat untuk informasi dan Link/Alamat
untuk instansi. Kedua fungsi pada menu bagian ini pun sama, diantaranya:
a. Klik tombol Tambah Link/ Alamat Informasi ataupun Instansi untuk menambah suatu
link untuk ke informasi/ instansi yang menunjang aplikasi.
b. Klik Action ubah yang berwarna hijau untuk merubah Link/Alamat yang sudah ada. Isi
data yang akan di ubah kemudian klik Simpan.
c. Klik Action hapus yang berwarna merah untuk menghapus Link/ Alamat yang sudah
ada.

Berikut gambar untuk menu Link/ Alamat :

SIBAPOKTING KABUPATEN BANDUNG 18

 Link Informasi

Action
Link Instansi Action
hapus
ubah

Gambar 1. Link/ Alamat

Gambar 2. Link/ Alamat

SIBAPOKTING KABUPATEN BANDUNG 19

 - MANAGEMENT USER
1. DATA MANAGEMENT USER
Klik menu Data Management User, maka akan muncul tampilan seperti gambar dibawah ini:

Tambah User

Refresh
Action
hapus
Action
ubah

Gambar 1. Data Management User

a. Klik tombol tambah user untuk menambahkan user. Isi data sesuai informasi user kemudian
simpan data.
b. Klik action ubah yang berwarna orange untuk mengubah data user yang sudah ada. ubah
data user sesuai informasi user, kemudian simpan.

Gambar 2. Data Management User - Ubah Data User

SIBAPOKTING KABUPATEN BANDUNG 20

 Setelah tersimpan maka akan muncul tampilan seperti dibawah ini:

Gambar 2. Data Management User - Simpan Data User

c. klik action refresh yang berwarna hijau untuk menampilkan data yang baru di simpan ,di
ubah ataupun dihapus.
d. klik action hapus yang berwarna merah untuk menghapus user.

2. DATA USER
Data user digunakan hanya untuk mengganti password user. User hanya tinggal mengklik
tombol ganti password, kemudian mengganti passwordnya. Tampilan seperti gambar
dibawah ini:

Ganti Password

Gambar 1. Data User – Ganti Password

SIBAPOKTING KABUPATEN BANDUNG 21

PANDUAN MENU ANDROID SI BAPOKTING

- BERANDA APLIKASI
Pada menu beranda ini terdapat banyak sub menu yang dapat digunakan oleh pengguna
aplikasi. Berikut tampilan menu beranda:

Gambar 1. Beranda Aplikasi

- MENU UPDATE HARGA PANGAN

Menu ini digunakan untuk melihat harga pangan terupdate dari setiap komuditas pasar yang
ada.
 Klik sub menu update harga pangan.
 Pilih pasar yang ingin diketahui harga update-nya.
 Setelah pilih pasar, maka harga pangan akan ter-update secara otomatis.
 Klik beranda jika ingin kembali pada menu utama.

SIBAPOKTING KABUPATEN BANDUNG 22

 Update
harga pasar

Pilih Pasar

SIBAPOKTING KABUPATEN BANDUNG 23

 Update Kembali ke
harga pasar Beranda

Gambar 1. Update harga pangan Gambar 2. Pilih Pasar

- BERITA
 Klik menu berita pada menu utama.
 Pilih berita yang akan dilihat oleh pengguna.
 Berita juga tersedia langsung pada menu utama. Pengguna bias langsung memilih tanpa
harus klik sub menu Berita terlebih dahulu.
 Klik tanda panah atas sebelah kiri untuk kembali pada Menu utama.

SIBAPOKTING KABUPATEN BANDUNG 24

 Kembali ke
Menu
Utama

Pilih Berita

Berita

Berita

SIBAPOKTING KABUPATEN BANDUNG 25

 Gambar 1. Berita Gambar 2. Pilih Berita

- PETA PASAR
 Klik peta pasar untuk mengetahui lokasi pasar yang ingin di ketahui.
 Atur peta sesuai dengan keinginan.
 Klik tanda panah atas sebelah kiri untuk kembali ke menu utama.

SIBAPOKTING KABUPATEN BANDUNG 26

 Kembali ke
Menu
Utama

Peta Pasar

Gambar 1. Peta Pasar Gambar 2. Tampilan Peta

- HARGA PERKOMUDITAS
 Klik menu harga perkomuditas, untuk mengetahui harga perkomuditas di setiap pasar.
 Pilih komuditas yang ingin diketahui.
 Pilih tanggal sesuai dengan yang ingin diketahui.
 Klik cari, untuk mengetahui hasil.
 Klik tanda panah atas sebelah kiri untuk kembali ke menu utama.

SIBAPOKTING KABUPATEN BANDUNG 27

 Harga
Perkomuditas

Gambar 1. Gambar 2. Gambar 3.

- HARGA PERPASAR
- Klik menu harga perpasar, untuk mengetahui harga perpasar di setiap komuditas.
- Pilih pasar yang ingin diketahui.
- Pilih tanggal sesuai dengan yang ingin diketahui.
- Klik cari, untuk mengetahui hasil.
- Klik tanda panah atas sebelah kiri untuk kembali ke menu utama.

SIBAPOKTING KABUPATEN BANDUNG 28

 Harga
Perpasar

Gambar 1. Gambar 2. Gambar 3.

- KONTAK KAMI & TENTANG KAMI

 Klik kontak kami pada menu utama untuk mengetahui cara menghubungi kami, ataupun
ingin mengirimkan pesan pada kami. Jika ingin mengirim pesan tulis pesan kemudian kirim.
 Klik tentang kami untuk mengetahui informasi yang berhubungan dengan kami ataupun
tentang aplikasi.
 Klik tanda panah atas sebelah kiri untuk kembali ke menu utama pada sub menu kontak
kami, dan klik beranda untuk kembali ke menu utama pada sub menu tentang kami.

SIBAPOKTING KABUPATEN BANDUNG 29

 Kontak
Kami
Kirim
Tentang Pesan
Kami

Gambar 1. Menu Gambar 2. Kontak Kami Gambar 3. Tentang Kami

- PETUGAS
Menu ini hanya dapat di akses oleh petugas di setiap pasar yang sudah di daftarkan sebelumnya
di aplikasi web-nya.
 Klik Button petugas yang ada di sebelah kanan bagian bawah.
 Login sesuai dengan username dan password yang telah terdaftar.
 Pilih komuditas yang akan dimasuka sesuai dengan tanggal dan harga yang telah
ditentukan.
 Klik simpan untuk menyimpan data.
 Data yang sudah disimpan akan muncul secara otomatis.
 Klik Button berwarna biru untuk merefresh data.
 Klik Button berwarna merah untuk menglogout dan aplikasi akan kembali pada menu login.
 Klik Beranda untuk kembali ke menu utama.

SIBAPOKTING KABUPATEN BANDUNG 30

 Logout

Simpan
Data

Refresh
Login
Petugas
SIBAPOKTING KABUPATEN BANDUNG 31
 Data Yang sudah
Kembali ke disimpan
menu utama Button
Petugas

Gambar 1. Menu Login Gambar 2. Menu simpan data

SIBAPOKTING KABUPATEN BANDUNG 32