VII VIII IX A Mata Pelajaran
B. DATA JABATAN GURU
4.5.2. Konfigurasi Jaringan Client Server
Dalam membuat Aplikasi Berbasis Client Server, penulis menggunakan socket programming Indy (Internet Direct). Aplikasi Server menggunakan komponen IdTCPServer (Tab Indy Servers) sedangkan Aplikasi Client menggunakan IdTCPClient (Tab Indy Clients).
1. Konsep Client Server Aplikasi Server:
a. Pada Aplikasi saat dijalankan Server aktif atau dalam posisi Listening
b. Menerima koneksi dari Client dan menampilkan Alamat IP Client di Memo1
c. Server akan menerima pesan yang dikirimkan oleh Client dan menampilkannya dalam Memo
Aplikasi Client:
a. Dapat melakukan koneksi ke Server
b. Setelah Mendapatkan koneksi ke Server dapat mengirimkan Pesan.
2. Script
Aplikasi Server :
IdTCPServer aktif pada saat aplikasi Server dijalankan: procedure TForm1.FormCreate(Sender: TObject); begin
IdTCPServer1.Active:=true; end;
IdTCPServer aktif pada saat aplikasi Server dijalankan: begin
IdTCPServer1.Active:=true; end;
Pada saat Server mendeteksi Client yang melakukan koneksi (Event OnConnect) akan ditampilkan di Memo1:
procedure TForm1.IdTCPServer1Connect(AThread: TIdPeerThread); begin Memo1.Lines.Add('Connected from:'+AThread.Connection.Socket.Binding.PeerIP); AThread.Connection.WriteLn(Koneksi Berhasil'); end;
Server juga akan menampilkan Client yang terputus koneksinya procedure TForm1.IdTCPServer1Disconnect(AThread: TIdPeerThread);
begin
Memo1.Lines.Add('Disconnected
from:'+AThread.Connection.Socket.Binding.PeerIP); end;
Untuk menerima pengiriman pesan dari Client dengan IdCommandHandler, Pada properti CommandHandlers IdTCPServer tambahkan satu CommandHandler. Properti Command dari CommandHandler merupakan semacam kata sandi yang akan digunakan oleh CommandHandler tersebut untuk menerima pesan dari Client.
Pada Event OnCOmmand dari CommandHandler tersebut dimasukkan script untuk mendapatkan parameter yang dikirimkan oleh Client dan menampilkan dalam sebuah Memo:
procedure
TForm1.IdTCPServer1TIdCommandHandler2Command(ASen der: TIdCommand); var tujuan,Pesan:string; begin if Assigned(ASender.Params) then begin
Pesan:=ASender.Params[1]; Memo2.Lines.Add('Dari : '+ASender.Thread.Connection.Socket.Binding.PeerIP ); Memo2.Lines.Add('Isi : '+Pesan); Memo2.Lines.Add('untuk : '+tujuan); end; end; Aplikasi Client : Koneksi ke Server
procedure TForm1.Button1Click(Sender: TObject); begin
try
idTCPClient1.Host:=edit1.Text; idTCPClient1.Connect;
label1.Caption:='Connected to: '+edit1.Text; except
MessageDlg('Koneksi Gagal',mtError,[mbOK],0); end;
end;
Diskoneksi ke Server
procedure TForm1.Button2Click(Sender: TObject); begin
IdTCPClient1.Disconnect; end;
Mengirimkan Pesan
procedure TForm1.Button3Click(Sender: TObject); var strmessage:string; begin if Memo1.Lines.Text='' then strmessage:='-' else strmessage:=Memo1.Lines.Text; try
IdTCPClient1.WriteLn((
'SendTo'+chr(135)+Edit2.Text+chr(135)+strmessage) ); showmessage(('SendTo'+chr(135)+Edit2.Text+chr(135 )+strmessage)); Memo2.Lines.Add('Sent : '+Memo1.Lines.Text); Memo1.Lines.Clear; Memo1.SetFocus; except end; end;
Aplikasi Server diimplementasikan sebuah jaringan Local Area Network (LAN) dengan menggunakan topologi dan arsitektur jaringan yang digunakan adalah topologi star. Hal ini terlihat pada gambar 4.31.
Gambar 4.31. Konfigurasi Jaringan Madrasah Tsanawiyah (Sumber : Diolah oleh penulis)
Aplikasi client server ini telah diimplementasikan pada intranet yang ruang lingkupnya relatif kecil, yaitu hanya terbatas pada MTs. An-Nizhamiyyah. Dengan perkembangan teknologi yang semakin meningkat, aplikasi ini dapat diakses di web hosting, namun karena keterbatasan biaya, dan kebutuhan resource yang sangat besar, hal ini belum dapat penulis implementasikan.
4.6. Deployment
Setelah selesai melakukan pengembangan, maka aplikasi ini harus diuji coba yang bertujuan untuk mengetahui sejauh mana aplikasi ini dapat bekerja dengan baik dan apakah aplikasi ini dapat memenuhi tujuan yang ingin diperoleh sebelum diserahkan kepada end user. Pengujian dilakukan dalam 2 (dua) tahap yaitu pengujian yang dilakukan oleh penulis sekaligus pengembang aplikasi, dan pengujian lapangan yang dilakukan oleh calon pemakai aplikasi ini.
Aplikasi Server digunakan pada komputer staf akademik yang bertindak sebagai administrator, sedangkan aplikasi Client digunakan pada komputer kepala sekolah, wakil kepala bidang kesiswaan, wakil kepala bidang BK/BP, wakil kepala bidang kurikulum, komputer guru dan siswa. 4.6.1. Pengujian oleh penulis
Pada tahap ini, penulis melakukakn uji coba terhadap sistem yang telah dikembangkan dengan hasil sebagai berikut :
Tabel 4.35. Hasil pengujian mandiri
No. Rancangan Proses Hasil Yang Diharapkan Hasil 1. Mulai jalankan program
dengan meng-klik icon aplikasi
Masuk halaman Login OK
2. Mengisi form username dan password, klik tombol Login
Masuk halaman menu utama
OK
3. Klik tombol ‘Cancel’ Keluar dari program aplikasi Sistem Informasi
OK 4. Masuk Halaman data Siswa Mengaktifkan form data
siswa
OK 5. Klik tombol ‘Navigator
Tambah’
Mengaktifkan input data OK 6. Mengisi field input data dan Data tersimpan dalam OK
klik ‘Navigator Simpan’ database dan
menampilkan data tersebut dalam display informasi 7. klik tombol ‘Navigator
Batal’
data tersebut batal di simpan
OK 8. klik tombol ‘Navigator
Hapus’
Data terhapus dalam database
OK 9. klik tombol ‘Navigator Edit’ Mengaktifkan form edit
sesuai id
OK 10. klik tombol ‘Tutup’ Kembali halaman menu
utama
OK 11. Masuk Halaman Orang tua
Siswa
Mengaktifkan form lihat data orang tua siswa
OK 12. Klik tombol ‘Navigator
Baru’
Mengaktifkan form input data
OK 13. Mengisi field input data dan
klik tombol ‘Navigator Simpan’
Data tersimpan dalam database dan
menampilkan data tersebut dalam display informasi
OK
14. klik tombol ‘Navigator Batal’
data tersebut batal di simpan
OK 15. klik tombol ‘Navigator
Hapus’
Data terhapus dalam database
OK 16. klik tombol ‘Navigator Edit’ Mengaktifkan form edit
sesuai id
OK 17. Masuk Halaman Form Lihat
data Prestasi Siswa
Mengaktifkan form lihat data prestasi siswa
OK 18. Klik tombol ‘Navigator
Baru’
Mengaktifkan form input data
OK 19. Mengisi field input data dan
klik tombol ‘Navigator Simpan’
Data tersimpan dalam database dan
menampilkan data tersebut dalam display informasi
OK
20. klik tombol ‘Navigator Batal’
data tersebut batal di simpan
OK 21. klik tombol ‘Navigator
Hapus’
Data terhapus dalam database
OK 22. klik tombol ‘Navigator Edit’ Mengaktifkan form edit
sesuai id
OK 23. Masuk Halaman Form Lihat
data Kemajuan Siswa
Mengaktifkan form lihat data kemajuan siswa
OK 24. Klik tombol ‘Navigator Mengaktifkan form input
data
OK 25. Mengisi field input data dan
klik tombol ‘Navigator
Data tersimpan dalam database dan
Simpan’ menampilkan data tersebut dalam display informasi 26. klik tombol ‘Navigator
Batal’
data tersebut batal di simpan
OK 27. klik tombol ‘Navigator
Hapus’
Data terhapus dalam database
OK 28. klik tombol Navigator ‘Edit’ Mengaktifkan form edit
sesuai id
OK 29. Masukkan keyword pada
field Search Nama
Menampilkan Data sesuai nama yang di search
OK 30. Masukkan keyword pada
field Cari NIS
Menampilkan Data sesuai NIS yang di search
OK 31. Masuk Halaman Form lihat
data guru
Mengaktifkan form lihat data guru
OK 32. Klik tombol ‘Navigator
Baru’
Mengaktifkan form input data
OK 33. Mengisi field input data dan
klik tombol ‘Navigator Simpan’
Data tersimpan dalam database dan
menampilkan data tersebut dalam display informasi
OK
34. klik tombol ‘Navigator Batal’
data tersebut batal di simpan
OK 35. klik tombol ‘Navigator
Edit’
Mengaktifkan form edit sesuai id
OK 36. klik tombol ‘Navigator
Hapus’
Data terhapus dalam database
OK 37. klik tombol ‘Tutup’ Kembali halaman menu
utama
OK 39. Masuk Halaman Form lihat
data jabatan guru
Mengaktifkan form lihat data siswa
OK 40. Klik tombol ‘Navigator
Baru’
Mengaktifkan form input data
OK 41. Mengisi field input data dan
klik tombol ‘Navigator Simpan’
Data tersimpan dalam database dan
menampilkan data tersebut dalam display informasi
OK
42. klik tombol ‘Navigator Batal’
data tersebut batal di simpan
OK 43. klik tombol ‘Navigator Edit’ Mengaktifkan form edit
sesuai id
OK 44. klik tombol ‘Navigator
Hapus’
Data terhapus dalam database
OK 45. Masuk Halaman Form lihat
data jadwal guru
Mengaktifkan form lihat data jadwal guru
OK 46. Klik tombol ‘Navigator Mengaktifkan form input OK
Baru’ data 47. Mengisi field input data dan
klik tombol ‘Navigator Simpan’
Data tersimpan dalam database dan
menampilkan data tersebut dalam display informasi
OK
48. klik tombol ‘Navigator Batal’
data tersebut batal di simpan
OK 49. klik tombol ‘Navigator Edit’ Mengaktifkan form edit
sesuai id
OK 50. klik tombol ‘Navigator
Hapus’
Data terhapus dalam database
OK 51. Masukkan keyword pada
field Search Nama
Menampilkan Data sesuai nama yang di search
OK 52. Masukkan keyword pada
field Cari NIP
Menampilkan Data sesuai NIP yang di search
OK 53. Masuk Halaman Form lihat
data Nilai
Mengaktifkan form lihat data Nilai
OK 54. Klik tombol ‘Navigator
Baru’
Mengaktifkan form input data
OK 55. Mengisi field input data dan
klik tombol ‘Navigator Simpan’
Data tersimpan dalam database dan
menampilkan data tersebut dalam display informasi
OK
56. klik tombol ‘Navigator Batal’
data tersebut batal di simpan
OK 57. klik tombol ‘Navigator Edit’ Mengaktifkan form edit
sesuai id
OK 58. klik tombol ‘Navigator
Hapus’
Data terhapus dalam database
OK 59. Masukkan keyword pada
field Search NIS
Menampilkan Data sesuai NIS yang di search
OK 60. Masuk Halaman Form lihat
Mata Pelajaran
Mengaktifkan form lihat data mata pelajaran
OK 61. Klik tombol ‘Navigator
Baru’
Mengaktifkan form input data
OK 62. Mengisi field input data dan
klik tombol ‘Navigator Simpan’
Data tersimpan dalam database dan
menampilkan data tersebut dalam display informasi
OK
63. klik tombol ‘Navigator Batal’
data tersebut batal di simpan
OK 64. klik tombol ‘Navigator Edit’ Mengaktifkan form edit
sesuai id
OK 65. klik tombol ‘Hapus’ Data terhapus dalam
database
66. klik tombol ‘Tutup’ Kembali halaman menu utama
OK 67. Masuk Halaman Form lihat
User
Mengaktifkan form lihat data user
OK 68. Klik tombol ‘Navigator
Baru’
Mengaktifkan form input data
OK 69. Mengisi field input data dan
klik tombol ‘Navigator Simpan’
Data tersimpan dalam database dan
menampilkan data tersebut dalam display informasi
OK
70. klik tombol ‘Navigator Batal’
data tersebut batal di simpan
OK 71. klik tombol ‘Navigator Edit’ Mengaktifkan form edit
sesuai id
OK 72. klik tombol ‘Navigator
Hapus’
Data terhapus dalam database
OK 73. klik tombol ‘ Tutup’ Kembali halaman menu
utama
OK 74. Klik menu logout Logout dari user dan
kembali ke halaman login OK 75. Klik Menu Laporan Guru Masuk halaman Form
Laporan Guru
OK 76. Klik Menu Laporan Siswa Masuk halaman Form
Laporan Siswa
OK 77. Klik Menu Laporan Nilai
Siswa
Masuk halaman Form Laporan Nilai Siswa
OK 78. Klik Menu Exit Menutup Aplikasi
Akademik
OK