bab iv website
Post on 08-Jul-2015
112 Views
Preview:
TRANSCRIPT
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
top related