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
Gambar 5.14 Galeri Foto 5.3 Pengujian Sistem 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 HASIL KODE
SKENARIO
HASIL YANG KETERANGAN
SUKSES
GAGAL
DIHARAPKAN
Admin, Siswa
Sistem akan
memasuki halaman
menampilkan
Web
halaman sesuai √
D01
status hak akses Admin dan Siswa Jika username atau
Sistem akan
password salah maka
menampilkan
muncul peringatan D02
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 HASIL KODE
SKENARIO
KETERANGAN SUKSES
D03
HASIL YANG DIHARAPKAN
GAGAL
Mengisi
Sistem akan
kelengkapan data
menampilkan
dan menyimpannya
√
data yang baru
pada database.
D04
disimpan.
Mengisi form data
Sistem di set
Sistem
dengan data kosong
untuk tidak
menampilkan
menerima data
peringatan
kosong (null)
bahwa data
kemudian melakukan 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 HASIL KODE
SKENARIO
KETERANGAN SUKSES
D03
HASIL YANG
GAGAL
DIHARAPKAN
Memilih data murid,
Sistem berhasil
user, soal dan materi
menampilkan
yang akan di edit,
form untuk edit
memberikan data
data, dan
baru dan menyimpan
√
berhasil
hasil edit data
menyimpan data
kedalam database.
baru kedalam database.
Memilih data murid, D04
user, soal dan materi yang akan di hapus.
Sistem berhasil √
menghapus data yang dipilih.
83
D. Uji Form Logout Admin pada Tabel 5.4 dibawah ini: Tabel 5.4 Uji Form Logout Admin HASIL KODE
SKENARIO
KETERANGAN SUKSES
klik tombol logout D30
maka akan diarahkan kehalaman utama
HASIL YANG
GAGAL
DIHARAPKAN Sistem akan
√
menampilkan halaman utama