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 dengan kewajiban biaya yang harus

diselesaikan.

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 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

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.

- 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.

Sukses

Melihat

pelatihan

Mengklik

kategori

pelatihan yang

telah berada pada

left menu.

- 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

Mengklik menu

login about us

pada top menu

Sistem akan

menampilkan

informasi mengenai

CTC

Sukses

4.3.2 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 Output Keterangan

Melakukan

Login Admin

Memasukkan

username dan

password

- 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.

Sukses

Input Pelatihan Memasukkan

data-data

pelatihan baru

sesuai dengan

field yang telah

ditentukan.

- 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.

Sukses

Input tipe

pelatihan

Memasukkan

kode, dan tipe

pelatihan

Level (grade) kegiatan

baru terdaftar

Sukses

Ganti status

pelatihan

Memilih menu

Entry data dan

sub menu buka

pelatihan

kemudian klik

button pada

kolom set

Status pelatihan telah

berubah sesuai

keinginan

Sukses

Lihat track

record peserta

Memilih menu

laporan

pelatihan dan

sub menu track

record

kemudian klik

pada nama

peserta

Daftar track record

peserta yang dipilih

Sukses

81

Memberikan

Pelatihan

Bersyarat

Memilih menu

entry data dan

sub menu

pelatihan

prasyarat

kemudian klik

icon edit pada

kolom set

Pilihan pelatihan

bersyarat

Sukses

4.3.3 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 Input Output Keterangan

Lihat

informasi

pelatihan

Klik menu

pelatihan pada

top menu atau

pada left menu

- 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.

Sukses

Mendaftar

pelatihan

Klik pada kelas

yang diinginkan

Sistem akan langsung

menampilkan track

record peserta namun

pelatihan yang baru

didaftar tidak akan

langsung terdaftar pada

track record sebelum

peserta tersebut

melakukan

pembayaran.

Sukses

82

Melihat track

record

Klik pada menu

report dan sub

menu track

record

Akan menampilkan

track record yang berisi

nama pelatihan,

tanggal, dan level

pelatihan.

Sukses

Lihat tagihan Klik pada menu

report dan sub

menu

pembayaran

Halaman tagihan

pelatihan sesuai dengan

kelas yang diikuti

Sukses