BAB III METODOLOGI 3.1 Metodologi Penelitian Metode Pengumpulan Metode yang digunakan dalam pengumpulan data adalah sebagai berikut:

Transkripsi

1 BAB III METODOLOGI 3.1 Metodologi Penelitian Metode Pengumpulan Metode yang digunakan dalam pengumpulan data adalah sebagai berikut: 1. Wawancara Metode wawancara digunakan untuk pengumpulan requirement dengan cara interaksi langsung dengan stakeholder terkait, perlu untuk mengidentifikasi stakeholder terlebih dahulu. Stakeholder yang diidentifikasi pada penelitian ini adalah guru di sekolah, para siswa kelas XII SMA, dan para mahasiswa tahun pertama di beberapa universitas. Setiap kelompok stakeholder diambil masing-masing sample 10 orang. Hasil wawancara akan digunakan untuk memahami dan mendalami terlebih dahulu preliminary requirement stakeholder. 2. Kuesioner Setelah didapat preliminary requirement, langkah selanjutnya adalah memvalidasinya menggunakan metode kuesioner. Kuesioner akan dibuat dan disebar ke stakeholder terkait. Sample yang akan diambil direncakan minimal 100 orang per masing-masing kelompok stakeholder. 3.2 Requirement Gathering Untuk mendapatkan requirement gathering penulis menyebarkan kuesioner secara online selama tiga bulan dengan target yaitu siswa SMA kelas 12 dan mahasiswa baru. Selain itu penulis juga melakukan wawancara dengan guru SMA. Hasil kuesioner terhadap siswa dan mahasiswa baru dapat dilihat pada Lampiran 1 dan Lampiran 2. Serta wawancara dapat dilihat pada Lampiran 3. 19

2 User Profile User Profile dapat mendiskripsikan karakteristik user, dan akan membantu proses requirement analysis. Dari hasil kuesioner dan wawancara penulis mendapatkan tiga jenis user profile, yaitu : 1. Siswa SMA Karakteristik Pengguna Umur Tabel 3. 1 User Profile Siswa SMA Pengguna Website Kisaran tahun Latar belakang pendidikan Pengguna adalah Siswa SMA kelas Mahasiswa Baru Tabel 3. 2 User Profile Mahasiswa Baru Karakteristik Pengguna Umur Latar belakang pendidikan 3. Guru Karakteristik Pengguna Jenis Kelamin Tabel 3. 3 Task Analysis Pengguna Website Kisaran tahun Pengguna adalah mahasiswa baru di beberapa universitas Pengguna Website Laki- laki dan perempuan Guru mengampu Guru mengampu kelas 10 sampai 12 SMA Kemampuan menggunakan komputer Dapat menggunakan MS.Office dan membuka website

3 21 Karakteristik Pengguna Keterbatasan fisik Pengguna Website Beberapa guru menggunakan kacamata untuk alat bantu penglihatan Task Analysis Dengan adanya task analysis maka penulis dapat menganalisis karakteristik dari task atau aktivitas yang dilakukan oleh user. Terdapat tiga user, yaitu: 1. Siswa Tabel 3. 4 Task Analysis Siswa Karakteristik Task Pengguna Website Dokumen try out yang disimpan Kebanyakan dari pengguna menyimpan soal-soal try out. Selain itu pengguna juga menyimpan hasil (jawaban soal) dan nilai try out. Kesulitan dalam menyimpan dokumen try out 42,9 % siswa atau sekitar 3 orang kesulitan dalam menyimpan dokumen try our karena kurang rapi dalam menyimpan dokumen. Selebihnya yaitu malas dalam menyimpan dokumen (28,6%), dokumen hilang (14,3%), tidak menerima dokumen dari sekolah atau bimbel (14,3%)

4 22 Karakteristik Pengguna Pengguna Website Pentingnya menyimpan dokumen try out 90,3 % atau 56 siswa beranggapan penting untuk menyimpan dokumen try out dan 9,7 % atau enam siswa mengatakan tidak penting. Kebanyakan dari mereka mengatakan bahwa menyimpan dokumen try out itu penting karena digunakan sebagai tolak ukur setiap mata pelajaran. Sebaliknya, siswa beranggapan tidak penting karena malas, ribet dan data tidak lengkap. Kekurangan dalam mata pelajaran Presentase terbanyak yaitu 36,1% kisaran 39 siswa memilih matematika sebagai mata pelajaran yang menjadi kekurangan mereka. Membutuhkan aplikasi yang mempermudah sistem perekapan Kebanyakan mahasiswa membutuhkan aplikasi yang dapat menyimpan dokumen try out secara otomatis. Mahasiswa juga membutuhkan aplikasi yang dapat melihat kelebihan dan kekurangan dalam mata pelajaran serta dapat memantau progress pada setiap try out yang sudah dilaksanakan dalam bentuk grafik.

5 23 2. Mahasiswa Tabel Task Analysis Mahasiswa Karakteristik Pengguna Dokumen try out yang disimpan Kesulitan dalam menyimpan dokumen try out Pentingnya menyimpan dokumen try out Pengguna Website Kebanyakan dari pengguna menyimpan soalsoal try out. Selain itu pengguna juga menyimpan nilai try out dan hasil (jawaban soal). 71,4 % mahasiswa atau sekitar 35 orang kesulitan dalam menyimpan dokumen try out karena kurang rapi dalam menyimpan dokumen. Selebihnya yaitu dokumen hilang (24,5%), tidak menerima dokumen dari sekolah atau bimbel (2%) dan malas dalam menyimpan dokumen (2%). 54,2 % atau 13 siswa beranggapan penting untuk menyimpan dokumen try out dan 45,8 % atau 11 siswa mengatakan tidak penting. Kebanyakan dari mereka mengatakan bahwa menyimpan dokumen try out itu penting karena digunakan sebagai tolak ukur setiap mata pelajaran. Sebaliknya, siswa beranggapan tidak penting karena ribet Kekurangan dalam mata pelajaran Presentase terbanyak yaitu 50 % kisaran 50 mahasiswa memilih matematika sebagai mata pelajaran yang menjadi kekurangan mereka.

6 24 Karakteristik Pengguna Pengguna Website Membutuhkan aplikasi yang mempermudah sistem perekapan Kebanyakan mahasiswa membutuhkan aplikasi yang dapat menyimpan dokumen try out secara otomatis. Mahasiswa juga membutuhkan aplikasi yang dapat melihat kelebihan dan kekurangan dalam mata pelajaran serta dapat memantau progress pada setiap try out yang sudah dilaksanakan dalam bentuk grafik. 3. Guru Karakteristik Pengguna Tabel 3. 6 Task Analysis Guru Pengguna Website Cara mengetahui progress siswa Kesulitan merekap hasil ujian Dari tujuh guru yang telah diwawancarai tentang cara mengetahui progress siswa, tiga guru mengetahuinya dengan melihat penguasaan materi dengan melakukan pengayaan. Tiga guru yang lain melihat dari progress nilai pada setiap try out yang dilakukan. Dan satu guru mengatakan belum mengetahui progress siswa karena belum ada alat ukurnya. Dari delapan guru yang telah diwawancarai tiga diantaranya kesulitan dalam merekap hasil ujian karena waktu yang digunakan untuk mengoreksi dan proses untuk mengetahui presentase penguasaan materi siswa lebih lama. Terkadanag guru mengalamai kesalahan pada saat

7 25 Karakteristik Pengguna Pengguna Website mengoreksi hasil try out karena siswa yang terlalu banyak. Selebihnya tidak mengalami kesulitan karena masih menggunakan Ms. Excel untuk menganalisis. mengoreksi hasil try out karena siswa yang terlalu banyak. Selebihnya tidak mengalami kesulitan karena masih menggunakan Ms. Excel untuk menganalisis. Cara merekap hasil ujian Dari delapan guru yang diwawancara lima diantaranya merekap dengan cara membuat laporan menggunakan Ms. Excel dan tiga sisanya mengoreksi hasil try out dan memberikannya pada pihak kurikulum atau pihak yang berwenang dalam merekap nilai Environment Analysis Environment Analysis merupakan tahapan dimana penulis menganalisis karakteristik dari lingkungan dari setiap user. Analisis dari environment analysis dapat dilihat pada Tabel 3.7 dan Tabel Siswa dan Mahasiswa Tabel 3. 7 Environment Analysis Siswa dan Mahasiswa Karakteristik Lingkungan Sistem pelaksanaan ujian Pengguna Website Sekolah masih menggunakan sistem try out secara offline sehingga mengharuskan siswa menyimpan dokumen try out secara manual.

8 26 2. Guru Tabel 3. 8 Environment Analysis Guru Karakteristik Lingkungan Sistem pelaksanaan try out Sistem perekapan try out Pengguna Website Sekolah masih menggunakan sistem try out secara offline sehingga mengharuskan guru mengoreksi hasil try out secara manual Sebagian guru memberikan transkrip nilai ke pihak kurikulum atau pihak yang berwenang mengenai nilai siswa untuk direkap. 3.3 Requirement Analysis Requirement Terkait Pengguna Dari user profile tersebut, dapat dikembangkan requirement sebagai berikut, yaitu: 1. Siswa dan Mahasiswa Tabel 3. 9 Requirement Terkait Pengguna Siswa dan Mahasiswa Karakteristik pengguna Kisaran tahun Requirement Antar Muka Tampilan dalam aplikasi menarik untuk dilihat dan dapat dipahami oleh golongan umur remaja 2. Guru Tabel Requirement Terkait Pengguna Guru Karakteristik pengguna Jenis kelamin laki- laki dan perempuan Requirement Antar Muka Pilihan warna pada tampilan harus netral dapat diterima oleh guru yang berjenis kelamin laki- laki maupun perempuan

9 27 Karakteristik pengguna Requirement Antar Muka Guru mengampu kelas 10 sampai 12 SMA Kemampuan komputer dapat menggunakan MS.Office dan membuka website Beberapa guru menggunakan kacamata untuk alat bantu penglihatan. Tampilan dalam aplikasi menarik untuk dilihat dan dapat dipahami oleh golongan umur dewasa. Tampilan seperti website online pada umumnya Bentuk dan ukuran Font tulisan pada tampilan dapat dilihat dan dibaca oleh guru yang mempunyai keterbatasan penglihatan Requirement Terkait Task Dari Task Analysis, dapat dikembangkan requirement sebagai berikut, yaitu: 1. Siswa dan Mahasiswa Tabel Requirement Terkait Task Siswa dan Mahasiswa Karakteristik pengguna Kebanyakan dari pengguna menyimpan soal-soal try out. Selain itu pengguna juga menyimpan hasil( jawaban soal) dan nilai try out. 42,9 % siswa atau sekitar 3 orang dan 71,4% mahasiswa atau sekitar 35 orang kesulitan dalam menyimpan dokumen try our karena kurang rapi dalam menyimpan dokumen. 28,6 % siswa dan 2% mahasiswa malas dalam menyimpan dokumen. Selain itu 14,3% siswa dan 24,5 mahasiswa merasa kesulitan karena dokumen hilang, Requirement Antar Muka Aplikasi dapat menampilkan soal dan hasil berupa jawaban dan nilai secara otomatis. Aplikasi dapat menyimpan secara otomatis dokumen- dokumen try out yang sudah dikerjakan.

10 28 Karakteristik pengguna Requirement Antar Muka serta 14,3% siswa dan 2% mahasiswa tidak menerima dokumen dari sekolah atau bimbel (14,3%) 90,3 % atau 56 siswa dan 54,2 % atau 13 mahasiswa beranggapan penting untuk menyimpan dokumen try out dan 9,7 % atau enam siswa dan 45, 8 % atau 11 mahasiswa mengatakan tidak penting. Kebanyakan dari mereka mengatakan bahwa menyimpan dokumen try out itu penting karena digunakan sebagai tolak ukur setiap mata pelajaran. Sebaliknya, siswa beranggapan tidak penting karena malas, ribet, dan data tidak lengkap. Presentase terbanyak yaitu 36,1% kisaran 39 siswa dan 50% kisaran 50 mahasiswa memilih matematika sebagai mata pelajaran yang menjadi kekurangan mereka. Mempermudah pengguna dalam melakukan try out online. Aplikasi dapat memantau progress yang dapat pula dijadikan tolak ukur setiap mata pelajaran dan mudah dalam memantau progress tersebut. Aplikasi ini hanya terbatas pada mata pelajaran matematika. Aplikasi dapat menyediakan fitur untuk melakukan try out secara online. Melihat hasil ujian dalam bentuk visual berupa grafik dan dapat melihat sesuai tag. Aplikasi dapat langsung menampilkan hasil berupa grafik keseluruhan maupun tag.

11 29 Karakteristik pengguna Requirement Antar Muka Selain itu pengguna juga dapat melihat kekurangan dan kelebihannya pada suatu mata pelajaran Aplikasi dapat mengetahui kelebihan dan kekurangannya dalam setiap mata pelajaran. 2. Guru Tabel Requirement Terkait Task Guru Karakteristik pengguna Dari delapan guru yang telah diwawancarai lima diantaranya mengatakan sangat penting dan tiga lainnya mengatakan penting dalam memantau siswa. Alasan guru memantau siswanya yaitu untuk membantu guru dalam menganalisis kemampuan siswa dn menjadi bahan evaluasi dan intropeksi dalam sistem pengajaran. Dari tujuh guru yang telah diwawancarai tentang cara mengetahui progress siswa, tiga guru mengetahuinya dengan melihat penguasaan materi dengan melakukan pengayaan. Tiga guru yang lain melihat dari progress nilai pada setiap try out yang dilakukan. Dan satu guru mengatakan belum mengetahui progress siswa karena belum ada alat ukurnya. Requirement Antar Muka Aplikasi dapat menampilkan sub bab mana yang menjadi kelebihan atau kelemahan siswa agar guru dapat mengetahui pada materi mana siswa harus diberi penguasaan lebih. Aplikasi dapat menunjukkan progress setiap siswa dalam bentuk visual berupa grafik agar guru lebih mudah memahaminya.

12 30 Karakteristik pengguna Requirement Antar Muka Dari delapan guru yang telah diwawancarai tiga diantaranya kesulitan dalam merekap hasil ujian karena waktu yang digunakan untuk mengoreksi dan proses untuk mengetahui presentase penguasaan materi siswa lebih lama. Terkadanag guru mengalamai kesalahan pada saat mengoreksi hasil try out karena siswa yang terlalu banyak. Selebihnya tidak mengalami kesulitan karena masih menggunakan Ms.Excel untuk menganalisis. Dari delapan guru yang diwawancara lima diantarana merekap dengan cara membuat laporan menggunakan Ms. Excel dan tiga sisanya mengoreksi hasil try out dan memberikannya pada pihak kurikulum atau pihak yang berwenang dalam merekap nilai. Aplikasi dapat langsung merekap hasil ujian yang dikerjakan sehingga mengurangi human error berupa kesalahan pada saat melakukan koreksi karena siswa yang terlalu banyak. Aplikasi dapat memberikan hak akses kepada guru untuk melihat rekap hasil ujian tanpa harus meminta persetujuan pihak lain Requirement Terkait Environment Dari Task Analysis, dapat dikembangkan requirement sebagai berikut, yaitu: 1. Siswa dan Mahasiswa Tabel Requirement Terkait Environment Siswa dan Mahasiswa Karakteristik pengguna Sekolah masih menggunakan sistem try out secara offline sehingga mengharuskan siswa menyimpan dokumen try out secara manual. Requirement Antar Muka Aplikasi dapat membantu siswa mengerjakan ujian secara online, sehingga siswa dapat langsung melihat hasilnya dan dapat merekap nilai maupun soal yang sudah dikerjakan secara otomatis

13 31 2. Guru Tabel Requirement Terkait Environment Guru Karakteristik pengguna Sekolah masih menggunakan sistem try out secara offline sehingga mengharuskan guru mengoreksi hasil try out secara manual Sebagian guru memberikan transkrip nilai ke pihak kurikulum atau pihak yang berwenang mengenai nilai siswa untuk direkap. Requirement Antar Muka Aplikasi dapat menyediakan fitur untuk guru agar dapat mengadakan ujian secara online, sehingga guru dapat langsung melihat hasil dari try out yang dikerjakan oleh siswa secara otomatis. Aplikasi dapat menyediakan hak akses kepada guru untuk melihat hasil rekap dari hasil try out siswa. 3.4 Requirement Specification Dari hasil requirement gathering dan requirement analysis, dapat dibuat requirement specification sebagai berikut: 1. Tampilan harus user friendly, dapat diterima oleh golongan umur remaja hingga dewasa. Dan bahasa yang digunakan umum seperti pada website try out online pada umumnya. Sehingga semua user dapat menggunakannya. 2. Aplikasi dapat digunakan oleh siswa untuk mengerjakan try out online yang sudah disediakan oleh guru. Dan sistem rekap yang dilakukan otomatis tersimpan setelah ujian selesai. 3. Aplikasi dapat membantu siswa dan guru dalam memantau progress pada setiap try out dengan menggunakan grafik nilai. 4. Siswa dapat mengerjakan try out mata pelajaran matematika. 5. Siswa dan guru dapat melihat kelebihan dan kekurangan pada mata pelajaran dengan menggunakan sistem tag yang dibagi per sub bab. 6. Siswa dan guru dapat memiliki akses sesuai hak akses yang diberikan.

