BAB IV IMPLEMENTASI DAN PENGUJIAN

Transkripsi

1 BAB IV IMPLEMENTASI DAN PENGUJIAN Pada bab ini, dijabarkan secara rinci implementasi dan pengujian sistem kursus online menggunakan PHP. Sebagaimana dijelaskan di bab I, bahwa di bab IV membahas bagaimana lingkup implementasi, tampilan antar muka (user interface), dan pengujiannya Lingkungan Implementasi Setelah dianalisis permasalahan yang terjadi, tahap berikutnya adalah merancang sistem yang sesuai dengan kebutuhan, dalam hal ini, tentu saja dalam lingkup kursus komputer secara online. Analisis rancangan sistem telah gamblang dijabarkan di bab sebelumnya. Pada bab inilah dibahas tentang implementasi sistem yang telah dirancang. Tahap implementasi sistem (system implementation) merupakan tahap meletakkan sistem agar siap dioperasikan sesuai dengan kebutuhan, salah satu diantaranya adalah pemrograman dan uji kelayakan program (user acceptance test). Penulisan kode program merupakan proses tersulit didalam tahap implementasi sistem, dalam artian pada proses ini diperlukan waktu yang lebih banyak. Proses inilah yang penulis sebut sebagai proses membuat yang tidak ada menjadi ada. Penulisan kode program tidak lepas dari lingkungan atau environment aplikasi dibuat. Lingkungan ini menjadi lingkungan perangkat lunak dan perangkat keras Lingkungan Perangkat Lunak Spesifikasi perangkat lunak yang digunakan dalam proses penulisan kode untuk aplikasi kursus kumputer online adalah sebagai berikut: Tabel 4.1. Spesifikasi perangkat lunak Sistem Operasi Windows 7 Ultimate 32bit Web Server XAMPP Beta 1 Basis Data MySQL 124

2 (Lanjutan) Database GUI Navicat TM (MySQL GUI) versi Browser yang digunakan Google Chrome Versi m Text Editor EditPlus Text Editor versi Lingkungan Perangkat Keras Perangkat lunak yang digunakan dalam proses penulisan kode dan implementasi aplikasi kursus online menggunakan PHP akan dijelaskan pada tabel 4.2 di bawah ini: Tabel 4.2. Spesifikasi perangkat lunak Processor intel(r) Core(TM) i3 CPU 2.3GHz Memory DDR MB Harddisk 300 GB 4.2. Tampilan Antar Muka (User Interface) Tampilan antar muka merupakan tampilan akhir aplikasi kursus online yang ditujukan pada pengguna akhir, dalam hal ini adalah aktor-aktor yang terlibat, yaitu super admin, trainer, peserta, dan calon peserta. Masing-masing aktor sudah ditentukan tampilan antar mukanya. Oleh karena itu, tiap aktor hanya akan melihat tampilan yang sesuai dengan perannya. Untuk penjelasan dari tampilan antar muka ini, penulis membagi berdasarkan aktor yang terlibat Tampilan Antar Muka Administrator Tampilan antar muka ini didedikasikan untuk super admin. Hanya super admin yang dapat mengakses tampilan antar muka ini. Tampilan antar muka ini terbagi menjadi beberapa tampilan, seperti tampilan utama super admin, halaman data peserta, halaman data trainer, halaman data kelas, halaman data nilai, dan halaman data mata kursus Halaman Login Super admin Untuk dapat mengakses halaman ini, super admin terlebih dahulu membuka url: Setelah itu super admin harus 125

3 memasukkan username dan password. Adapun username dan password yang harus dimasukkan adalah sebagai berikut: Username: admin Password: admin Untuk lebih jelasnya, silahkan dilihat pada gambar 4.1. di halaman selanjutnya. Gambar 4.1. Halaman Login super admin Halaman Utama Super admin Setelah super admin berhasil masuk, maka akan dilarikan ke halaman utama super admin. Pada halaman ini, terdapat menu data peserta, data trainer, data kelas, data nilai, dan data mata kursus. Masing-masing menu akan dijabarkan di bab ini juga. Berikut tampilan halaman utama super admin: Gambar 4.2. Halaman utama super admin 126

4 Halaman Data Peserta Halaman ini adalah halaman yang berisikan data-data peserta yang telah mendaftarkan diri untuk mengikuti kursus online. Pada halaman ini, super admin dapat melakukan modifikasi data dan penghapusan data. Berikut tampilan dari halaman ini: Gambar 4.3. Halaman data peserta Jika super admin hendak melakukan modifikasi data peserta, tinggal mengklik ikon berbentuk pensil ( ), dan akan muncul halaman untuk memodifikasi data peserta yang dipilih. Berikut tampilan dari halaman tersebut: Gambar 4.4. Halaman modifikasi data peserta 127

5 Selanjutnya, apabila super admin menginginkan untuk menghapus data peserta yang sekiranya tidak diperlukan, maka tinggal mengklik ikon bergambar, lalu akan muncul konfirmasi apakah data benar-benar akan dihapus. Berikut tampilannya: Gambar 4.5. Konfirmasi penghapusan data peserta Sebagai catatan, super admin tidak dapat melakukan pembuatan data peserta baru, karena pada prosesnya, data peserta baru merupakan data yang diisi oleh calon peserta pada formulir registrasi peserta kursus online Halaman Data Trainer Halaman ini adalah halaman yang berisikan data-data trainer yang menjadi mentor pelajaran-pelajaran pada kursus online. Pada halaman ini, super admin dapat melakukan modifikasi data, penghapusan data, dan pembuatan data baru. Berikut tampilan dari halaman ini: Gambar 4.6. Halaman data trainer 128

6 Super admin dapat melakukan pembuatan data trainer baru dengan mengklik ikon bergambar. Begitu diklik, akan muncul halaman yang membuat formulir untuk melakukan pengisian data trainer baru. Gambar 4.7. Halaman formulir data trainer baru Ada kalanya super admin perlu melakukan modifikasi data trainer seandainya ada data-data yang tidak sesuai. Super admin dapat melakukan hal tersebut dengan mengklik ikon bergambar, dan akan dilarikan ke halaman untuk memodifikasi data trainer yang dipilih. Tampilannya dapat dilihat pada gambar 4.6. di bawah ini: Gambar 4.8. Halaman modifikasi data trainer baru 129

