BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Sistem Setelah hasil rancangan aplikasi yang akan dipakai telah selesai dibuat, tahapan pertama adalah melakukan implementasi dari sistem yang telah dibuat dengan beberapa fungsi yang terdiri dari lingkungan implementasi dan interface dari aplikasi tersebut. Untuk menjalankan aplikasi dari Perancangan dan Pembuatan Aplikasi Sistem Informasi Raport Berbasiskan Web Pada SMK YMIK Jakarta dimana aplikasi ini menggunakan PHP maka diperlukan sebuah webserver yang akan digunakan sebagai tempat penyimpanan aplikasi program yang telah dibuat, webserver yang digunakan berupa XAMPP. 4.1.1 Implementasi Antarmuka (Interface) Halaman Utama Pada saat aplikasi diakses oleh pengguna, maka halaman utama yang pertama kali di tampilkan ialah form login. Implementasi sistem dapat di lihat pada gambar di bawah ini: 1. Implementasi Interface Login user Pada Dialog Layar Login User (Gambar 4.1) digunakan untuk membuka koneksi ke Desain Dialog Layar Menu Pengguna. Hak akses terhadap menu dalam Layar Menu Utama diatur berdasarkan Setting Password yang telah ditentukan. 71
72 Gambar 4.1 Interface Login User 2. Implementasi Interface Layar Menu Utama Admin Layar Menu Utama (Gambar 4.2) terdiri dari Data Siswa, Guru Mata Pelajaran, Wali Kelas, User, Tahun Ajaran, Semester, Kelas, Mata Pelajaran, Guru Ekstrakurikuler, Kepribadian, Program Keahlian, Nilai Mapel, Nilai Kepribadian, Nilai Ekstrakulikuler, Absensi Raport, dan Logout. Desain dialog layar Menu Utama digunakan user dalam menjalankan aplikasi pendataan Siswa/i SMK YMIK.
73 Gambar 4.2 Interface Menu Utama 3. Implementasi Interface User Guru Mapel Interface User Guru Mapel (Gambar 4.3) terdapat pilihan perintah Tambah, Hapus, Edit, dan Refresh. Data yang dimanipulasi akan disimpan dalam Tabel ms_mapel. Gambar 4.3 Interface User Guru Mapel 4. Implementasi Interface Tahun Ajaran Interface Tahun Ajaran Ajaran (Gambar 4.4) terdapat pilihan perintah Tambah, Hapus, Edit, dan Refresh. Data yang dimanipulasi akan disimpan dalam Tabel ms_tahun_ajaran.
74 Gambar 4.4 Interface Tahun Ajaran 5. Implementasi Interface Semester Interface Semester (Gambar 4.5) terdapat pilihan perintah Tambah, Hapus, Edit, dan Refresh. Data yang dimanipulasi akan disimpan dalam Tabel ms_semester. Gambar 4.5 Interface Semester 6. Implementasi Interface Kelas Interface Kelas (Gambar 4.6) terdapat pilihan perintah Tambah, Hapus, Edit, dan Refresh. Data yang dimanipulasi akan disimpan dalam Tabel ms_kelas.
75 Gambar 4.6 Interface Kelas 7. Implementasi Interface Mata Pelajaran Interface Mata Pelajaran (Gambar 4.7) terdapat pilihan perintah Tambah, Hapus, Edit, Refresh. Data yang dimanipulasi akan disimpan dalam Tabel ms_mapel. Gambar 4.7 Interface Mata Pelajaran 8. Implementasi Interface Wali Kelas Interface Wali Kelas (Gambar 4.8) terdapat pilihan perintah Tambah, Hapus, Edit, Refresh. Data yang dimanipulasi akan disimpan dalam Tabel ms_wali_kelas.
76 Gambar 4.8 Interface Wali Kelas 9. Implementasi Interface Guru Mapel Interface Guru Mapel (Gambar 4.9) terdapat pilihan perintah Tambah, Hapus, Edit, Refresh. Data yang dimanipulasi disimpan dalam Tabel ms_guru. Gambar 4.9 Interface Guru Mapel 10. Implementasi Interface Murid Interface Murid (Gambar 4.10) terdapat pilihan perintah Tambah, Hapus, Edit, Refresh. Data yang dimanipulasi disimpan dalam Tabel ms_murid.
77 Gambar 4.10 Interface Murid 11. Implementasi Interface Ekstrakulikuler Interface Ekstrakulikuler (Gambar 4.11) terdapat pilihan perintah Tambah, Hapus, Edit, Refresh. Data yang dimanipulasi disimpan dalam Tabel ms_ekskul. Gambar 4.11 Interface Ekstrakulikuler 12. Implementasi Interface Kepribadian Interface Kepribadian (Gambar 4.12) terdapat pilihan perintah Tambah, Hapus, Edit, Refresh. Data yang dimanipulasi disimpan dalam Tabel ms_kepribadian.
78 Gambar 4.12 Interface Kepribadian 13. Implementasi Interface Program Keahlian Interface Program Keahlian (Gambar 4.13) terdapat pilihan perintah Tambah, Hapus, Edit, Refresh. Data yang dimanipulasi disimpan dalam Tabel ms_kepribadian. Gambar 4.13 Interface Program Keahlian 14. Implementasi Interface Nilai Mata Pelajaran Interface Nilai Mata Pelajaran (Gambar 4.14) terdapat pilihan perintah Tambah, Hapus, Edit, Refresh. Data yang dimanipulasi disimpan dalam Tabel ms_kepribadian.
79 Gambar 4.14 Interface Nilai Mata Pelajaran 15. Implementasi Interface Nilai Kepribadian Interface Nilai Kepribadian dan Catatan (Gambar 4.15) terdapat pilihan perintah Simpan, dan Hapus Nilai Kepribadian dan Catatan yang hanya dapat diakses oleh User Wali Kelas. Data yang dimanipulasi akan disimpan dalam Tabel tr_nilai_kepribadian.
80 Gambar 4.15 Interface Nilai Kepribadian 16. Implementasi Interface Nilai Ekstrakulikuler Interface Nilai Ekstrakulikuler (Gambar 4.16) terdapat pilihan perintah Simpan, dan Hapus Nilai Ekstrakulikuler hanya dapat diakses oleh User Guru Ekskul. Data yang dimanipulasi akan disimpan dalam Tabel tr_nilai_ekskul.
81 Gambar 4.16 Interface Nilai Ekstrakulikuler 17. Implementasi Interface Absensi Interface Absensi (Gambar 4.17) terdapat pilihan perintah Simpan. Data yang dimanipulasi akan disimpan dalam Tabel tr_absen. Gambar 4.17 Interface Absensi
82 18. Implementasi Interface Raport Interface Raport (Gambar 4.18) terdapat pilihan perintah Cetak yang hanya dapat diakses oleh User Wali Kelas dan TU. Data yang dimanipulasi akan disimpan dalam Tabel tr_absen. Gambar 4.18 Interface Nilai Raport
83 4.1.2 Lingkungan pengujian Untuk menguji aplikasi telah dibuat sesuai dengan spesifikasi kebutuhan, karena aplikasi ini meliputi perangkat keras dan perangkat lunak. Maka dibutuhkan lingkungan operasi sebagai berikut : 4.1.3 Spesifikasi Kebutuhan Sistem Berikut spesifikasi kebutuhan sistem hardware dan software yang digunakan pada saat membuat aplikasi ini: Kebutuhan Keterangan Sistem Operasi Windows 7 Processor : Intel Atom Dual Core 1.60 GHz RAM Harddisk : 2 GB : 320 GB Monitor : SVGA Colour 15" Keyboard Printer Mouse Browser Software : 83 Key : Canon ip1300 : Standard : Mozilla Firefox, Google Crome : CodeIgneater, Adobe Photoshop, Software XAMPP Control Panel Version 4.4.1.1 Tabel 4.1 Spesifikasi Hardware dan Software 4.1.4 Spesifikasi Dokumen Sistem Usulan 1. Spesifikasi Bentuk Dokumen Masukan Dokumen masukan yang terdapat dalam sistem usulan pada SMK YMIK Jakarta, yaitu: Nama Dokumen : Data Siswa
84 Fungsi Sumber Tujuan Media Frekuensi Format : Sebagai Data Siswa : Siswa : Admin : Tampilan : Setelah Ujian Sekolah : Lampiran Legal Nama Dokumen Fungsi Sumber Tujuan Media Frekuensi Format : Nilai Raport : Sebagai Data Nilai Siswa : siswa : Admin : Tampilan : Setiap terjadi pendaftaran : Lampiran Legal 2. Spesifikasi Bentuk Dokumen Keluaran Dokumen Keluaran yang terdapat dalam sistem usulan pada SMK YMIK Jakarta, yaitu: Nama Dokumen Fungsi Sumber Tujuan Media Frekuensi Format : Raport : Sebagai laporan Hasil Belajar Siswa : Admin : Bagian Kesiswaan : Tampilan : Setiap ada pendaftaran siswa baru : Lampiran Legal
85 4.1.5 Skenario Pengujian Proses pengujian ini di lakukan dengan untuk mengetahui aplikasi ini berjalan dengan efektif. Dalam hal ini saya juga akan menggunakan metode pengujian aplikasi blackbox. Pengujian Black Box Testing Form Murid No Skenario Pengujian Test case 1 Mengosongkan semua isian pada form siswa kecuali NIS karena memeng sudah otomatis muncul dan tidak biasa di kosongkan, lalu langsung klik tombol Simpan - NISN: (00007) - Nama: (kosong) -Tahun Ajaran: (kosong) -Semester: (kosong) -Kelas: (kosong) -Program Keahlian: (kosong) -Nama Orangtua: (kosong) Hasil yang diharapka n Sistem akan menolak penyimpan an data dan menampilk an pesan Di setiap Data Harus di isi Hasil Pengujian Sesuai harapan Kesim pulan Valid 2 Hanya mengisi nama lengkap dan Mengosongkan semua isian pada form siswa kecuali NISN karna memeng sudah otomatis muncul dan tidak biasa di kosongkan, lalu langsung klik tombol Simpan - NISN: (00007) - Nama: (Nyono Kolik) -Tahun Ajaran: (kosong) -Semester: (kosong) -Kelas: (kosong) -Program Keahlian: (kosong) -Nama Orangtua: (kosong) Sistem akan menolak penyimpan an data dan menampilk an pesan Di setiap Data Harus di isi Sesuai harapan Valid 3 4 Hanya mengisi Tahun Ajaran dan Mengosongkan semua isian pada form siswa kecuali NISN karna memeng sudah otomatis muncul dan tidak biasa di kosongkan, lalu langsung klik tombol Simpan Hanya mengisi Semester dan - NISN: (00007) - Nama: (kosong) -Tahun Ajaran: (2007/2008) -Semester: (kosong) -Kelas: (kosong) -Program Keahlian: (kosong) -Nama Orangtua: (kosong) - NISN: (00007) - Nama: (kosong) Sistem akan menolak penyimpan an data dan menampilk an pesan Di setiap Data Harus di isi Sistem akan Sesuai harapan Sesuai harapan Valid Valid
86 5 Mengosongkan semua isian pada form siswa kecuali NISN karna memeng sudah otomatis muncul dan tidak biasa di kosongkan, lalu langsung klik tombol Simpan Hanya mengisi Kelas dan mengosongkan semua isian pada form biodata calon siswa kecuali NISN karna memeng sudah otomatis muncul dan tidak biasa di kosongkan, lalu langsung klik tombol Simpan -Tahun Ajaran: (kosong) -Semester: (Genap) -Kelas: (kosong) -Program Keahlian: (kosong) -Nama Orangtua: (kosong) - NISN: (00007) - Nama: (kosong) -Tahun Ajaran: (kosong) -Semester: (kosong) -Kelas: (II AP) -Program Keahlian: (kosong) -Nama Orangtua: (kosong) menolak penyimpan an data dan menampilk an pesan Di setiap Data Harus di isi Sistem akan menolak penyimpan an data dan menampilk an pesan Di setiap Data Harus di isi Sesuai harapan Valid 6 7 Hanya mengisi Program Keahlian dan Mengosongkan semua isian pada form siswa kecuali NISN karna memeng sudah otomatis muncul dan tidak biasa di kosongkan, lalu langsung klik tombol Simpan Hanya mengisi Nama Orangtua dan Mengosongkan semua isian pada form siswa kecuali NISN karna memeng sudah otomatis muncul dan tidak biasa di kosongkan, lalu langsung klik tombol Simpan - NISN: (00007) - Nama: (kosong) -Tahun Ajaran: (kosong) -Semester: (kosong) -Kelas: (kosong) -Program Keahlian: (Penjualan) -Nama Orangtua: (kosong) - NISN: (00007) - Nama: (kosong) -Tahun Ajaran: (kosong) -Semester: (kosong) -Kelas: (kosong) -Program Keahlian: (kosong) -Nama Orangtua: (Bapak Kolik) Sistem akan menolak penyimpan an data dan menampilk an pesan Di setiap Data Harus di isi Sistem akan menolak penyimpan an data dan menampilk an pesan Di setiap Data Harus di isi Sesuai harapan Sesuai harapan Valid Valid Tabel 4.2 Hasil Pengujian Black Box Testing Form Murid