BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM

Transkripsi

1 BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM 4.1 Implementasi Bab ini memuat tentang langkah dan hasil analisa pembahasan yang sifatnya terpadu. Hasil penelitian dapat disajikan dalam bentuk table, grafik, foto atau bentuk lain dan ditempatkan sedekat mungkin dengan pembahasan hasil penelitian. Setelah penulis melakukan analisa dan perancangan sistem pada Bab III, maka penulis selanjutnya melakukan sebuah implementasi dan pengujian suatu sistem yang sudah penulis buat atau penulis bangun. Pada Bab VI implementasi dan pengujian sistem penulis dapat membuat atau membentuk suatu basis data (Database). Pada impementasi ini juga penulis akan menampilkan halaman-halaman aplikasi web SMK YPUI yang sudah dibuat atau dibangun tersebut Implementasi Basis Data (Database) Implementasi basis data (Database) akan menampilkan sebuah basis data (Database) berupa nama basis data (Database) yaitu SMK YPUI. Ada 7 (tujuh) tabel pada SMK YPUI yaitu tbl_admin, tbl_siswa, tbl_berita, tbl_daftar, tbl_guru, tbl_pengumuman dan tbl_st_bayar. 94

2 Tabel_Admin Pada gambar 4.1 dibawah ini memberikan atau menunjukkan suatu Implentasi pada Basis Data (Database) pada tabel_admin yaitu sebagai berikut : SQL : CREATE TABLE admin ( id int(3), NOT NULL auto_increment, username varchar(15), NOT NULL, password varchar(15), NOT NULL default, PRIMARY KEY ( id )). Gambar 4.1 Tampilan Tabel Admin

3 Tabel_Siswa Pada gambar 4.2 dibawah ini memberikan atau menunjukkan suatu Implentasi pada Basis Data (Database) pada tabel_siswa. SQL : CREATE TABLE siswa ( nis char(12), NOT NULL, nama varchar(25), NOT NULL, kelas varchar(3), NOT NULL, alamat varchar(45), NOT NULL, char(23), NOT NULL, telepon char(15), NOT NULL, password varchar(15), NOT NULL, image varchar(200), NOT NULL, tgl_lahir varchar(10), NOT NULL default, PRIMARY KEY ( siswa )). Gambar 4.2 Tampilan Tabel Siswa

4 Tabel_Berita Pada gambar 4.3 dibawah ini memberikan atau menunjukkan suatu Implentasi pada Basis Data (Database) pada tabel_berita. SQL : CREATE TABLE berita ( id int(11), NOT NULL auto_increment, tema varchar(45), NOT NULL, isi_berita text, NOT NULL, tanggal varchar(18), NOT NULL default, PRIMARY KEY ( berita )). Gambar 4.3 Tampilan Tabel Berita

5 Tabel_Daftar Pada gambar 4.4 dibawah ini memberikan atau menunjukkan suatu Implentasi pada Basis Data (Database) pada tabel_daftar. SQL : CREATE TABLE daftar ( no_daftar int(11), NOT NULL auto_increment, nama varchar(35), NOT NULL, alamat varchar(45), NOT NULL, telepon char(18), NOT NULL, tempat_lhr varchar(45), NOT NULL, tgl_lhr date, NOT NULL, asal_skul varchar(45), NOT NULL, thn_lulus char(8), NOT NULL, varchar(28), NOT NULL, username varchar(25), NOT NULL, password varchar(25), NOT NULL, waktu datetime, NOT NULL, nilai int(4), NOT NULL, status varchar(18), NOT NULL, no_kartu varchar(25), NOT NULL, image varchar (200), NOT NULL default, PRIMARY KEY ( daftar )). Gambar 4.4 Tampilan Tabel Daftar

6 Tabel_Guru Pada gambar 4.5 dibawah ini memberikan atau menunjukkan suatu Implentasi pada Basis Data (Database) pada tabel_guru. SQL : CREATE TABLE guru ( nik char(15), NOT NULL, nama varchar(35), NOT NULL, jabatan char(25), NOT NULL, image varchar(100), NOT NULL default, PRIMARY KEY ( guru )). Gambar 4.5 Tampilan Tabel Guru