14 Desain UI Use case Diagram Gambar 3. 1 Use Case Diagram

15 33 Penjelasan use case pada Gambar 3.1 adalah: A. Siswa Dalam sistem ini hal yang dapat dilakukan oleh siswa adalah sebagai berikut: 1. Mengerjakan ujian Pada sistem ini siswa dapat mengerjakan ujian yang sudah disediakan di dalam sistem saat pertama kali siswa login ke halaman utama sistem. 2. Rekap ujian Siswa dapat langsung melihat review soal yang sudah dikerjakan dan dapat melihat grafik nilai dari ujian yang dikerjakan.pada grafik ini siswa dapat melihat hasil keseluruhan maupun hasil per tag atau setiap bab dalam mata pelajaran tersebut. 3. Mengelola profil Siswa dapat mengelola profil dengan melihat profil yang berisi data diri. B. Admin Dalam sistem ini hal yang dapat dilakukan oleh admin adalah sebagai berikut: 1. Mengelola data siswa Pada sistem ini admin dapat mengelola data siswa berupa melihat, menambah, mengedit, dan menghapus data siswa. Selain itu admin juga dapat mereset password siswa dengan mengirim link pada siswa tersebut. 2. Mengelola data guru Pada sistem ini admin dapat mengelola data siswa berupa melihat, menambah, mengedit, dan menghapus data guru. Selain itu admin juga dapat reset password siswa dengan mengirim link pada guru tersebut. 3. Mengelola tag soal Pada sistem ini admin dapat mengelola tag soal berupa melihat, menambah, mengedit, dan menghapus tag. C. Guru Dalam sistem ini hal yang dpat dilakukan oleh guru adalah sebagai berikut: 1. Mengelola profil Guru dapat mengelola profil dengan melihat profil yang berisi data diri. 2. Mengelola soal

16 34 Guru dapat memasukkan, mengedit, dan menghapus soal sesuai dengan kebutuhan ujian yang akan dilaksanakan 3. Mengelola ujian Guru dapat melihat detail ujian, menambah dan mengedit ujian yang akan dilaksanakan. 4. Rekap ujian Guru dapat melihat langsung hasil ujian siswanya Flowchart 1. Login siswa dan guru Gambar 3. 2 Flowchart Login Guru dan Siswa Untuk dapat mengakses website siswa dan guru harus melakukan login terlebih dahulu. Pada saat melakukan login, siswa dan guru

17 35 memasukkan dan password yang sudah diberikan. Apabila berhasil maka user dapat masuk kedalam website. Jika user gagal pada saat melakukan login maka dapat melakukannya lagi sampai berhasil, namun apabila user lupa password, mereka dapat menghubungi admin untuk mereset password. Kemudian admin memberikan link yang akan dikirim melalui , dan user dapat mengubah password tanpa diketahui pihak lain dengan membuka link tersebut. Setelah itu user dapat melakukan login dan masuk kedalam website. 2. Login Admin Gambar 3. 3 Login Admin Untuk dapat mengakses website guru harus melakukan login terlebih dahulu. Pada saat melakukan login, admin memasukkan dan password yang sudah diberikan. Apabila berhasil maka user dapat masuk

18 36 kedalam website. Jika admin gagal pada saat melakukan login maka dapat melakukannya lagi sampai berhasil, namun apabila admin lupa password, mereka dapat melakukan reset password. Kemudian admin memberikan link yang akan dikirim melalui , dan admin dapat mengubah password tanpa diketahui pihak lain dengan membuka link tersebut. Setelah itu admin dapat melakukan login dan masuk kedalam website. 3. Registrasi Gambar 3. 4 Flowchart Registrasi

19 37 Registrasi ini dilakukan oleh admin. Pada saat membuka website admin melakukan login terlebih dahulu, apabila berhasil maka akan muncul tampilan utama website. Namun apabila gagal maka admin harus mengulangi proses tersebut sampai berhasil. Setelah masuk ke halaman utama website, admin dapat langsung menekan tombol registrasi. Ketika muncul tampilan registrasi maka admin mengisi form tersebut sesuai dengan data yang diberikan, jika berhasil maka proses registrasi telah selesai. Apabila gagal maka admin harus mengisi ulang form registrasi tersebut sampai verifikasi sesuai sehingga data dapat tersimpan. 4. Rekap oleh siswa Gambar 3. 5 Rekap Oleh Siswa Setelah membuka website siswa terlebih dahulu melakukan login apabila berhasil maka siswa dapat langsung menekan tombol review ujian yang sudah dikejakan, tetapi apabila gagal maka siswa harus mengulang proses login sampai berhasil. Pada saat review ujian, siswa dapat melihat

20 38 dalam bentuk grafik baik itu keseluruhan materi ataupun materi- materi tertentu sesuai dengan tag dalam mata pelajaran tersebut. 5. Rekap oleh guru Gambar 3. 6 Rekap Oleh Guru Pada saat guru membuka website maka akan muncul tampilan login. Pada menu ini guru mengisi dan password, apabila berhasil maka akan masuk ke tampilan dashboard tetapi apabila gagal maka harus mengulang login sampai berhasil. Setelah berhasil, guru dapat langsung menekan tombol review ujian dan akan muncul rekap data ujian yang sudah dilaksanakan.