7 Demikian halnya apabila super admin hendak menghapus data trainer. Penghapusan data dapat dilakukan dengan cara mengklik ikon bergambar, kemudian konfirmasi penghapusan data akan muncul. Gambar 4.8. akan menampilkan tampilan dari konfirmasi penghapusan ini: Gambar 4.9. konfirmasi penghapusan data trainer baru Halaman Data Kelas Halaman data kelas memuat data kelas kursus online yang sedang berjalan(aktif). Di halaman ini dapat dilihat secara detail nama-nama peserta yang mengikuti kursus online. Terdapat juga data calon peserta yang baru saja melakukan registrasi untuk menjadi peserta. Data kelas di bagi menjadi 2(dua), yaitu data kelas header dan detail. Data kelas header berisikan data pelajaran, jadwal kursus, trainer kursus, dan tahun ajaran. Adapun untuk data kelas detail, menampilkan data siapa saja peserta yang mengikuti kursus online yang dibuka. Pada halaman ini, super admin dapat melakukan perubahan data, penghapusan data, dan pembuatan kelas kursus online baru pada data kelas header. Hanya saja, super admin tidak dapat melakukan perubahan data, penghapusan data, ataupun pembuatan data baru pada data kelas detail. Hal ini dikarenakan data kelas header mengambil data dari calon peserta yang memilih 130

8 kursus yang diinginkannya. Untuk lebih jelasnya, dapat dilihat pada gambar 4.9. di bawah ini: Gambar Halaman data kelas Super admin dapat melakukan penambahan data kelas baru dengan mengklik ikon bergambar. Setelah ikon tersebut diklik, maka super admin akan masuk ke halaman pembuatan kelas baru. Di halaman pembuatan kelas baru, terdapat formulir yang harus diisi. Formulir tersebut berisikan field seperti: ID Trainer, Kursus, Tahun Ajaran, Semester, dan Jadwal. Selain field jadwal, super admin tinggal memilih data-data yang sudah tersedia, karena tampilan dari field selain jadwal adalah berupa dropdown yang berisikan data master. Hal ini cukup mempermudah super admin dalam proses pembuatan kelas baru. Berikut tampilan untuk pembuatan kelas baru pada gambar 4.10 di halaman selanjutnya: 131

9 Gambar Halaman pembuatan data kelas Sama halnya dengan halaman data peserta dan trainer, apabila super admin hendak melakukan perubahan data, tinggal mengklik ikon bergambar sesuai dengan data yang dipilih, dan akan muncul halaman untuk melakukan perubahan data kelas seperti ditunjukkan di bawah ini: Gambar Halaman modifikasi data kelas Begitu pula ketika super admin hendak menghapus data kelas. Tinggal mengklik ikon bergambar, dan akan muncul konfirmasi penghapusan data kelas. Gambar Konfirmasi penghapusan data kelas 132

10 Merujuk pada gambar 4.9., terdapat tabel yang berisikan daftar calon peserta. Tabel ini dimaksudkan untuk menampung data calon peserta yang telah mendaftarkan diri guna mengikuti kursus online. Calon peserta yang datanya telah masuk, selanjutnya harus mengkonfirmasi melalui atau SMS kepada Super admin untuk selanjutnya diakftikan kepesertaannya. Berikut tampilan dari list daftar calon peserta: Gambar Daftar calon peserta Jika calon peserta telah mengkonfirmasi pembayaran, maka super admin akan memindahkan data calon peserta menjadi peserta kursus online dengan mengklik gambar pada kolom Move. Begitu gambar diklik, maka akan muncul konfirmasi sebagai berikut: Gambar Konfirmasi aktifasi calon pserta Begitu diklik OK, maka data calon peserta aktif di data kelas yang dipilihnya. Dan peserta sudah dapat mengikuti kegiatan belajar secara online Halaman Data Nilai Halaman data nilai membuat data perolehan nilai per peserta per mata kursus. Akses super admin pada halaman ini hanya sebatas melihat saja(view). Pada halaman inilah super admin di akhir masa kursus tiap semester membuat sertifikat berdasarkan data nilai peserta yang mengikuti kursus online pada masing-masing kursus yang diambil. 133

11 Pertama-tama super admin terlebih dahulu memilih nama peserta yang hendak dilihat nilainya. Berikut tampilannya: Gambar Halaman data nilai peserta Setelah dipilih, maka akan muncul halaman yang memuat data nilai secara rinci. Seperti gambar di bawah ini: Gambar Halaman detail data nilai peserta Sebagai catatan, data nilai peserta yang ada di halaman ini adalah hasil perhitungan berdasarkan rumus yang telah dibahas di bab sebelumnya. Sehingga, apabila data nilai peserta ini diakses sebelum proses kursus online selesai, maka nilai yang disajikan belum lengkap Halaman Data Mata Kursus Halaman ini memuat data master mata kursus yang ditawarkan oleh pihak kursus online. Akses super admin pada halaman ini adalah full akses, artinya super admin dapat melakukan penambahan data, perubahan data, dan 134

12 penghapusan data. Tampilan dari halaman ini dapat dilihat pada gambar di bawah ini: Gambar Halaman data mata kursus Dengan akses penuh yang dimiliki super admin, proses penambahan data dapat dilakukan dengan mengklik icon bergambar, lalu akan muncul halaman berisikan formulir penambahan kelas baru sebagaimana ditunjukkan pada gambar di bawah ini: Gambar Halaman formulir penambahan data mata kursus Ikon bergambar dapat digunakan oleh super admin untuk melakukan perubahan terhadap data yang sudah ada. Begitu ikon tersebut diklik, maka akan 135

13 muncul halaman untuk melakukan perubahan pada seperti ditampilkan oleh gambar di bawah ini: Gambar Halaman formulir perubahan data mata kursus Untuk menghapus data, super admin dapat mengklik ikon bergambar pada halaman data mata kursus. Begitu ikon diklik, maka akan muncul konfirmasi penghapusan data seperti ditunjukkan pada gambar di bawah ini: Gambar Konfirmasi penghapusan data mata kursus Logout Jika diperhatikan, di setiap halaman super admin terdapat tombol bertuliskan Logout seperti ini. Tombol ini berfungsi untuk keluar dari halaman super admin. Begitu tombol ini diklik, super admin akan kembali ke halaman login. Namun, sebelum kembali ke halaman login, akan terlebih dahulu 136

14 muncul konfirmasi apakah benar-benar ingin keluar. Jika dipilih ya, maka akan kembali ke halaman login. Berikut tampilannya: Gambar Konfirmasi keluar dari halaman super admin Tampilan Antar Muka Trainer Tampilan antar muka ini didedikasikan untuk trainer. Hanya trainer yang dapat mengakses tampilan antar muka ini. Tampilan antar muka ini terbagi menjadi beberapa tampilan, seperti tampilan utama trainer, halaman upload modul, halaman forum, halaman kuis, halaman ujian akhir, halaman data peserta, dan halaman kalender kursus online Halaman Login Trainer Untuk dapat mengakses halaman ini, trainer terlebih dahulu membuka url: Setelah itu trainer harus memasukkan username dan password. Adapun username dan password yang harus dimasukkan adalah sebagai berikut: Username: mursidigama Password: admin Untuk lebih jelasnya, silahkan dilihat pada gambar di halaman selanjutnya. Gambar Halaman Login trainer 137

