4.1. Implementasi
Di tahapan ini akan di bahas mengenai implementasi dari aplikasi administrasi 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 : Intel Core 2 Duo CPU T5870 Hardisk : 250GB
RAM : 2GB
4.1.3 Perangkat Lunak
OS : Windows 8.1 Pro 32-bit
Tools : Macromedia Dreamweaver,Sublime,google chrome
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.
4.1.4.2 pendaftaran akun
Gambar 4.2 Tampilan pendaftaran akun
Pada layar halaman ini adalah tampilan pada saat user mengisi atau mendaftar akun untuk bergabung dalam keanggotaan caresa gym.
4.1.4.3 Login
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 member di tampilan user ini kita bisa melihat kelas yang user lihat, data pendaftaran, data perpanjangan dan juga keluar. Selain itu user juga bisa mengganti foto profil dan juga mengganti password.
4.1.4.5 Jadwal Kelas
Pada halaman 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 pendaftaran member
Gambar 4.6 tampilan pilihan pendaftaran member
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 member
Ini adalah tampilan pada saat proses pendaftaran member, 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 member
Gambar 4.8 tampilan perpanjangan member
Ini adalah tampilan perpanjangan member 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
Pada tampilan ini adalah proses melakukan 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 melakukan komplen terhadat admin tentang kerusakan alat atau lain lainnya. Di form ini user hanya mengisi judul pengeluhan, dan keterangan.
4.1.4.11 Tampilan login admin
Ini adalah tampilan pada saat login admin 4.1.4.12 Tampilan Jadwal kelas admin
Gambar 4.12 tampilan jadwal kelas admin
Ini adalah tampilan jadwal kelas pada menu admin, 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 admin
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 admin
Gambar 4.14 tampilan nama instruktur admin
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 admin
Ini adalah tampilan layanan pengaduan dari user tentang alat-alat fitnes yang kurang cukup baik atau bisa membahayakan nantinya.
4.1.4.16 Tampilan pendaftaran akun
Gambar 4.16 tampilan pendaftaran akun
Ini adalah tampilan pendaftaran akun-akun user yang sudah mendaftar pada web caresa gym.
4.1.4.17 Tampilan pendaftaran member
Ini adalah tampilan pendaftaran member yang sudah memndaftar, ada yang sudah membayan dan ada juga yang belum bayar, contoh pada status pembayaran yang masih pending itu karna belom melakukan pembayaran beda denga yang sudah bayar maka akan menjadi pendaftaran di terima.
4.1.4.18 Tampilan penggantian status pendaftaran member
Gambar 4.18 tampilan penggantian status pendaftaran member Ini adalah tampilan pada saat melakukan penggantian status terdapat 3 pilihan dalam memilih status yang pertama, pending,pendaftaran diterima dan yang terakhir cancel.
4.1.4.19 Tampilan member yang sudah aktif
Ini adalah tampilan pada saat melihat data-data member yang sudah aktif, di tampilan ini terdapat satu tombol detail yaitu untuk melihat lebih jelasnya tentang profil member tersebut.
4.1.4.20 Tampilan perpanjangan member admin
Gambar 4.20 tampilan perpanjangan member admin
Pada tampilan ini yaitu member melakukan 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 pendaftaran member tadi, sedangkan acc sama fungsinya bedanya dia hanya lebih simple.
4.1.4.21 Tampilan konfirmasi pembayaran admin
Ini adalah tampilan transaksi yang sudah masuk pada admin 4.1.4.22 Tampilan laporan data member
Gambar 4.22 tampilan laporan data member
Ini adalah tampilan laporan transaksi data member yang aktif dengan format pdf.
4.1.4.23 Tampilan laporan data pendaftaran member
Gambar 4.23 tampilan laporan data pendaftaran member
Ini adalah tampilan laporan transaksi data pendaftaran member yang aktif dengan format pfd
4.1.4.24 Tampilan laporan perpanjangan member
Gambar 4.24 tampilan laporan perpanjangan member
Ini adalah tampilan laporan transaksi data member yang aktif dengan format pfd
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 halaman form dari aplikasi ini apakah sudah sesuai dengan yang diharapkan.
Tabel 4.1 pengujian aplikasi administrasi keanggotaan pada caresa gym
No Antar
muka
Uji coba Status
Aplikasi Skenario pengujian Hasil yg diharapkan Hasil Pengujian 1 1 Tampilan Home/web admin Menguji semua link menu yang terdapat pada halaman menu web admin Masuk menu awal website Klik link menu yang tersedia Link menu yang dipilih dapat membuka halaman yang dimaksud Link menu yang dipilih dapat membuka halaman yang dimaksud 2 Tampilan Login Menguji proses Login Tampilan Login sudah terbuka Input username dan password lalu klik Login Berhasil melakukan validasi Berhasil masuk ke menu utama Gagal melakukan validasi Kembali ke tampilan Login 3 Tampilan menu admin Menguji semua link menu yang terdapat pada halaman menu admin Masuk menu admin Klik link menu yang tersedia Link menu yang dipilih dapat membuka halaman yang dimaksud Link menu yang dipilih dapat membuka halaman yang dipilih 4 Penambah an data jadwal Menambahka n data jadwal lewat menu admin Masuk menu admin lalu input data jadwal Input data jadwal lalu simpan Berhasil menambahk an data jadwal Jadwal berhasil ditambahka n ke data jadwal kelas 5 Penambah an data kelas Menammbahk an data kelas lewat menu admin Masuk menu admin lalu input data kelas Input data kelas lalu simpan Berhasil menambahk an data kelas Jadwal berhasil di tambahkan ke data kelas 6 penambaha n data instruktur Menambahka n data instruktur lewat menu admin Masuk menu admin lalu tambahkan data instruktur Input data instruktur lalu simpan Berhasil menambahk an data instruktur Data instruktur berhasil di tambahkan ke data instruktur 7 Pengaduan data user Melihat data pengaduan lewat menu admin Masuk menu admin lalu membuka data pengaduan Pengaduan data user tersimpan di menu admin Berhasil membuka pengaduan user Pengaduan berhasil di buka 8 Pendaftara n member Merubah status Masuk menu admin lalu kelola Ubah status pendaftara Status pendaftaran member Status pendaftaran member
pendaftaran member data pendaftaran member n member lalu simpan berhasil di ubah berhasil di ubah 9 Member Merubah status member Masuk menu admin lalu kelola data member Ubah status member lalu simpan Status member berhasil di ubah Status member berhasil di ubah 10 Perpanjang an member Merubah status perpanjangan member Masuk menu admin lalu kelola data perpanjanga n member Ubah status perpanjang an member lalu simpan Status perpanjanga n member berhasil di ubah Status perpanjanga n member berhasil di ubah 11 Konfirmasi pembayara n Mengecek konfirmasi pembayaran Masuk menu admin lalu pilih konfirmasi pembayaran Melihat status pembayara n Menampilka n status pembayaran Menampilka n status pembayaran 12 Data laporan member aktif Mencetak laporan member aktif Masuk ke menu admin lalu masukan periode bulan dan tahun Lalu admin memilih cetak Laporan ditampilkan dalam format pdf untuk di cetak Laporan ditampilkan dalam format pdf untuk di cetak 13 Data laporan pendaftara n member Mencetak laporan pendaftaran member Masuk ke menu admin lalu masukan periode bulan dan tahun Lalu admin memilih cetak Laporan ditampilkan dalam format pdf untuk di cetak Laporan ditampilkan dalam format pdf untuk di cetak 14 Data laporan perpanjang an member Mencetak laporan perpanjangan member Masuk ke menu admin lalu masukan periode budan dan tahun Lalu admin memilih cetak Laporan ditampilkan dalam format pdf untuk di cetak Laporan ditampilkan dalam format pdf untuk di cetak 15 Tampilan pendaftara n akun Menguji proses pendaftaran akun Pilih menu pendaftaran User menginput data dan password Berhasil melakukan pendaftaran Muncul pemberitaua n pendaftaran berhasil
Gagal melakukan pendaftaran Muncul pemberitahu an proses pendaftaran gagal 16 Tampilan Login user Menguji proses Login Tampilan Login sudah terbuka Input username dan password lalu klik Login Berhasil melakukan validasi Berhasil masuk ke menu utama Gagal melakukan validasi Kembali ke tampilan Login 17. Tampilan Home/web user Menguji semua link menu yang terdapat pada halaman menu web User Masuk menu awal website Klik link menu yang tersedia Link menu yang dipilih dapat membuka halaman yang dimaksud Link menu yang dipilih dapat membuka halaman yang dimaksud 18 Pendaftara n member Proses pendaftaran member Masuk kemenu pendaftaran member Mengisi form pendaftara n member lalu pilih simpan Berhasil melakukan pendaftaran Menampilka n kode pendaftaran dan pemberitahu an berhasil Gagal melakukan pendaftaran Muncul popup kesalahan pengisian data 19 Perpanjang an member Proses perpanjangan member Masuk ke menu perpanjanga n member Memilih kelas yang ingin di perpanjang lalu pilih simpan Berhasil melakukan perpanjanga n member Menampilka n kode perpanjanga n dan pemberitahu an berhasil Gagal melakukan perpanjanga n Muncul popup kesalahan pengisian data 20 Berhenti member Proses berhenti member Masuk ke menu berhenti member Memilih kelas yang ingin di berhentika n Berhasil melakukan berhenti member Berhasil melakukan berhenti member 21 Konfirmasi pembayara n Mengkonfirm asi pembayaran penyewaan gedung Masuk ke menu konfirmasi pembayaran Memasuka n kode transaksi dan nomor rekening Kode transaksi dan nomor rekening masuk ke Kode transaksi dan nomor rekening berhasil
halaman admin masuk ke halaman admin 22 Layanan pengaduan Proses melakukan pengaduan Masuk ke menu pengaduan Input pengaduan user Berhasil melakukan pengaduan user Sistem berhasil melakukan pengaduan pada admin
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 admin dapat menginput data user,data member,data instruktur dan perpanjangan member.
3. Pengunjung tetap dapat masuk untuk melihat informasi dan daftar jadwal kelas dan lokasi caresa gym.
4. User berhasil masuk kehalaman dengan login user .
5. User yang sudah login dapat melakukan pendaftaran member dan memilih kelas yang terdapat di caresa gym.
6. Admin dapat mencetak laporan data member aktif, data pendaftaran member dan perpanjangan member.
Seluruh program dapat berjalan dengan baik pada spesifikasi komputer di lingkungan pengujian yang telah disebutkan di atas tanpa adanya error atau kerusakan.