BAB IV IMPLEMENTASI DAN PENGUJIANImplementasi merupakan kelanjutan dari proses anlisis dan perancangan sistem. Pada tahap ini, hasil yang telah di peroleh dari kegiatan tersebut diimplementasikan ke program aplikasi. Selain kegiatan implementasi juga dilakukan pengujian untuk mengetahui dan mencari kesalahan sehingga dapat dilakukan perbaikan dan modifikasi.

4.1

Persiapan Perangkat Pendukung Beberapa perangkat pendukung yang digunakan untuk membuat dan menguji

coba Website SMK Mekarrahayu adalah sebagai berikut : 1. Mozilla Firefox dan Internet Explorer Sebagai aplikasi web browser menguji coba tampilan dan 2. Macromedia Dreamweaver 8 Sebagai editor website yang digunakan untuk membuat website. 3. 4. Macromedia Firework Sebagai editor gambar. XAMPP Sebuah software yang berisi kumpulan kumpulan software diantaranya Apache Webserver, PHP 5, MySQL, PHPMYADMIN dan lainnya

4.2

Instalasi Software Setelah perangkat hardware yang di butuhkan sudah lengkap, kemudian perangkat software yang dibutuhkan dalam implementasi web ini yaitu: 4.2.1 Penginstalan XAMPP Siapkan XAMPP versi 1.6.5.exe, kemudian jalankan dengan mengklik setup pilih bahasa yang akan digunakan tekan ok seperti yang dapat dilihat pada gambar berikut ini:

44

45

Gambar 4.1 Tampilan Setup XAMPP

Gambar 4.2 Tampilan Instalasi Languange

Setelah itu ikuti petunjuk nya dengan meng- klik next hingga muncul tombol Finish. 4.2.2 Penginstalan Macromedia Dreamweaver 8 Siapkan juga Macromedia Dreamweaver 8 yang akan digunakan sebagai software yang membantu membuat web ini. Berikut gambar yang akan ditampilkan ketika menginstal Macromedia Dreamweaver 8 , kemudian klik tombol next hingga muncul tombol Finish.

46

Gambar 4.3 Instal Macromedia Dreamweaver 8

4.3

Implementasi Basis Data Basis data pada SMK Mekarrahayu dibuat menggunakan MySQL sebagai

databasenya. Pembuatan database dapat menggunakan konsole atau mengetik dan juga dapat pula menggunakan software pembantu lainnya misal phpmyadmin. Dalam projek ini penulis menggunakan phpmyadmin untuk membuat database nya.

Pembuatan database menggunakan phpmyadmin dilakukan menggunakan web browser, dengan membuka alamat http:// localhost/phpmyadmin.

47

Gambar 4.4 Alamat URL untuk membuat Database menggunakan PhpMyadmin

Membuat database menggunakan PhpMyadmin dengan cara membuat nama database pada form Create New Database

Gambar 4.5 Membuat Database baru

Langkah berikutnya adalah membuat tabel sesuai dengan kebutuhan sistem yang sedang dibuat.

Gambar 4.6 Membuat Tabel baru

Langkah selanjutnya mengisikan field sesuai dengan rancangan sebelumnya, isi atribut dan tipe data yang dibutuhkan.

48

Gambar 4.7 Form Isi Field

4.4

Implementasi Website SMK Mekarrahayu Website SMK Mekarrahayu dibuat dengan cara terlebih dahulu melakukan

observasi dan pencaran data-data yang berhubungan dengan SMK Mekarrahayu. Perancangan tampilan website dilakukan diatas kertas dengan

mempertimbangkan bentuk dan tampilan serta warna untuk website tersebut. Pembuatan interface dari sistem informasi ini di awali dengan pembuatan konsep konsep tampilan dan databasenya diatas kertas, dari konsep konsep yang telah terbentuk maka dapat dengan mudah menuangkannya kedalam pembuatan website sistem informasi itu sendiri. Pembuatan database menggunakan tools yaitu PHPMYADMIN, selain dapat menghemat waktu juga dapat mempercepat proses pembuatannya. Untuk proses coding nya menggunakan tools Macromedia Dreamweaver, serta editor gambarnya menggunakan Macromedia Firework.

4.5 Visualisasi Sistem Visualisasi sistem merupakan hasil dari implementasi yang telah dibuat sebelumnya. Berikut ini akan di bahas tentang isi dari website SMK Mekarrahayu mulai dari men tampilan awal hingga men administartor.

49

4.5.1 Tampilan Menu Beranda

Gambar 4.8 Tampilan Menu Beranda

50

4.5.2 Tampilan Menu Profil

Gambar 4.9 Tampilan Menu Profil

4.5.3 Tampilan Menu Informasi

Gambar 4.10 Tampilan Menu Informasi

51

4.5.4 Tampilan Form Pendaftaran

Gambar 4.11 Tampilan Form Pendaftaran

4.5.5 Tampilan Informasi Penerimaan

Gambar 4.12 Tampilan Informasi Pendaftaran

52

4.5.6 Tampilan Menu Buku Tamu

Gambar 4.13 Tampilan Menu Buku Tamu

4.5.7 Tampilan Menu Nilai Siswa