15 Halaman Utama Trainer Setelah traienr berhasil masuk, maka akan dilarikan ke halaman utama trainer. Pada halaman ini, terdapat menu upload modul, forum, kuis, ujian akhir, data siswa, dan kalender kursus online. Menu-menu tersebut dibagi berdasarkan mata kursus yang diajarkan oleh trainer. Jadi, trainer hanya akan mendapatkan menu untuk mata kursus yang diajarkannya. Masing-masing menu akan dijabarkan di bab ini juga. Berikut tampilan halaman utama trainer: Gambar Halaman utama trainer Halaman Upload Modul Ketika menu upload modul diklik, maka akan muncul tampilan formulir untuk melakukan proses upload modul sebagaimana ditunjukkan gambar di bawah ini: Gambar Halaman upload modul 138

16 Trainer dapat mengupload jenis file apapun sebagai penunjang dalam kegiatan belajar mengajar secara online. Setelah trainer memilih file yang diupload dan melakukan pengisian pada form sesuai dengan keperluannya, maka akan muncul tampilan berupa notifikasi bahwa file telah berhasil di-upload. Berikut tampilan dari notifikasi tersebut: Gambar Notifikasi upload modul berhasil Dari notifikasi tersebut, terdapat tombol OK, yang apabila tombol tersebut diklik, maka akan dialihkan ke halaman daftar modul yang pernah diupload. Berikut tampilan dari halaman daftar modul: Gambar Halaman daftar modul Di halaman upload modul, trainer dapat melakukan 2 (dua) aksi, yakni mengunduh materi dan menghapusnya. Apabila trainer menghapus modul yang dipilih, maka secara otomatis modul yang dihapus itu tidak akan bisa ditampilkan pada user interface unduh modul yang dimiliki oleh peserta kursus online. Namun demikian, ketika tombol hapus diklik, tidak serta merta modul akan terhapus, 139

17 melainkan akan ada konfirmasi untuk memastikan bahwa modul akan benar-benar dihapus. Seperti inilah konfirmasi penghapusan modul: Gambar Konfirmasi penghapusan modul File yang diupload oleh trainer tersimpan pada satu folder tertentu, yang diberi nama files, artinya file tidak tersimpan di dalam database. Yang tersimpan pada database hanyalah data-data file, seperti nama file, ukuran file, dan direktori file. Pada saat menekan tombol download maka yang terjadi adalah pemanggilan direktori file beserta nama file tersebut, sehingga dapat langsung terunduh oleh browser Halaman Forum Tanya Jawab Di halaman forum tanya jawab, trainer dapat membuat topik pembahasan baru ataupun memposting di dalam thread yang dibuat oleh peserta maupun trainer sendiri. Gambar menampilkan tampilan dari forum tanya jawab ini: 140

18 Gambar Halaman forum tanya jawab Di halaman ini, terdapat 2 (dua) link, yaitu pada judul topik dan pada kalimat buat topik baru. Ketika trainer mengklik link pada judul topik, maka akan dialihkan ke dalam halaman isi dari thread. Terdapat balasan-balasan dari topik yang dipilih. Tampilannya dapat dilihat di sini: Gambar Halaman isi topik Di halaman ini pula, trainer dapat membalas topik dengan mengisi rich textbox balasan. Setelah mengisi dan mengklik tombol submit, akan dialihkan ke halaman yang menginformasikan bahwa balasan atau posting berhasil, seperti ditunjukkan pada gambar di bawah ini: 141

19 Gambar Halaman konfirmasi posting berhasil Dan jika link buat topik baru diklik, trainer akan dialihkan ke dalam formulir pengisian topik baru. Lebih jelasnya, dapat dilihat pada tampilan di bawah ini: Gambar Halaman buat topik baru Halaman Kuis Pada halaman ini terbagi 4 (empat) modul halaman, yaitu halaman buat soal kuis baru, halaman daftar soal kuis, halaman modifikasi soal kuis, dan penghapusan soal kuis. Berikut tampilannya: a. Halaman buat soal kuis baru Di halaman ini, trainer dapat membuat soal kuis baru Gambar Halaman buat soal kuis baru 142

20 b. Halaman daftar soal kuis Gambar Halaman daftar soal kuis c. Halaman modifikasi soal kuis Halaman ini dapat diakses dengan mengklik ikon bergambarkan satu soal kuis yang dipilih. Berikut tampilan halaman ini: pada salah Gambar Halaman modifikasi soal kuis d. Konfirmasi penghapusan soal kuis Apabila ada salah satu soal kuis yang ditidak diinginkan lagi oleh trainer, maka trainer dapat melakukan penghapusan soal tersebut dengan mengklik ikon bergambar. Begitu ikon tersebut diklik, maka akan muncul konfirmasi 143

21 penghapusan untuk soal kuis yang dipilih. Berikut tampilan dari konfirmasi penghapusan itu: Gambar konfirmasi penghapusan soal kuis Halaman Ujian Akhir Sama halnya dengan halaman kuis, halaman ujian akhir pun terbagi 4 (empat) modul halaman, yaitu halaman buat soal ujian akhir baru, halaman daftar soal ujian, halaman modifikasi soal ujian akhir, dan penghapusan soal akhir. Secara tampilan pun, juga mirip dengan halaman kuis. Namun, tentu saja kendati mirip dengan halaman kuis, fungsi dari halaman ujian akhir berbeda dengan halaman kuis. Dan pengisian soal ujian akhir pun hanya dilakukan di saat-saat yang telah ditentukan berdasarkan kalender kursus online. berisikan formulir untuk membuat 1 (satu) soal kuis baru oleh trainer. Berikut tampilannya: a. Halaman buat soal ujian akhir baru Di halaman ini, trainer dapat membuat soal ujian akhir baru Gambar Halaman buat ujian akhir baru 144

22 b. Halaman daftar soal ujian akhir Gambar Halaman daftar soal ujian akhir c. Halaman modifikasi soal ujian akhir Halaman ini dapat diakses dengan mengklik ikon bergambarkan satu soal ujian akhir yang dipilih. Berikut tampilan halaman ini: pada salah Gambar Halaman modifikasi soal ujian akhir d. Konfirmasi penghapusan soal ujian akhir Apabila ada salah satu soal ujian akhir yang ditidak diinginkan lagi oleh trainer, maka trainer dapat melakukan penghapusan soal tersebut dengan mengklik ikon bergambar. Begitu ikon tersebut diklik, maka akan muncul konfirmasi penghapusan untuk soal ujian akhir yang dipilih. Berikut tampilan dari konfirmasi penghapusan itu: 145

