Latest Games :
Home » » Prototype Sistem Pembayaran BP-3

Prototype Sistem Pembayaran BP-3

| 0 comments

Melanjutkan Tugas Metode Pengembangan Sistem.
Ini merupakan tugas ke Tiga, yaitu tentang prototype sebuah sistem "SISTEM INFORMASI PEMBAYARAN BP-3 SMA 7 MUHAMMADIYAH YOGYAKARTA". Ada beberapa contoh prototype sebuah sistem , tetapi disini kelompok kami membuat Prototype berupa sebuah Storyboard dari sebagian kecil program yang kami kerjakan. Sebagai contoh prototype disistem yang kami ambil. Untuk selengkapnya Storyboard bisa didownload dilink dibawah ini.
  • Start dan Loading Sistem
  • Menu Utama
Gambar A

Scene ini atau disebut dengan Menu Utama akan tampil setelah scene pertama selesai.
Dalam scene ini menampilkan tentang judul sistem informasi yang dibuat yaitu tentang pembayaran BP-3 SMA 7 Muhammadiyah Yogyakarta.

Aplikasi ini berbasis Client Server, maka dari itu untuk komputer untuk Admin (operator administrasi) tombol "Admin" tersedia (Enable) (lihat Gambar A), sedangkan untuk komputer anjungan (siswa) aplikasi ini akan terinstal tanpa meng-Enable-kan tombol "Admin" (lihat Gambar B).

  • Login Admin


Dari scene sebelumnya jika Klik Tombol "Admin" maka yang akan muncul adalah login command  prompt. Yaitu pengguna (admin) akan diminta Id_Admin berserta Passwordnya untuk memasuki halaman Admin sebagai pengguna yang valid.
  • Halaman Admin
Kemudian akan muncul scene halaman Admin, seperti gambar visual disamping kanan.
Didalam halaman Admin, Admin mempunyai wewenang untuk melakukan pengolahan data seperti Data Admin, Data Siswa, Data Transaksi, dan Laporan. Menu menu yang ada di halaman admin antara lain :
  1. Data Admin
  2. Data Siswa
  3. Data Transaksi
  4. Laporan
  5. Keluar
Pada Menu File terdapat Menu yang sama seperti yang telah tercantum diatas, fungsinya juga sama.
  • Data Admin
 
Jika Admin mengklik tombo “Data Admin” maka akan muncul form untuk mengisi data admin, data orang yang akan menjadi admin dalam sistem informasi ini.
Menu yang tersedia :
-    Tambah (untuk menambah data pengguna (admin)).
-    Update (untuk mengupdate informasi pengguna (admin)).
-    Hapus (untuk menghapus pengguna (admin)).
-    Tutup (untuk menutup form pengisian data admin dan kembali ke halaman Admin).

Cara Penggunaan Form ini sebagai berikut :

Pada Menu File terdapat Menu yang sama seperti yang telah tercantum diatas, fungsinya juga sama.
  1. Cara mengisi data seperti biasa yaitu dengan mengisi semua field yang tersedia, jika sudah terisi klik tombol “Tambah” maka secara otomatis akan masuk ke databasenya.
  2. Untuk MengUpdate data Admin , caranya klik Id_admin pada kolom, maka secara otomasi field akan terisi dengan data-data admin yang akan diupdate tersebut, kemudia ubahlah data yang diinginkan setelah cukup mengubah data barulah klik “Update”.Maka data admin yang ada didatabasenya akan berubah sesuai yang telah diupdate.
  3. Untuk menghapus data admin, caranya dengan memilih id_admin yang ada di kolom, kemudian klik “Hapus”.
  • Data Siswa

Selanjutnya jika pada halaman admin (lihat  no.4 pada tabel storyboard ini) admin mengklik "Data Siswa" maka akan muncul form pengisian data siswa . didalam form ini hamper sama persis dengan form data admin, hanya saja didalamnya terdapat fasilitas untuk mencari siswa berdasarkan NIS / Kelas. Sehingga memudahkan Admin untuk mencari siswa yang dimaksud.
Menu :
-    Tambah (untuk menambah data siswa).
-    Update (untuk mengupdate informasi siswa).
-    Hapus (untuk menghapus siswa).
-    Tutup (untuk menutup form pengisian data admin dan kembali ke halaman Admin).
-    Cari  (untuk mencari siswa berdasarkan NIS / Kelas).

