BAB 4 ANALISIS, PERANCANGAN, & IMPLEMENTASI
4.6. Specify the User and Organization Requirement
4.6.1. SUS
Pada penelitian ini terdapat 20 pertanyaan yang akan diujikan kepada responden. Dari 20 pertanyaan, dibagi 5 kategori fitur berdasarkan setiap fitur yang akan diujikan skor Usability nya, yaitu:
a. Tampilan AIS secara umum/keseluruhan.
b. Tampilan fitur menu profil mahasiswa.
c. Tampilan fitur menu perkuliahan mahasiswa.
d. Tampilan fitur menu laporan mahasiswa.
e. Tampilan Fitur Menu Wisuda, Beasiswa, dan Fitur lainya.
Dari fitur di atas ini dibagi berdasarkan fitur menu AIS UIN yang tersedia untuk saat ini, ada beberapa fitur menu kecil yang dapat masuk 1 kategori seperti fitur login, pengaturan, kalender mahasiswa, dsb. pada menu tampilan keseluruhan serta fitur mahasiswa ringan seperti menu beasiswa, dsb. pada Kategori fitur menu Beasiswa, Wisuda, dan menu lainya. Setiap kategori tampilan fitur di atas dinilai berdasarkan kriteria Usability nya, untk kriterianya bisa dilihat di bab 2.9.
Lalu menilai dengan skala likert dengan rentang 1 sampai 5. Untuk pertanyaan ganjil dan genap memiliki nada nilai yang berbeda, yang mana pertanyaan ganjil untuk pertanyaan bernada positif, sedangkan pertanyaan genap untuk pertanyaan bernada negatif.
STS: Sangat Tidak Setuju TS: Tidak Setuju
N: Netral S: Setuju
SS: Sangat Setuju
Untuk daftar pertanyaan pada kuesioner ini bisa dilihat pada bagian Lampiran, yaitu Lampiran 2.
Total pertanyaanya lebih dari 10 dan pembagianya tidak pas 10 pertanyaan. Sehingga, perhitunganya akan mengalami sedikit modifikasi dari salah satu cara dasar perhitungan SUS. Dari 10 pertanyaan, supaya bisa memeroleh total skor sebanyak 100, maka bisa menggunakan rumus seperti di bawah ini berdasarkan teori SUS yang ada di subbab (2.11.):
p*(s-1)=q -> 100/q=r 10*4=40 -> 100/40=2.5 p = jumlah pertanyaan s = skor maksimal
q = hasil jumlah pertanyaan dikali (skor maksimal-1) r= nilai untuk mengalikan menjadi skor 100.
Modifikasinya adalah sebagai berikut:
a. Perhitungan Skor SUS tiap 5 kategori fitur tampilan ini terdiri dari tiap kriteria Usability yang berbeda. Yaitu Satisfy, Learnability dan Memorability, Efficiency, and Errors, sebanyak 4 skor kriteria. Jika perhitungan hasil jawaban pertanyaan berfokus berdasarkan 4 skor kriteria Usability, maka diperoleh perumusanya sebagai berikut:
Dikalikan 6.25 sebagai patokan skor maksimal = 100.
b. Perhitungan Skor SUS seluruh fitur. Skornya terdiri dari tiap skor rata- rata desain fitur yang ditanyakan. Yaitu, skor tampilan keseluruhan, tampilan profil mahasiswa, tampilan perkuliahan mahasiswa, tampilan laporan mahasiswa, dan tampilan wisuda dan beasiswa mahasiswa. Jika perhitungan hasil SUS berfokus berdasarkan 5 kategori fitur tampilan, maka diperoleh perumusan nya seperti di bawah ini:
5*(5-1)=20 -> 100/20=5
Lalu dikalikan 5 sebagai patokan skor maksimal = 100.
Penulis menyusun skor tiap responden berdasarkan pembagian 4 kriteria Usability yang masing-masing 1 pertanyaan mewakili tiap kategori fitur yang dibahas, maka hasil akumulasi skor yang sebelumnya dikalikan 2.5 untuk menghasilkan nilai maksimal 100 diubah menjadi dikalikan 5. Modifikasi ini sesuai dengan konsep dari rumus dasar perhitungan skor SUS.
Karena total pertanyaanya lebih dari 10 dan pembagianya tidak pas 10 pertanyaan, maka perhitunganya akan mengalami sedikit modifikasi dari salah satu cara dasar perhitungan SUS. Penulis menyusun skor tiap responden berdasarkan pembagian 4 kriteria Usability yang masing-masing 1 pertanyaan mewakili tiap kategori fitur yang dibahas, maka hasil akumulasi skor yang sebelumnya dikalikan 2.5 untuk menghasilkan nilai maksimal 100 diubah menjadi dikalikan 5. Modifikasi ini sesuai dengan konsep dari rumus dasar perhitungan skor SUS.
Untuk hasil kuesionernya bisa diamati pada grafik di bawah ini:
Gambar 4. 9 Grafik hasil kuesioner tampilan AIS UIN berjalan
Grafik di atas merupakan grafik hasil kuesioner tampilan AIS UIN berjalan berdasarkan 20 pertanyaan yang disediakan oleh penulis kepada mahasiswa UIN via AIS UIN berkat kesepakatan dengan pihak pengembang PUSTIPANDA. Dari 20 pertanyaan tersebut dibagi menjadi 5 kategori per tampilan fitur dan setiap tampilan fitur memiliki pertanyaan berdasarkan kriteria Usability yang akan dinilai, yaitu: satisfy, learnability&memorability, efficiency,
& free error. Untuk penjelasan lebih detailnya bisa dilihat pada pembagian tabel dihalaman selanjutnya:
a. Grafik Skor Fitur Keseluruhan/Umum AIS UIN Jakarta
Gambar 4. 10 Grafik Fitur Keseluruhan/Umum AIS UIN Jakarta
Grafik di atas merupakan hasil kuesioner kategori pertama, yaitu Fitur Keseluruhan/Umum AIS UIN Jakarta dengan setiap pertanyaan me- wakili nilai kriteria Usability. Kriteria Satisfy memperoleh skor 52%, Learnability & Memorability memperoleh skor 45.7%, Efficiency mem- peroleh skor 54.5%, dan Free Error memperoleh skor 32.35%. Sehingga, dari keempat skor tersebut belum memenuhi rentang acceptability, di mana satisfy & efficiency masuk rentang marginal dan Learnability &
Memorability serta Free Error masuk rentang penolakan.
Gambar 4. 11 Grafik Fitur Menu Profil Mahasiswa di AIS UIN Jakarta Grafik di atas merupakan hasil kuesioner kategori ketiga, yaitu tampilan Fitur Menu Perkuliahan Mahasiswa AIS UIN Jakarta dengan se- tiap pertanyaan mewakili nilai kriteria Usability. Kriteria Satisfy mem- peroleh skor 49%, Learnability & Memorability memperoleh skor 44.7%, Efficiency memperoleh skor 56.1%, dan Free Error memperoleh skor 54%. Sehingga, dari keempat skor tersebut belum ada yang memenuhi memenuhi rentang acceptability, di mana semua kriteria pada kategori tampilan fitur ini masuk rentang penolakan.
Gambar 4. 12 Grafik Fitur Menu Perkuliahan Mahasiswa di AIS UIN Jakarta Grafik di atas merupakan hasil kuesioner kategori ketiga, yaitu tampilan Fitur Menu Perkuliahan Mahasiswa AIS UIN Jakarta dengan se- tiap pertanyaan mewakili nilai kriteria Usability. Kriteria Satisfy mem- peroleh skor 45%, Learnability & Memorability memperoleh skor 45.5%, Efficiency memperoleh skor 49.5%, dan Free Error memperoleh skor 37.2%. Sehingga, dari keempat skor tersebut belum ada yang memenuhi memenuhi rentang acceptability, di mana semua kriteria pada kategori tampilan fitur ini masuk rentang penolakan.
c. Grafik Skor Fitur Menu Perkuliahan Mahasiswa di AIS UIN Jakarta
Gambar 4. 13 Grafik Fitur Menu Laporan Mahasiswa di AIS UIN Jakarta Grafik di atas merupakan hasil kuesioner kategori keempat, yaitu tampilan Fitur Menu Laporan Mahasiswa AIS UIN Jakarta dengan setiap pertanyaan mewakili nilai kriteria Usability. Kriteria Satisfy memperoleh skor 55.1%, Learnability & Memorability memperoleh skor 46.7%, Effi- ciency memperoleh skor 52.7%, dan Free Error memperoleh skor 43.2%.
Sehingga, dari keempat skor tersebut belum memenuhi rentang accepta- bility, di mana efficiency & satisfy masuk rentang marginal dan learnabil- ity & memorability serta Free error masuk rentang penolakan.
d. Grafik Skor Fitur Menu Perkuliahan Mahasiswa di AIS UIN Jakarta
Gambar 4. 14 Grafik Fitur Beasiswa dan Wisuda Mahasiswa di AIS UIN Jakarta Grafik di atas merupakan hasil kuesioner kategori kelima, yaitu tampilan Fitur Menu Beasiswa dan Wisuda Mahasiswa AIS UIN Jakarta dengan setiap pertanyaan mewakili nilai kriteria Usability. Kriteria Satisfy memperoleh skor 51.7%, Learnability & Memorability memperoleh skor 46%, Efficiency memperoleh skor 50.8%, dan Free Error memperoleh skor 43.1%. Sehingga, dari keempat skor tersebut belum memenuhi rentang acceptability, di mana efficiency & satisfy masuk rentang mar- ginal dan learnability & memorability serta Free Error masuk rentang penolakan.
Gambar 4. 15 Grafik Skor Usability Tiap Kategori Tampilan Fitur di AIS UIN Jakarta Grafik di atas merupakan hasil kuesioner berdasarkan setiap Kat- egori Tampilan Fitur di AIS UIN Jakarta yang terdiri dari tampilan Umum/Keseluruhan, Fitur Profil Mahasiswa, Fitur Perkuliahan Maha- siswa, Fitur Laporan Mahasiswa, dan Fitur Menu Beasiswa dan Wisuda Mahasiswa AIS UIN Jakarta dengan setiap kategoti fitur memiliki 4 per- tanyaan mewakili per-nilai kriteria Usability yang sebelumnya sudah dibahas dari grafik pada gambar 4.10 sampai gambar 4.14. Kategori tampilan UI/UX pertama, tampilan umum/keseluruhan memperoleh skor sebanyak 46.1%. Kedua, UI/UX Fitur Profil Mahasiswa memperoleh skor sebanyak 51%. Ketiga, UI/UX Fitur Perkuliahan Mahasiswa memperoleh skor sebanyak 44.3%. Keempat, UI/UX Fitur Laporan Mahasiswa mem- peroleh skor sebanyak 49.4%. Dan terakhir, UI/UX Fitur Menu Beasiswa dan Wisuda Mahasiswa memperoleh skor sebanyak 48%. Sehingga, dari keempat skor tersebut belum memenuhi rentang acceptability, di mana UI/UX Fitur Profil Mahasiswa masuk rentang marginal dan 4 lainya ma- suk rentang penolakan. Untuk hasil rata-ratanya akan dibahas pada poin selanjutnya di bawah ini karena hasilnya sama.
Gambar 4. 16 Grafik Total Rata-rata Hasil Skor Usability AIS UIN Jakarta
Satisfy (%) Learn&Memo(%) Effi(%) Err(%)
RATA"
KRITERIA(%)
50.6% 45.7% 52.8% 42% 47.8%
Tabel 4. 1 Tabel Total Rata-rata Hasil Skor Usability AIS UIN Jakarta
Semakin tinggi persentase, maka semakin sedikit requirement- nya. Jika SUS Score masuk ke rentang acceptable grade A, maka kriteria sistem aman dan tidak perlu adanya pengembangan untuk saat ini. Jika hasil SUS Score sebaliknya, masuk ke rentang accept F dengan skor di bawah 60, maka diperlukan pengembangan untuk saat ini. Oleh karena itu, penulis akan menyusun kebutuhan pengguna sesuai dari hasil kuesioner di atas.
Berikutnya adalah pengumpulan kebutuhan pengguna berupa fitur &
subfitur yang akan dibuat berdasarkan yang ada pada sitem AIS UIN berjalan dan hasil kuesioner yang diadakan penulis sebelumnya berdasarkan skor kriteria Usability. Karena dari hasil kuesioner sebelumnya terbukti bahwa skor yang diperoleh belum mencapai rentan nilai acceptability/diterima, maka penulis merancang seluruh fitur tampilan AIS UIN yang ada saat ini sesuai dengan kategori fiturnya masing-masing.
No User Requirement
A. Fitur umum pada AIS UIN 1. Halaman Login
2. Halaman Home
3. Fitur Akses Antar Seluruh Menu 4. Pengaturan
5. Kalender Akademik
6. Tombol Unduh via playstore/appstore 7. Renovasi Logo AIS UIN
8. Renovasi Tampilan Antarmuka Pada Situs AIS UIN Jakarta B. Fitur Menu Profil Mahasiswa
1. Foto Profil
2. Biodata Mahasiswa
C. Fitur Menu Perkuliahan Mahasiswa 1. Perubahan Tampilan Antarmuka
2. Menu KRS
3. Menu Nilai Mahasiswa
4. Menu Status Kehadiran Mahasiswa 5. Menu Kalender Perkuliahan
6. Menu Aktivitas Perkuliahan
D. Fitur Menu Laporan Mahasiswa 1. Perubahan Tampilan Antarmuka
2. Kartu Hasil Studi
3. Indeks Prestasi Akademik 4. Nilai TOEFL & TOAFL 5. Transkrip Akademik 6. Rekapitulasi Pembayaran
E. Fitur Menu Wisuda & Beasiswa 1. Perubahan Tampilan Antarmuka
2. Daftar Beasiswa
3. Menu Ujian Skripsi Beserta Info Skripsi 4. Daftar Skripsi, Yudisium, dan Wisuda
Tabel 4. 2 Daftar Kebutuhan Pengguna untuk Pengembangan UI/UX AIS UIN Jakarta.
Pada bab ini, penulis merancang High Fidelity Prototype dengan hasil sebagai berikut:
4.7.1. Halaman Login
Gambar 4. 17 Halaman Login AIS UIN Berjalan
Gambar 4. 18 Prototipe Halaman Login
Keterangan: Wireframe halaman login merupakan halaman pertama ketika pengguna pertama kali mengakses website AIS UIN Jakarta. Tampilan/UI yang berubah adalah model tampilan UI dasar dari paduan biru langit dan putih menjadi gabungan biru langit dan nila yang diterapkan pada seluruh tampilan
yang sebelumnya pojok kanan atas dengan ukuran yang lebih kecil dengan tampilan putih polos, lalu banner prototipenya diperkecil dari sebelumnya, header berisi logo AIS dengan icon shorcut unduh playstore dan appstore, dan footer berisi tampilan logo AIS UIN dan logo UIN beserta sloganya. UI tersebut dirancang untuk memenuhi user requirement dari satisfy serta learn & memo.
Selain itu ada beberapa fitur login tambahan yang ada di AIS UIN saat ini sekaligus menjelaskan interaksi UX-nya, yaitu:
a. Reset Password
Gambar 4. 19 Prototipe Pop-up Reset Password
Halaman ketika mahasiswa lupa Password. Sistemnya masih sama seperti saat ini.
b. Pencarian Laporan Pembayaran Mahasiswa
Gambar 4. 20 Prototipe & Tampilan Berjalan Pop-up Laporan Pembayaran Mahasiswa Pengguna dapat mencari & mengunduh informasi pembayaran mahasiswa langsung dari halaman login dengan hanya mengisi NIM pengguna &
tanggal lahir. Sehingga UX-nya lebih efficiency, memorability, & free error.
c. Hover dari Panduan Login
Untuk panduan login, pengguna cukup menyentuh icon “?” dengan kursor untuk memunculkan panduanya dengan interaksi “hover”. Tujuanya agar UX-nya lebih efficiency dalam segi penempatan.
d. Icon Playstore & Appstore AIS UIN
Fitur akses unduh AIS UIN via OS Android & IOS. Selalu ada pada setiap header dari halaman AIS UIN. Posisi diubah dan ditambahkan ke header login untuk meningkatkan satisfy supaya tidak terlihat membosankan.
Gambar 4. 21 Halaman Home AIS yang berjalan
Gambar 4. 22 Prototipe Halaman Home
Keterangan: Wireframe halaman Home merupakan halaman utama ketika pengguna sudah login. Perubahanya terletak pada segi desain antarmuka dan cara mengakses menu dan pengaturanya. Untuk mengakses halaman lainya bisa menekan tombol panah di pojok kanan tengah atau tombol titik putih sebagai jalan pintas ke halaman menu paling belakang (keterangan akan muncul ketika kursor menyentuh icon titik 3 di bagian footer). Tampilanya adalah pada gambar di bawah ini beserta perbandingan dengan tombol menu pada AIS berjalan.
Gambar 4. 23 Tampilan Tombol Menu Prototipe & Berjalan
Untuk tombol menu mempunyai tampilan overlay yang berbeda dengan konsep yang lebih praktis dan sederhana. Sehingga memunculkan satisfy, learn
& memo, dan efficiency pada pengguna. Tampilanya ada di bawah sebagai berikut:
Gambar 4. 24 Tampilan Berjalan dam Prototipe Pop-up Pengaturan
Gambar 4. 25 Prototipe Halaman Utama Menu Perkuliahan
Wireframe ini merupakan halaman di mana mahasiswa mengakses segala informasi perkuliahanya di UIN Jakarta. Perbedaan wireframe dengan AIS sekarang terihat dari desainya yang lebih modern dengan model tabel 3d dan aksesibilitas yang lebih praktis, tambahan lengkap dari deskripsi UI prototipe login pada subbab 4.7.1. Sehingga memenuhi segi satisfy, learn & memo.
Mahasiswa cukup mengakses sub-fiturnya lewat box dropdown. Sehingga dapat memenuhi segi learn & memo, efficiency, dan errors. Untuk fitur-fiturnya bisa cek di gambar dropdown di bawah ini:
Gambar 4. 26 Pilihan Menu Perkuliahan Tampilan Prototipe dan Berjalan.
Ada opsi menu, sama seperti AIS saat ini. Yaitu:
Gambar 4. 27 Tampilan Prototipe KRS
Gambar 4. 28 Tampilan KRS AIS Berjalan
Menu isi KRS merupakan tempat mahasiswa memilih mata kuliah yang diikuti. Perbedaan terletak pada tampilan UI. Penjelasan ada di bab 4.7.3.
b. Penilaian
Gambar 4. 29 Tampilan Prototipe & Berjalan Menu Penilaian
Menu penilaian merupakan menu penyimpanan nilai setiap mata kuliah yang diikuti mahasiswa dalam setiap 1 semester. Perbedaan terletak pada tampilan UI. Penjelasan ada di bab 4.7.3.
c. Status Kehadiran
Gambar 4. 30 Tampilan Prototipe & Berjalan Menu Status Kehadiran
Status kehadiran adalah menu di mana mahasiswa mengecek status kehadiran dalam suatu mata kuliah. Perbedaan terletak pada kerangka dan model penampilanya yg lebih modern. Perbedaan terletak pada tampilan UI. Penjelasan ada di bab 4.7.3.
d. Kalender Perkuliahan
Gambar 4. 31 Tampilan Prototipe & Berjalan Menu Kalender Perkuliahan Kalender Perkuliahan adalah menu di mana mahasiswa menyusun jadwal kegiatanya. Perbedaan terletak pada kerangka dan tampilanya. Perbedaan terletak pada tampilan UI. Penjelasan ada di bab 4.7.3.
4.7.4. Halaman Menu Laporan Mahasiswa
Gambar 4. 32 Tampilan Prototipe & Berjalan Menu Menu Laporan Mahasiswa
perkuliahan mahasiswa yang terdiri dari: Indeks Prestasi Kumulatif, Transkrip Akademik, Rekap Pembayaran, Nilai TOEFL dan TOAFL dan Kartu Hasil Studi.
Perbedaan dengan AIS UIN saat ini adalah dari segi kerangka yang lebih sederhana dan tampilan antarmuka yang lebih modern. Sehingga dapat meningkatkan skor segi satisfy, learn & memo, efficiency, & free errors. Ada 2 fitur dalam setiap submenu, yaitu tampilkan laporanya dan cetak/print laporan tersebut. Untuk menampilkanya cukup klik tombol “tampilkan” dan laporan nya akan langsung muncul lewat overlay seperti gambar di bawah ini:
Gambar 4. 33 Contoh Tampilan dari Tampilkan di Prototipe Menu Laporan Mahasiswa
Gambar 4. 34 Isi Tampilan berjalan dari Indeks Prestasi Kumulatif
Gambar 4. 35 Tampilan Prototipe Menu Indeks Prestasi Kumulatif Subfitur untuk melihat nilai indeks prestasi mahasiswa. Untuk memenuhi efficiency, learn memo, satisfy, & free error.
Gambar 4. 36 Tampilan Berjalan Menu Transkrip Akademik
Gambar 4. 37 Tampilan Prototipe Menu Transkrip Akademik
Subfitur untuk melihat matakuliah yang pernah diikuti mahasiswa. Untuk memenuhi efficiency, learn memo, satisfy, & free error.
Gambar 4. 38 Tampilan Berjalan Menu Transkrip Akademik
Gambar 4. 39 Tampilan Prototipe Menu Rekap Pembayaran
Subfitur untuk melihat riwayat pembayaran per-semester mahasiswa.
Untuk memenuhi efficiency, learn memo, satisfy, & free error.
Gambar 4. 40 Tampilan Berjalan Menu Kartu Hasil Studi
Gambar 4. 41 Tampilan Menu Kartu Hasil Studi
Subfitur untuk melihat nilai indeks prestasi per-semester mahasiswa.
Untuk memenuhi efficiency satisfy, & free error.
e. Nilai TOEFL dan TOAFL
Gambar 4. 42 Tampilan Prototipe Menu Nilai TOEFL dan TOAFL Subfitur untuk melihat TOEFL dan TOAFL mahasiswa. Untuk memenuhi efficiency satisfy, & free error.
Gambar 4. 43 Tampilan Berjalan Menu Laporan Beasiswa
Gambar 4. 44 Tampilan Prototipe Menu Laporan Beasiswa
Wireframe ini merupakan Halaman Menu yang berisi infomasi beasiswa yang tersedia. Perbedaan terletak pada tampilan UI. Penjelasan ada di bab 4.7.3.
Ada persyaratan dan tautan untuk mendaftar. Untuk contohnya ada di gambar di bawah ini:
Gambar 4. 45 Contoh Prototipe Hover Persyaratan Beasiswa
Gambar 4. 46 Menu Profil Mahasiswa
Menu profil mahasiswa tersebut cukup lebih sederhana dengan tampilan yang lebih modern dari yang sekarang. Serta scroll yang hanya menerapkan 1 panel. Sehingga lebih satisfy, efficiency, dan learn & memo.
Gambar 4. 47 Menu Kalender Mahasiswa
Menu umum untuk melihat jadwal kegiatan untuk satu kampus.
Perbedaanya terletak pada segi tampilan antarmuka dan kerangkanya. Penjelasan ada di 4.7.3.
4.7.8. Menu Wisuda Mahasiswa
Gambar 4. 48 Prototipe Menu Wisuda Mahasiswa
Menu wisuda mahasiswa adalah menu di mana mahasiswa melakukan pendaftaran wisuda beserta dengan fitur tempat menyimpan informasi dari kegiatan tugas akhir masing-masing mahasiswa. Perbedaan terletak pada tampilan UI dengan penjelasan lengkapnya Penjelasan ada di 4.7.3. Kemudian fitur memilih submenu dari hover untuk meningkatkan nilai satisfy, learn &
memo, efficiency, dan free error. Penjelasan ada di 4.7.3.
Gambar 4. 49 Tampilan Pilihan Menu Wisuda Mahasiswa Prototipe dan Berjalan
Gambar 4. 50 Tampilan Berjalan dan Prototipe Menu Skripsi/Tesis
Subfitur dari menu wisuda yang berisi tentang informasi skripsi mahasiswa. Perbedaan terletak pada tampilan UI. Penjelasan ada di 4.7.3.
Gambar 4. 51 Tampilan Berjalan dan Prototipe
Subfitur dari menu wisuda yang digunakan untuk mendaftarkan diri dalam sidang tugas akhir dan mengecek status sidang mahasiswa. Perbedaan terletak pada tampilan UI. Penjelasan ada di bab 4.7.3
Gambar 4. 52 Tampilan Prototipe dan Berjalan Menu Daftar Wisuda
Subfitur dari menu wisuda yang digunakan untuk mendaftarkan diri dalam wisuda dan mengecek status wisuda mahasiswa. Perbedaan terletak pada tampilan UI. Penjelasan ada di 4.7.3.
d. Daftar Yusidium
Gambar 4. 53 Tampilan Prototipe dan Berjalan Menu Daftar Yusidium
dalam yudisium dan mengecek status yudisium mahasiswa. Perbedaan terletak pada tampilan UI. Penjelasan ada di 4.7.3.
e. Ujian Skripsi
Gambar 4. 54 Tampilan Prototipe dan Berjalan Menu Ujian Skripsi
Subfitur dari menu wisuda yang digunakan untuk mengecek keterangan ujian skripsi yang diikuti mahasiswa. Perbedaan terletak pada tampilan UI.
Penjelasan ada di 4.7.3.
Evaluasi desain menurut penulis berdasarkan kebutuhan pengguna/user requirements akan disusun dengan memberikan checklist “yes/no” untuk memastikan apakah desain sudah sesuai dengan user requirement atau tidaknya:
No User Requirement Yes/No Keterangan
A. Fitur umum pada AIS UIN
1. Halaman Login Yes Requirement Terpenuhi
2. Halaman Home Yes Requirement Terpenuhi
3. Fitur Akses Antar Seluruh Menu Yes Requirement Terpenuhi
4. Pengaturan Yes Requirement Terpenuhi
5. Kalender Akademik Yes Requirement Terpenuhi
6. Tombol Unduh via Playstore/Appstore
Yes Requirement Terpenuhi
7. Renovasi Logo AIS UIN Yes Requirement Terpenuhi
8. Renovasi Tampilan Antarmuka pada Situs AIS UIN Jakarta
Yes Requirement Terpenuhi B. Fitur Menu Profil
Mahasiswa
1. Foto Profil Yes Requirement Terpenuhi
2. Biodata Mahasiswa Yes Requirement Terpenuhi
C. Fitur Menu Perkuliahan Mahasiswa
1. Perubahan Tampilan Antarmuka Yes Requirement Terpenuhi
2. Menu KRS Yes Requirement Terpenuhi
3. Menu Nilai Mahasiswa Yes Requirement Terpenuhi
Evaluate Design Against Requirement
Tahap ini adalah tahap evaluasi terhadap rancangan prototipe yang
dibuat
Evaluasi dengan metode SUS
Mendapatkan nilai
Gambar 4. 55 Flow tahap Evaluate Design Against Requirement
5. Menu Kalender Perkuliahan Yes Requirement Terpenuhi
6. Menu Aktivitas Perkuliahan Yes Requirement Terpenuhi
D. Fitur Menu Laporan Mahasiswa
1. Perubahan Tampilan Antarmuka Yes Requirement Terpenuhi
2. Kartu Hasil Studi Yes Requirement Terpenuhi
3. Indeks Prestasi Akademik Yes Requirement Terpenuhi
4. Nilai TOEFL & TOAFL Yes Requirement Terpenuhi
5. Transkrip Akademik Yes Requirement Terpenuhi
6. Rekapitulasi Pembayaran Yes Requirement Terpenuhi
E. Fitur Menu Wisuda &
Beasiswa
1. Perubahan Tampilan Antarmuka Yes Requirement Terpenuhi
2. Daftar Beasiswa Yes Requirement Terpenuhi
3. Menu Ujian Skripsi Beserta Info Skripsi
Yes Requirement Terpenuhi 4. Daftar Skripsi, Yudisium, dan
Wisuda
Yes Requirement Terpenuhi Tabel 4. 3 Daftar Kebutuhan Pengguna Yang Dievaluasi
Selanjutnya akan dilakukan tahapan Usability testing dengan membagikan kuesioner kedua tentang tampilan prototipe AIS ke mahasiswa yang sudah mengisi kuesioner sebelumnya beserta dengan perhitungan skor hasil yang didapatkan. Untuk detailnya akan dibahas di BAB 5.
HASIL DAN PEMBAHASAN 5.1. Perencanaan Usability Testing
Pada penelitian kali ini akan diadakan pengujian prototype dengan 50 orang responden sebelumnya. Tahap ini dilakukan dengan memberikan review prototype &
kuesioner untuk menilai prototype tersebut. Lalu hasilnya akan diolah berdasarkan perhitungan SUS. Kuesioner tersebut terdapat 20 pertanyaan yang akan dijawab responden. Untuk pembahasan lebih detail dari kuesionernya akan dilanjutkan di subbab 5.2.
5.2. Analisis Hasil Pengujian 5.2.1. Hasil Pengujian SUS
Pengujian SUS ini terdiri dari 20 pertanyaan dengan memakai skala likert untuk pilihan jawabanya Berdasarkan penelitian Santoso (Santoso, 2018), Konsep pengujian sampling dengan SUS bisa dilihat bab 2, sub-bab 2.11 pada halaman 22.
Karena jumlah pertanyaanya tidak pas sebanyak 10, perhitunganya mengalami sedikit modifikasi yang mana:
A. Akumulasi skor pertanyaan ganjil genap yang harusnya dikali 2.5 diubah karena total pertanyaan tidak pas 10.
B. Ada 2 cara perhitungan dan pilih salah satunya, yaitu:
a. Perhitungan Skor SUS tiap fitur. Skornya terdiri dari tiap kriteria Usability yang berbeda. Yaitu Satisfy, Learnability dan Memorability, Efficiency, and Errors Lalu dikalikan 6.25 sebagai faktor skor maksimal = 100.
b. Perhitungan Skor SUS seluruh fitur. Skornya terdiri dari tiap skor rata-rata desain fitur yang ditanyakan. Yaitu, skor tampilan keseluruhan, tampilan profil mahasiswa, tampilan perkuliahan mahasiswa, tampilan laporan mahasiswa, dan tampilan wisuda dan beasiswa mahasiswa. Lalu dikalikan 5 sebagai faktor skor maksimal = 100.