BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM 4.1 Implementasi Sistem Pada bab ini dilakukan implementasi dan pengujian terhadap sistem yang telah dibuat. Imlementasi merupakan penerapan dari proses sebelumnya yakni proses perancangan (design). Dari tahap analisa, perancangan dan development,kemudian dilanjutkan dengan langkah selanjutnya adalah pengimplementasian. Pada tahapan implementasi terdapat dua cakupan yaitu spesifikasi kebutuhan sistem yang meliputi perangkat keras (hardware) dan perangkat lunak (software) dan implementasi sistem aplikasi pendukung yang meliputi proses penerapan dari proses desain dan antarmuka (user interface) sesuai dengan rancangan yang telah ada. Setelah diimplementasikan maka dilakukan pengujian terhadap sistem dan dilihat kekurangan-kekurangan pada sistem untuk pengembangan sistem selanjutnya. 4.1.1 Perangkat Keras Perangkat keras yang digunakan dalam pengimplementasian ini adalah sebagai berikut: Laptop Acer 4738 Processor Core i3-380m RAM 2GB Hardisk 500 GB 4.1.2 Perangkat Lunak Perangkat lunak yang digunakan dalam pengimplementasian ini adalah sebagai berikut: Sistem Operasi Windows 7 32-.bit. Notepad++ sebagai aplikasi penulisan kode program. XAMPP sebagai web server. Mozila Fireforks sebagai browser. 65
66 4.2 Implementasi Database Database pada aplikasi ini menggunakan MySQL, untuk pembuatan database menggunakan PHP MyAdmin. Aplikasi ini menggunakan Database dengan nama ekskul Gambar 4.1 Database Ekskul Database ekskul terdiri dari tabel-tabel sebagai berikut: 1. Tabel Absensi Gambar 4.2 Tabel Absensi Tabel absensi adalah tabel yang terdiri dari id, nomor, ekskul, tanggal dan status.
67 2. Tabel Ekskul Gambar 4.3 Tabel Ekskul Tabel ekskul adalah tabel ekstrakurikuler yang terdiri dari no, nama ekskul, hari eskskul, path dan deskripsi. 3. Tabel Galery Gambar 4.4 Tabel Galery Tabel Galery adalah tabel galery poto yang terdiri dari no, kategory dan path
68 4. Tabel Guru Gambar 4.5 Tabel Guru Tabel guru adalah tabel identitas guru yang terdiri dari NIK, nama, jk, alamat, telp ttl dan ekskul 5. Tabel Login Gambar 4.6 Tabel Login Tabel login adalah tabel yang terdiri dari username, password dan status.
69 6. Tabel Penilaian Gambar 4.7 Tabel Penilaian Tabel penilaian adalah tabel penilaian siswa yangterdiri dari no, NIS, ekskul, thn_ajaran, semester dan nilai. 7. Tabel Peserta_Ekskul Gambar 4.8 Tabel Peserta_ekskul Tabel peserta_ekskul adalah tabel siswa yang mengikuti ekskul yang terdiri dari nomor, no_ekskul dan level.
70 8. Tabel Siswa Gambar 4.9 Tabel Siswa Tabel siswa adalah tabel identitas siswa yang terdiri dari NIS, nama, kelas, ttl, alamat, jk dan telp.
71 4.3 Implementasi Antar Muka Berikut adalah tampilan yang dihasilkan oleh aplikasi dalam pengimplementasian sistem kedalam data sesungguhnya. 1. Tampilan Halaman Utama Web Gambar 4.10 Tampilan Halaman Utama Web Tampilan halaman utama web yang terdiri dari menu Home, Ekstrakurikuler, Galery dan Login 2. Tampilan Menu Login Gambar 4.11 Tampilan Menu Login
72 Tampilan menu login diisi dengan memasukkan username dan password, kemudian klik LOGIN, jika usernama dan password benar maka akan masuk ke halaman utama User. 3. Tampilan Menu Halaman Utama Admin Gambar 4.12 Tampilan Menu Halaman Utama Admin Tampilan menu halaman utama admin terdiri dari Menu Siswa, Pengajar, Ekstrakurikuler, Akun, Galery dan Logout. 4. Tampilan Menu Siswa Form Pendaftaran Siswa Gambar 4.13 Tampilan Menu Siswa
73 Tampilan Menu Siswa, dimana admin menginput data-data siswa di Form Pendaftaran Siswa. 5. Tampilan Menu Siswa Siswa Yang Terdaftar Gambar 4.14 Tampilan Menu Siswa Tampilan Menu Siswa, setelah admin menginput data-data siswa, maka data siswa tersimpan di tabel SISWA YANG TERDAFTAR 6. Tampilan Menu Pengajar Form Pendaftaran Pengajar Gambar 4.15 Tampilan Menu Pengajar Tampilan Menu Pengajar, admin menginput data-data pengajar di Form Pendaftaran Pengajar.
74 7. Tampilan Menu Pengajar Daftar Nama Pengajar Ekskul Gambar 4.16 Tampilan Menu Pengajar Tampilan Menu Pengajar, setelah admin menginput data-data pengajar, data teresebut tersimpan di tabel Daftar nama pengajar. Data pengajar bisa diedit dan didelete oleh admin dengan mengklik edit dan delete di tabel tersebut. 8. Tampilan Menu Ekstrakurikuler Form Pendaftaran Ekstrakurikuler Gambar 4.17 Tampilan Menu Ekstrakurikuler Tampilan Menu Ekstrakurikuler, admin menginput data-data Ekstrakurikuler di Form Pendaftaran Ekstrakurikuler.
75 9. Tampilan Menu Ekstrakurikuler Daftar Nama Ekstrakurikuler Gambar 4.18 Tampilan Menu Ekstrakurikuler Setelah admin menginput data-data Ekstrakurikuler di Form Pendaftaran Ekatrakurikuler, data ekskul akan tersimpan ditabel daftar nama ekstrakurikuler. Data Ekstrakurikuler bisa diedit dan didelete oleh admin dengan mengklik edit dan delete di tabel tersebut. 10. Tampilan Menu Galery Form mengisi Galery Gambar 4.19 Tampilan Menu Galery Tampilan Menu Galery, admin mengisi Form Untuk Mengisi Galery, dengan memilih nama ekskul dan file foto ekskul yang akan diupload kemudian klik save untuk menyimpan data galery. Data galery akan tersimpan sesuai dengan nama ekskul.
76 11. Tampilan Menu Utama Siswa Gambar 4.20 Tampilan Menu Utama Siswa Tampilan Menu Utama Siswa yang terdiri dari Menu Home, Ekstrakurikuler, Galery, Akun Siswa dan Logout. 12. Tampilan Menu Ekstrakurikuler Melihat Detail Ekskul Gambar 4.21 Tampilan Menu Ekstrakurikuler Melihat Detail daftar Ekskul Tampilan Menu Ekstrakurikuler Melihat Detail Ekskul, siswa bisa melihat detail ekskul, sebelum mendaftar ekskul yang dipilih.
77 Gambar 4.22 Tampilan Menu Ekstrakurikuler Memilih dan Mendaftar Ekskul Tampilan detail ekskul menampilkan jadwal dan cara mendaftar ekskul.
78 13. Tampilan Menu Galery Melihat Galery Gambar 4.23 Tampilan Menu Galery Tampilan Menu Galery melihat detail galery. Galery juga bisa dilihat sesuai nama ekskul, dengan klik nama ekskul yang kita pilih. 14. Tampilan Menu Akun Siswa Edit Profil dan Lihat Jadwal Ekskul Gambar 4.24 Tampilan Menu Akun Siswa Edit Profil dan Lihat Jadwal Ekskul Tampilan Menu Akun Siswa, terdiri dari Profil Siswa dan Jadwal Ekskul yang dikuti siswa
79 15. Tampilan Menu Utama Pengajar Gambar 4.25 Tampilan Menu Utama Pengajar Tampilan menu utama Pengajar, terdiri dari Menu Siswa, Penilaian, Absensi, Report, Akun dan Logout. 16. Tampilan Menu Penilaian Memberi nilai grade kepada siswa Gambar 4.26 Tampilan Menu Penilaian Tampilan menu penilaian, Pengajar memberi nilai grade pada siswa di FORM PENILAIAN SISWA YANG MENGIKUTI EKSTRAKURIKULER
80 17. Tampilan Menu Absensi Gambar 4.27 Tampilan Menu Absensi Tampilan Menu Absensi, Pengajar mengabsen siswa di Tabel ABSENSI SISWA HARI INI dengan menceklist kolom check kemudian klik SAVE untuk menyimpan data absensi siswa.
81 18. Tampilan Menu Report Gambar 4.28 Tampilan Menu Report Tampilan menu report terdiri dari REPORT NILAI SISWA dan REPORT ABSENSI SISWA 19. Tampilan Menu Report Penilaian Gambar 4.29 Tampilan Menu Report Penilaian Tampilan Menu Report Penilaian, setelah pengajar memberi nilai kepada siswa, nilai tersebut tersimpan di Report Penilaian Siswa.
82 20. Tampilan Menu Report Absensi Gambar 4.30 Tampilan Menu Report Absensi Tampilan Menu Report Absensi, setelah pengajar mengabsen siswa, data absensi tersimpan di Report Absensi Siswa. 4.4 Metode Pengujian Sistem Setelah membuat perancangan dan pembangunan yang telah di implementasikan dalam sebuah program tahap selanjutnya adalah tahapan pengujian sistem yang dilakukan untuk melakukan pengujian terhadap hasil yang ditampilkan dengan kesesuaian fungsi yang diharapkan oleh User. Tujuan dari pengujian iniadalah untuk menjamin bahwa perangkat lunak yang dibangun memiliki kualitasyang handal, yaitu mampu merepresentasikan kajian pokok dari spesifikasi,analisis, perancangan dan pengkodean dari perangkat lunak itu sendiri. Pengujian perangkat lunak ini menggunakan metode pengujian blackbox. 4.5 Skenario Pengujian Dan Hasil Pengujian Skenario pengujian diperlukan untuk mengetahui apakah aplikasi sudah sesuai dengan spesifikasi berfungsi dengan baik atau tidak. Skenario pengujian dilakukan dengan memilih dari setiap pilihan yang ada pada aplikasi. Kemudian dilakukan pengujian dengan menekan tombol yang ada pada halaman form dari aplikasi, apakah tombol sudah sesuai dengan kegunaan dan yang diharapkan.
83 No Tampilan Uji Coba Status Skenario Pengujian Hasil yang diharapkan Hasil pengujian 1. Menu Proses Tampilan Masukkan Halaman Berhasil login login login username utama user membuka sudah dan akan halaman terbuka password terbuka utama users 2. Menu Menguji Tampil Input data Data Siswa Berhasil Siswa halaman form siswa pada akan tampil menyimpan Menu pendaftra form yang ditabel dan sesuai Siswa n siswa telah Siswa Yang yang disediakan, Terdaftar diharapkan klik save 3. Menu Menguji Tampil Iput data Data Berhasil Pengajar Menu form pengajar Pengajar menyimpan Pengajar pendaftar pada form akan tampil, fungsi edit an yang telah ditabel dan delete pengajar disediakan, daftar berjalan klik save pengajar sesuai yang diharapkan 4. Menu Menguji Tampil Input data Data ekskul Berhasil Ekstrakuri Menu form ekskul pada akan tampil menyimpan kuler Ekstrakurik pendaftar form yang di daftar, fungsi edit uler an telah ekskul dan delete ekstrakuri disediakan, berjalan kuler klik save sesuai yang diharapkan 5. Menu Menguji Tampil Pilih ekskul Data galery Berhasil Galery Menu Form Isi dan file akan tampil menyimpan Galery Galery poto yang di daftar sesuai yang akan galery diharapkan diupload, klik save
84 6. Menu Menguji Tampil Klik fungsi Hasil daftar Berhasil Ekstrakuri halaman detail daftar ekskul yang mendaftar kuler menu daftar untuk dipilih akan di ekskul pada ekstrakurik ekskul mendaftar muncul yang siswa uler ekskul yang diakun dipilih, dipilih siswa fungsi daftar berjalan sesuai dengan yang diharapkan 7. Menu Menguji Tampil Klik galery Akan Berhasil Galery halaman detail yang dipilih Tampil melihat menu daftar galery yang galery galery galery dipilih 8. Menu Menguji Tampil input data Data profil Berhasil Akun halaman profil dan pada form akan mengubah Siswa Menu Akun jadwal edit profil terupdate data profil, Siswa ekskul fungsi edit berjalan sesuai dengan yang diharapkan 9. Menu Menguji Tampil Memberi Tampil data Berhasil penilaian menu form nilai grade nilai pada menyimpan penilaian penilaian pada siswa masing- nilai dan masing sesuai akun siswa dengan yang diharapkan
85 10. Menu Menguji Tampil Mengabsen Data Berhasil absensi menu form siswa absensi menyimpan absensi absensi akan absensi tersimpan siswa pada tabel sesuai report dengan yang diharapkan 4.6 Analisa Hasil Pengujian Setelah melakukan pengujian secara menyeluruh terhadap menu yang ada di aplikasi maka dapat disimpulkan bahwa pengujian telah menunjukkan hasil keluaran (Output) dengan proses yang sesuai dengan racangan yang dibuat. Dari pengujian ini dapat dikatakan bahwa program ini dapat berfungsi dengan baik dan sesuai dengan kebutuhan.