• Tidak ada hasil yang ditemukan

State Transition Diagram

Dalam dokumen BAB 4 PERANCANGAN SISTEM BASIS DATA (Halaman 110-120)

ON UPDATE CASCADE ON DELETE NO ACTION

23. Detil_Hasil_Survei

4.6 Perancangan program aplikasi .1 Perancangan struktur menu

1.6.1.4 State Transition Diagram

Pada langkah ini setiap user interface pada aplikasi akan dijelaskan aksi yang dapat dilakukan pada setiap Form menggunakan State Transition

Diagram.

a) State Transition Diagram Form Login

Pada perancangan STD form login terdapat langkah-langkah untuk memasuki form login pertama masuk ke halaman dashboard. Di halaman dashboard terdapat tulisan”login” dimana tulisan tersebut apabila di click akan masuk ke form login. Form login tersebut digunakan untuk memvalidasi username dan password user yang akan menggunakan aplikasi tersebut. Sehingga user tersebut akan menggunakan hak akses yang telah ditentukan pada user.

b) State Transition Diagram Form Topik Survei

Form menu

Form topik survei Click input topik survei

Click “tambah topik survei” untuk menambah topik

survei Click “edit topik

survei” untuk mengedit topik

survei Click “hapus topik

survei” untuk menghapus topik survei Click “simpan” untuk menyimpan topik survei Click “peta desa

tertinggal” untuk kembali ke halaman menu

Gambar 4.40 STD form topik survei

Pada perancangan STD form topik survei terdapat langkah-langkah untuk memasuki form topik survei pertama masuk pada form menu. Di dalam form menu tersebut terdapat tulisan ”input topik survei” dimana tulisan tersebut apabila di click akan masuk ke form topik survei. Di dalam form topik survei tersebut digunakan untuk tambah, mengedit, dan menghapus topik survei. Apabila, ingin menambah topik survei. Maka, click “tambah topik survei”. Setelah topik ditambahkan. Maka langkah selanjutnya adalah click button simpan. Lalu apabila ingin mengedit topik survei. Maka, click “edi] topik survei”. Setelah topik

menghapus topik survei. Maka, click “hapus topik survei”.

c) State Transition Diagram Form Skala Status Desa

Gambar 4.41 STD Form Skala Status Desa

Pada perancangan STD form skala status desa terdapat langkah-langkah untuk memasuki form skala status desa pertama masuk pada

form menu. Di dalam form menu tersebut terdapat tulisan ”input skala

status desa” dimana tulisan tersebut apabila di click akan masuk ke form topik survei. Di dalam form topik survei tersebut digunakan untuk tambah, mengedit, dan menghapus skala status desa. Apabila, ingin menambah skala status desa. Maka, isi textfield semester, skala status desa, dan tanggal. Setelah selesai diisi. Maka langkah selanjutnya adalah

click button simpan. Lalu apabila ingin mengedit skala status desa. Maka, click button “ubah”. Setelah topik diedit. Maka langkah selanjutnya

adalah click button simpan. Bila ingin menghapus skala status desa. Maka, click button “hapus”.

d) State Transition Diagram Form Input Data Survei

Gambar 4.42 STD Form Input Data Survei

Pada perancangan STD form input data survei terdapat langkah-langkah untuk memasuki form input data survei pertama masuk pada

form menu. Di dalam form menu tersebut terdapat tulisan ”input data

survei” dimana tulisan tersebut apabila di click akan masuk ke form input data survei. Di dalam form input data survei tersebut digunakan untuk tambah, searching, dan menghapus data survei. Apabila, ingin menambah data survei. Maka, isi textfield semester, kecamatan, desa, dan tanggal. Setelah selesai diisi. Maka langkah selanjutnya adalah click button simpan. Lalu apabila ingin searching data survei. Maka, click button “search”. Bila ingin menghapus data survei. Maka, click button “hapus”.

Form menu

Grafik desa tertinggal

Click combo box semester untuk memilih semester Click “button submit” untuk melihat grafik desa tertinggal

Click combo box tahun untuk memilih tahun Click grafik

desa tertinggal Click “peta desa

tertinggal” untuk kembali ke halaman menu

Gambar 4.43 STD Form Grafik Desa Tertinggal

Pada perancangan STD form gtafik desa tertinggal terdapat langkah-langkah untuk memasuki form grafik desa tertinggal pertama masuk pada form menu. Di dalam form menu tersebut terdapat tulisan ”grafik desa tertinggal” dimana tulisan tersebut apabila di click akan masuk ke form grafik desa tertinggal. Di dalam form grafik desa tertinggal digunakan untuk menampilkan data survei yang ada pada setiap desa dalam bentuk grafik. Apabila ingin menampilkan grafik. Maka, isi

combo box tahun dan combo box semester. Setelah selesai diisi. Maka

langkah selanjutnya adalah click button “submit”.

f) State Transition Diagram Form Laporan Realisasi Anggaran

Pada perancangan STD form laporan realisasi anggaran terdapat langkah-langkah untuk memasuki form laporan realisasi anggaran pertama masuk pada form menu. Di dalam form menu tersebut terdapat tulisan ”upload data laporan realisasi anggaran” dimana tulisan tersebut apabila di

click akan masuk ke form laporan realisasi anggaran. Di dalam form