23 Gambar konfirmasi penghapusan soal ujian akhir Halaman Data Peserta Halaman ini dapat diakses oleh trainer dengan mengklik ikon bergambar pada halaman utama trainer. Pada halaman ini, trainer hanya dapat melakukan view saja terhadap data peserta yang ada. Sebenarnya, halaman ini lebih difungsikan agar trainer dapat melihat siapa saja yang mengikuti mata kursus yang diajarkannya. Sehingga trainer dapat mengetahui jumlah peserta yang aktif. Berikut ini adalah tampilan dari halaman peserta: Gambar Halaman data peserta Halaman Kalender Kursus Online Pada halaman ini, trainer dapat melihat tanggal-tanggal penting yang menjadi rujukan dalam kegiatan belajar mengajar. Seluruh jadwal yang berkaitan dengan kegiatan kursus online sudah ditetapkan, sehingga trainer tinggal menyesuaikan saja. Berikut tampilan dari halaman ini: 146

24 Gambar Halaman kalender kursus online Tampilan Antar Muka Peserta Tampilan antar muka ini didedikasikan untuk peserta. Tampilan antar muka ini terbagi menjadi beberapa tampilan, seperti tampilan utama peserta, halaman unduh modul, halaman forum, halaman ikut kuis, halaman ikut ujian akhir, halaman data peserta, halaman lihat nilai harian, dan halaman kalender kursus online Halaman Login Peserta Untuk dapat mengakses halaman ini, peserta yang telah aktif(sudah melakukan pembayaran dan telah mengkonfirmasi kepada super admin) terlebih dahulu membuka url: Setelah itu peserta harus memasukkan username dan password. Adapun username dan password yang harus dimasukkan adalah sebagai berikut: Username: tembi_bakar Password: admin Untuk lebih jelasnya, silahkan dilihat pada gambar di bawah ini: 147

25 Gambar Halaman login peserta Halaman Utama Peserta Setelah peserta melakukan login dengan username dan password yang benar, maka akan dialihkan ke halaman utama peserta. Halaman ini terdiri dari beberapa menu, seperti unduh modul, forum, ikut kuis, ikut ujian akhir, lihat data kelas, lihat nilai harian, dan lihat kalender kursus online. Jika peserta mengambil 2(dua) mata kursus, maka kedua mata kursus itu akan ditampilkan di halaman utama, dan masing-masing mata kursus memiliki menu tersebut di atas secara terpisah. Untuk lebih jelasnya, dapat dilihat pada gambar di halaman selanjutnya. Gambar tersebut menampilkan tampilan apabila peserta hanya mengambil 1 (satu) mata kursus saja. Gambar Halaman utama peserta(mengambil 1 mata kursus) 148

26 Halaman Unduh Modul Pada halaman ini, peserta dapat mengunduh modul mata kursus dari kursus yang diambilnya. Modul ini berasal dari trainer. Setiap pertemuan, trainer akan mengupload modul untuk selanjutnya dapat diunduh oleh peserta. Peserta dapat mengunduh modul dengan hanya mengklik tombol download pada kolom file yang dipilih. Untuk lebih jelasnya, silahkan lihat pada gambar di bawah ini: Gambar Halaman unduh modul Halaman Forum Tanya Jawab Di halaman forum tanya jawab, peserta dapat membuat topik pembahasan baru ataupun memposting di dalam thread yang dibuat oleh peserta maupun trainer. Gambar menampilkan tampilan dari forum tanya jawab ini: 149

27 Gambar Halaman forum tanya jawab Di halaman ini, terdapat 2 (dua) link, yaitu pada judul topik dan pada kalimat buat topik baru. Ketika peserta mengklik link pada judul topik, maka akan dialihkan ke dalam halaman isi dari thread. Terdapat balasan-balasan dari topik yang dipilih. Tampilannya dapat dilihat di sini: Gambar Halaman isi topik Di halaman ini pula, peserta dapat membalas topik dengan mengisi rich textbox balasan. Setelah mengisi dan mengklik tombol submit, akan dialihkan ke halaman yang menginformasikan bahwa balasan atau posting berhasil, seperti ditunjukkan pada gambar di bawah ini: Gambar Halaman konfirmasi posting berhasil 150

28 Dan jika link buat topik baru diklik, peserta akan dialihkan ke dalam formulir pengisian topik baru. Lebih jelasnya, dapat dilihat pada tampilan di bawah ini: Gambar Halaman buat topik baru Halaman Ikut Kuis Halaman ini berisikan daftar soal kuis yang harus diikuti oleh peserta di setiap pertemuan. Durasi kuis sepenuhnya diatur oleh trainer. Apabila trainer tidak mempublikasikan lagi soal-soal kuis untuk pertemuan tertentu, maka peserta tidak lagi dapat mengikuti kuis pada pertemuan tertentu itu. Berikut tampilan ikut kuis yang masih dipublikasikan oleh trainer: Gambar Halaman ikut kuis Peserta tinggal memilih kuis mana yang akan diikutinya dengan mengklik link Yyuukk.. dan selanjutnya akan dialihkan ke halaman yang berisikan soal-soal kuis yang harus dijawab. Berikut tampilan dari halaman soal-soal kuis: 151

29 Gambar Halaman soal kuis Selanjutnya, setelah peserta menjawab soal-soal kuis dan menekan tombol Jawab Kuis, akan muncul konfirmasi apakah peserta benar-benar yakin dengan jawaban yang telah dijawabnya. Tampilan dari konfirmasi itu adalah sebagai berikut: Gambar Konfirmasi jawaban soal kuis Begitu peserta menekan tombol OK, maka sistem akan mengecek jawaban yang telah dijawab di setiap soal. Setelah dilakukan pengecekan, sistem akan mengalihkan peserta ke halaman hasil kuis. Di halaman ini, akan ditampilkan jumlah jawaban yang benar, jumlah jawaban yang salah, dan jumlah jawaban yang tidak diisi. Dan juga, nilai peserta akan dihitung berdasarkan jumlah soal kuis yang harus dijawab. Nilai yang ditampilkan, akan masuk ke database. Tampilan dari halaman nilai kuis dapat dilihat pada gambar 4.46 di halaman selanjutnya. 152

30 Gambar Halaman hasil kuis Halaman Ikut UAS Halaman ini berisikan daftar soal ujian akhir semester (UAS) yang harus diikuti oleh peserta di akhir pertemuan. Durasi UAS ditentukan oleh kebijakan pihak lembaga kursus dan ditampilkan pada halaman UAS. Sehingga peserta bisa mengetahui kapan soal ujian akhir akan ditutup. Apabila telah lewat dari masa UAS, maka trainer tidak mempublikasikan lagi soal-soal UAS tersebut, dan peserta tidak lagi dapat mengikuti UAS itu. Berikut tampilan ikut UAS ketika sudah dipublikasikan oleh trainer: Gambar Halaman ikut UAS Peserta tinggal mengklik link Yyuukk.. dan selanjutnya akan dialihkan ke halaman yang berisikan soal-soal UAS yang harus dijawab. Tampilan dari halaman soal-soal UAS dapat dilihat pada gambar 4.48 di halaman selanjutnya: 153

