IMPLEMENTASI PERANGKAT LUNAK
4.3. Implementasi Web Service pada Sisi Klien
Data pada server telah selesai dibangun, maka selanjutnya pada sisi klien akan dibuat program aplikasi pengakses database berbasis Java. Program yang akan dibangun memiliki fungsi yang sama dengan yang ada pada server, yaitu:
a. Membuat data murid baru b. Memodifikasi data murid c. Menghapus data murid
d. Mendapatkan data seluruh murid, dan e. Menampilkan data seorang murid
Gambar 4.5 Tampilan awal program perekaman data pada klien
Pada tampilan awal aplikasi, tidak ada data yang ditampilkan dan tombol-tombol dinonaktifkan. Hal ini dikarenakan data yang ada pada server belum diambil oleh aplikasi. Untuk mengambil data dari sever, pengguna dapat memilih menu submenu “Ambil Data” dari menu “File”.
Gambar 4.6 Mengambil data murid yang sudah ada dari Server
Data yang diambil dari server ditampilkan satu per satu dalam aplikasi dan tombol-tombol untuk memodifikasi data diaktifkan.
Gambar 4.7 Data pertama yang ada pada server
Untuk melihat data selanjutnya, pengguna dapat menekan tombol “>>”.
Gambar 4.8 Data kedua dari Server
Pada gambar terlihat bahwa hanya terdapat tiga tombol yang aktif, yaitu “Sunting”, “Hapus”, dan “Tambah Siswa”. Tombol “Simpan” tidak diaktifkan karena saat ini program hanya berfungsi untuk menampilkan data saja. Tombol “Simpan” hanya akan diaktifkan jika data mengalami perubahan seperti modifikasi data atau penghapusan data, atau penambahan data.
Tombol “Sunting” dapat digunakan bila pengguna/klien ingin mengubah salah satu data, tekan. Misalkan data yang ingin diubah adalah data kedua. Pada data ini, nama murid yang bernama Jane Doe akan diganti menjadi Jan Peter.
Gambar 4.9 Data yang akan disunting
Tekan tombol “Sunting”, maka baris-baris yang menampilkan data berubah menjadi aktif dan dapat disunting. Selain itu, tombol “Simpan” juga diaktifkan. Hal ini dimaksudkan agar setelah data diubah, maka data dapat disimpan kembali ke server. Dengan demikian, setiap perubahan yang dilakukan oleh klien akan berlaku terhadap data yang ada di server.
Untuk memastikan bahwa perubahan data terjadi pada server, maka buka phpMyAdmin. Seperti terlihat pada gambar di bawah, data pada server telah berubah.
Gambar 4.11 Penyuntingan data pada server berhasil dilakukan
Tombol “Tambah Siswa” memungkinkan klien menambah data siswa yang ada pada server. Jika tombol ini ditekan, otomatis semua baris data akan menjadi kosong. Dengan demikian, klien dapat menuliskan data murid yang akan ditambah. Perhatikan bahwa no rekam data secara otomatis bertambah satu. Hal ini berarti bahwa data murid yang baru akan dimasukkan sebagai data tambahan setelah data terakhir.
Gambar 4.12 Tampilan setelah tombol “Tambah Siswa” ditekan
Setelah selesai menuliskan data tambahan, klien dapat menekan tombol “Simpan” untuk meyimpan data tersebut.
Gambar 4.13 Data yang akan ditambahkan oleh Klien
Setelah tombol “Simpan” ditekan, maka secara otomatis aplikasi akan menampilkan data dari urutan pertama (lihat Gambar 4.9). Untuk melihat apakah data baru tersebut telah masuk, tekan tombol “>>” hingga sampai kepada urutan data yang baru.
Gambar 4.14 Tampilan awal setelah penambahan data murid
Gambar 4.15 Data yang telah ditambahkan
Untuk memastikan agar data tidak dapat diubah lagi, maka tekan kembali tombol “Sunting”. Maka baris-baris yang menampilkan data akan kembali nonaktif.
Gambar 4.16 Tampilan setelah tombol “Sunting” diaktifkan kembali
Untuk memastikan apakah perubahan benar-benar terjadi pada server, buka kembali phpMyAdmin. Seperti yang terlihat pada gambar di bawah, data baru telah ditambahkan pada database Student.
Gambar 4.17 Penambahan data pada server berhasil dilakukan
Selanjutnya, untuk menghapus data salah satu murid dapat digunakan tombol “Hapus”. Misalkan yang akan dihapus adalah data murid no.2, yaitu Jan Peter.
Gambar 4.18 Data yang akan dihapus
Setelah tombol “Hapus” ditekan, maka aplikasi secara otomatis menampilkan kembali data dari urutan pertama (Gambar 4.13).
Gambar 4.19 Tampilan setelah tombol “Hapus” ditekan
Untuk memastikan bahwa data tersebut memang telah dihapus, maka dapat ditelusuri kembali data yang ada dengan menekan tombol “>>”. Tombol “>>” yang nonaktif menunjukkan bahwa data yang ditampilkan adalah data terakhir. Dengan demikian, maka benar bahwa data tersebut telah dihapus.
Gambar 4.20 Data terakhir setelah data kedua dihapus
Untuk memastikan perubahan telah terjadi di server, bukalah kembali phpMyAdmin. Maka terlihat pada gambar bahwa data Jan Peter pada database server telah terhapus.
Gambar 4.21 Penghapusan data pada server berhasil dilakukan
Pada dasarnya, Web Service adalah komponen dari aplikasi yang dibuat sedemikian rupa agar dapat diakses oleh aplikasi lain melalui jaringan web. Jadi, perubahan apapun yang hendak dilakukan oleh Web Service klien tidak akan dapat terjadi bila keduanya tidak terhubung.
Misalkan sistem server mengalami kerusakan sehingga tidak dapat diakses oleh klien, maka Web Service pada klien dapat tetap berjalan, tetapi tidak dapat mengakses database yang ada pada server.
Gambar 4.23 Tampilan awal aplikasi klien
Perhatikanlah gambar di atas. Pada saat dijalankan, Web Service klien dapat berjalan dengan baik. Tetapi, pada saat aplikasi mengambil data yang ada pada server, tidak ada data yang ditampilkan. Dan hanya tombol ”Tambah siswa” yang aktif.
Gambar 4.24 Tampilan aplikasi klien saat server tidak dapat diakses
Jika tombol ”Tambah siswa” ditekan, maka semua baris data akan aktif, demikian juga tombol ”Sunting”, ”Hapus”, dan ”Simpan”. Dengan demikian, data dapat diisi seperti biasa. Tetapi, saat tombol ”Simpan” dihapus, tidak terjadi perubahan apa-apa. Hal ini dikarenakan aplikasi klien tidak dapat mengakses aplikasi server sehingga perubahan data yang terjadi tidak dapat diaplikasikan pada server.
Gambar 4.25 Aplikasi klien tidak berfungsi dengan benar karena tidak adanya hubungan dengan server
Listing program selengkapnya dapat dilihat pada CD yang disertakan dalam laporan tugas akhir ini.
BAB V