21 39 6. Mengelola soal Gambar 3. 7 Mengelola Soal Oleh Guru Guru melakukan login terlebih dahulu, jika berhasil maka akan menampilkan dashboard, apabila gagal maka guru harus mengulanginya sampai berhasil. Setelah masuk ke dashboard maka Guru dapat mengedit soal dengan menekan tombol lihat detail. Pada saat menekan tombol lihat detail maka guru dapat menambah, mengedit, atau mendelete soal sesuai yang dibutuhkan. Setelah itu guru dapat menyimpannya.

22 Prototyping Rancangan Halaman Login Rancangan antarmuka ini merupakan halaman validasi dan password yang berfungsi untuk melakukan login kedalam aplikasi. Admin, Guru, dan Siswa melakukan login dengan menggunakan halaman yang sama. Namun, setelah berhasil login kedalam aplikasi, masing masing pengguna akan diarahkan ke halaman dashboard yang sesuai dengan role atau perannya. Gambaran rancangan antarmuka halaman ini dapat dilihat pada Gambar 3.8. Gambar 3. 8 Rancangan Antarmuka Halaman Login Rancangan Halaman Dashboard Admin Rancangan antarmuka ini merupakan halaman dashboard yang akan tampil apabila pengguna yang login berperan sebagai admin. Pada halaman ini terdapat fitur fitur yang dapat digunakan oleh admin dalam melakukan pengelolaan data. Terdapat empat fitur utama pada halaman ini, yaitu: Pengguna, untuk mengelola data pengguna seperti guru dan siswa. Tag, untuk mengelola tag yang akan digunakan. Reset Password, untuk reset password user yang lupa password. Gambaran rancangan antarmuka halaman ini dapat dilihat pada Gambar 3.9.

23 41 Nama Sekolah (label) Hello Admin (label) Pengguna (button) Tag (button) Reset Password (button) Gambar 3. 9 Rancangan Antarmuka Halaman Dashboard Rancangan Antarmuka Halaman Pengguna Rancangan antarmuka ini merupakan halaman yang berisi daftar semua pengguna. Pada halaman ini terdapat kolom untuk melakukan search yang memudahkan admin dalam mencari data pengguna. Halaman ini juga dilengkapi dengan fitur sorting dan paging. Fitur sorting dapat digunakan admin untuk mengurutkan data dari yang terkecil sampai terbesar, atau mengurutkan sesuai abjad. Admin juga dapat mengatur jumlah data yang ingin ditampilkan pada setiap halaman. Gambaran rancangan antarmuka halaman ini dapat dilihat pada Gambar 3.10.

24 42 Gambar Rancangan Antarmuka Halaman Pengguna Rancangan Antarmuka Tag Salah satu fitur unggulan aplikasi ini adalah melakukan pemetaan berbasis tag terhadap soal ujian, sehingga diperlukan berbagai macam tag yang berkaitan dengan soal ujian. Tugas admin adalah mengelola tag yang digunakan. Rancangan antarmuka ini merupakan halaman Daftar Tag, pada halaman ini terdapat daftar semua tag yang digunakan pada aplikasi. Seperti halaman Daftar Siswa dan Daftar Guru, halaman ini juga dilengkapi dengan fitur search, sorting, dan paging. Gambaran rancangan antarmuka halaman ini dapat dilihat pada Gambar 3.11.

