1. Tampilan Desain Form
2. Script Program
- Deklarasi Variabel
Pada penggalan kode diatas, terdapat variabel Nama, Nim, Alamat dengan tipe data string dengan array 10, artinya indexnya ada 11 buah. Kemudian terdapat variabel JmlData bertipe data integer yang fungsinya untuk menyimpan data ketika di inputkan pada masing-masing text field. Lalu terdapat variabel Posisi dengan tipe data integer yang fungsinya untuk menyimpan dan mengatur posisi data pada masing-masing index.
- Tombol Simpan (btnSave)
Penjelasan:
Ketika data diinputkan pada tiap text field, maka pada saat tombol “Simpan” ditekan, data akan disimpan pada variabel Nim, Nama, dan Alamat dimana yang menjadi penyimpan data untuk tiap index adalah variabel JmlData. Kemudian, ketika data sudah disimpan pada index, maka data tersebut akan ditempatkan posisinya kedalam index dan ditampilkan ke text field (setText) dimana arraynya adalah dengan menggunakan variabel Posisi. Dan pada saat itu juga tombol “Simpan” akan berubah menjadi tombol “Tambah” karena ada statement btnSave.setTetxt(“Tambah”).
Setelah tombol “Tambah” di klik maka data pada text field akan menjadi kosong, dan kita bisa menambahkan data yang baru. Selain itu tombol “Tambah” pun berubah menjadi tombol “Simpan” yang berguna untuk menyimpan data yang baru saja diinputkan. Koding ini terjadi pada statement else pada script diatas.
- Tombol Selanjutnya (btnBerikut)
Penjelasan:
Pada tombol berikut (>) ini berfungsi untuk berpindah data yang ditampilkan ke data selanjutnya. Cara kerja script diatas adalah jika data yang ditampilkan sedang berada pada posisi paling akhir, maka ketika tombol berikut di klik, akan muncul pesan yakni “Data Sudah Di Akhir”. Pesan tersebut artinya adalah data yang tersimpan hanya sampai sejumlah data yang diinputkan. Dimana pada kondisi JmlData -1 adalah untuk menghindari tampilnya data kosong pada posisi yang paling akhir, mengingat pada array, angka index yang dibaca adalah dari index 0, untuk urutan yang pertama kali. Lalu pada statement else, ketika posisi data tidak sedang berada di akhir, maka ketika tombol berikut di klik, data yang ditampilkan akan menampilkan data selanjutnya, sampai tampilan data berpindah ke posisi yang terakhir diinputkan (Posisi++/increment).
- Tombol Kembali (btnKembali)
Penjelasan:
Pada tombol kembali (<) ini berfungsi untuk berpindah dari posisi data yang ditampilkan, ke data sebelumnya. Cara kerja script diatas adalah jika data sudah berada pada posisi paling akhir maka ketika tombol kembali di klik, akan muncul pesan “Data Sudah Di Awal”. Pesan tersebut artinya data yang ditampilkan adalah data yang berada diawal (pada index ke 0). Kemudian pada else, jika posisi data tidak sedang berada di akhir, maka ketika tombol kembali di klik, data yang sedang ditampilkan akan berpindah ke tampilan data pada index sebelumnya sampai terakhir tampil data yang pertama kali diinputkan (Posisi- - untuk mengurangi index / decrement).
- Tombol Pindah Ke Data Paling Awal (btnAwal)
Penjelasan:
Pada tombol awal (|<) ini berfungsi untuk berpindah dari posisi data yang sedang ditampilkan ke data yang paling awal. Cara kerja script diatas adalah jika data yang ditampilkan berada pada posisi paling awal maka ketika tombol tersebut di klik, akan muncul pesan “Data Sudah Di Awal”. Pesan tersebut artinya adalah data yang sedang ditampilkan adalah data yang berada diawal (pada index ke 0). Kemudian pada statement else, jika posisi data tidak sedang berada di awal, maka ketika tombol awal di klik, tampilan data akan berpindah ke data yang paling awal (Posisi=0 adalah untuk berpindah ke index 0 atau data yang berada pada posisi awal).
- Tombol Pindah Ke Data Yang Paling Akhir (btnAkhir)
Penjelasan:
Pada tombol akhir (>|) ini berfungsi untuk berpindah dari posisi data yang sedang ditampilan ke data yang paling akhir. Cara kerja script diatas adalah jika data sudah berada pada posisi paling akhir maka ketika tombol tersebut di klik, akan muncul pesan yakni “Data Sudah Di Akhir”. Pesan tersebut artinya data yang ditampilkan adalah data yang sedang berada diakhir (Data yang terakhir kali di simpan). Kemudian pada statement else, jika posisi data yang ditampilkan tidak sedang berada di akhir, maka ketika tombol akhir di klik, data yang sedang ditampilkan akan berubah menjadi data yang sedang berada di posisi paling akhir (Posisi==JmlData-1 adalah data yang terakhir diinputkan).
Semua button pada program ini, yakni menggunakan event MouseClicked, artinya ketika tombol di klik dengan mouse maka kode tersebut akan berjalan sesuai fungsinya masing-masing tombol.
3. Hasil Running- Pertama kali menginputkan data
- Ketika tombol “Simpan” di klik
- Ketika tombol “Tambah” di klik
- Ketika field tidak diisi.
- Tombol Berikut, Tombol Kembali, Tombol Akhir dan Tombol Awal. Harus ditampilkan dengan gambar bergerak agar terlihat fungsinya, jadi tidak saya cantumkan screenshotnya disini, karena susah menyisipkan gambar bergeraknya. Namun bisa dicoba dengan menjalankan kode-kode diatas untuk melakukan percobaan untuk menguji kebenarannya.
Komentar ini telah dihapus oleh pengarang.
BalasHapus