31 Gambar Halaman soal-soal UAS Selanjutnya, setelah peserta menjawab soal-soal UAS dan menekan tombol Jawab UAS, akan muncul konfirmasi apakah peserta benar-benar yakin dengan jawaban yang telah dijawabnya. Tampilan dari konfirmasi itu adalah sebagai berikut: Gambar Konfirmasi jawaban soal UAS Begitu peserta menekan tombol OK, maka sistem akan mengecek jawaban yang telah dijawab di setiap soal. Setelah dilakukan pengecekan, sistem akan mengalihkan peserta ke halaman hasil UAS. Di halaman ini, akan ditampilkan jumlah jawaban yang benar, jumlah jawaban yang salah, dan jumlah jawaban yang tidak diisi. Dan juga, nilai peserta akan dihitung berdasarkan jumlah soal 154

32 kuis yang harus dijawab. Nilai yang ditampilkan, akan masuk ke database. Tampilan dari halaman nilai UAS dapat dilihat pada gambar 4.50 di bawah ini: Gambar Halaman hasil UAS Halaman Data Kelas Halaman ini dapat diakses oleh peserta dengan mengklik ikon bergambar pada halaman utama peserta. Pada halaman ini, peserta hanya dapat melakukan view saja terhadap data peserta yang ada. Sebenarnya, halaman ini lebih difungsikan agar peserta dapat melihat siapa saja yang mengikuti mata kursus diikutinya. Sehingga peserta dapat berinteraksi dan mengenal satu sama lain di forum. Berikut ini adalah tampilan dari halaman peserta: Gambar Halaman data peserta Halaman Kalender Kursus Online Pada halaman ini, peserta dapat melihat tanggal-tanggal penting yang menjadi rujukan dalam kegiatan belajar mengajar. Seluruh jadwal yang berkaitan 155

33 dengan kegiatan kursus online sudah ditetapkan, sehingga peserta wajib mengitu jadwal yang telah ditetapkan. Berikut tampilan dari halaman ini: Gambar Halaman kalender kursus online Halaman Lihat Nilai Harian Pada halaman ini, peserta dapat melihat akumulasi rata-rata nilai-nilai kuis yang telah diikutinya dan nilai kehadiran. Tampilan dari halaman ini ditunjukkan pada gambar di bawah ini: Gambar Halaman lihat nilai harian peserta Jika peserta mengklik link Lihat Nilai Akumulatif, peserta akan dialihkan ke halaman detail nilai mata kursus. Detail nilai ini mencakup nilai kehadiran, nilai kuis, dan nilai ujian akhir, yang telah dihitung berdasarkan rumus yang telah ditentukan oleh lembaga kursus. Tampilan dari halaman ini dapat dilihat pada gambar di halaman berikutnya. 156

34 Gambar Halaman lihat nilai akumulatif peserta Halaman Website Yogz Course Halaman ini adalah halaman utama dari website Yogz Course. Website ini sendiri adalah sebagai wadah promosi agar Yogz Course dapat dikenal secara luas oleh masyarakat. Halaman ini dapat diakses pada url: Berikut tampilan utamanya: Gambar Halaman utama website Yogz Course 157

35 Halaman Menu Kursus Online Dari halaman utama, jika menu Kursus Online diklik, maka akan diarahkan ke halaman kursus online. Di halaman ini, menginformasikan kursus online yang dapat diikuti. Berikut tampilannya: Gambar Halaman menu kursus online 158

36 Jika link Daftar Kursus diklik, maka pengunjung akan dialihkan ke halaman registrasi peserta. Berikut tampilan dari halaman registrasi calon peserta: Gambar Halaman registrasi kursus online Setelah pengunjung mengisi formulir registrasi, akan muncul halaman yang berisikan informasi untuk melakukan sejumlah pembayaran yang telah ditentukan untuk pengaktifasian data peserta. Setelah mentransferi sejumlah uang, maka calon peserta wajib mengkonfirmasi melalui ataupun SMS dengan format yang telah ditentukan. Berikut tampilannya: Gambar Halaman notifikasi registrasi peserta 159

37 Halaman Menu Visi dan Misi Halaman ini berisikan visi dan misi yang dimiliki oleh lembaga kursus Yogz Course. Berikut tampilan dari halaman ini: Gambar Halaman menu visi dan misi Halaman Menu Galeri Halaman ini berisikan foto-foto yang berkaitan dengan kursus online Yogz Course. Berikut tampilan dari halaman ini: Gambar Halaman menu galeri 160

38 Halaman Menu Tentang Kami Halaman ini berisikan informasi alamat dan nomor kontak yang dapat dituju untuk berkomunikasi dengan lembaga kursus Yogz Course. Pengunjung juga dapat memberikan kritik dan saran bagi Yogz Course. Berikut tampilan dari halaman ini: Gambar Halaman menu tentang kami Demikianlah tampilan user interface baik dari sisi back-end maupun frontend dari aplikasi kursus komputer online menggunakan PHP. Setiap user interface dirancang sesuai dengan kebutuhan aktor-aktor yang menjalakan alur proses kegiatan belajar mengajar secara online yang sebelumnya telah dibahas pada bab III. 161

39 4.3. Direktori File Direktori file merupakan struktur penempatan file-file yang membangun suatu sistem yang berada dalam 1 (satu) server tertentu. Tentu saja, sistem yang dimaksudkan di sini adalah aplikasi kursus komputer online menggunakan PHP. Jadi, file-file yang ditempatkan di dalam server adalah kumpulan file php yang berada dalam suatu direktori. Secara gambaran besar, berikut ini adalah direktori pada localhost: Gambar Direktori file PHP secara keseluruhan Direktori Admin Direktori ini adalah folder tempat file-file PHP dan CSS yang berkaitan dengan aktifasi Super admin berada. Pada bab IV ini, dijelaskan bahwa untuk mengakses content management system level super administrator, harus diketikkan url pada browser Sebenarnya, ini untuk 162

40 memanggil file index.php yang berada pada folder admin. File index.php pada direktori inilah yang akan men-trigger seluruh modul yang berkaitan dengan aktifitas super administrator. Berikut ini adalah isi dari direktori admin: Gambar Isi dari direktori pada folder admin Pada folder admin/css, berisikan file-file.css untuk mempercantik tampilan. Berikut isi file di dalam foder css : Gambar Isi dari direktori pada folder admin/css Pada folder admin/images berisikan kumpulan file gambar / images yang digunakan sebagai template atau background pada tampilan CMS. Berikut isi dari folder ini: Gambar Isi dari direktori pada folder admin/images 163