Gambar 4.14 Tampilan Menu Nilai Siswa

53

4.5.8 Tampilan Menu Download

Gambar 4.15 Tampilan Menu Download

4.5.9 Tampilan Menu Pengelolaan Buku Tamu

Gambar 4.16 Tampilan Menu Pengelolaan Buku Tamu

54

4.5.10 Tampilan Menu Calon Siswa

Gambar 4.17 Tampilan Menu Calon Siswa

4.5.11 Tampilan Menu Aktivasi PSB

Gambar 4.18 Tampilan Menu Aktivasi PSB

55

4.5.12 Tampilan Menu Tambah Admin

Gambar 4.19 Tampilan Menu Tambah Admin

4.5.13 Tampilan Menu Edit Admin

Gambar 4.20 Tampilan Menu Edit Admin

56

4.5.14 Tampilan Menu Edit Kepala Sekolah

Gambar 4.21 Tampilan Menu Edit Kepala Sekolah

4.5.15 Tampilan Menu Tambah Pengajar

Gambar 4.22 Tampilan Menu Tambah Pengajar

57

4.5.16 Tampilan Menu Edit Pengajar

Gambar 4.23 Tampilan Menu Edit Pengajar

4.5.17 Tampilan Menu Nilai

Gambar 4.24 Tampilan Menu Nilai

58

4.5.18 Tampilan Menu Tambah Nilai

Gambar 4.25 Tampilan Menu Tambah Nilai

4.5.19 Tampilan Menu Lihat Nilai

Gambar 4.26 Tampilan Menu Lihat Nilai

59

4.5.20 Tampilan Menu Pelajaran

Gambar 4.27 Tampilan Menu Pelajaran

4.5.21 Tampilan Menu Tambah Pelajaran

Gambar 4.28 Tampilan Menu Tambah Pelajaran

60

4.5.22 Tampilan Menu Edit Pelajaran

Gambar 4.29 Tampilan Menu Edit Pelajaran

4.5.23 Tampilan Menu Prodi

Gambar 4.30 Tampilan Menu Prodi

61

4.5.24 Tampilan Menu Tambah Prodi

Gambar 4.31 Tampilan Menu Tambah Prodi

4.5.25 Tampilan Menu Edit Prodi

Gambar 4.32 Tampilan Menu Edit Prodi

62

4.5.26 Tampilan Menu Siswa

Gambar 4.33 Tampilan Menu Siswa

4.5.27 Tampilan Menu Tambah Siswa

Gambar 4.34 Tampilan Menu Tambah Siswa

63

4.5.28 Tampilan Menu Edit Siswa

Gambar 4.35 Tampilan Menu Edit Siswa

4.6 Pengujian Tahap pengujian dilakukan untuk mengetahui apakah aplikasi berjalan sesuai dengan yang diinginkan atau tidak. Jika terdapat masalah pada aplikasi, maka proses identifikasi kesalahan akan dlakukan, selanjutnya akan dilakukan perbaikan terhadap kesalahan tersebut. Proses pengujian dilakukan berulang kali dan menyeluruh. Hal tersebut dilakukan agar aplikasi dapat berjalan dengan baik ketika digunakan. Meskipun proses pengujian dilakukan secara menyeluruh, namun tidak semua proses pengujian akan dijelaskan dalam penulisan ini Beberapa point penting yang akan dijelaskan dalam tahap pengujian diantaranya input data, Edit data, Hapus data.

64

1.

Input Data

Proses pengujian input data akan dilakukan dengan mengentri semua data yang diperlukan oleh aplikasi. Pengujian pertama dilakukan dengan cara mengentri data yang tidak lengkap, kemudian menyimpan data tersebut. Sebelum aplikasi menyimpan data, aplikasi akan melakukan verifikasi terhadap kelengkapan data. Berdasarkan data yang telah diinputkan tadi, ternyata aplikasi menampilkan pesan kepada user untuk melengkapi data yang akan disimpan. Jadi aplikasi tidak akan menyimpan data yang tidak lengkap. Tampilan pesan tersebut dapat dilihat pada gambar dibawah ini :

Gambar 4.36 Tampilan Pesan Kelengkapan Data

Pengujian kedua dilakukan dengan cara mengentri data dengan lengkap dan valid. Hasilnya proses penyimpanan berlangsung dengan baik. Indikasi bahwa data yang dientri telah berhasil disimpan adalah dengan ditampilkannya pesan seperti gambar dibawah ini :

65

Gambar 4.37 Tampilan Pesan Konfirmasi Penyimpanan Data

2.

Edit Data Pengujian dilakukan dengan cara mengedit data yang telah dipilih user

sebelumnya. Jika data berhasil di edit maka aplikasi akan menampilkan pesan seperti gambar di bawah ini

66

Gambar 4.38 Tampilan Pesan Konfirmasi Pengeditan Data

3.

Hapus Data Sebelum data dihapus, aplikasi akan memberikan pesan pertanyaan kepada user

apakah user yakin akan menghapus data atau tidak. Pesan ini memberikan kesempatan kepada user untuk memikirkan kembali keputusannya terhadap penghapusan data.

67

Gambar 4.39 Tampilan Pesan Konfirmasi Penghapusan Data