Bab 4. Hasil dan Pembahasan

Transkripsi

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

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

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

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

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

6 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

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

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

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

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

11 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

12 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

13 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

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

15 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

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

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

18 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

19 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

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

21 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 Melihat pelatihan Memasukkan data-data diri sesuai field yang telah disediakan. 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.

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

23 80 Tabel 4.2 Pengujian Hak Akses Admin Aktivitas Input Output Keterangan Melakukan Login Admin Input Pelatihan Input tipe pelatihan Ganti status pelatihan Lihat track record peserta Memasukkan username dan password Memasukkan data-data pelatihan baru sesuai dengan field yang telah ditentukan. 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 - 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 Status pelatihan telah berubah sesuai keinginan Daftar track record peserta yang dipilih

24 81 Memberikan Pelatihan Bersyarat Memilih menu entry data dan sub menu pelatihan prasyarat kemudian klik icon edit pada kolom set Pilihan pelatihan bersyarat 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 Mendaftar pelatihan Klik menu pelatihan pada top menu atau pada left menu Klik pada kelas yang diinginkan - 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.

25 82 Melihat track record Lihat tagihan Klik pada menu report dan sub menu track record 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