BAB V IMPLEMENTASI DAN PENGUJIAN 5.1 Implementasi Sistem Tahap implementasi merupakan tahap dimana suatu sistem siap untuk dioperasikan. Dalam pembuatan website SMK GANTRA Yayasan Pendidikan Gandi Putra. Terdapat beberapa tahapan implementasi sistem,yaitu: 5.1.1 Persiapan Sistem Langkah pertama yang harus dilakukan adalah persiapan sistem. Adapun yang harus disiapkan adalah : 5.1.1.1 Persiapan Perangkat Lunak Perangkat lunak yang digunakan dalam pembuatan aplikasi ini yaitu : a. Sublime Text 2 untuk menulis/pengkodean bahasa pemograman PHP, CSS, dan JavaScript. b. Implementasi basis datanya menggunakan MySQL dan bahasa pemograman PHP dengan XAMPP 1.7.4 sebagai web server localhost. c. Website ini berjalan di semua sistem operasi ( Operating System ), dalam pengujian ini dijalankan pada Windows 7. 63
64 5.1.1.2 Persiapan Perangkat Keras Perangkat keras yang dibutuhkan untuk pembuatan website ini adalah : a. CPU dengan Processor Intel Pentium Dual Core, dan memori sebesar 2 GB. b. Harddisk dengan kapasitas penyimpanan data 320 GB. c. Monitor d. Keyboard dan Mouse. 5.1.2 Konversi Sistem Tahap konversi sistem dilakukan setelah kode program selesai dibuat dan sarana pendukung telah disiapkan seperti data yang diperlukan di dalam sistem yang dibuat. Sehingga pembuatan website MTS AL-ISHLAH Yayasan Pendidikan Islam Assanadiyah Garawangi harus dilakukan pengujian sebelum siap untuk dioperasikan. 5.1.3 Pengujian Sistem Tahap pengujian sistem merupakan tahap dilakukannya pengujian terhadap sistem yang baru, untuk meyakinkan bahwa sistem mampu bekerja secara optimal. Tujuan utamanya adalah untuk memastikan bahwa komponenkomponen sistem telah berfungsi sesuai dengan yang diharapkan. Pengujian sistem ini untuk memeriksa fungsi-fungsi antar komponen sistem dan pengujian pada program secara keseluruhan. Pengujian program sangat perlu, hal ini untuk mengetahui apakah program dapat menerima input, memproses dan memberikan keluaran sesuai yang diharapkan.
65 5.1.4 Pelatihan Sistem Tahapan selanjutnya adalah memberikan pelatihan kepada pengguna yang akan terlibat dengan sistem yang bersangkutan dengan memberikan petunjukpetunjuk bagaimana sistem tersebut dioperasikan, sehingga nantinya pengguna dapat mengoperasikan sistem yang baru sesuai dengan yang diharapkan. 5.1.5 Pemasangan Sistem Untuk menjalanakan atau mengoprasikan website MTS AL-ISHLAH Yayasan Pendidikan Islam Assanadiyah Garawangi pada internet, maka harus dilakukan hosting terhadap website yang telah siap untuk dioperasikan sebagai tempat disimpanya website sehingga dapat diakses melalui internet.
66 5.2 Implementasi Antarmuka 5.2.1 Implementasi Antarmuka Admin 1. Login Sebelum masuk ke halaman utama, admin terlebih dahulu mengisi username dan password dalam form login. Implementasi form login dapat dilohat pada Gambar 5.1 Gambar 5.1 Form Login
67 2. Halaman Utama Tampilan halaman utama admin setelah login, implementasi halaman utama dapat dilihat pada Gambar 5.2 Gambar 5.2 Halaman Utama Admin
68 3. Manajemen User Manajemen user pada admin berfungsi untuk mengelola data admin, manajemen user dapat dilihat pada Gambar 5.3. Gambar 5.3 Manajemen User
69 4. Manajemen Modul Manajemen Modul pada admin berfungsi untuk mengelola tampilan beranda dan halaman admin, manajemen user dapat dilihat pada Gambar 5.4. Gambar 5.4 Manajemen Modul
70 5. Galei Foto Galeri Foto pada admin berfungsi untuk mengelola foto galeri pada setiap kegiatan di SMK GANTRA Yayasan Pendidikan Gandi Putra yang akan ditampilkan di user, implementasi galeri foto dapat dilihat pada Gambar 5.5. Gambar 5.5 Galeri Foto
71 6. Templates Templates pada admin berfungsi untuk mengganti template, implememtasi template dapat dilihat pada Gambar 5.6. Gambar 5.6 Templates
72 7. Menu Utama Menu Utama pada admin berfungsi untuk mengelola tampilan beranda pada web, impelementasi menu utama dapat dilihat pada Gambar 5.7. Gambar 5.7 Menu Utama
73 8. Sub Menu Sub Menu pada admin berfungsi untuk mengelola visi misi dan struktur organisasi pada web, implementasi Sub Menu dapat dilihat pada Gambar 5.8. Gambar 5.8 Sub Menu
74 9. Halaman Statis Halaman Statis pada admin berfungsi untuk mengelola visi misi, struktur organisasi dan sejarah pada web, implemementasi Halaman Statis dapat dilihat pada Gambar 5.9. Gambar 5.9 Halaman Statis
75 10. Agenda Agenda pada admin berfungsi untuk mengelola data kegiatan yang akan berlangsung di SMK GANTRA Yayasan Pendidikan Gandi Putra, implememtasi Agenda dapat dilihat pada Gambar 5.10 Gambar 5.10 Agenda
76 5.2.2 Implementasi Antarmuka Web 1. Tampilan Beranda Beranda pada user berfungsi untuk menampilkan berita, implementasi Beranda dapat dilihat pada Gambar 5.11 Gambar 5.11 Beranda
77 2. Profil Profil pada user berfungsi untuk menampilkan profil, visi misi, dan struktur organisasi, implementasi Profil dapat dilihat pada Gambar 5.12 Gambar 5.12 Profil
78 3. Agenda Agenda pada user berfungsi untuk menampilkan agenda kegiatan yang akan atau yang sudah berlangsung di SMK GANTRA Yayasan Pendidikan Gandi Putra, implementasi Agenda dapat dilihat pada Gambar 5.13 Gambar 5.13 Agenda
79 4. Galeri Foto Galeri Foto pada user berfungsi untuk menampilkan galeri foto pada setiap kegiatan di SMK GANTRA Yayasan Pendidikan Gandi Putra, implementasi Galeri Foto dapat dilihat pada Gambar 5.14 5.3 Pengujian Sistem Gambar 5.14 Galeri Foto Pengujian prototype digunakan untuk membuktikan bahwa prototype yang dikembangkan telah sesuai dengan hasil analisis kebutuhan fungsional. Pengujian prototype dilakukan secara black box testing, yaitu pengujian fungsional tanpa memperhatikan alur eksekusi program, hanya untuk membuktikan hasil eksekusi program sesuai dengan harapan. Pengujian tersebut dilakukan dengan cara
80 membuat test case (kasus uji). Hasil pengujian prototype dapat dilihat di bawah ini. A. Uji Form Login Admin pada Tabel 5.1 dibawah ini: Tabel 5.1 Uji Form Login Admin KODE SKENARIO HASIL SUKSES GAGAL KETERANGAN HASIL YANG DIHARAPKAN Admin, Siswa Sistem akan memasuki halaman menampilkan D01 Web halaman sesuai status hak akses Admin dan Siswa Jika username atau Sistem akan password salah maka menampilkan D02 muncul peringatan peringatan bahwa username atau password salah.
81 B. Uji Form Input Data pada Tabel 5.2 dibawah ini: Tabel 5.2 Uji Form Input Data KODE SKENARIO HASIL SUKSES GAGAL KETERANGAN HASIL YANG DIHARAPKAN Mengisi Sistem akan kelengkapan data menampilkan D03 dan menyimpannya data yang baru pada database. disimpan. Mengisi form data Sistem di set Sistem dengan data kosong untuk tidak menampilkan D04 kemudian menerima data peringatan melakukan kosong (null) bahwa data penyimpanan data belum lengkap.
82 C. Uji Form Edit dan Hapus pada Tabel 5.3 dibawah ini: Tabel 5.3 Uji Form Edit dan Hapus KODE SKENARIO HASIL SUKSES GAGAL KETERANGAN HASIL YANG DIHARAPKAN Memilih data murid, Sistem berhasil user, soal dan materi menampilkan yang akan di edit, form untuk edit memberikan data data, dan D03 baru dan menyimpan berhasil hasil edit data menyimpan data kedalam database. baru kedalam database. Memilih data murid, Sistem berhasil D04 user, soal dan materi menghapus data yang akan di hapus. yang dipilih.
83 D. Uji Form Logout Admin pada Tabel 5.4 dibawah ini: Tabel 5.4 Uji Form Logout Admin KODE SKENARIO HASIL SUKSES GAGAL KETERANGAN HASIL YANG DIHARAPKAN klik tombol logout Sistem akan D30 maka akan diarahkan menampilkan kehalaman utama halaman utama