41 Sementara pada folder admin/img, berisikan kumpulan ikon-ikon yang membantu mempercantik tampilan CMS. Ikon yang dimaksudkan adalah ikon atau tombol-tombol yang terdapat pada CMS. Berikut isi dari folder ini: Gambar Isi dari direktori pada folder admin/img Direktori Depan Direktori ini berisikan file-file yang membangun front end atau website Yogz Course. Berikut isi dari direktori ini: Gambar Isi dari direktori pada folder depan/www Terdapat beberapa folder pada direktori ini, yaitu css, frames, images, jquery, js. Serta 1 (satu) file index.html. Berikut ini isi dari folder css: Gambar Isi dari direktori pada folder depan/www/css 164

42 Untuk folder depan/www/frames, isi dari folder ini akan dijabarkan pada gambar 4.69 di bawah ini: Gambar Isi dari direktori pada folder depan/www/frames Isi dari folder depan/www/images adalah seperti di bawah ini: Gambar Isi dari direktori pada folder depan/www/images Pada tampilan front-end terdapat beberapa fungsi yang menggunakan JQuery. Versi dari Jquery yang digunakan ini adalah Jquery ini memerlukan satu direktori khusus. Berikut isi dari direktori yang memuat Jquery: Gambar Isi dari direktori pada folder depan/www/jquery/

43 Berikutnya adalah folder js. Folder ini berisikan file-file javascript yang digunakan pada tampilan front end. Penggunaan file javascript diimplementasikan pada fungsi slide-show dan preview image. Berikut isi dari direktori ini: Gambar Isi dari direktori pada folder depan/www/js Direktori Dosen Direktori ini adalah folder tempat file-file PHP dan CSS yang berkaitan dengan aktifitas trainer berada. Pada bab IV ini, dijelaskan bahwa untuk mengakses content management system level trainer, harus diketikkan url pada browser Sebenarnya, ini untuk memanggil file index.php yang berada pada folder dosen. File index.php pada direktori inilah yang akan men-trigger seluruh modul yang berkaitan dengan aktifitas trainer. Berikut ini adalah isi dari direktori dosen: Gambar Isi dari direktori pada folder ta/dosen 166

44 Pada direktori ini terdapat sub folder yaitu css, images, dan img. Berikut ini secara berturut-turut dijabarkan isi dari masing-masing folder di atas. Gambar Isi dari direktori pada folder ta/dosen/css Gambar Isi dari direktori pada folder ta/dosen/images Gambar Isi dari direktori pada folder ta/dosen/img 167

45 Secara umum, struktur direktori yang ada pada folder admin dan dosen tidaklah jauh berbeda. Ini dikarenakan template dan background yang digunakan adalah sama Direktori Peserta Direktori ini adalah folder tempat file-file PHP dan CSS yang berkaitan dengan aktifasi peserta berada. Pada bab IV ini, dijelaskan bahwa untuk mengakses content management system level peserta, harus diketikkan url pada browser Sebenarnya, ini untuk memanggil file index.php yang berada pada folder peserta. File index.php pada direktori inilah yang akan men-trigger seluruh modul yang berkaitan dengan aktifitas peserta. Berikut ini adalah isi dari direktori peserta: Gambar Isi dari direktori pada folder ta/peserta Pada folder peserta/css, berisikan file-file.css untuk mempercantik tampilan menu, baik pada saat sebelum login maupun setelah login. Berikut isi file di dalam foder css : Gambar Isi dari direktori pada folder peserta/css Pada folder peserta/images berisikan kumpulan file gambar / images yang digunakan sebagai template atau background pada tampilan menu yang dapat diakses oleh peserta kursus online. Berikut isi dari folder ini: 168

46 Gambar Isi dari direktori pada folder peserta/images Sementara pada folder peserta/img, berisikan kumpulan ikon-ikon yang membantu mempercantik tampilan CMS. Ikon yang dimaksudkan adalah ikon atau tombol-tombol yang terdapat pada CMS. Berikut isi dari folder ini: Gambar Isi dari direktori pada folder peserta/img 4.4. Uji Kelayakan Tahap ini dapat juga disebut sebagai quality control terhadap aplikasi sebelum benar-benar diluncurkan kepada pengguna akhir. Pada tahap ini, disusun skenario-skenario pengujian yang dimaksudkan untuk menemukan apakah ada fungsi yang tidak berjalan dengan seharusnya pada suatu fitur tertentu. Penyusunan skenario pengujian haruslah sesuai dengan ketentuan yang ada. Apabila dilakukan di luar ketentuan, kemungkinan besar akan terjadi penyimpangan dari tujuan semula. Lebih rinci, pengujian hanya dilakukan 169

47 berdasarkan setiap fungsi pada modul-modul yang digunakan oleh para aktor (activity diagram). Pengujian akan dilakukan dengan menggunakan metode black box. Dengan metode ini kemungkinan besar mampu menemui kesalahan yang ada pada fungsi-fungsi yang terdapat pada aplikasi kursus online jika dibanding dengan metode white box Skenario Pengujian Skenario pengujian yang akan dilakukan pada aplikasi ini adalah dengan cara melakukan test case terhadap proses-proses di tiap-tiap halaman yang ada pada aplikasi kursus komputer online, guna memastikan apakah ada dalam modul tersebut menghasilkan keluaran yang seharusnya ataukah tidak dengan menggunakan data yang telah disiapkan Skenario Pengujian Halaman Lihat Kursus pada Front End Pengujian ini dimaksudkan untuk memastikan apakah aktifitas pengguna saat akan melihat halaman lihat kursus dapat berjalan sebagaimana mestinya atau tidak. Detail skenario pengujian, dapat dilihat pada tabel 4.3. di bawah ini: Tabel 4.3. Tabel skenario pengujian halaman lihat kursus pada front end No Item yang diuji Cara Pengujian Hasil yang Diharapkan 1 Front end function Membuka halaman pada browser Masuk ke halaman utama website Yogz Course Pengguna akan masuk ke 2 Tombol menu Kursus Online Mengklik menu Kursus Online pada halaman utama halaman yang berisikan daftar kursus online yang telah dibuka, beserta keterangan biaya dan pilihan untuk registrasi Skenario Pengujian Pendaftaran Peserta Kursus Online Pengujian ini dimaksudkan untuk memastikan apakah formulir registrasi dapat berfungsi secara optimal atau tidak. Data yang diisi secara benar oleh pengguna seharunya masuk ke database. Namun, apabila ada data yang terlewat 170