7 Tabel_Pengumuman Pada gambar 4.6 dibawah ini memberikan atau menunjukkan suatu Implentasi pada Basis Data (Database) pada tabel_pengumuman. SQL : CREATE TABLE pengumuman ( id int(11), NOT NULL, p_judul varchar(25), NOT NULL, p_isi text, NOT NULL, tgl varchar(12), NOT NULL default, PRIMARY KEY ( pengumuman )). Gambar 4.6 Tampilan Tabel Pengumuman

8 Tabel_Setelah_Bayar Pada gambar 4.7 dibawah ini memberikan atau menunjukkan suatu Implentasi pada Basis Data (Database) pada tabel_bayar. SQL : CREATE TABLE status bayar ( no_kartu char(30), NOT NULL, nama varchar(35), NOT NULL, metode_bayar varchar(25), NOT NULL, status_bayar varchar(25), NOT NULL default, PRIMARY KEY ( status bayar )). Gambar 4.7 Tampilan Tabel Bayar

9 Implementasi Halaman WEB SMK YPUI Pada implementasi halaman web SMK YPUI ini akan menampilkan halamanhalaman yang terdapat pada aplikasi web SMK YPUI. Implementasi ini dapat di lakukan dengan mencoba atau menguji setiap halaman yang ada pada web SMK YPUI tersebut. Pada aplikasi web ini bagian Calon Siswa Implementasi Halaman View Informasi SMK YPUI Gambar 4.8 Implementasi Tampilan Halaman View Informasi SMK YPUI

10 Implentasi Halaman Form Pendaftaran Calon Siswa Baru Gambar 4.9 Implentasi Halaman Form Pendaftaran Calon Siswa Baru Pada gambar diatas menampilkan halaman Pendaftaran seperti diatas ketika Calon Siswa melakukan klik sign up pada link sign up dibawah kiri web SMK YPUI. Setelah Calon Siswa mengisi Form Pendaftaran diatas dengan lengkap, lalu Calon Siswa mengklik tombol submit. Setelah melakukan pendaftaran, maka Calon Siswa sudah menjadi Siswa Baru di SMK YPUI tersebut.

11 Implementasi Halaman Login Calon Siswa Gambar 4.10 Implementasi Halaman Login Calon Siswa Pada gambar diatas menapilkan halaman Login Calon Siswa apabila Calon Siswa melakukan login Calon Siswa. Untuk Login Calon Siswa dapat dilakukan oleh Calon Siswa, apabila Calon Siswa ingin melakukan pendaftaran Siswa Baru di SMK YPUI.

12 Implementasi Peringatan Kesalahan Dalam Mengisi Data Tidak Lengkap Gambar 4.11 Peringatan (alert) Jika Melakukan Kesalahan pada Login Calon siswa

13 Implementasi Halaman Hasil Seleksi Gambar 4.12 Implementasi Halaman Hasil Seleksi Pada gambar diatas menampilkan halaman Hasil Seleksi. Agar Calon Siswa mengetahui hasil seleksi diterima menjadi Calon Siswa Baru di SMK YPUI tersebut.

14 Implementasi Halaman Daftar Ulang Gambar 4.13 Implementasi Halaman Daftar Ulang Pada gambar diatas menampilkan halaman Daftar Ulang

15 Implementasi Halaman Verfikasi Pembayaran Gambar 4.14 Implementasi Halaman Verfikasi Pembayaran Pada gambar diatas menampilkan halaman Verfikasi Pembayaran

16 Implementasi Halaman Bukti Siswa Baru Diterima Gambar 4.15 Implementasi Halaman Bukti Siswa Baru Diterima Pada gambar diatas menampilkan halaman Bukti Siswa Baru Diterima

17 Implementasi Halaman Tambah Data Guru Gambar 4.16 Implementasi Halaman Tambah Data Guru Pada gambar diatas menampilkan halaman Tambah Data Guru

18 Implementasi Halaman Laporan Data Guru Gambar 4.17 Implementasi Halaman Laporan Data Guru Pada gambar diatas menampilkan halaman Laporan Data Guru

