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.
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
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.
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.
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.
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.
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
Kode Program 4.3 adalah kode program yang menjelaskan mengenai 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
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
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.
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
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.
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.
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
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
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