25 43 Gambar Rancangan Antarmuka Halaman Tag Rancanagn Antarmuka Reset Password. Apabila siswa atau guru mengalami lupa password sehingga tidak bisa login, maka siswa atau guru tersebut harus melaporkannya kepada admin. Admin akan mengirimkan link untuk reset password ke alamat pengguna tersebut. Pada halaman ini, terdpat kolom yang akan digunakan admin untuk memasukkan alamat pengguna. Gambaran rancangan antarmuka halaman ini an Anda (labeldapat dilihat pada Gambar Nama Sekolah (label) Pengguna (label) Tag (label Reset Password (label) Hello Admin Lupa Password? Masukk) (Label) Kolom Reset (Button) Gambar Rancangan Antarmuka Halaman Reset Password

26 Rancangan Antarmuka Daftar Profil Guru Rancangan antarmuka ini merupakan halaman Daftar Profil Guru yang berisi daftar semua guru yang menggunakan aplikasi. Pada halaman ini terdapat fitur search, sorting, dan paging. Pada halaman ini juga terdapat tombol Tambah Guru, yang akan mengarahkan admin ke halaman tambah guru, tombol Edit untuk mengarahkan kehalaman edit guru, Detail untuk melihat informasi guru yang lebih lengkap, dan tombol Hapus untuk menghapus guru. Gambaran rancangan antarmuka halaman ini dapat dilihat pada Gambar Nama Sekolah (logo) Pengguna (label) Tag (label) Reset Password (label) Hello Admin (label) Daftar Pengguna (Button) Daftar Profil Guru (Button) Daftar Profil Siswa (Button) Tambah Guru (label, icon) Show (Labe Kolom Angka Entries (Label) Search (Label) Kolom Search Nama Guru (Label) MataPelajaran (Label) Sekolah (Label) Edit (Label) Detail( Label) Hapus( Label) Previous (Label) Next (Label) Gambar Rancangan Antarmuka Halaman Daftar Profil Guru Rancangan Antarmuka Daftar Profil Siswa Rancangan antarmuka ini merupakan halaman Daftar Siswa yang berisi daftar semua siswa yang menggunakan aplikasi. Pada halaman ini terdapat kolom untuk melakukan search yang memudahkan admin dalam mencari data siswa. Halaman daftar siswa juga dilengkapi dengan fitur sorting dan paging. Fitur sorting dapat digunakan admin untuk mengurutkan data dari yang terkecil sampai terbesar, atau mengurutkan sesuai abjad. Admin juga dapat mengatur jumlah data yang ingin ditampilkan pada setiap halaman. Pada halaman ini juga

27 45 terdapat tombol Tambah Siswa yang akan mengarahkan admin ke halaman tambah siswa. Gambaran rancangan antarmuka halaman ini dapat dilihat pada Gambar Nama Sekolah (label) Pengguna (label) Tag (label) Reset Password (label) Hello Admin (label) Daftar Pengguna (Button) Daftar Profil Guru (Button) Daftar Profil Siswa (Button) Tambah Siswa (label, icon) Show (Labe l) Kolom Angka Entries (Label) Search (Label) Kolom Search Nama Siswa (Label) Sekolah (Label) Kelas (Label) Edit (Label) Detail( Label) Hapus( Label) Hapus (Label) Previous (Label) Next (Label) Gambar Rancangan Antarmuka Halaman Daftar Profil Siswa Rancangan Antarmuka Halaman Tambah Admin Halaman Tambah Admin merupakan halaman yang digunakan untuk mendaftarkan admin baru. Pada halaman ini, admin harus mengisi data-data seperti: , Password, dan Konfirmasi Password agar dapat mendaftarkan admin. Gambaran rancangan antarmuka halaman ini dapat dilihat pada Gambar 3.15

28 46 Gambar Rancangan Antarmuka Halaman Tambah Admin Rancangan Antarmuka Halaman Tambah Guru Halaman Tambah Guru merupakan halaman yang digunakan admin untuk melakukan registrasi guru baru. Pada halaman ini terdapat data data yang harus diisi oleh admin untuk dapat melakukan registrasi. Data-data yang telah diisikan akan ditampilkan pada profil guru. Gambaran rancangan antarmuka halaman ini dapat dilihat pada Gambar Gambar Rancangan Antarmuka Halaman Tambah Guru

29 Rancangan Antarmuka Halaman Tambah Siswa Halaman Tambah Siswa merupakan halaman yang digunakan admin untuk melakukan registrasi terhadap siswa. Pada halaman ini terdapat data data yang harus diisi oleh admin untuk dapat melakukan registrasi. Data-data yang telah diisikan akan ditampilkan pada profil siswa. Gambaran rancangan antarmuka halaman ini dapat dilihat pada Gambar Gambar Rancangan Antarmuka Halaman Tambah Siswa Rancangan Antarmuka Halaman Edit Profil Guru Halaman Edit Profil Guru digunakan oleh admin untuk memperbaharui data profil guru yang sudah terdaftar. Setelah memperbaharui data guru, admin dapat menyimpan data tersebut dengan menekan tombol Edit. Gambaran rancangan antarmuka halaman ini dapat dilihat pada Gambar 3.18.

30 48 Gambar Rancangan Antarmuka Halaman Edit Profil Guru Rancangan Antarmuka Halaman Edit Profil Siswa Halaman Edit Profil Siswa digunakan oleh admin untuk memperbaharui data profil siswa yang sudah terdaftar. Setelah memperbaharui data siswa, admin dapat menyimpan data tersebut dengan menekan tombol Edit. Gambaran rancangan antarmuka halaman ini dapat dilihat pada Gambar Gambar Rancangan Antarmuka Halaman Edit Profil Siswa

31 Rancangan Antarmuka Halaman Detail Guru. Pada Halaman Detail Guru, akan ditampilkan data profil yang lebih lengkap dari guru yang sudah terdaftar. Gambaran rancangan antarmuka halaman ini dapat dilihat pada Gambar Gambar Rancangan Antarmuka Halaman Detail Guru Rancangan Antarmuka Halaman Detail Siswa Pada halaman Detail Siswa akan ditampilkan data profil yang lebih lengkap dari siswa yang sudah terdaftar. Gambaran rancangan antarmuka halaman ini dapat dilihat pada Gambar Gambar Rancangan Antarmuka Halaman Detail Siswa

32 Rancangan Antarmuka Halaman Hapus Guru Pada halaman Hapus Guru admin dapat menghapus data guru yang tidak lagi menggunakan aplikasi. Gambaran rancangan antarmuka halaman ini dapat dilihat pada Gambar Gambar Rancangan Antarmuka Halaman Delete Guru Rancangan Antarmuka Halaman Hapus Siswa. Aplikasi ini hanya digunakan oleh siswa kelas XII SMA, sehingga data siswa selalu berubah setiap tahunnya. Rancangan antarmuka ini merupakan halaman Delete yang berfungsi untuk menghapus data siswa yang tidak lagi menggunakan aplikasi. Gambaran rancangan antarmuka halaman ini dapat dilihat pada Gambar Gambar Rancangan Antarmuka Halaman Delete Siswa

33 Rancangan Antarmuka Halaman Tambah Tag Rancangan antarmuka ini adalah halaman Tambah Tag. Pada halaman ini, admin harus memasukkan nama tag dan tanggal diunggahnya tag. Apabila menekan tombol back to list maka akan kembali ke halaman sebelumnya. Gambaran rancangan antarmuka halaman ini dapat dilihat pada Gambar 24. Gambar Rancangan Antarmuka Halaman Tambah Tag Rancangan Antarmuka Halaman Edit Tag Sama halnya dengan halaman Edit Siswa dan Edit Guru, halaman ini digunakan oleh admin untuk memperbaharui tag yang sudah terdaftar. Gambaran rancangan antarmuka halaman ini dapat dilihat pada Gambar Gambar Rancangan Antarmuka Halaman Edit Tag

34 Rancangan Antarmuka Halaman Hapus Tag Halaman ini akan muncul saat pengguna menekan tombol hapus pada halaman daftar tag. Pada halaman ini admin dapat menghapus tag yang tidak lagi digunakan. Gambaran rancangan antarmuka halaman ini dapat dilihat pada Gambar Gambar Rancangan Antarmuka Halaman Hapus Tag Halaman Dashboard Guru Halaman ini merupakan halaman dashboard yang akan tampil apabila pengguna yang login berperan sebagai guru. Pada halaman ini terdapat fitur yang dapat digunakan guru seperti : a. Profil, pada saat pertama kali membuka dashboard guru maka user dapat melihat profil yang berisi data pribadi. b. Ujian, Fitur ini akan menghubungkan guru ke halaman ujian sehingga guru dapat menyediakan ujian untuk siswa. c. Rekap Ujian, fitur ini akan menampilkan rekap ujian secara keseluruhan. d. Rekap Tag, fitur ini akan menampilkan rekap ujian sesuai dengan tag atau bab.

35 53 Gambaran rancangan antarmuka halaman ini dapat dilihat pada Gambar Gambar Halaman Dashboard Guru Halaman Dashboard Siswa Halaman ini merupakan halaman dashboard yang akan tampil apabila pengguna yang login berperan sebagai siswa. Berikut ini adalah keterangan dari Gambar a. Profil, pada saat pertama kali membuka dashboard siswa maka user dapat melihat profil yang berisi data pribadi. b. Ujian, Fitur ini akan menghubungkan siswa ke halaman ujian sehingga siswa dapat melakukan ujian yang sudah disediakan. c. Rekap Ujian, fitur ini akan menampilkan rekap ujian secara keseluruhan. d. Rekap Tag, fitur ini akan menampilkan rekap ujian sesuai dengan tag atau bab.

36 54 Gambar Halaman Dashboard Siswa Rancangan Antarmuka Halaman Ujian Pada Guru Halaman ini muncul ketika guru menekan menu Ujian pada halaman Dashboard. Pada halaman ini terdapat profil dan daftar ujian yang akan dilaksanakan maupun yang telah dilaksanakan. Apabila guru ingin melihat detail dari ujian tersebut maka mereka dapat menekan tombol Lihat Detail. Gambaran rancangan antarmuka halaman ini dapat dilihat pada Gambar 3.29 Gambar Rancangan Antarmuka Halaman Ujian Pada Guru

37 Rancangan Antarmuka Halaman Detail Ujian Pada Guru Halaman ini muncul ketika guru menekan tombol Lihat Detail pada halaman sebelumnya. Pada menu ini guru dapat melihat detail ujian berupa pelaksana ujian, kunci masuk, tanggal dibuat, tanggal mulai, batas attempt, dan durasi pengerjaan. Selain itu guru juga dapat memperbaharui dan menghapus ujian yang sudah dibuat sebelumnya. Di halaman ini guru juga dapat mengatur peserta ujian dengan menekan tulisan Peserta Ujian.Apabila ingin menambah soal maka guru dapat menekan tombol tambah Soal.Untuk menambahkan soal guru dapat menambahkan dengan menekan tambah pada bank soal, maka soal akan masuk ke dalam pertanyaan. Guru juga dapat mengubah urutan dan menghapus pertanyaan. Gambaran rancangan antarmuka halaman ini dapat dilihat pada Gambar Gambar Rancangan Antarmuka Halaman Detail Ujian Pada Guru Rancangan Antarmuka Halaman Peserta Ujian Halaman ini muncul ketika guru menekan tombol peserta ujian pada halaman sebelumnya.pada halaman ini guru dapat mengatur siapa saja peserta yang dapat mengikuti ujian dengan mengisi kolom tambah peserta. Gambaran rancangan antarmuka halaman ini dapat dilihat pada Gambar 3.31.

38 56 Gambar Rancangan Antarmuka Halaman Peserta Ujian Rancangan Antarmuka Halaman Perbarui Ujian Halaman ini muncul ketika guru menakan tombol Perbarui Ujian pada halaman sebelumnya. Pada halaman ini guru dapat memperbarui isi dari ujian tersebut dengan menekan tombol Perbarui Data. Apabila guru ingin membatalkannya maka dia daat menekan tombol batal dan kembali ke halaman sebelumnya. Gambaran rancangan antarmuka halaman ini dapat dilihat pada Gambar Gambar Rancangan Antarmuka Halaman Perbarui Ujian

39 Rancangan Antarmuka Halaman Hapus Ujian Halaman ini muncul ketika guru menekan tombol Hapus Ujian pada meu sebelumnya. Pada Halaman ini guru dapat menghapus ujian yang mungkin sudah tidak dilaksanakan lagi. Gambaran rancangan antarmuka halaman ini dapat dilihat pada Gambar Gambar Rancangan Antarmuka Halaman Hapus Ujian Rancangan Antarmuka Halaman Tambah Ujian Pada halaman ini guru dapat membuat ujian baru dengan mengisi beberapa data seperti mata pelajaran, kunci masuk, waktu mulai ujian, bantas ambil ujian, dan durasi pengerjaan. Apabila ingin membuat ujian amak guru dapat menekan tombol simpan. Gambaran rancangan antarmuka halaman ini dapat dilihat pada Gambar 3.34.

40 58 Gambar Rancangan Antarmuka Halaman Tambah Ujian Rancangan Antarmuka Halaman Tambah Soal Untuk menambah soal guru harus mengisi pertanyaan dan jawaban pada kolom yang sudah disiapkan. Apabila ingin menympannya makan tekan tombol simpan. Gambaran rancangan antarmuka halaman ini dapat dilihat pada Gambar Gambar Rancangan Antarmuka Halaman Tambah Soal

41 Rancangan Antarmuka Halaman Ujian Siswa Halaman ini muncul ketika siswa menekan menu Ujian pada Dashboard. Pada halaman ini terdapat profil siswa yang berisi data siswa tersebut dan dapat mengikuti ujian dengan menekan tombol Partisipasi. Gambaran rancangan antarmuka halaman ini dapat dilihat pada Gambar Gambar Rancangan Antarmuka Halaman Ujian Siswa Rancangan Antarmuka Halaman Clipboard Halaman ini bertingkah sebagai papan jalan yang menahan lembar soal siswa saat ujian. Pada halaman ini siswa mengerjakan soal-soal ujian yang dimasukkan guru pada halaman Detail Ujian. Terdapat empat tombol primer pada halaman ini yakni tombol Tinjau Pekerjaan, Back, Next, Finish. Berikut ini rancangan terkait halaman yang dimaksud:

42 60 Gambar Rancangan Antarmuka Halaman Clipboard Rancangan Antarmuka Halaman Tinjau Pekerjaan Dalam popup ini siswa dapat melihat tombol-tombol berisikan nomor soal dengan warna hijau sebagai penanda bahwa soal tersebut sudah diisi dan warna putih jika belum. Saat menekan tombol-tombol tersebut maka siswa akan berpindah ke soal sesuai dengan nomor yang ditekan. Gambar 3.38 merupakan rancangan antarmuka popup Tinjau Pekerjaan: Gambar Rancangan Antarmuka Halaman Tinjau Pekerjaan

43 Rancangan Antarmuka Halaman Enrolment Siswa Saat menekan tombol partisipasi ada halaman sebelumnya maka akan muncul halaman seperti ini. Disini siswa wajib memasukkan enrolment key sesuai dengan apa yang diberikan oleh guru. Gambaran rancangan antarmuka halaman ini dapat dilihat pada Gambar Gambar Rancangan Antarmuka Halaman Enrolment Siswa Rancangan Antarmuka Halaman Rekap Tag Siswa Halaman ini akan muncul ketika siswa menekan menu Rekap tag. Pada menu ini siswa dapat melihat grafik hasil ujian dan dapat dipilih sesuai dengan tag. Pada halaman ini siswa juga dapat melihat mata pelajaran mana yang menjadi kelebihan dan kelemahan berdasarkan tag. Sehingga siswa dapat memantau progress pada setiap try out yang sudah dikerjakan. Gambaran rancangan antarmuka halaman ini dapat dilihat pada Gambar 3.40.

44 62 Gambar Rancangan Antarmuka Halaman Rekap Tag Siswa Rancangan Antarmuka Halaman Rekap Soal Siswa Halaman ini muncul ketika menekan grafik pada halaman sebelumnya. Pada halaman ini siswa dapat melihat semua soal dan memilih kategorinya berdasarkan soal yang benar atau soal yang salah. Gambaran rancangan antarmuka halaman ini dapat dilihat pada Gambar Gambar Rancangan Antarmuka Halaman Rekap Soal

45 Rancangan Antarmuka Halaman Rekap Tag Guru Halaman ini akan muncul ketika guru menekan menu Rekap tag. Pada menu ini guru dapat melihat grafik hasil ujian dan dapat dipilih sesuai dengan tag, kelas, dan siswa. Pada halaman ini guru juga dapat melihat ranking siswa dan tag. Apabila guru ingin mencetak laporan, maka guru dapat menklik Print. Selain itu guru juga dapat mengganti standar nilai dengan menklik Edit Standar Nilai. Gambaran rancangan antarmuka halaman ini dapat dilihat pada Gambar Gambar Rancangan Antarmuka Halaman Rekap Tag Guru Rancangan Antarmuka Halaman Rekap Soal Guru Halaman ini muncul ketika menekan grafik pada halaman sebelumnya. Pada halaman ini guru dapat melihat semua soal. Gambaran rancangan antarmuka halaman ini dapat dilihat pada Gambar 3.43.

46 64 Gambar Rancangan Antarmuka Halaman Rekap Soal Guru Rancangan Antarmuka Halaman Edit Standar Nilai Halaman ini muncul ketika guru menekan menu Edit Standar Nilai. Pada halaman ini guru dapat mengedit standar nilai kuat dan nilai lemah. Gambaran rancangan antarmuka halaman ini dapat dilihat pada Gambar Gambar Rancangan Antarmuka Halaman Edit Standar Nilai

47 Rancangan Antarmuka Halaman Rekap Ujian Guru Halaman ini muncul ketika guru menekan menu rekap try out. Pada halaman ini guru dapat melihat hasil dari ujian yang sudah diadakan dengan memilih bab, kelas, dan nama yang kemudian hasilnya akan ditampilkan pada grafik. Pada kolom hasil akan menampilkan bab apa saja yang menjadi kelemahan atau kelebihan siswa. Gambaran rancangan antarmuka halaman ini dapat dilihat pada Gambar Gambar Rancangan Antarmuka Halaman Rekap Ujian Guru Rancangan Antarmuka Halaman Rekap Ujian Siswa Pada Halaman ini sisswa dapat melihat kelebihan dan kekurangannya pada bab apa dan akan ditampilkan pada kolom hasil gambaran rancangan antarmuka halaman ini dapat dilihat pada Gambar 3.46.

48 66 Gambar Rancangan Antarmuka Halaman Rekap Ujian Siswa Rancangan Antarmuka Halaman Review Ujian Pada Halaman ini siswa dan guru dapat melihat soal ujian dan jawaban yang sudah dikerjakan gambaran rancangan antarmuka halaman ini dapat dilihat pada Gambar Gambar Rancangan Antarmuka Halaman Rekap Ujian Siswa