menghapus laporan realisasi anggaran. Apabila, ingin mengupload. Maka,

click “mengupload data laporan”.apabila ingin mendownload template

realisasi anggaran maka click “disini” pada tulisan “untuk mendownload template laporan disini”. Untuk melakukan searching data laporan. Maka,

click “search”. Click “lihat data” untuk melihat hasil laporan dari yang

sudah diupload. Apabila ingin menghapus data laporan maka click “hapus data”.

Gambar 4.44 STD Form Laporan Realisasi Anggaran

g) State Transition Diagram Form Data Target PBB

Pada perancangan STD form laporan data target PBB terdapat langkah-langkah untuk memasuki form laporan data target PBB pertama masuk pada form menu. Di dalam form menu tersebut terdapat tulisan ”upload data laporan target PBB” dimana tulisan tersebut apabila di click akan masuk ke form laporan data target PBB. Di dalam form topik tersebut digunakan untuk mengupload, mengedit, searching, dan menghapus laporan data target PBB. Apabila, ingin mengupload. Maka, click “mengupload data laporan”.apabila ingin mendownload template data target PBB maka click

melakukan searching data laporan. Maka, click “search”. Click “lihat data” untuk melihat hasil laporan dari yang sudah diupload. Apabila ingin menghapus data laporan maka click “hapus data”.

Gambar 4.45 STD Form Data Target PBB

h) State Transition Diagram Form Data PBB

Pada perancangan STD form laporan data PBB terdapat langkah-langkah untuk memasuki form laporan data PBB pertama masuk pada form menu. Di dalam form menu tersebut terdapat tulisan ”upload data laporan PBB” dimana tulisan tersebut apabila di click akan masuk ke form laporan data PBB. Di dalam form tersebut digunakan untuk mengupload, mengedit,

searching, dan menghapus laporan data PBB. Apabila, ingin mengupload.

Maka, click “mengupload data laporan”.apabila ingin mendownload template data PBB maka click “disini” pada tulisan “untuk mendownload template laporan disini”. Untuk melakukan searching data laporan. Maka,

click “search”. Click “lihat data” untuk melihat hasil laporan dari yang sudah

Gambar 4.46 STD Form Data PBB

i) State Transition Diagram Form Realisasi SP2D

Form menu

Form realisasi SP2D

Click form realisasi SP2D

Click “choose file” untuk menUpload

laporan data realisasi SP2D Click “peta desa

tertinggal” untuk kembali ke halaman menu Click “download” untuk mendownload hasil laporan data

realisasi SP2D

Click “search” untuk mencari laporan data realisasi SP2D Click “lihat data”

untuk melihat hasil laporan data realisasi SP2D Click “hapus data” untuk menghapus hasil laporan data realisasi SP2D

langkah-langkah untuk memasuki form laporan realisasi SP2D pertama masuk pada form menu. Di dalam form menu tersebut terdapat tulisan ”upload data laporan realisasi SP2D” dimana tulisan tersebut apabila di

click akan masuk ke form laporan realisasi SP2D. Di dalam form tersebut

digunakan untuk mengupload, mengedit, searching, dan menghapus laporan realisasi SP2D. Apabila, ingin mengupload. Maka, click “mengupload data laporan”.apabila ingin mendownload template data realisasi SP2D maka click “disini” pada tulisan “untuk mendownload template laporan disini”. Untuk melakukan searching data laporan. Maka,

click “search”. Click “lihat data” untuk melihat hasil laporan dari yang

sudah diupload. Apabila ingin menghapus data laporan maka click “hapus data”.

j) State Transition Diagram Form Kas Harian

Gambar 4.48 STD form upload data kas harian

Pada perancangan STD form laporan kas harian terdapat langkah-langkah untuk memasuki form laporan kas harian pertama masuk pada

laporan kas harian” dimana tulisan tersebut apabila di click akan masuk ke form laporan kas harian. Di dalam form tersebut digunakan untuk mengupload, mengedit, searching, dan menghapus laporan kas harian.

Apabila, ingin mengupload. Maka, click “mengupload data

laporan”.apabila ingin mendownload template data kas harian maka click “disini” pada tulisan “untuk mendownload template laporan disini”. Untuk melakukan searching data laporan. Maka, click “search”. Click “lihat data” untuk melihat hasil laporan dari yang sudah diupload. Apabila ingin menghapus data laporan maka click “hapus data”.

k) State Transition Diagram Form Grafik Data Keuangan

Form menu Grafik Keuangan Click “button submit” untuk melihat grafik keuangan Click textfield tanggal untuk mengisi tanggal Click grafik keuangan Click “peta desa

tertinggal” untuk kembali ke halaman menu

Gambar 4.49 STD Form Grafik Data Keuangan

Pada perancangan STD form gtafik data keuangan terdapat langkah-langkah untuk memasuki form grafik data keuangan pertama masuk pada form menu. Di dalam form menu tersebut terdapat tulisan ”grafik keuangan” dimana tulisan tersebut apabila di click akan masuk ke

form grafik keuangan. Di dalam form grafik keuangan digunakan untuk

selesai diisi. Maka langkah selanjutnya adalah click button “submit”.

Dalam dokumen BAB 4 PERANCANGAN SISTEM BASIS DATA (Halaman 110-120)

Dokumen terkait