Cara Penggunaan Form ini sebagai berikut :

  1. Untuk mencari siswa yang dimaksud caranya klik combobox “Pilih” kemudian tulis pada field disamping kirinya, jika menurut NIS , maka isi dengan NIS, tetapi jika menurut KELAS maka isi dengan Nama Kelasnya.
  2. Cara mengisi data seperti biasa yaitu dengan mengisi semua field yang tersedia, jika sudah terisi klik tombol “Tambah” maka secara otomatis akan masuk ke databasenya.
  3. Untuk MengUpdate data Siswa , caranya klik NIS  pada tabel maka secara otomasi field akan terisi dengan data-data siswa yang akan diupdate tersebut, kemudia ubahlah data yang diinginkan setelah cukup mengubah data barulah klik “Update”.Maka data siswa yang ada didatabasenya akan berubah sesuai yang telah diupdate.
  4. Untuk menghapus data siswa, caranya dengan memilih NIS yang ada ditabel, kemudian klik “Hapus”.
  5. Untuk keluar klik “Tutup” , kemudian akan kembali ke halaman Admin.
  •  Transaksi Data
Selanjutnya jika pada halaman  admin mengklik "Data Transaksi" maka akan muncul form pengisian data transaksi.
Diform ini terdapat Menu utama yaitu :
-    Tambah (untuk menambah data).
-    Update (untuk merubah data).
-    Hapus (untuk menghapus data).
-    Cetak (untuk mencetak bukti pembayara (untuk siswa)).
-    Tutup (menutup form Data Transaksi dan kembali ke halaman Admin).


Featur tambahan :
-    Tedapat kalkulator sederhana untuk menghitung pembayaran Menu pada Kalkulator
-    Clear (untuk membersikan angka pada field).
-    Hitung (untuk melakukan perhitungan).

Cara Penggunaan Form ini sebagai berikut :

  1. Cara mengisi data seperti biasa yaitu dengan mengisi semua field yang tersedia dari Nama sampai Jumlah Rp., jika sudah terisi langkah kemudia yaitu melakukan perhitungan, dengan cara mengisi field total (jumlah yang harus dibayar), dan field bayar (jumlah yang dibayar oleh siswa) kemudia klik tombol “Hitung” maka akan otomatis keluar outputnya, setelah itu baru klik tombol“Tambah” maka data transaksi secara otomatis akan masuk ke databasenya.
  2. Untuk MengUpdate data Siswa , caranya klik NIS  pada tabel, maka secara otomasi field akan terisi dengan data-data siswa yang akan diupdate tersebut, kemudia ubahlah data yang diinginkan setelah cukup mengubah data barulah klik “Update”.Maka data siswa yang ada didatabasenya akan berubah sesuai yang telah diupdate.
  3. Untuk menghapus data siswa, caranya dengan memilih NIS yang ada di tabel, kemudian klik “Hapus”.
  4. Untuk keluar klik “Tutup” , kemudian akan kembali ke halaman Admin
  • Form Siswa
Gambar B
Halaman Menu Utama dikomputer anjungan untuk Siswa, disini terdapat dua menu yaitu :
  1. Siswa 
  2. Logout
Klik tombol “Siswa” untuk mengecek transaksi pembayaran BP-3, atau Klik tombol “Keluar” untuk menutup aplikasi ini.
  • Log in Siswa
 
Ini adalah form login command prompt untuk siswa, jika sebelumnya Menu Utama (Gambar B). Jika Klik Botton Siswa Maka akan muncul gambar sebelah kanan berikut. Disini terdapat dua tombol yaitu “Login” dan “Cancel” , Jika klik “Login” maka akan masuk ke Form yang berisi data siswa pemilik NIS yang telah diInput di Login command prompt sebelumnya. Jika Klik “Cancel” maka akan masuk ke Menu Utama
  •  Cek Transaksi
Form ini hanya bisa digunakan siswa untuk melihat atau mengecek pembayaran BP-3 yang telah dibayar kepada pihak sekolah.
Form ini menampilkan data transaksi yang telah dilakukan sebelumnya.
Form ini terdapat satu tombol navigasi yaitu “Logout”, untuk keluar dari form tersebut dan kembali ke Menu Utama.
  • Logout Sistem
Screen shot flash Screen pada saat menutup aplikasi ini.



PROTOTYPE/STORYBOARD
 


NAMA ANGGOTA KELOMPOK

1. Suhendrah

2. Imam Arifin

3. Triyanto

4. Exsan Bokhori

5. Sudarman

Share this article :

:a: :b: :c: :d: :e: :f: :g: :h: :i: :j:

See More Emoticons

No comments:

Post a Comment

 
Support : Creating Website | Hendrah Tho Koodtwo
Copyright © 2012. SUHENDRAH - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger