BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1. Implementasi Di tahapan ini akan di bahas mengenai implementasi dari aplikasi istrasi keanggotaan pada caresa gym ini, yaitu cakupan mengenai karaktersitik spesifikasi perangkat keras dan perangkat lunak yang di gunakan dalam uji coba aplikasi. Dan implementasi pada aplikasi yaitu proses coding dan tampilan antarmuka. 4.1.1 Perangkat pengujian pembuatan Administrasi Keanggotaan Pada Caresa Gym ini dibuat dengan menggunakan komputer dengan spesifikasi sebagai berikut: 4.1.2 Perangkat Keras Processor Hardisk RAM : Intel Core 2 Duo CPU T5870 : 250GB : 2GB 4.1.3 Perangkat Lunak OS : Windows 8.1 Pro 32-bit Tools : Macromedia Dreamweaver,Sublime,google chrome Database : MYSQL 64
65 4.1.4 Implementasi Aplikasi Adapun tahapan-tahapan dalam pembuatan aplikasi ini meliputi proses pengkodean dan implementasi bentuk tampilan adntarmuka aplikasi rancangan. Rancang layar yang telah di buat pada bab 3 pada saat implementasi memiliki hasil sebagai berikut : 4.1.4.1 L ayar Utama Layar Utama merupakan tampilan awal pada saat aplikasi di jalankan layar utama dapat di lihat pada gambar di bawah ini: Gambar 4.1 Tampilan home Pada layar utama ini terdapat tombol login dan tombol daftar, pada layar utama ini juga terdapat sejarah singkat tentang caresa gym, visi dan misi caresa gym serta lokasi tempat caresa gym berada.
66 4.1.4.2 akun Gambar 4.2 Tampilan akun Pada layar ini adalah tampilan pada saat user mengisi atau mendaftar akun untuk bergabung dalam keanggotaan caresa gym. 4.1.4.3 Login Gambar 4.3 Tampilan login
67 ini adalah tampilan logindi tampilan login ini user harus mengisi username dan password yang telah di buat tadi dan setelah di masukan maka klik login untuk lanjut ke tampilan selanjutnya. 4.1.4.4`profil user Gambar 4.4 tampilan profil user ini adalah tampilan profil user yang sudah menjadi di tampilan user ini kita bisa melihat kelas yang user lihat, data, data perpanjangan dan juga keluar. Selain itu user juga bisa mengganti foto profil dan juga mengganti password. 4.1.4.5 Jadwal Kelas Gambar 4.5 tampilan jadwal kelas
68 Pada jadwal kelas ini terdapat nama kelas, waktu, nama instruktur, harga perhari, harga perbulan dan sisa kelas yang tersedia. Jika anda sudah menentukan kelas yang pilih maka pilih daftar sekarang untuk bisa bergabung dalam salah satu kelas tersebut. 4.1.4.6 Pilihan Gambar 4.6 tampilan pilihan Ini adalah tampilan pada saat proses pemilihan kelas terdapat pilihan 2 yang pertama untuk perbulan dan yang kedua yaitu untuk perhari begitu pula beserta harganya anda bisa sesuaikan dengan keinginan yang anda inginkan. 4.1.4.7 Proses mengisi biodata Gambar 4.7 tampilan proses mengisi biodata
69 Ini adalah tampilan pada saat proses, di tampilan ini user harus ngisi semua data yang diminta tidak boleh di kosongkan. Setelah mengisi form berikut makan klik tombol lanjutkan. 4.1.4.8 Tampilan perpanjangan Gambar 4.8 tampilan perpanjangan Ini adalah tampilan perpanjangan yang sudah berhasil/acc, disini jika ingin melihat lebih jelasnya bisa klik Detail di bagin pojok maka akan menampilkan keseluruhan tentang perpanjangan. 4.1.4.9 Konfirmasi pembayaran Gambar 4.9 tampilan konfirmasi pembayaran
70 Pada tampilan ini adalah proses pembayaran dengan cara tranfer. Di sini user harus mengisi nomer transaksi, jumlah tranfer dan juga no rekening. Lalu klik simpan 4.1.4.10 Layanan pengaduan Gambar 4.10 tampilan pengaduan Pada tampilan ini yaitu untuk komplen terhadat tentang kerusakan alat atau lain lainnya. Di form ini user hanya mengisi judul pengeluhan, dan keterangan. 4.1.4.11 Tampilan login Gambar 4.11 tampilan login
71 Ini adalah tampilan pada saat login 4.1.4.12 Tampilan Jadwal kelas Gambar 4.12 tampilan jadwal kelas Ini adalah tampilan jadwal kelas pada menu, di tampilan ini terdapat 4 tombol-tombol yang pertama yaitu untuk tambah jadwal, edit, hapus, dan juga melihat detail. 4.1.4.13 Tampilan nama kelas Gambar 4.13 tampilan nama kelas
72 Pada tampilan ini adalah melihatkan tentang nama kelas yang berada pada caresa gym, di tampilan ini terdapat 3 tombol yang pertama yaitu tombol untuk menambahkan kelas, edit kelas dan juga hapus kelas 4.1.4.14 Tampilan nama Instruktur Gambar 4.14 tampilan nama instruktur Ini adalah tampilan nama nama instruktur dan juga keahlian dalam bidangnya. Pada tampilan ini terdapat 3 tombol yaitu tambah instruktur, edit instruktur dan juga hapus instruktur. 4.1.4.15 Tampilan layanan pengaduan Gambar 4.15 tampilan layanan pengaduan
73 Ini adalah tampilan layanan pengaduan dari user tentang alat-alat fitnes yang kurang cukup baik atau bisa membahayakan nantinya. 4.1.4.16 Tampilan akun Gambar 4.16 tampilan akun Ini adalah tampilan akun-akun user yang sudah mendaftar pada web caresa gym. 4.1.4.17 Tampilan Gambar 4.17 tampilan data
74 Ini adalah tampilan yang sudah memndaftar, ada yang sudah membayan dan ada juga yang belum bayar, contoh pada status pembayaran yang masih pending itu karna belom pembayaran beda denga yang sudah bayar maka akan menjadi di terima. 4.1.4.18 Tampilan penggantian status Gambar 4.18 tampilan penggantian status Ini adalah tampilan pada saat penggantian status terdapat 3 pilihan dalam memilih status yang pertama, pending, diterima dan yang terakhir cancel. 4.1.4.19 Tampilan yang sudah aktif Gambar 4.19 tampilan yang sudah aktif
75 Ini adalah tampilan pada saat melihat data-data yang sudah aktif, di tampilan ini terdapat satu tombol detail yaitu untuk melihat lebih jelasnya tentang profil tersebut. 4.1.4.20 Tampilan perpanjangan Gambar 4.20 tampilan perpanjangan Pada tampilan ini yaitu perpanjang masa aktif, pada tampilan ini terdapat 2 tombol yaitu tombol detail dan juga tombol acc, tombol detail yaitu berfungsi untuk mengganti status sama dengan penggantian status pada tadi, sedangkan acc sama fungsinya bedanya dia hanya lebih simple. 4.1.4.21 Tampilan konfirmasi pembayaran Gambar 4.21 tampilan konfirmasi pembayaran
76 Ini adalah tampilan transaksi yang sudah masuk pada 4.1.4.22 Tampilan laporan data Gambar 4.22 tampilan laporan data pdf. Ini adalah tampilan laporan transaksi data yang aktif dengan format 4.1.4.23 Tampilan laporan data Gambar 4.23 tampilan laporan data Ini adalah tampilan laporan transaksi data yang aktif dengan format pfd
77 4.1.4.24 Tampilan laporan perpanjangan Gambar 4.24 tampilan laporan perpanjangan pfd Ini adalah tampilan laporan transaksi data yang aktif dengan format 1.2 Metode Pengujian Metode pengujian dilakukan untuk memastikan apakah sistem yang akan dipakai sudah sesuai dengan yang diharapkan. Metode yang digunakan untuk pengujian dengan memfokuskan pada fungsionality system tanpa mengetahui apa sesungguhnya yang terjadi dalam black end system. 4.2.1 Skenario Pengujian Scenario pengujian diperlukan untuk mengetahui apakah aplikasi yang dibuat dapat berfungsi dengan baik atau tidak. Skenario pengujian dilakukan dengan memilih dari setiap pilihan yang ada pada aplikasi ini,kemudian dilakukan pengujian dengan menekan tombol-tombol yang terdapat pada form dari aplikasi ini apakah sudah sesuai dengan yang diharapkan.
78 Tabel 4.1 pengujian aplikasi istrasi keanggotaan pada caresa gym No 1 1 Antar muka Tampilan Home/web 2 Tampilan Login Uji coba Menguji semua link menu yang terdapat pada menu web Menguji proses Login Status Aplikasi menu awal website Tampilan Login sudah terbuka Skenario pengujian Klik link menu yang tersedia Input username dan password lalu klik Login Hasil yg diharapkan Link menu yang dipilih dapat membuka yang dimaksud validasi Gagal validasi Hasil Pengujian Link menu yang dipilih dapat membuka yang dimaksud masuk ke menu utama Kembali ke tampilan Login 3 Tampilan menu Menguji semua link menu yang terdapat pada menu menu Klik link menu yang tersedia Link menu yang dipilih dapat membuka yang dimaksud Link menu yang dipilih dapat membuka yang dipilih 4 Penambah an data jadwal 5 Penambah an data kelas 6 penambaha n data instruktur 7 Pengaduan data user 8 Pendaftara n Menambahka n data jadwal lewat menu Menammbahk an data kelas lewat menu Menambahka n data instruktur lewat menu Melihat data pengaduan lewat menu Merubah status menu lalu input data jadwal menu lalu input data kelas menu lalu tambahkan data instruktur menu lalu membuka data pengaduan menu lalu kelola Input data jadwal lalu simpan Input data kelas lalu simpan Input data instruktur lalu simpan Pengaduan data user tersimpan di menu Ubah status pendaftara menambahk an data jadwal menambahk an data kelas menambahk an data instruktur membuka pengaduan user Status Jadwal berhasil ditambahka n ke data jadwal kelas Jadwal berhasil di tambahkan ke data kelas Data instruktur berhasil di tambahkan ke data instruktur Pengaduan berhasil di buka Status
79 9 Member Merubah status 10 Perpanjang an 11 Konfirmasi pembayara n Merubah status perpanjangan Mengecek konfirmasi pembayaran data menu lalu kelola data menu lalu kelola data perpanjanga n menu lalu pilih konfirmasi pembayaran n lalu simpan Ubah status lalu simpan Ubah status perpanjang an lalu simpan Melihat status pembayara n berhasil di ubah Status berhasil di ubah Status perpanjanga n berhasil di ubah Menampilka n status pembayaran berhasil di ubah Status berhasil di ubah Status perpanjanga n berhasil di ubah Menampilka n status pembayaran 12 Data laporan aktif 13 Data laporan pendaftara n 14 Data laporan perpanjang an 15 Tampilan pendaftara n akun Mencetak laporan aktif Mencetak laporan Mencetak laporan perpanjangan Menguji proses akun ke menu lalu masukan periode bulan dan tahun ke menu lalu masukan periode bulan dan tahun ke menu lalu masukan periode budan dan tahun Pilih menu Lalu memilih cetak Lalu memilih cetak Lalu memilih cetak User menginput data dan password Laporan ditampilkan dalam format pdf untuk di cetak Laporan ditampilkan dalam format pdf untuk di cetak Laporan ditampilkan dalam format pdf untuk di cetak Laporan ditampilkan dalam format pdf untuk di cetak Laporan ditampilkan dalam format pdf untuk di cetak Laporan ditampilkan dalam format pdf untuk di cetak Muncul pemberitaua n berhasil
80 16 Tampilan Login user 17. Tampilan Home/web user Menguji proses Login Menguji semua link menu yang terdapat pada menu web User Tampilan Login sudah terbuka menu awal website Input username dan password lalu klik Login Klik link menu yang tersedia Gagal validasi Gagal validasi Link menu yang dipilih dapat membuka yang dimaksud Muncul pemberitahu an proses gagal masuk ke menu utama Kembali ke tampilan Login Link menu yang dipilih dapat membuka yang dimaksud 18 Pendaftara n 19 Perpanjang an 20 Berhenti 21 Konfirmasi pembayara n Proses Proses perpanjangan Proses berhenti Mengkonfirm asi pembayaran penyewaan gedung kemenu ke menu perpanjanga n ke menu berhenti ke menu konfirmasi pembayaran Mengisi form pendaftara n lalu pilih simpan Memilih kelas yang ingin di perpanjang lalu pilih simpan Memilih kelas yang ingin di berhentika n Memasuka n kode transaksi dan nomor rekening Gagal perpanjanga n Gagal perpanjanga n berhenti Kode transaksi dan nomor rekening masuk ke Menampilka n kode dan pemberitahu an berhasil Muncul popup kesalahan pengisian data Menampilka n kode perpanjanga n dan pemberitahu an berhasil Muncul popup kesalahan pengisian data berhenti Kode transaksi dan nomor rekening berhasil
81 masuk ke 22 Layanan pengaduan Proses pengaduan ke menu pengaduan Input pengaduan user pengaduan user Sistem berhasil pengaduan pada 4.2.2 Analisa Hasil Pengujian Pada kesimpulan pengujian yang di lakukan dapat disimpulkan bahwa semua proses dan tombol berjalan dengan dengan baik sesuai dengan yang di rancang pada perancangan yang di lakukan dan dapat berjalan dengan baik menggunakan spesifikasi laptop yang terdapat pada lingkungan pengujian. 1. Pengujian telah menunjukan hasil keluaran (output) dan proses yang sesuai dengan rancangan aplikasi program ini. 2. Program ini telah berfungsi dengan baik karena telah dibuktikan dari hasil scenario pengujian dapat menginput data user,data,data instruktur dan perpanjangan. 3. Pengunjung tetap dapat masuk untuk melihat informasi dan daftar jadwal kelas dan lokasi caresa gym. 4. User berhasil masuk ke dengan login user. 5. User yang sudah login dapat dan memilih kelas yang terdapat di caresa gym. 6. Admin dapat mencetak laporan data aktif, data dan perpanjangan. Seluruh program dapat berjalan dengan baik pada spesifikasi komputer di lingkungan pengujian yang telah disebutkan di atas tanpa adanya error atau kerusakan.