16
BAB III
METODE PENELITIAN
Penyelesain masalah dalam tugas akhir ini menggunakan pendekatan metode User Centered Design. Adapun alur dalam penelitian ini adalah sebagai berikut :
Gambar 3.1. Metode Penelitian [4]
3.1. Identifikasi Masalah
Identifikasi masalah merupakan tahap awal dari metodelogi penelitian ini. Di sekolah SMPN 1 Proppo Pamekasan belum mempunyai teknologi berbasis web.
Semua pengarsipan data masih dilakukan secara manual termasuk proses pengarsipan soal UTS dan UAS. Hal ini menyebabkan siswa dan guru yang ingin mengetahui soal-
Identifikasi Masalah
Studi Literature
Understand Context of Use
Specify User Requirements
Design Solutions
Pembuatan Laporan Evaluate Agains Requirements
17
soal UTS dan UAS terdahulu sangat mengalami kesulitan. Tidak jarang soal-soal terdahulu hilang atau guru lupa menyimpannya karena soal tersebut berupa kertas kecil buram dan tidak tersimpan dengan baik. Dengan tidak adanya pengarsipan soal UTS dan UAS dengan baik, pada saat pembuatan lembar ujian terjadi kemiripan soal anatara soal terbaru dan soal terdahulu. Dikarenakan kurang efektifnya hal ini, peneliti merancang kemudahan interface dalam proses pengarsipan soal UTS dan UAS yaitu bank soal berbasis web. Design interface ini dirancang dengan pendekatan motede User Centered Design dengan melibatkan pengguna sehingga design interface yang dihasilkan mempunyai tampilan yang sesuai dengan kebutuhan pengguna. Dalam penelitian ini dilakukan wawancara dan observasi untuk mendapatkan data yang ingin dituju.
3.1.1 Observasi (Pengamatan)
Pada metode ini, peneliti melakukan pengamatan terhadap sekolah SMPN 1 Proppo Pamekasan untuk mengamati bagaimana proses penyimpanan soal UTS dan UAS dari tahun ketahun.
3.1.2 Interview (Wawancara)
Pada tahap ini dilakukan proses wawancara untuk mendapatkan gambaran informasi permasalahan yang lebih lengkap. Peneliti melakukan proses wawancara kepada pihak sekolah yaitu 5 guru dan 10 siswa SMPN 1 Propppo Pamekasan.
Kegiatan pengumpulan data ini dilakukan 18 April 2020. Pada saat melakukan wawancara peneliti memberikan pertanyaan yang telah disiapkan terkait proses yang akan dilakukan pada tahap selanjutnya. Hasil dari wawancara telah didapatkan kesimpulannya sebagai berikut :
1. SMPN 1 Proppo pamekasan belum mempunyai teknologi berbasis web untuk menunjang kegiatan disekolah
2. Pengarsipan soal-soal UTS dan UAS masih dilakukan secara manual
3. Guru merasa kesulitan untuk mencari soal-soal UTS dan UAS terdahulu karena tidak tersimpan dengan baik sebab soal ujian berupa kertas kecil buram yang terkadang soal hilang atau guru lupa menyimpannya
18
4. Guru membutuhkan soal-soal UTS dan UAS dari tahun ketahun untuk dijadikan acuan dalam pembuatan soal baru agar tidak terjadinya kemiripan soal
5. Beberapa siswa merasa kesulitan menemukan soal-soal UTS dan UAS terdahulu karena tidak menyimpannya
6. Siswa membutuhkan soal-soal UTS dan UAS terdahulu untuk dijadikan sebagai bahan pembelajaran menjelang ujian sekolah
3.2. Studi Literature
Pada tahap ini dilakukan perencanaan terhdapat penelitian yang akan dibuat.
Dalam tahap ini meliputi proses pemahaman konsep pembuatan design. Selain itu dilakukan juga studi literature mengenai bank soal, pembuatan design interface web bank soal dengan pendekatan metode User Centered Design dan pengujian usability yang mana sudah dijabarkan dalam Bab II.
3.3. Understand Context of Use
Pada tahap ini dilakukan mengidentifikasi stakeholder atau siapa saja yang terlibat secra lagsung atau tidak langsung dalam proses perancangan, pengembangan pada penelitian ini. Tahap ini akan menjelaskan untuk apa serta dalam kondisi seperti apa mereka memakai sistem ini. Peneliti menggunakan identify stakeholder untuk memahami serta mengetahui siapa saja pengguna dari sistem ini dan lingkungan pengguna mereka.
3.3.1 Learn About Stakeholder (Memahami Stakeholder)
Pada tahap ini langkah awal yaitu menentukan dan memahami siapa stakeholder dalam penilitian ini. Terdapat stakeholder dalam penelitian yaitu pihak sekolah guru dan siswa-siswi SMPN 1 Proppo Pamekasan.
3.3.2 Indentify Users and Stakeholder (Mengidentifikasi Pengguna dan Stakeholder)
19
Pada tahap ini peniliti akan memahami dan mengindentifikasi karakteristik pengguna, kegiatan yang dilakukan dan pengetahuan pengguna dalam menyelesaikan tugas yang telah diberikan. Keterlibatan pengguna pada penelitian ini yaitu diskusi guna menyatukan ide antara pengguna dan peneliti, menjadi orang yang berperan penting dalam proses perancangan dan menjadi partisipan dalam penilaian sebuah design. Dalam menentukan pengguna, peniliti menetapkan pengguna yang ikut terlibat diskusi dan menjadi mitra dalam proses perancangan design yaitu guru dan siswa di SMPN 1 Proppo Pamekasan :
1. Siswa yang telah mencari soal-soal UTS dan UAS dari teman ke teman, pengguna ini dapat memberikan informasi kebutuhan berdasarkan pengalaman siswa dari kelompok yang telah melakukan pencarian soal ujian secara manual.
2. Siswa yang belum mendapatkan soal-soal UTS dan UAS terdahulu, pengguna ini bisa memberikan informasi dari kelompok yang kesusahan mencari soal ujian terdahulu.
3. Guru yang berperan mengarsipkan soal-soal dari tahun ketahun merasa kesulitan karena terkadang tidak disimpan dengan baik, pengguna ini dapat memberikan informasi secara respresentatif.
Dari hasil wawancara yang telah dilakukan oleh peneliti, setelah itu membuat sebuah kesimpulan analisis informasi data pengguna dengan membuat design user persona. User persona tersebut mendeskripsikan atau menggambarkan pengguna terkait dengn kebutuhan seperti apa yang diinginkan oleh website, persona juga dapat membantu supaya fokus terhadap pengguna yang lebih spesifik [27]. Jenis data yang akan ditampilkan di user persona sebagai berikut :
1. Nama, usia, pekerjaan, loksasi dan lingkungan pengguna 2. Kepribadian mencakup beberapa sifat dari pengguna
3. Harapan pengguna tentang tujuan dan motivasi untuk mencapai produk yang diinginkan oleh pengguna
4. Permasalahan yang telah dialami oleh pengguna sebelumnya
5. Teknologi yaitu pengetahuan pengguna tentang informasi sebuah sistem atau produk
20 6. Peran pengguna dalam tahap perancangan
Berikut dibawah ini merupakan tampilan user persona sebagai berikut :
1. User persona pengguna (Guru) :
Gambar 3.2 User Persona Guru
2. User persona pengguna (Siswa) :
21
Gambar 3.3 User Persona Siswa 1 3. User persona pengguna (Siswa) :
Gambar 3.4 User Persona Siswa 2
22
Pemetaan user menjadi tiga persona tersebut dapat digunakan untuk memahami permasalahan dan kondisi user secara detail Gambar 3.2 User Persona Guru memiliki tanggung jawab dengan adanya web bank soal diSMPN 1 Proppo Pamekasan.
Sedangkan Gambar 3.3 dan Gambar 3.4 merupakan User Persona murid kelas 8 dan 9 yang memiliki kondisi kesusahan dalam mendapatkan soal-soal UTS dan UAS dari tahun ketahun. Adapaun user journey map berdasakan user persona yang telah ada sebagai berikut :
Tabel 3.1 User Journey
Actor Guru Siswa
Scenario Mapping
Mengarsipkan soal UTS dan UAS
Mendapatkan soal UTS dan UAS
Mendapatkan soal UTS dan UAS
Customer Goals
Dapat mengarsipkan seluruh soal UTS dan
UAS dari tahun ketahun dengan
mudah
Dapat mencari dan melihat soal dari tahun ketahun untuk
panduan dalam pembuatan lebar ujian
yang baru agar tidak terjadi kemiripan soal
Dapat mencari dan melihat soal UTS dan
UAS tahun ketahuan yang dibutuhkan untuk
bahan pembelajaran menjelang ujian sekolah
yang akan datang.
User Actions
Upload soal di web bank soal
Mencari nama mata pelajaran dan tahun di web bank soal
Mencari nama mata pelajaran, nama guru dan tahun di web bank soal Role in
Design
Memberikan informasi dan kebutuhan dalam pembuatan web bank soal SMPN 1 Proppo
Menjadi mitra dalam proses perancangan dan evaluasi design yang alternatif
3.4. Specify User Requirements
Pada tahap ini akan dilakukannya penggalian informasi kebutuhan pengguna dan design interface. Proses penggalian kebutuhan pengguna ini akan dilakukan dengan
23
penyebaran kuisioner dan wawancara dengan pihak terkait pembuatan design interface web bank soal.
Pengumpulan informasi dilakukan wawancara terhadap pihak-pihak yang terkait, wawancara dilakukan oleh beberapa guru dan siswa. Beberapa pertanyaan saat wawancara adalah sebagai berikut :
1. Menjelang ujian sekolah, apakah siswa membutuhkan soal UTS dan UAS yang sudah ada sebelumnya untuk dijadikan acuan belajar?
2. Apakah siswa merasa kesulitan mencari soal UTS dan UAS yang sudah ada sebelumnya?
3. Apakah guru membutuhkan soal UTS dan UAS yang sudah ada sebelumnya untuk dijadikan acuan dalam pembuatan soal baru agar tidak terjadinya kemiripan soal?
4. Apakah guru merasa kesulitan untuk menyimpan berkas soal-soal UTS dan UAS yang sudah ada sebelumnya?
Dari kesimpulan wawancara kepada beberapa siswa dan guru SMPN 1 Proppo Pamekasan setiap menjelang ujian sekolah mereka kesulitan mencari soal-soal UTS dan UAS terdahulu. Siswa membutuhkan soal ujian sekolah yang dari tahun ketahun untuk dijadikan bahan acuan pembelajaran suapaya siap menjalankan ujian sekolah.
Selain itu beberapa guru juga mengalami kendala yaitu guru yang ingin mengetahui soal-soal UTS dan UAS terdahulu mengalami kesulitan. Sebab soal tersebut berupa kertas kecil buram yang sering terjadi kehilangan atau terkadang guru lupa menyimpannya.
Selanjutnya dilakukan penyebaran kuesioner tujuannya untuk menggali minat user terhadap design interface. Penyebaran kuisioner sebanyak 30 orang terdiri dari guru dan siswa di SMPN 1 Proppo Pamekasan. Adapun kuisioner tersebut adalah sebagai berikut ini :
KUISIONER INTERFACE
24
Judul : Perancangan Design Web Interface Bank Soal Menggunakan Pendekatan User Centered Design (Studi Kasus : SMPN 1 Proppo Pamekasan)
Data Responden : Nama :
Umur :
1. Warna apa yang sesuai untuk web bank soal SMNP 1 Proppo Pamekasan?
a.
b.
c.
d.
2. Penempatan letak sub menu mana yang sesuai?
a.
b.
c.
3. Tombol mana yang sesuai di web bank soal?
a.
b.
4. Dimana letak penempatan logo sekolah SMPN 1 Proppo Pamekasan?
a. Pojok kanan atas
25 b. Pojok kanan bawah
c. Pojok kiri atas d. Tengah atas
5. Jenis font apa yang sesuai untuk web bank soal?
a. Arial Rounded MT Bold b. Bookman Old Style c. Comic Sans Ms d.
6. Tampilan mana yang sesuai untuk menampilkan soal-soal UTS dan UAS?
a.
b.
7. Dimana letak tobol pencarian soal-soal yang sesuai?
a. Kanan atas b. Kiri atas
8. Apakah informasi harus lengkap dan jelas?
a. Iya lengkap dan jelas
b. Tidak perlu lengkap tapi jelas
9. Apakah diperlukan animasi bergerak dalam web bank soal?
a. Iya perlu
26 b. Tidak perlu
10. Apakah diperlukan slideshow soal unggulan diberanda web bank soal?
a. Iya perlu b. Tidak perlu
Kuesioner diatas disebar disekolah SMPN 1 Proppo Pamekasan dan didapatkan hasil kueisioner sebanyak 30 orang yang teridiri dari 10 orang guru dan 20 orang siswa.
Terdapat rangkuman hasil kuesioner sebagai berikut :
Tabel 3.2 Tabel Analisa Kebutuhan
No Jenis Pertanyaan Hasil Jawaban Terbesar 1. Warna apa yang sesuai
untuk web bank soal SMPN 1 Proppo pamekasan?
70% pengguna memilih D (hijau)
2. Penempatan letak sub menu mana yang sesuai?
60% pengguna memilih C (atas)
3. Tombol mana yang sesuai diweb bank soal?
56,6% pengguna memilih B (lonjong)
4. Dimana letak penempatan logo sekolah sekolah SMPN 1 Proppo Pamekasan?
63,3% pengguna memilih C (kiri atas)
5. Jenis font apa yang sesuai untuk web bank soal?
50% penguna memilih D (roboto)
6. Tampilan mana yang sesuai untuk menampilkan soal- soal UTS dan UAS?
53,3% pengguna memilih B (menurun)
7. Dimana letak tobol pencarian soal-soal yang sesuai?
73,3% pengguna memlih B (kiri atas)
27 8. Apakah informasi harus
lengkap dan jelas?
76,6% pengguna memilih A (lengkap jelas) 9. Apakah diperlukan animasi
bergerak dalam web bank soal?
83,3% pengguna memilih B (tidak perlu)
10. Apakah diperlukan slideshow soal unggulan diberanda web bank soal?
66,6% pengguna memilih B (tidak perlu)
3.4.1 Kebutuhan fungsional
Kebutuhan fungsional merupakan kebutuhan yang berisi proses-proses apa saja / layanan apa saja yang nantinya disediakan oleh sistem. Kebutuhan fungsional mencakup bagaimana sistem harus bereaksi pada input tertentu. Terdapat kebutuhan fungsional dalam penelitian ini adalah :
1. Mampu mengolah, mencari dan menampilkan soal-soal UTS dan UAS 2. Mampu mengolah, mencari dan menampilkan kunci jawaban
3. Mampu mencari dan menampilkan daftar guru 4. Mampu mengunduh soal UTS dan UAS 5. Mampu mengunduh kunci jawaban
6. Mampu mencari dan melihat riwayat unduhan
3.4.2 Kebutuhan Non-Fungsional
Pada kebutuhan non fungsional ini merupakan kebutuhan yang mengutamakan pada prilaku property yang dimiliki oleh sistem. Kebutuhan fungsional bisa disebut dengan fungsi yang ditawarkan oleh sistem seperti batasan pengembangan proses, batasan waktu, standarisasi. Kebutuhan fungsional pada penelitian ini yaitu ;
1. Website bank soal dapat diakses dimanapun asalkan mempunyai jaringan internet
2. Mempunyai fitur login dan logout 3.4.2 Use Case Diagram
28
Gambar 3.5 Use Case Diagaram
Use case diagram merupakan diagram yang menggambarkan hungungan antara actor dengan sistem. Use case diagram dapat mendeskripsikan sebuah interaksi antara satu atau lebih pada actor dengan sistem yang akan dibuat. Pada gambar diatas terdapat 2 aktor dalam use case diagram, terdapat penjelasan masing-masing fitur adalah sebagai berikut :
1. Guru :
Guru dapat melakukan menambah, mengedit dan menghapus soal UTS dan UAS
Guru dapat melakukan menambah, mengedit dan menghapus kunci jawaban
Guru dapat mencari dan melihat daftar guru
Guru dapat mencari dan melihat soal 2. Siswa :
Siswa dapat mencari dan melihat daftar guru
Siswa dapat mencari dan melihat soal UTS dan UAS
Siswa dapat mencari dan melihat kunci jawaban
Siswa dapat mengunduh soal UTS dan UAS
Siswa dapat mengunduh kunci jawaban
Siswa dapat mecari dan melihat riwayat unduh
29 3.5. Design Solutions
Setelah analisa kebutuhan pengguna telah dilakukan tahap selanjutnya yaitu solusi perancangan. Pada tahap ini akan dilakukan pembuatan rancangan design interface sketsa bewarna hitam putih karena tipe rancangan yang dibuat pada proses ini masih berbentuk low-fidelity prototype. Proses perancangan low-fidelity ini membuat pengguna lebih nyaman dalam melakukan sebuah perubahan-perubahan design baru sebelum akan diimplementasikan ke high-fidelity prototype yang
dijelaskan pada Bab IV.
Proses evaluasi perancangan low-fidelity ini akan dilakukan beberapa kali sampai tujuan perancangan disetujui oleh pengguna dan kebutuhan telah terpenuhi.
Hasil kesimpulan eksplorasi antarmuka berdasarkan kebutuhan pengguna sebagai berikut :
3.5.1 Design Tahap 1
Design tahap 1 dilakukan proses perancangan design interface untuk guru dan siswa berdasarkan hasil kuisioner interface yang telah dilakukan. Hasil dari kuisioner sesuai dengan kebutuhan pengguna lalu dilanjutkan dengan design tahap 1 seperti dibawah ini.
a. Interface Guru
Gambar 3.6 Rancangan Interface Login Guru
30
Rancangan login bisa dilihat pada Gambar 3.6 merupakan tampilan untuk login guru dengan memasukkan NIP/Username untuk guru serta memasukkan password agar bisa melakukan aktifitas pada website.
Gambar 3.7 Rancangan Interface Homepage Guru
Pada Gambar 3.7 merupakan tampilan menu halaman pertama pada guru. Halaman ini berisikan tampilan materi-materi soal yang telah diupload.
Gambar 3.8 Rancangan Interface Lihat Soal dan Kunci Jawaban Guru
Pada Gambar 3.8 merupakan tampilan interface melihat soal serta melihat kunci jawaban, selain itu terdapat tombol untuk mengunduh soal.
31
Gambar 3.9 Rancangan Interface Tambah Soal Guru
Pada Gambar 3.9 merupakan tampilan untuk menambahkan soal-soal baru yang akan diupload oleh pengguna.
Gambar 3.10 Rancangan Interface Edit Soal Guru
Pada Gambar 3.10 merupakan tampilan untuk mengedit soal yang terjadi kesalahan dan bisa mengupload ulang soal baru.
32
Gambar 3.11 Rancangan Interface Hapus Soal Guru
Pada Gambar 3.11 merupakan tampilan menunjukan pesan apabila guru ingin menghapus soal.
Gambar 3.12 Rancangan Interface Daftar Soal Guru
Pada Gambar 3.12 merupakan tampilan kumpulan daftar soal yang telah diupload oleh guru SMPN 1 Proppo Pamekasan.
33
Gambar 3.13 Rancangan Interface Daftar Guru
Pada Gambar 3.13 merupakan tampilan daftar guru disekolah SMPN 1 Proppo Pamekasan.
Gambar 3.14 Rancangan Interface Ubah Profil Guru
Pada Gambar 3.14 merupakan tampilan untuk mengubah tampilan profil pengguna.
34
Gambar 3.15 Rancangan Interface Ubah Password Guru
Pada Gambar 3.15 merupakan tampilan pengguna untuk mengubah password.
b. Interface Siswa
Gambar 3.16 Rancangan Interface Login Siswa
35
Pada Gambar 3.16 merupakan tampilan login untuk siswa dengan memasukkan NISN siswa serta memasukkan password agar bisa melakukan aktifitas pada website.
Gambar 3.17 Rancangan Interface Homepage Siswa
Pada Gambar 3.17 merupakan halaman menu utama siswa yang bisa melihat seluruh soal yang telah diupload oleh guru.
Gambar 3.18 Rancangan Interface Lihat Soal dan Kunci Jawaban Siswa
Pada Gambar 3.18 merupakan tampilan siswa untuk melihat soal serta kunci jawaban yang telah dipilihnya.
36
Gambar 3.19 Rancangan Interface Daftar Guru Siswa
Pada Gambar 3.19 merupakan tampilan daftar guru SMPN 1 Proppo Pamekasan.
Siswa bisa melihat dan mencari guru yang diinginkan.
Gambar 3.20 Rancangan Interface Riwayat Unduh Siswa
Pada Gambar 3.20 merupakan tampilan kumpulan riwayat unduh yang telah dilakukan oleh siswa.
37
Gambar 3.21 Rancangan Interface Ubah Password Siswa
Pada Gambar 3.21 merupakan tampilan siswa untuk mengubah password yang baru.
Terdapat kolom masukkan password lama, password baru dan ulangi password baru.
Setelah design tahap 1 selesai, terdapat evaluasi serta kritikan dari pengguna guru dan siswa dibeberapa fitur web bank soal sebagai tambahan untuk tahap selanjutnya.
Adapun kritik dan saran adalah sebagai berikut :
1. Menambahkan kolom “kelas” pada fitur homepage siswa, homepage guru, dan daftar soal guru dengan tujuan memudahkan guru untuk membedakan soal dari kelas 7, 8 dan 9
2. Menambahkan tombol ‘’unduh” pada fitur riwayat unduh siswa dengan tujuan untuk memudahkan siswa mengunduh ulang soal-soal yang pernah diunduh tanpa harus mencari lagi
3. Penebalan font huruf dibeberapa bagian agar terlihat lebih jelas
4. Perubahan warna background header dari hijau#33CC33 berdasarkan pilihan kuisioner interfcae menjadi hijau#C7EA8F dengan tujuan logo sekolah agar telihat lebih menonjol serta hijau memberi kesan sejuk dimata. Hasil warna background header ini akan dijabarkan pada bab IV yaitu hasil high fidelity prototype
38 3.5.2 Design Tahap 2
Pada tahap ini menjabarkan hasil evaluasi design low-fidelity dari design tahap 1. Adapun evaluasi dan kritikan dari pengguna dibeberapa fitur web bank soal yaitu :
a. Homepage Siswa
Pada Gambar 3.22 merupakan halaman home siswa untuk melihat soal-soal UTS dan UAS yang telah diupload oleh semua guru. Siswa dapt melihat soal dan uduh soal yang diinginkan. Terdapat penambahan kolom “kelas” sesuai evaluasi untuk memudahkan siswa melihat soal berserta kelas yang terterla di soal tersebut.
Gambar 3.22 Evaluasi Rancangan Interface Hompage Siswa
b. Homepage Guru
Pada Gambar 3.23 merupakan halaman home guru yang terdapat kumpulan soal yang telah diuploadnya. Terdapat penambahan kolom “kelas” sesuai evaluasi untuk memudahkan guru untuk membedakan soal UTS dan UAS berdasarkan kelas 7, 8, dan 9.
39
Gambar 3.23 Evaluasi Rancangan Interface Hompage Guru
c. Daftar Soal Guru
Pada Gambar 3.24 merupakan halaman kumpulan soal-soal UTS dan UAS yang telah diupload oleh semua guru. Terdapat penambahan kolom “kelas”
agar bisa membedakan soal UTS dan UAS berdasarkan kelas.
Gambar 3.24 Evaluasi Rancangan Interface Daftar Soal Guru
d. Riwayat Unduh Siswa
Pada Gambar 3.24 merupakan halaman riwayat unduh siswa. Terdapat panambhan kolom aksi yang itu button “unduh” dengan tujuan untuk
40
memudahkan siswa mengunduh ulang soal-soal yang pernah diunduh tanpa harus mencari lagi.
Gambar 3.25 Evaluasi Rancangan Interface Riwayat Unduh Siswa