19 Lingkungan Pengujian Sistem Lingkungan pengujian sistem pada aplikasi web SMK YPUI tersebut yaitu menggunakan perangkat lunak dan perangkat keras yaitu sebagai berikut : 1. Macromedia Dreamweaver 8 yaitu Aplikasi Software untuk membuat desain web SMK YPUI dan juga tampilan web SMK YPUI tersebut. 2. Adobe Photoshop 7 yaitu Software yang digunakan untuk membuat banner atau logo SMK YPUI tersebut. Selain itu juga bisa digunakan untuk mengedit atau merubah gambar-gambar yang sudah ada (modifikasi). 3. Acrobat Reader 5D PDF Creator yaitu Software berbentuk PDF ini bertujuan digunakan untuk mendownload data-data yang dibutuhkan oleh Calon Siswa didalam mengembangkan atau membuat suatu laporan tertentu. 4. Bahasa Pemograman Php dan Mysql yaitu Bahasa yang digunakan didalam membuat aplikasi web SMK YPUI dabn bahasa yang dimengert oleh bahasa mesin (egine language). 5. Mozilla Firefox yaitu Aplikasi Software yang digunakan untuk menjalankan dan menampilkan hasil web SMK YPUI yang telah dibuat. Perangkat keras yang digunakan yaitu sebagai berikut : 1. Komputer Processor Intel(R) Pentium(R)4 CPU 3.00GHz 2. Memory 1,00 GB of RAM 3. Hard Disk 37,2 GB (Drive C dan D) 4. VGA 512 MB 5. Monitor 14

20 Keybord dan Mouse 4.3 Skenario Pengujian Sistem Skenario pengujian sistem terdiri dari pengujian sistem web SMK YPUI terhadap aplikasi web yang sudah dibuat atau yang dibangun, tujuannya yaitu untuk melakukan uji coba terhadap web SMK YPUI yang sudah dibuat atau yang dibangun tersebut. Apakah aplikasi web tersebut berjalan sukses atau tidak berjalan (gagal). Untuk menguji suatu kelayakan aplikasi web SMK YPUI tersebut, maka dibuat sebuah situs sederhana yang dapat digunakan oleh Calon Siswa. Contoh situs web SMK YPUI yaitu Metode aplikasi web SMK YPUI yang digunakan yaitu black-box testing. Metode ini sesuai dengan aplikasi web SMK YPUI yang akan dibuat atau dibangun oleh si pembuat aplikasi web SMK YPUI. Untuk itu metode black-box testing ini dapat dilakukan pengujian dengan cara memberikan sebuah masukkan pada program aplikasi web SMK YPUI yang akan dibuat atau dibangun sesuai dengan kebutuhan Calon Siswa yang dapat menghasilkan keluaran yang dapat diharapkan atau diinginkan oleh Calon Siswa dan juga si pembuat aplikasi web SMK YPUI. Apabila keluaran yang tidak sesuai (gagal) dengan yang diinginkan oleh Calon Siswa dan si pembuat aplikasi web SMK YPUI tersebut, maka aplikasi web SMK YPUI masih banyak kekurangan-kekurangan yang harus ditambahkan atau diperbaiki pada aplikasi oleh Calon Siswa tersebut. Apabila keluaran yang sesuai dengan yang diinginkan oleh Calon Siswa dan juga si pembuat aplikasi web SMK YPUI, maka aplikasi web SMK YPUI sudah berhasil (sukses). Aplikasi web SMK YPUI menggunakan aplikasi software browser seperti mozzila Firefox) (tampilan sempurna) karena tampil secara menyeluruh. digunakan untuk menampilkan hasil pengujian pada aplikasi web SMK YPUI tersebut, dengan cara si penguji sistem aplikasi web SMK YPUI dengan mengetikkan alamat URL nya yaitu sebagai berikut ini :