48 diisi, maka akan muncul notifikasi bahwa ada field yang terlewat untuk diisi. Detail dari skenario pengujian ini, dapat dilihat pada tabel 4.4. : Tabel 4.4. Tabel skenario pengujian pendaftaran kursus pada front end No Item yang diuji Cara Pengujian Hasil yang Diharapkan 1 Link Daftar Kursus pada salah satu mata kursus yang tersedia. Pada halaman daftar kursus online, diklik link daftar kursus pada salah satu mata kursus yang tersedia Pengguna akan masuk ke halaman yang berisikan formulir Data yang diisi masuk ke Pengguna mengisi formulir secara database dan muncul notifikasi lengkap untuk mentransfer ke rekening Field pada untuk aktifasi peserta 2 formulir registrasi dan fungsi simpan Pengguna mengisi formulir Muncul notifikasi bahwa ada field yang belum diisi. Data ke database dengan tidak lengkap / tidak akan masuk ke database melawatkan salah satu atau sebelum field yang harus diisi beberapa field. sudah terisi secara benar dan lengkap Skenario Pengujian Aktifasi Peserta Kursus Online Pengujian ini dilakukan dengan berperan sebagai super admin, karena pengaktifisian data peserta adalah tugas dan wewenang dari seorang super admin. Skenario ini dikondisikan setelah calon peserta mengkonfirmasi telah melakukan pembayaran sesuai dengan nominal yang tertera pada halaman lihat kursus. Kemudian super admin mengecek apakah benar sudah ditransfer atau belum. Jika sudah, maka inilah skenario yang akan dilakukan. Dan apabila sudah dilakukan aktifasi, maka peserta akan dikonfirmasi oleh super admin untuk memberitahukan bahwa peserta sudah dapat mengikuti kursus komputer online sesuai dengan kelas yang diikutinya. Sekaligus diberitahukan url untuk melakukan proses belajar secara online. 171

49 Pada tabel 4.5. di halaman berikutnya, akan dijabarkan secara rinci mengenai proses aktifisi ini, baik dari sudut pandang super admin, maupun sudut pandang calon peserta kursus online. Tabel 4.5. Tabel skenario pengujian aktifasi peserta kursus online No Item yang diuji Cara Pengujian Hasil yang Diharapkan 1 2 url: admin Form login Super admin (field username, field password dan tombol login) 3 Link data peserta 4 5 Link data calon peserta Ikon move sebagai trigger pengaktifasian data peserta baru Super admin masuk ke url: Super admin memasukkan username dan password dengan benar Super admin memasukkan username dan password dengan salah atau kosong Dari halaman utama CMS Super admin, diklik link Data Peserta Di halaman utama CMS Super admin, diklik link Data Kelas Pada halaman data kelas, klik ikon move pada salah satu calon peserta yang telah mengkonfirmasi di tabel calon peserta baru. Pilih Oke Pengguna akan masuk ke halaman login super admin. Super admin akan masuk ke halaman utama CMS Super admin Muncul notifikasi bahwa username atau password yang dimasukkan adalah salah Masuk ke halaman data peserta yang berisikan data-data peserta yang aktif maupun yang baru saja mendaftar. Masuk ke halaman data kelas, yang berisikan data kelas header, data kelas detail, dan data calon peserta baru. Akan muncul konfirmasi apakah Calon peserta sudah benar-benar melakukan pembayaran. Data calon peserta akan berubah menjadi peserta dan langsung terdaftar di kelas yang diikutinya. Pilih Batal Pesan konfirmasi hilang dan tidak ada proses apapun. 172

50 (Lanjutan) Peserta membukan url: Pengguna akan masuk ke 6 Form Peserta username, login (field field Peserta memasukkan username dan password yang benar halaman login peserta. Peserta akan masuk ke halaman utama peserta password tombol login) dan Peserta memasukkan username dan password dengan tidak benar atau kosong. Muncul notifikasi bahwa username atau password yang dimasukkan adalah salah ataupun kosong Skenario Pengujian Kelola Data Peserta Pengujian ini dilakukan dengan berperan sebagai super admin, karena pengelolaan data peserta adalah tugas dan wewenang dari seorang super admin. Wewenang super admin pada pengelolaan data peserta hanyalah sebatas modifikasi / update dan hapus data peserta. Super admin tidak memiliki wewenang untuk membuat data peserta baru karena data peserta baru dilakukan oleh calon peserta yang hendak mendaftarkan diri mengikuti kursus online. Berikut detail dari skenario pengujian pengelolaan data peserta. Tabel 4.6. Tabel skenario pengujian kelola data peserta No Item yang diuji Cara Pengujian Hasil yang Diharapkan 1 2 url: admin Form login Super admin (field username, field password dan tombol login) 3 link data peserta Super admin masuk ke url: Super admin memasukkan username dan password dengan benar Super admin memasukkan username dan password dengan salah atau kosong Dari halaman utama CMS Super admin, diklik link Data Peserta Pengguna akan masuk ke halaman login super admin. Super admin akan masuk ke halaman utama CMS Super admin Muncul notifikasi bahwa username atau password yang dimasukkan adalah salah Masuk ke halaman data peserta, berisikan data peserta yang aktif dan yang baru saja mendaftar. 173

51 (Lanjutan) 4 Ikon Edit data peserta dan fungsi modifikasi database Di halaman peserta, klik ikon edit pada salah satu data peserta Lakukan modifikasi pada field apapun, dan klik tombol submit Masuk ke formulir data peserta lengkap dengan data-datanya. Kembali ke halaman data peserta dan data yang dimodifikasi terlihat. Di halaman peserta, klik ikon hapus pada salah satu data peserta Muncul konfirmasi penghapusan apakah data benarbenar akan dihapus. 5 Fungsi hapus dari database Klik Oke Kembali ke halaman data peserta dan data peserta yang dihapus akan benar-benar hilang dari database. Klik Batal Pesan konfirmasi hilang dan tidak ada proses apapun Skenario Pengujian Kelola Data Trainer Pengujian ini dilakukan dengan berperan sebagai super admin, karena pengelolaan data trainer adalah tugas dan wewenang dari seorang super admin. Wewenang super admin pada pengelolaan data trainer adalah modifikasi / update, hapus dan buat data trainer baru. Berikut detail dari skenario pengujian pengelolaan data trainer. Tabel 4.7. Tabel skenario pengujian kelola data trainer No Item yang diuji Cara Pengujian Hasil yang Diharapkan 1 url: admin Super admin masuk ke url: Pengguna akan masuk ke halaman login super admin. 2 Form login Super admin (field username, field password dan tombol login) Super admin memasukkan username dan password dengan benar Super admin memasukkan username dan password dengan salah atau kosong Super admin akan masuk ke halaman utama CMS Super admin Muncul notifikasi bahwa username atau password yang dimasukkan adalah salah 174

