58
Bab 4 Hasil dan Pembahasan
Setelah melakukan tahap perancangan yang ada pada bab 3, langkah selanjutnya ialah mengimplementasikannya. Dari hasil tahap implementasi dihasilkanlah sebuah sebuah aplikasi web untuk Certifate Training Center (CTC). Untuk menghasilkan sebuah sistem rekam jejak (track record) dan sebuah sistem pendaftaran online yang sesuai dengan metode penelitian yang digunakan yaitu metode prototyping, dibangunlah prototype dari aplikasi pendaftaran online CTC.
4.1
Prototype yang dibangun Sebelum membahas hasil jadi aplikasi yang dibangun,
terlebih dahulu akan dibahas masing-masing prototype yang ada. Prototype 1 direpresentasikan oleh Gambar 4.1, Gambar 4.2, dan Gambar 4.3.
59
Gambar 4.1 Tampilan Input Kegiatan Aplikasi Prototype 1
Gambar 4.1 adalah tampilan input kegiatan pelatihan aplikasi pada prototype 1 oleh Admin. Form input kegiatan berfungsi untuk menginput data pelatihan sebelum disimpan dan ditampilkan
pada,
sehingga
Member
dapat
melakukan
pendaftaran sesuai dengan kelas pelatihan yang dibuka.
60
Gambar 4.2 Form Pendaftaran Pendaftaran Pelatihan prototype 1
Gambar 4.2 diatas menjelaskan bahwa form pendaftaran pelatihan
prototype
1,
Member
telah
dapat
melakukan
pendaftaran pada kelas pelatihan yang dibuka oleh Admin.
Gambar 4.2 Form track record prototype 1
Gambar 4.2 diatas adalah Form Track record pada aplikasi CTC prototype 1, form track record atau report kegiatan ini akan muncul secara otomatis pada saat Member telah melakukan proses pendaftaran dengan mengklik tanda plus (+) yang berarti daftar pada kelas pelatihan yang diinginkan.
61
Secara garis besar, prototype 1 telah dapat melakukan proses penginputan kelas pelatihan, pendaftaran pelatihan, dan menyimpan kelas pelatihan pada form track record atau report kegiatan. Setelah melakukan evaluasi pada prototype 1, pengguna (user) menginginkan adanya penambahan fasilitas pada aplikasi, seperti adanya laporan kegiatan pelatihan yang sedang berlangsung dan yang telah berlangsung, serta form pembayaran yang berfungsi untuk melihat dan mengupdate kewajiban pembayaran biaya pelatihan oleh peserta. Prototype 2 direpresentasikan oleh Gambar 4.3 dan Gambar 4.4.
Gambar 4.3 Form Report per Pelatihan Prototype 2
Gambar 4.3 adalah form report per pelatihan pada aplikasi CTC prototype 2. Form report berfungsi untuk menampilkan laporan pelatihan yang sedang aktif dilaksanakan yang dimana menampilkan jumlah peserta yang mengikuti kelas pelatihan
beserta
diselesaikan.
dengan
kewajiban
biaya
yang
harus
62
Gambar 4.4 Report Keseluruhan Pelatihan Prototype 2
Gambar 4.4 adalah report seluruh pelatihan pada aplikasi CTC prototype 2. Form report seluruh pelatihan berfungsi untuk menyimpan data-data pelatihan yang telah dilaksanakan. Laporan yang ditampilkan berupa data keuangan dan jumlah peserta yang bertujuan memberikan informasi mengenai seluruh pendapat yang telah didapat dari banyaknya peserta yang mengikuti.
4.2
Implementasi
4.2.1
Implementasi Basis Data Dalam
membangun
sebuah
aplikasi
yang
dapat
menyimpan data ke dalam database, diperlukan adanya sebuah koneksi untuk menghubungkan aplikasi ke dalam database. Pada pengimplementasian ini, penulis menggunakan MySQL sebagai database, dalam membuat koneksi dibutuhkan adanya nama host (hostname), password, serta nama database yang dituju.
63
4.2.2
Implementasi Aplikasi Dalam aplikasi pendaftaran online pada Certificate and
Training Center (CTC), terdapat beberapa hal yang dapat dilakukan oleh pengunjung sebelum dirinya terdaftar menjadi Member dari Certificate and Training Center (CTC).
Gambar 4.5 Tampilan Utama Aplikasi Web CTC
Gambar 4.5 adalah tampilan saat pertama kali pengunjung ingin mengakses halaman web CTC. Halaman utama aplikasi web CTC memiliki beberapa menu yang dapat diakses sebelum
64
pengunjung tersebut menjadi Member dengan melakukan registrasi. Pada halaman utama aplikasi web CTC, terdapat menu login yang ditujukan hanya bagi Member. Seorang Administrator tidak dapat menggunakan form login tersebut untuk melakukan hak aksesnya sebagai admin. Form login yang digunakan oleh Administrator terletak terpisah dari halaman utama, hal tersebut dilakukan untuk menghindari adanya penyalahgunaan ataupun hal-hal yang tidak diinginkan.
Gambar 4.6 Tampilan Login Admin
Gambar 4.6 adalah tampilan form login oleh admin. Halaman ini akan ditemukan apabila seorang admin hendak melakukan akses pada halaman admin. Dengan memasukkan username dan password yang valid, maka seorang admin akan langsung dapat mengakses halaman admin.
65
Kode Program 4.1 Form Login Admin
Kode Program 4.1 diatas adalah kode program yang menjelaskan mengenai form login admin. Kode program diatas juga menjelaskan bagaimana form login terbentuk dan dapat berjalan (running) sesuai kehendak user.
66
Gambar 4.7 Tampilan Awal Halaman Admin
Gambar 4.7 adalah halaman utama Admin. halaman utama Admin memiliki interface dan menu yang berbeda dengan halaman utama Member. Halaman utama Admin memiliki menu master data yang berisi mengenai berita, artikel, kegiatan, user account, album, dan kegiatan. Menu master data ini berfungsi untuk menginput serta mengupdate data sesuai dengan sub menu yang dimiliki. Menu entry data yang berisi daftar peserta, bayar, dan gallery. Menu entry data ini berfungsi untuk melihat daftar peserta, mengupdate pembayaran biaya pelatihan peserta, dan membuat gallery. Menu report kegiatan yang berisi mengenai laporan peserta pelatihan, melihat laporan pelatihan yang sedang berlangsung, dan melihat laporan seluruh pelatihan yang telah berlangsung bahkan yang sedang berlangsung dari sudut keuangan. Menu log out adalah menu yang dapat digunakan oleh Admin untuk keluar dari halaman utama.
67
Kode Program 4.2 Tampilan Utama Admin
Kode Program 4.2 adalah kode program yang membentuk halaman utama admin. Pada kode program inilah akan dijelaskan hal-hal yang berada dan yang bersangkutan pada halaman utama admin.
68
Gambar 4.8 Form Input Data Pelatihan
Gambar 4.8 adalah tampilan form input pelatihan oleh Admin. Form input pelatihan berisi beberapa field yang harus diisi oleh Admin. Setiap hasil inputan yang telah disimpan, maka secara otomatis sistem akan langsung menampilkan hasil inputan di dalam tabel daftar pelatihan. Kode Program 4.3 Input Data Pelatihan
69
Kode menjelaskan
Program mengenai
4.3
adalah
kode
program
yang
pengkodean
pada
halaman
input
pelatihan. dalam penginputan data-data pelatihan terdapat beberapa field yang harus diisi dan tidak boleh dikosongkan.
Gambar 4.9 Tampilan Tipe pelatihan
70
Gambar 4.9 adalah tampilan tipe pelatihan yang akan dimasukkan pada setiap pelatihan yang akan diinput. Dari tipe pelatihan inilah yang nantinya akan menentukan level pelatihan yang akan diambil. Pada tipe kegiatan terdapat tiga jenis tipe pelatihan, diantaranya ‘BG’ untuk beginner, ‘PF’ untuk profesional, dan ‘AD’ untuk advanced.
Kode program 4.4 Tampilan Tipe Pelatihan
Kode
Program
4.4
adalah
kode
program
yang
menjelaskan mengenai tampilan tipe pelatihan. pengkodean yang dilakukan seperti pada Kode Program 4.4 diatas bertujuan untuk
71
membuat beberapa tipe atau level pelatihan yang diinginkan oleh admin. Seperti pada contoh Gambar 4.9 diatas, hanya terdapat tiga level yang ditentukan. Admin dapat menambahkan beberapa level pelatihan apabila diperlukan.
Gambar 4.10 Tampilan Pelatihan Bersyarat
Gambar 4.10 adalah tampilan pelatihan bersyarat. Pada tampilan ini berfungsi untuk memberikan pelatihan bersyarat bagi beberap type pelatihan yang telah ditentukan oleh admin. Tujuan utama dibuatnya pelatihan bersyarat adalah agar setiap peserta yang mengambil pelatihan harus sesuai dengan urutan dan ketentuan yang berlaku. Dari pelatihan bersyarat inilah nantinya akan diketahui pelatihan mana saja yang berada pada level awal (beginner) hingga tingkat lanjut (advanced).
72
Kode program 4.5 Pelatihan Beryarat
Kode Program 4.5 adalah pengkodean yang menjelaskan tampilan utama (index) untuk pelatihan prasyarat. Data yang ditampilkan dalam bentuk tabel yang dimana menggambarkan darimana data yang akan ditampilkan berasal dari database dan sebuah tabel database.
Gambar 4.11 Tampilan Nama Peserta Pelatihan Per 10 Orang
73
Gambar 4.11 diatas menunjukkan tampilan beberapa nama peserta pelatihan atau dapat dikatakan seseorang yang telah mendaftarkan dirinya menjadi member dari Certificate and Training Center (CTC). Setiap nama yang ada memiliki link yang nantinya apabila di klik akan menampilkan track record si peserta selama menjalani pelatihan di CTC.
Gambar 4.12 Track Record Salah Satu Peserta pelatihan
Gambar 4.12 diatas menunjukkan track record salah satu peserta pelatihan atas nama Martza Merry Swastikasari. Pada track record yang dimiliki oleh Martza ini, menunjukkan bahwa yang bersangkutan telah mengikuti dua pelatihan yang berlevel beginner atau pemula dan profesional atau menengah.
74
Gambar 4.13 Login Member
Gambar 4.13 diatas menunjukkan halaman login member. Halaman ini akan ditemukan apabila seorang member hendak mengakses halaman member. Login dilakukan dengan memasukkan username dan password yang valid sesuai dengan yang telah diinput pada saat member melakukan registrasi.
75
Gambar 4.14 Halaman Informasi Pelatihan
Gambar 4.14 adalah halaman informasi mengenai pelatihan yang telah dibuat oleh Admin. Pada halaman ini, terdapat pelatihan dengan informasi yang berbeda-beda. Sebelum mendaftar sebuah kelas pelatihan, seorang member harus mengecek dulu status kelas pelatihan. Status kelas pelatihan setiap kelasnya berbeda sesuai dengan jadwal yang telah ditentukan oleh Admin. Seperti halnya yang terdapat pada kelas Pengoperasian Aplikasi Perkantoran, status yang ditunjukkan adalah belum dilaksanakan, hal itu berarti bahwa kelas tersebut
76
belum dilaksanakan. Kelas akan dilaksanakan sesuai dengan jadwal yang telah ditentukan, begitupun seterusnya.
Gambar 4.15 Form Pendaftaran Pelatihan
Gambar 4.15 adalah form pendaftaran pelatihan. pada form ini Member dapat melakukan pendaftaran sesuai dengan kelas pelatihan yang dibuka. Cara mendaftarnya sangat mudah, caranya adalah dengan mengklik tanda plus (+) pada tabel. Maka, secara otomatis nama peserta akan terdaftar pada database.
Gambar 4.16 Track Record Pada Halaman Member
77
Gambar 4.16 adalah track record. Report kegiatan berfungsi untuk menyimpan data kelas yang akan diikuti oleh Member. Dalam report kegiatan ini, apabila seorang Member telah melakukan pendaftaran pada kelas yang diinginkan, maka data kelas tersebut tidak akan langsung masuk dalam report kegiatan peserta yang bersangkutan. Data kelas akan masuk pada report kegiatan apabila peserta telah melakukan pembayaran mengenai biaya pendaftaran pelatihan sesuai dengan kode pendaftaran yang di terima pada saat melakukan pendaftaran. Peserta dapat melihat peserta yang telah terdaftar pada kelas dengan mengklik tanda pada kolom set. Apabila dalam jangka waktu tiga hari sejak peserta telah melakukan pendaftaran tetapi belum membayar, maka secara otomatis namanya akan terhapus dari database.
4.3
Pengujian Aplikasi Pada bagian ini akan dilakukan pengujian aplikasi yang
telah dibuat. Pengujian dilakukan untuk mengetahui apakah aplikasi yang dibuat telah bekerja sesuai dengan yang diinginkan oleh user atau tidak. selain itu, dengan dilakukannya pengujian aplikasi ini, user akan mengetahui apakah aplikasi telah siap digunakan atau belum. Pengujian aplikasi dilakukan dengan ,menggunakan metode black box. Metode black box digunakan oleh si pembuat aplikasi atau programmer. Metode black box lebih ditujukan pada fungsionalitas sebuah sistem.
78
4.3.1
Pengujian Hak Akses Non Member (Guest) Tabel 4.1 menjelaskan aktivitas yang dapat terjadi jika
user melakukan registrasi dan mengakses form registrasi, serta hasil atau timbal balik yang diberikan oleh sistem pada setiap aktivitas yang terjadi. Tabel 4.1 Pengujian Hak Akses Non Member (Guest) Aktivitas
Input
Output
Keterangan
Melakukan registrasi atau pendaftaran sebagai member baru
Memasukkan data-data diri sesuai field yang telah disediakan.
Sukses
Melihat pelatihan
Mengklik kategori pelatihan yang telah berada pada left menu.
- Jika salah satu field tidak diisi, maka data-data yang hendak disimpan tidak akan berhasil disimpan. - Apa bila pengisian field tertentu tidak sesuai dengan panjang karakter, maka data tidak akan berhasil disimpan. - Apabila semua data-data telah diisi sesuai dengan ketentuan yang diberikan, maka akan menampilkan pesan data berhasil disimpan. - Apabila guest mengklik kategori ‘pelatihan yang telah terlaksana’ maka sistem akan menampilkan daftar pelatihan yang telah dilaksanakan.
Sukses
79
- Apabila guest mengklik kategori ‘pelatihan yang sedang berlangsung‘ maka sistem akan menampilkan daftar pelatihan yang sedang berlangsung. - Apabila guest mengklik kategori ‘pelatihan yang belum terlaksana’ maka sistem akan menampilkan daftar pelatihan yang belum dilaksanakan. Melihat entang CTC
4.3.2
Mengklik menu login about us pada top menu
Sistem akan menampilkan informasi mengenai CTC
Sukses
Pengujian Hak Akses Admin Tabel 4.2 dibawah akan menjelaskan aktivitas yang terjadi
pada hak akses yang dilakukan oleh seorang admin, beserta keluaran dan hasil pengujian dari aktivitas yang terjadi.
80
Tabel 4.2 Pengujian Hak Akses Admin Aktivitas
Input
Melakukan Login Admin
Memasukkan username dan password
Input Pelatihan
Memasukkan data-data pelatihan baru sesuai dengan field yang telah ditentukan.
Input tipe pelatihan
Memasukkan kode, dan tipe pelatihan Memilih menu Entry data dan sub menu buka pelatihan kemudian klik button pada kolom set Memilih menu laporan pelatihan dan sub menu track record kemudian klik pada nama peserta
Ganti status pelatihan
Lihat track record peserta
Output
Keterangan
Apabila username atau password yang dimasukkan tidak valid, maka akan menimbulkan pesan eror. - Apabia username dan password yang dimasukkan valid, maka akan langsung menampilkan halaman admin. - Apabila salah satu field tidak diisi makan pelatihan baru gagal tercetak. - Apabila semua field telah diisi sesuai dengan ketentuan, maka pelatihan baru akan langsung tercentak pada tabel pelatihan. Level (grade) kegiatan baru terdaftar
Sukses
Status pelatihan telah berubah sesuai keinginan
Sukses
Daftar track record peserta yang dipilih
Sukses
-
Sukses
Sukses
81
Memberikan Pelatihan Bersyarat
4.3.3
Memilih menu entry data dan sub menu pelatihan prasyarat kemudian klik icon edit pada kolom set
Pilihan pelatihan bersyarat
Sukses
Pengujian Hak Akses Member Tabel 4.3 dibawah akan menjelaskan aktivitas yang terjadi
pada hak akses yang dilakukan oleh seorang member, beserta keluaran dan hasil pengujian dari aktivitas yang terjadi. Tabel 4.3 Pengujian Hak Akses Member Aktivitas Lihat informasi pelatihan
Input Klik menu pelatihan pada top menu atau pada left menu
Mendaftar pelatihan
Klik pada kelas yang diinginkan
Output Apabila member memilih left menu, makan sistem akan menampilkan pelatihan sesuai kategori yang dipilih. - Apabila member memilih top menu, maka sistem akan menampilkan informasi pelatihan keseluruhan. Sistem akan langsung menampilkan track record peserta namun pelatihan yang baru didaftar tidak akan langsung terdaftar pada track record sebelum peserta tersebut melakukan pembayaran. -
Keterangan Sukses
Sukses
82
Melihat track record
Klik pada menu report dan sub menu track record
Lihat tagihan
Klik pada menu report dan sub menu pembayaran
Akan menampilkan track record yang berisi nama pelatihan, tanggal, dan level pelatihan. Halaman tagihan pelatihan sesuai dengan kelas yang diikuti
Sukses
Sukses
