BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Antarmuka Aplikasi Web Perubahan Onsite 1. Halaman Login Berikut ini merupakan implementasi pengembangan aplikasi perubahan onsite pada halaman login. Untuk perubahan onsite ini yang bisa login adalah semua solver dari IT Helpdesk dengan Login masing-masing yang sudah diberikan. Solver harus melakukan login dengan memasukkan username dan password yang benar. Gambar 4.1 Halaman Login Awal 2. Halaman Awal Menu Berikut ini merupakan implementasi pengembangan aplikasi perubahan onsite pada halaman menu awal. Pada saat solver sudah berhasil melakukan login tampilan awal yang diberikan adalah halaman awal dari aplikasi. Melalui halaman ini solver bisa memilih menu apa yang diinginkan untuk mendapatkan informasi.
Gambar 4.2 Halaman Awal Menu 3. Halaman Menu Perubahan Onsite Berikut ini merupakan implementasi pengembangan aplikasi perubahan onsite pada halaman menu perubahan onsite. Pada menu perubahan onsite tersebut solver dapat melakukan penginputan data mengenai perubahan status onsite yang telah dilakukan oleh setiap solver. Solver diwajibkan untuk mengisi semua data yang telah disediakan secara benar. Setelah semua data berhasil diisi oleh solver, maka data dapat di submit. Gambar 4.3 Halaman menu perubahan onsite
4. Halaman Menu Tampilan Perubahan Onsite Berikut ini merupakan implementasi pengembangan aplikasi perubahan onsite pada halaman tampilan perubahan onsite. Tampilan menu perubahan onsite yang sudah selesai di sumbit oleh solver. Gambar 4.4 Halaman tampilan menu onsite 4.2 Implementasi Antarmuka Aplikasi Web Jadwal Kegiatan 1. Halaman Login Berikut ini merupakan implementasi pengembangan aplikasi untuk jadwal kegiatan pada halaman login. Halaman login ini sama dengan halaman yang diakses oleh solver. Admin tetap melalui login awal ini untuk bisa memilih menu jadwal kegiatan IT Helpdesk.
Gambar 4.5 Halaman login 2. Halaman Awal Menu Berikut ini merupakan implementasi pengembangan aplikasi untuk jadwal kegiatan pada halaman awal menu. Gambar 4.6 Halaman awal menu
3. Halaman Login Admin Berikut ini merupakan implementasi pengembangan aplikasi untuk jadwal kegiatan pada halaman login admin. Setelah admin sudah melalakukan login diawal dan masuk ke halaman menu awal, admin bisa memilih menu jadwal kegiatan yang mengharuskan admin untuk login khusus di halaman menu admin. Gambar 4.7 Halaman login admin 4. Halaman Menu Jadwal Kegiatan Admin Berikut ini merupakan implementasi pengembangan aplikasi untuk jadwal kegiatan pada halaman jadwal kegiatan admin. Menu jadwal kegiatan ini hanya admin yang diberikan tanggung jawab untuk mengatur dan mengolah jadwal kegiatan IT Helpdesk setiap minggunya. Pada halaman ini admin bisa mengolah dam melakukan sumbit terhadap data yang sudah diisi.
Gambar 4.8 Halaman menu jadwal kegiatan 5. Halaman Menu Tampilan Jadwal Kegiatan Admin Berikut ini merupakan implementasi pengembangan aplikasi untuk jadwal kegiatan pada halaman tampilan jadwal kegiatan yang telah diisi secara lengkap oleh admin. Gambar 4.9 Halaman tampilan jadwal kegiatan admin
6. Halaman Menu Tampilan Jadwal Kegiatan Solver Berikut ini merupakan implementasi pengembangan aplikasi untuk jadwal kegiatan pada halaman menu tampilan jadwal kegiatan solver. Untuk menu jadwal kegiatan IT Helpdesk, solver hanya bisa melihat informasi yang sudah dikelola oleh admin. Gambar 4.10 Menu tampilan jadwal kegiatan solver 4.3 Pengujian Pada Solver Pada tahap ini akan dijelaskan mengenai pengujian yang telah dilakukan terhadap sistem. Pengujian dilakukan oleh target solver yang akan menggunakan sistem dengan menguji semua fungsionalitas yang ada pada aplikasi ini. Hasil pengujian nya adalah sebagai berikut:
4.3.1 Pengujian Form Login Nama Butir Uji Tujuan Tabel 4.1 Pengujian Login Menguji form login Memastikan sistem memproses inputan yang benar (username dan password benar) dan memastikan bahwa user yang ingin menggunakan sistem ini telah memiliki hak atas akun yang ada. [1] Field username dan password dalam keadaan kosong Kondisi awal [2] Field username atau field password diisi dengan data yang salah [3] Field username atau field password diisi dengan username dan password yang sesuai dengan database. Kesimpulan Perlakuan yang diberikan Kedua field atau salah satu field dalam keadaan kosong, kemudian mengklik tombol masuk Test Data (input) username dan password (kosong), atau salah satu diantaranya kosong. Hasil yang diharpakan Muncul pesan yang memberitahukan bahwa ERORR!!! Field Masih Kosong Hasil Field username atau field password diisi dengan data yang salah, kemudian mengklik button "masuk" username : solver password : solver Muncul pesan yang memberitahukan bahwa username dan password tidak terdekteksi Field username atau field password diisi dengan username dan password yang sesuai dengan database, kemudian mengklik tombol masuk username : admin password : admin Masuk ke halaman Home
4.3.2 Pengujian Perubahan Status Onsite Kesimpulan Nama Butir Uji Tujuan Kondisi awal Perlakuan yang diberikan Field pilih nama solver, lokasi, rincian insident, status tidak diisi kemudian tekan tombol submit Tabel 4.2 Pengujian Perubahan Status Onsite Skenario Menguji perubahan status onsite Memastikan sistem memproses inputan yang benar Test Data (input) Nama pilih nama solver, lokasi, rincian insident, status kosong Menampilkan form status onsite [1] Field pilih nama solver, lokasi, rincian insident, status dalam keadaan kosong [2] Field pilih nama solver, lokasi, rincian insident, status diisi tidak seusai/masih ada yang kosong [3] Field pilih nama solver, lokasi, rincian insident, status diisi dengan campuran angka dan huruf [4] Field pilih nama solver, lokasi, rincian insident, status diisi dengan benar Hasil yang diharapkan Menampilkan Error!!! Field Masih Kosong Hasil Field pilih nama solver, lokasi, rincian insident, status diisi tidak semua / masih kosong kemudian tekan tombol submit Field pilih nama solver, lokasi, rincian insident, status diisi dengan campuran angka dan huruf Field pilih nama solver, lokasi, rincian insident, status diisi dengan format yang benar kemudian tekan tombol simpan pilihnama solver: Bero lokasi : Tipikal Lat 4 Rincian Insident : [kosong] status : [kosong] Menampilkan Error!!! Field Masih Kosong pilihnama solver: Bero123 menampilkan : lokasi : Tipikal Lat 4 Error!!! Format harga salah, Rincian Insident : pc user harus angka mati total semua, Gambar status : finish123 Salah pilihnama solver: Bero lokasi : Tipikal Lat 4 Rincian Insident : pc user mati total status : finish Muncul pesan yang memberitahukan bahwa Inputan berhasil
Kesimpulan 4.3.3 Pengujian Tampilan Jadwal Kegiatan Solver Nama Butir Uji Tujuan Kondisi awal Skenario Perlakuan yang diberikan Memilih menu jadwal kegiatan solver Tabel 4.3 Pengujian Jadwal Kegiatan solver Menguji tampilan menu jadwal kegiatan IT Helpdesk Memastikan aplikasi menampilkan halaman menu jadwal kegiatan IT Helpdesk yang masuk ke aplikasi Menampilkan halaman menu jadwal kegiatan IT Helpdesk aplikasi Memilih menu jadwal kegiatan IT Helpdesk Test Data (input) Hasil yang diharpakan Menampilkan halaman jadwal kegiatan solver Hasil 4.4 Pengujian Pada Admin Pada tahap ini akan dijelaskan mengenai pengujian yang telah dilakukan terhadap sistem. Pengujian dilakukan oleh target admin yang akan menggunakan sistem dengan menguji semua fungsionalitas yang ada pada aplikasi ini. Hasil pengujian nya adalah sebagai berikut: 4.4.1 Pengujian Form Login Admin Kesimpulan Nama Butir Uji Tujuan Kondisi awal Tabel 4.4 Pengujian Login Admin Menguji form login Memastikan sistem memproses inputan yang benar (username dan password benar) dan memastikan bahwa user yang ingin menggunakan sistem ini telah memiliki hak atas akun yang ada. [1] Field username dan password dalam keadaan kosong [2] Field username atau field password diisi dengan data yang salah [3] Field username atau field password diisi dengan username dan password yang sesuai dengan database
Perlakuan yang diberikan Test Data (input) Hasil yang diharpakan Hasil Kedua field atau salah satu field dalam keadaan kosong, kemudian mengklik tombol masuk username dan password (kosong), atau salah satu diantaranya kosong. Muncul pesan yang memberitahukan bahwa ERORR!!! Field Masih Kosong Field username atau field password diisi dengan data yang salah, kemudian mengklik button "masuk" username : admin123 password : admin123 Muncul pesan yang memberitahukan bahwa username dan password tidak terdekteksi Field username atau field password diisi dengan username dan password yang sesuai dengan database, kemudian mengklik tombol masuk username : admin password : admin Masuk ke halaman Home 4.4.2 Pengujian Form Menu Jadwal kegiatan Nama Butir Uji Tujuan Kondisi awal Tabel 4.5 Pengujian Menu Jadwal kegiatan Admin Menguji Jadwal kegiatan oleh admin Memastikan sistem memproses inputan yang benar Menampilkan menu jadwal kegiatan IT Helpdesk [1] Field pilih penyelenggara, pic&ext, lokasi, waktu&tgl, agenda, nama solver dalam keadaan kosong Skenario [2] Field pilih penyelenggara, pic&ext, lokasi, waktu&tgl, agenda, nama solver diisi tidak seusai/masih ada yang kosong [3] Field pilih penyelenggara, pic&ext, lokasi, waktu&tgl, agenda, nama solver diisi dengan campuran angka dan huruf [4] Field pilih penyelenggara, pic&ext, lokasi, waktu&tgl, agenda, nama solver diisi dengan benar Kesimpulan
Perlakuan yang diberikan Test Data (input) Hasil yang diharapkan Hasil Field pilih penyelenggara, pic&ext, lokasi, waktu&tgl, agenda, nama solver tidak diisi kemudian tekan tombol submit Nama pilih penyelenggara, pic&ext, lokasi, waktu&tgl, agenda, nama solver kosong Menampilkan Error!!! Field Masih Kosong Field pilih penyelenggara, pic&ext, lokasi, waktu&tgl, agenda, nama solver diisi tidak semua / masih kosong kemudian tekan tombol submit pilih penyelenggara : DKOM Pic&ext : Agung&3014566 Lokasit : [kosong] Waktu&tgl : [kosong] Agenda : Keuangan BI Menampilkan Error!!! Field Masih Kosong Nama solver : [kosong]