21 114 merupakan alamat web SMK YPUI yang akan digunakan. Pada black-box testing ini dapat dilakukan sebuah pengujian pada aplikasi web SMK YPUI mulai dari login Calon Siswa sampai dengan semua data-data atau link-link yang terdapat pada aplikasi web SMK YPUI. Tabel 4.1 Skenario Pengujian Sistem Pada Aplikasi Web SMK YPUI Menggunakan Metode Black-Box No. Link dan Skenario Hasil Hasil Yang menu Aplikasi Web Pengujian Pengujian Diharapkan SMK YPUI 1. View Mengklik Link Akan tampil halaman Informasi SMK YPUI tombol button View Informasi View Informasi SMK YPUI SMK YPUI Menginput data Username & Password pribadi (no_daftar, nama, alamat, akan tersimpan didalam Basis Data (Database) 2. Pendaftaran telepon) & Data Login (Username & Password) Menginput data pribadi (no_daftar, nama, alamat, telepon) & Data Masukkan Data secara tidak lengkap Menampilkan pesan salah Maaf ada yang belum diisi dan Kembali

22 115 Login & Password) (Username Menginput Akan tampil halaman 3. Login Calon Siswa Baru Username Password & Pendaftar Calon Siswa Baru Menginput Username Password & Masukkan Data secara Akaan tampil Anda Salah Login tidak lengkap 4. Hasil Seleksi Mengklik Link tombol button Hasil Seleksi Akan tampil halaman Hasil Seleksi 5. Daftar Ulang Mengklik Link tombol button Daftar Ulang Akan tampil halaman Daftar Ulang 6. Verfikasi Pembayaran Mengklik Link Akan tampil halaman tombol button Verfikasi Verfikasi Pembayaran Pembayaran

23 Bukti Siswa Baru Diterima Mengklik Link Akan tampil halaman tombol button Bukti Siswa Baru Bukti Siswa Baru Diterima Diterima 8. Tambah Data Guru Mengklik Link Akan tampil halaman tombol button Tambah Data Guru Tambah Data Guru 9. Laporan Data Guru Mengklik Link Akan tampil halaman tombol button Laporan data Guru Laporan Data Guru 4.4 Hasil Dari Pengujian Sistem Pada Aplikasi WEB SMK YPUI Pada hasil dari pengujian sistem pada aplikasi web SMK YPUI yaitu merupakan hasil dari pengujian pada aplikasi web SMK YPUI sesuai dengan hasil pengujian sistem pada aplikasi web SMK YPUI yang sudah dibuat pada tabel 4.2 dibawah yaitu sebagai berikut :

24 117 Tabel 4.2 Hasil Pengujian Sistem Pada Aplikasi Web SMK YPUI No. Link dan menu Aplikasi Web SMK YPUI Skenario Pengujian Hasil Pengujian 1. View Informasi SMK YPUI Mengklik Link tombol Button View Informasi SMK YPUI 2. Pendaftaran Menginput data pribadi (no_daftar, nama, alamat, telepon) & Data Login (Username & Password) Menginput data pribadi (no_daftar, nama, alamat, telepon) & Data Login (Username & Password) Masukkan Data secara tidak lengkap 3. Login Calon Siswa Baru Menginput Username & Password Menginput Username & Password Masukkan Data secara tidak lengkap

25 Hasil Seleksi Mengklik Link tombol Button Hasil Seleksi 5. Daftar Ulang Mengklik Link tombol Button Daftar Ulang 6. Verfikasi Pembayaran Mengklik Link tombol Button Verfikasi Pembayaran 7. Bukti Siswa Baru Diterima Mengklik Link tombol Button Bukti Siswa Baru Diterima 8. Tambah Data Guru Mengklik Link tombol Button Tambah Data Guru 9. Laporan Data Guru Mengklik Link tombol Button Laporan Data Guru

26 Analisa Dari Hasil Pengujian Sistem Pada Aplikasi WEB SMK YPUI Analisa yang dilakukan dari hasil pengujian sistem pada aplikasi web SMK YPUI yang sudah dilakukan pada tabel 4.2 yaitu sebagai berikut : View Informasi SMK YPUI yaitu Halaman untuk Calon Siswa dapat melihat web SMK YPUI dan Formulir Pendaftaran Calon Siswa Baru di SMK YPUI. Pada hasil pengujian yang sudah dilakukan pada tabel 4.2 diatas yaitu Calon Siswa terlebih dahulu membuka situs web SMK YPUI, maka akan tampil halaman View Informasi SMK YPUI. Denga melakukan hasil pengujian, maka hasil pengujiannya yaitu normal. Pendaftaran yaitu Halaman untuk Calon Siswa melakukan Pendaftaran. Selain melakukan pendaftaran tujuannya yaitu agar Calon Siswa di web SMK YPUI yaitu untuk membantu para Calon Siswa dapat menjadi Calon Siswa di web SMK YPUI tersebut. Login Calon Siswa yaitu Halaman untuk Calon Siswa dengan terlebih dahulu menginput Username dan Password. Selain Calon Siswa melakukan penginputan Username dan Password tujuannya yaitu agar Calon siswa dapat memasuki halaman produk langsung jika Calon Siswa ingin melakukan Pendaftaran di web SMK YPUI. Pada hasil pengujian yang sudah dilakukan pada tabel 4.2 diatas yaitu menginput Username dan Password. Dengan melakukan hasil pengujian, maka hasil pengujiannya yaitu normal. Jika si Calon Siswa menginput Username dan Password dengan benar, maka akan tampil halaman produk secara langsung di web SMK YPUI. Sedangkan pada hasil pengujian memasukkan data secara tidak lengkap, maka akan tampil Anda Salah Login. Hasil seleksi yaitu Halaman untuk Calon Siswa melihat Hasil Seleksi yang sudah tersimpan oleh admin. Pada hasil pengujian yang sudah dilakukan pada tabel 4.2 yaitu Calon Siswa terlebih dahulu mengklik Link tombol button. Hasil Seleksi,

27 120 maka akan tampil halaman cara Hasil Seleksi di SMK YPUI. Dengan melakukan hasil pengujian, maka hasil pengujiannya yaitu normal. Daftar Ulang yaitu Suatu kegiatan dimana para calon siswa baru harus melakukan daftar ulang guna untuk menyakinkan bahwa calon siswa tersebut ingin sekolah yang telah dipilih. Pada hasil pengujian sudah dilakukan pada tabel 4.2 yaitu Calon Siswa terlebih dahulu mengklik Link tombol button Daftar Ulang, maka akan tampil halaman cara Daftar Ulang di SMK YPUI. Dengan melakukan hasil pengujian, maka hasil pengujiannya yaitu normal. Verfikasi Pembayaran yaitu Halaman untuk Calon Siswa setelah mengklik Link tombol button Verfikasi Pembayaran tujuannya yaitu agar Calon Siswa dapat melihat jika sudah bayar dan melunasi kewajiban administrasi menjadi Calon siswa Baru. Pada hasil pengujian sudah dilakukan pada tabel 4.2 yaitu Calon Siswa terlebih dahulu mengklik Link tombol button Verfikasi Pembayaran, maka akan tampil halaman cara Verfikasi Pembayaran di SMK YPUI. Dengan melakukan hasil pengujian, maka hasil pengujiannya yaitu normal. Bukti Siswa Baru Diterima yaitu sebuah tanda jika calon siswa telah memenuhi prosedur sekolah yang telah ditetapkan. Pada hasil pengujian sudah dilakukan pada tabel 4.2 yaitu Calon Siswa terlebih dahulu mengklik Link tombol button Bukti Siswa Baru Diterima, maka akan tampil halaman cara Bukti Siswa Baru Diterima di SMK YPUI. Dengan melakukan hasil pengujian, maka hasil pengujiannya yaitu normal. Tambah Data Guru yaitu data yang digunakan untuk menginput data guru baru jika ada guru yang baru. Pada hasil pengujian Pada hasil pengujian sudah dilakukan pada tabel 4.2 yaitu Calon Siswa terlebih dahulu mengklik Link tombol button Tambah Data Guru, maka akan tampil halaman cara Tambah Dta Guru di SMK YPUI. Dengan melakukan hasil pengujian, maka hasil pengujiannya yaitu normal.

28 121 Laporan Data Guru yaitu laporan yang dibuat oleh guru setelah melakukan evaluasi terhadap para calon siswa baru. Pada hasil pengujian sudah dilakukan pada tabel 4.2 yaitu Calon Siswa terlebih dahulu mengklik Link tombol button Laporan data Guru, maka akan tampil halaman cara Laporan Data Guru di SMK YPUI. Dengan melakukan hasil pengujian, maka hasil pengujiannya yaitu normal.