52 (Lanjutan) 3 link data trainer Dari halaman utama CMS Super admin, diklik link Data Trainer Masuk ke halaman data trainer 4 Ikon Edit data trainer dan fungsi modifikasi database Di halaman peserta, klik ikon edit pada salah satu data peserta Lakukan modifikasi pada field apapun, dan klik tombol submit Masuk ke formulir data trainer lengkap dengan data-datanya. Kembali ke halaman data trainer dan data yang dimodifikasi terlihat. Muncul konfirmasi Di halaman peserta, klik ikon penghapusan apakah data hapus pada salah satu data trainer trainer yang dipilih benar-benar akan dihapus. 5 Fungsi hapus dari database Klik Oke Kembali ke halaman data trainer dan data trainer yang dihapus akan benar-benar hilang dari database. Klik Batal Pesan konfirmasi hilang dan tidak ada proses apapun. Ikon buat data trainer baru Di halaman peserta, klik ikon buat data trainer baru. Masuk ke halaman yang berisikan formulir registrasi trainer baru 6 Tombol submit dan fungsi penyimpanan ke database Mengisi field pada formulir registrasi secara lengkap kemudian klik tombol submit Kembali ke halaman data trainer dan data trainer yang baru saja ditambahkan akan tersimpan di database dan sudah terlihat di halaman data trainer Skenario Pengujian Kelola Data Kelas Pengujian ini dilakukan dengan berperan sebagai super admin, karena pengelolaan data kelas adalah tugas dan wewenang dari seorang super admin. Wewenang super admin pada pengelolaan data kelas adalah modifikasi / update, hapus dan buat data kelas yang baru. Berikut detail dari skenario pengujian pengelolaan data kelas. 175

53 Tabel 4.8. Tabel skenario pengujian kelola data kelas No Item yang diuji Cara Pengujian Hasil yang Diharapkan 1 url: admin Super admin masuk ke url: Pengguna akan masuk ke halaman login super admin. 2 Form login Super admin (field username, field password dan tombol login) Super admin memasukkan username dan password dengan benar Super admin memasukkan username dan password dengan salah atau kosong Super admin akan masuk ke halaman utama CMS Super admin Muncul notifikasi bahwa username atau password yang dimasukkan adalah salah 3 link data kelas Dari halaman utama CMS Super admin, diklik link Data Kelas Masuk ke halaman data kelas 4 Ikon Edit data kelas dan fungsi modifikasi database Di halaman peserta, klik ikon edit pada salah satu data kelas Lakukan modifikasi pada field apapun, dan klik tombol submit Masuk ke formulir data kelas lengkap dengan data-datanya. Kembali ke halaman data kelas dan data yang dimodifikasi terlihat. Muncul konfirmasi Di halaman kelas, klik ikon hapus penghapusan apakah data kelas pada salah satu data kelas yang dipilih benar-benar akan dihapus. 5 Fungsi hapus dari database Klik Oke Kembali ke halaman data kelas dan data kelas yang dihapus akan benar-benar hilang dari database. Pesan konfirmasi hilang dan Klik Batal tidak ada proses apapun. 6 Ikon buat kelas baru Tombol submit dan penyimpanan ke database Di halaman peserta, klik ikon buat data kelas baru. Mengisi field pada formulir yang ada. Masuk ke halaman yang berisikan formulir pembuatan kelas baru Kembali ke halaman data kelas dan data kelas yang baru saja ditambahkan akan tersimpan di database dan sudah terlihat. 176

54 Skenario Pengujian Lihat Data Nilai Peserta Pengujian ini dilakukan dengan berperan sebagai super admin Hanya saja wewenang super admin data nilai peserta sebatas lihat saja (view). Berikut detail dari skenario pengujian lihat data nilai peserta. Tabel 4.9. Tabel skenario pengujian lihat data nilai peserta No Item yang diuji Cara Pengujian Hasil yang Diharapkan 1 url: admin Super admin masuk ke url: Pengguna akan masuk ke halaman login super admin. 2 Form login Super admin (field username, field password dan tombol login) Super admin memasukkan username dan password dengan benar Super admin memasukkan username dan password dengan salah atau kosong Super admin akan masuk ke halaman utama CMS Super admin Muncul notifikasi bahwa username atau password yang dimasukkan adalah salah 3 link data nilai Dari halaman utama CMS Super admin, diklik link Data Nilai Masuk ke halaman data nilai 4 Link ID kursus dan link Kursus Klik link salah satu dari ID Kursus ataupun Kursus pada salah satu data peserta. Masuk ke halaman detail data nilai peserta kursus online Skenario Pengujian Kelola Data Mata Kursus Pengujian ini dilakukan dengan berperan sebagai super admin, karena pengelolaan data mata kursus adalah tugas dan wewenang dari seorang super admin. Wewenang super admin pada pengelolaan data mata kursus adalah modifikasi / update, hapus dan buat data mata kursus yang baru. Berikut detail dari skenario pengujian pengelolaan data kelas. Tabel Tabel skenario pengujian kelola data mata kursus No Item yang diuji Cara Pengujian Hasil yang Diharapkan 1 url: Super admin masuk ke url: Pengguna akan masuk ke halaman login super admin. 177

55 (lanjutan) 2 Form login Super admin (field username, field password dan tombol login) 3 link data mata kursus Ikon Edit data mata 4 5 kursus dan modifikasi database Fungsi hapus dari database Super admin memasukkan username dan password dengan benar Super admin memasukkan username dan password dengan salah atau kosong Dari halaman utama CMS Super admin, diklik link Data Mata Kursus Di halaman peserta, klik ikon edit pada salah satu data mata kursus Lakukan modifikasi pada field apapun, dan klik tombol submit Di halaman kelas, klik ikon hapus pada salah satu data mata kursus Klik Oke Klik Batal Super admin akan masuk ke halaman utama CMS Super admin Muncul notifikasi bahwa username atau password yang dimasukkan adalah salah Masuk ke halaman data mata kursus Masuk ke formulir data mata kursus lengkap dengan datadatanya. Kembali ke halaman data mata kursus dan data yang dimodifikasi terlihat. Muncul konfirmasi penghapusan apakah data mata kursus yang dipilih benar-benar akan dihapus. Kembali ke halaman data mata kursus dan data mata kursus yang dihapus akan benar-benar hilang dari database. Pesan konfirmasi hilang dan tidak ada proses apapun. Ikon buat mata kursus baru Di halaman peserta, klik ikon buat data mata kursus baru. Masuk ke halaman yang berisikan formulir pembuatan mata kursus baru 6 Tombol submit dan penyimpanan ke database Mengisi field pada formulir yang ada, di antaranya: pengisian field nama pelajaran, field biaya, dan jumlah pertemuan, kemudian klik tombol submit Kembali ke halaman data mata kursus dan data mata kursus yang baru saja ditambahkan akan tersimpan di database dan sudah terlihat di halaman data mata kursus. 178