1. Judul Penelitian Perancangan Aplikasi Beasiswa Binterbusih berbasis

(1)

9

1. Judul Penelitian

Perancangan Aplikasi Beasiswa Binterbusih berbasis Android untuk Mahasiswa dan Pelajar.

2. Gambaran Aplikasi 2.1 Latar Belakang

Yayasan Bina Teruna Indonesia Bumi Cenderawasih atau yang disingkat dengan BINTERBUSIH telah berkiprah sejak berdirinya tanggal 12 Januari 1988, sebagai suatu Yayasan yang bersifat sosial edukatif, independen terhadap semua kelompok politik, ekonomi, sosial, budaya yang ada serta tak bernaung di bawah ideologi politik manapun. Perhatian terhadap pendidikan dan pengembangan Sumber Daya Manusia masyarakat asli Papua sudah dimulai oleh Zending Protestan dan misionaris Katholik. Sekolah berasrama sebagai tempat pembentukan diri terbukti nyata melahirkan tokoh-tokoh Papua yang berkualitas. Misi tersebut dilanjutkan oleh Yayasan BINTERBUSIH yang berkedudukan di Jakarta [1].

Sebelumnya Yayasan belum memiliki program beasiswa, alasan dibuatnya program beasiswa untuk membantu pelajar Papua yang tidak mampu serta tidak mempunyai kesempatan mendapatkan beasiswa melalui dana sosial karitatif yang disediakan oleh Yayasan. Maka dari itu Yayasan membutuhkan sebuah sistem untuk mengolah data-data para peserta beasiswa nantinya.

Yayasan menginginkan sistem berbasis Android, pemilihan aplikasi berbasis Android karena Android adalah sistem operasi dengan sumber terbuka, dan bersifat open source code. Karena sifatnya yang open source code sehingga memudahkan para pengembang untuk menciptakan dan memodifikasi aplikasi atau fitur-fitur yang belum ada di sistem operasi Android sesuai dengan keinginan mereka sendiri.

(2)

10 Aplikasi ini diharapkan dapat berguna untuk Yayasan Binterbusih dalam mengolah data-data para peserta Beasiswa serta mempermudah penggunanya dalam menggunakan aplikasi ini. Pengguna akan mendapatkan notifikasi melalui Firebase Cloud Messaging mengenai pemberitahuan seleksi beasiswa yang telah diikuti oleh pengguna yang mendaftar beasiswa di Yayasan Binterbusih. Alasan menggunakan Firebase Cloud Messaging karena tersedia versi gratis, tampilan antarmukanya ramah pengguna sehingga mudah untuk digunakan, dan bisa digunakan dengan aplikasi Android. Aplikasi ini dibangun menggunakan bahasa pemrograman Java dengan framework React Native, database MySQL, dan webserver Codeigniter 3.

2.2 Deskripsi Singkat Aplikasi

Aplikasi Beasiswa Binterbusih dibuat menggunakan bahasa pemrograman Java dengan framework React Native. React Native adalah sebuah kerangka kerja yang membantu pengembang dalam membangun aplikasi mobile menggunakan Javascript tanpa mengurangi pengalaman pengguna [2]. React Native menggunakan blok bangunan User Interface dasar yang sama seperti aplikasi Android biasa sehingga pengguna tinggal memasang blok-blok tersebut menggunakan Javascript [3].

Database yang digunakan pada aplikasi ini yaitu MySQL. MySQL adalah sebuah implementasi dari sistem manajemen basis data relasional (RDBMS) yang didistribusikan secara gratis di bawah lisensi General Public License (GPL). Setiap pengguna dapat secara bebas menggunakan MySQL, namun dengan batasan perangkat lunak tersebut tidak boleh dijadikan produk turunan yang bersifat komersial [4]. Sebagai peladen basis data, MySQL mendukung operasi basis data transaksional maupun operasi basis data non-transaksional. Pada modus operasi non- transaksional, MySQL dapat dikatakan unggul dibandingkan perangkat lunak peladen basis data kompetitor lainnya [5].

(3)

11 Aplikasi ini berfungsi untuk mahasiswa dan pelajar mendaftar beasiswa di Yayasan Binterbusih dan mempermudah pihak Yayasan untuk mengelola data-data peserta beasiswa. Aplikasi Beasiswa Binterbusih memiliki 3 aktor yaitu Admin Utama, Admin Seleksi, dan Pendaftar. Admin Utama akan melakukan pengecekan berkas nilai semester milik pengguna beasiswa untuk mengevaluasi apakah akan lanjut mendapat beasiswa atau tidak. Pendaftar melakukan pendaftaran beasiswa, setelah itu Admin Seleksi melakukan seleksi beasiswa untuk para pendaftar.

Notifikasi menggunakan Firebase Cloud Messaging (FCM). FCM adalah solusi pertukaran pesan lintas platform yang dapat diandalkan untuk mengirim pesan tanpa biaya. Dengan FCM, pengguna dapat memberitahu aplikasi klien bahwa email baru atau data lainnya tersedia untuk disinkronkan. Pengguna dapat mengirim pesan notifikasi untuk mendorong interaksi kembali klien. Untuk kasus penggunaan seperti instant messaging, pesan dapat mentransfer payload hingga 4.000 byte ke aplikasi klien. Untuk menargetkan pesan lanjutan, bisa targetkan pesan dengan mudah menggunakan segment yang telah ditentukan sebelumnya yakni menggunakan demografi dan behavior/perilaku[6].

Pengguna bisa menargetkan pesan ke perangkat yang telah berlangganan pada topik tertentu. Selain itu, juga bisa menargetkan hanya ke satu perangkat untuk mendapatkan informasi data yang terperinci.

Biasanya ini dilakukan untuk proses pengujian.

Pesan notifikasi ini terintegrasi sepenuhnya dengan Google Analytics for Firebase, sehingga memiliki akses pada interaksi dan tracking konversi secara detail.

(4)

12 2.3 Arsitektur Aplikasi

Gambar 1. Arsitektur Aplikasi

Aplikasi Beasiswa Binterbusih ini dibangun oleh dua sisi, yaitu sisi admin dan sisi pengguna. Sisi admin melakukan seleksi beasiswa, dan memantau perkembangan hasil studi pengguna untuk memastikan apakah pengguna tersebut memenuhi syarat untuk melanjutkan beasiswa atau tidak. Sisi pengguna melakukan pendaftaran akun, isi biodata pribadi, orang tua, perbankan, dan lembaga studi, dan unggah file hasil studi. Data pengguna disimpan ke dalam database MySQL. Firebase berguna untuk mengirimkan notifikasi serta menyimpan file yang sudah diunggah oleh pengguna.

(5)

13 2.4 Arsitektur FCM

Gambar 2. Arsitektur FCM

Gambar 2 merupakan arsitektur dari FCM. Pengiriman pesan notifikasi dari server ke klien dapat dilakukan dengan dua cara, yaitu melalui Notifications Console GUI dan Trusted Environment. Penggunaan console sangat berguna dalam uji coba atau untuk highly targeted marketing dan user engagement. Pengiriman pesan dengan cara ini tidak membutuhkan teknik untuk coding, melainkan hanya memasukkan data- data yang dibutuhkan.

Pada Trusted Environment, pengiriman pesan dapat dilakukan melalui Admin SDK dan HTTP/XMPP. Admin SDK menyediakan sebuah API untuk mengirimkan pesan dari FCM kepada end user devices, tetapi SDK ini hanya mendukung bahasa pemrograman Node.js. HTTP/XMPP merupakan dua server protocol yang disediakan oleh FCM. Pengiriman melalui HTTP hanya dapat dilakukan secara downstream, yaitu dari cloud device. Sedangkan XMPP dapat dilakukan secara upstream dan downstream, yaitu dari device cloud dan cloud device. Pesan notifikasi dapat ditargetkan ke perangkat Android, iOS, dan Web[6].

(6)

14 2.5 Metode Penelitian

Penelitian ini bertujuan untuk membangun sistem informasi yang digunakan untuk mendaftar dan mengolah pelajar yang mengikuti beasiswa di Yayasan Binterbusih dimana alur pengerjaan dari sistem yang akan dibangun dapat dilihat pada Gambar 3.

Gambar 3. Metode Penelitian dengan Waterfall [7]

Pada tahap requirement analysis pengembang diberi tugas untuk membuat aplikasi Beasiswa Binterbusih berbasis Android serta rinciannya melalui diskusi dengan pihak Yayasan Binterbusih Semarang, lalu pengembang melakukan tahap design untuk tampilan aplikasi dan dilanjutkan dengan tahap development di mana pengembang membangun aplikasi beserta fungsi-fungsinya berdasarkan desain yang sudah dibuat.

Setelah itu melakukan testing pada aplikasi untuk melihat apakah aplikasinya berjalan dengan baik atau tidak. Selanjutnya ke proses maintenance, di sini aplikasi yang sudah jadi akan dijalankan atau dioperasikan.

Alasan menggunakan Waterfall karena metode ini yang paling banyak digunakan oleh para developer. Analisis dilakukan dengan cara diskusi dengan pihak Yayasan Binterbusih. Desain sistem menggunakan

(7)

15 Android Studio. Implementasi sistem informasi dibuat menggunakan bahasa pemrograman PHP, Java, dengan framework React Native.

Pengujian sistem dilakukan kepada 6 mahasiswa dan 4 pelajar SMA dengan memberikan kuesioner dan juga pengujian dengan menggunakan Black Box Testing. Tahap operation dilakukan dengan menjalankan aplikasi yang sudah jadi, dan pemeliharaan akan dilakukan jika ditemukan kesalahan pada saat sistem dioperasikan.

2.6 Class Diagram

Class Diagram menggambarkan struktur sistem dari segi pendefinisian kelas-kelas yang akan dibuat untuk membangun sistem.

Berikut adalah perancangan struktur sistem yang digambarkan dalam Class Diagram.

(8)

16 Gambar 4. Class Diagram

(9)

17 Pada Gambar 4, class diagram menggambarkan struktur sistem dari segi pendefinisian kelas-kelas, tiap kelas memiliki atribut dan operasi yang berhubungan dengan kelas tersebut. Terdapat kelas biodata pribadi, biodata lembaga, biodata orang tua, biodata perbankan, mengelola biodata, seleksi, mengelola seleksi, berkas, mengelola berkas, pelajar, mengelola pelajar, mahasiswa, mengelola mahasiswa, validasi, antarmuka, basis data dan tiap kelas-kelas tersebut memiliki hubungannya masing-masing.

2.7 Use Case Diagram

Use Case Diagram menyatakan arsitektur sebuah proses bisnis dan mendiskusikan bagaimana sebuah proses bisnis berhubungan dengan aktor bisnis. Berikut adalah perancangan sistem yang digambarkan dalam Use Case Diagram.

Gambar 5. Use Case Diagram System Beasiswa Binterbusih

Pada Gambar 5, Use Case Diagram memiliki tiga aktor yaitu Admin Utama, Admin Seleksi, dan Pendaftar. Pada Use Case Diagram dapat diketahui aktivitas aktor yang dimulai dari pendaftar. Aktor pendaftar melakukan kegiatan mendaftar beasiswa, setelah itu aktor admin seleksi

(10)

18 akan melihat data pendaftar dan melakukan seleksi beasiswa untuk para pendaftar. Pendaftar yang diterima beasiswa akan menerima notifikasi dari sistem dan diharuskan untuk segera mengisi biodata, tiap semester pengguna diharuskan untuk mengunggah berkas nilai semester serta berkas wisuda jika sudah lulus. Aktor admin utama akan melakukan pengecekan berkas nilai semester milik pengguna beasiswa untuk mengevaluasi apakah akan lanjut mendapat beasiswa atau tidak. Admin utama juga memiliki peran untuk edit akun pengguna, hapus berkas pengguna, dan hapus pengguna.

2.8 Activity Diagram

Activity Diagram merupakan diagram yang dapat memodelkan proses-proses yang terjadi pada sebuah sistem. Berikut adalah setiap diagram aktivitas dalam sistem.

(11)

19

• Pendaftaran Beasiswa

Gambar 6. Activity Diagram Pendaftaran Beasiswa

Pada Gambar 6 dapat dilihat proses pengguna melakukan pendaftaran beasiswa. Untuk melakukan pendaftaran, pengguna harus masuk ke dalam aplikasi terlebih dahulu lalu klik tombol register, setelah itu sistem akan menampilkan halaman register untuk pengguna mengisi form pendaftaran lalu klik tombol register.

(12)

20

• Seleksi Pendaftaran

Gambar 7. Activity Diagram Seleksi Pendaftaran

Pada Gambar 7 adalah proses admin seleksi melakukan seleksi pendaftaran. Admin harus login terlebih dahulu lalu pada halaman utama klik tombol request pendaftaran, sistem akan menampilkan halaman request pendaftaran. Pada halaman tersebut admin akan melihat daftar pendaftar dan melakukan seleksi untuk menerima atau menolak pendaftar tersebut, jika ditolak maka data pendaftar akan hilang tetapi jika diterima maka data pendaftar akan disimpan ke dalam sistem.

(13)

21

• Pengisian Biodata

Gambar 8. Activity Diagram Pengisian Biodata

Pada Gambar 8 adalah proses pengguna melakukan pengisian biodata setelah menerima notifikasi diterima beasiswa oleh sistem.

Pertama kalinya pengguna login ke dalam sistem, sistem akan menampilkan halaman isi biodata untuk pengguna mengisi biodata di form

(14)

22 yang sudah disediakan. Lalu pengguna diharuskan untuk mengunggah foto profil dengan klik tombol unggah foto dan sistem akan mengirimkan permintaan akses ke file, jika diberi akses baru pengguna dapat memilih foto profil selanjutnya klik tombol simpan.

• Pengisian Nilai Semester

Gambar 9. Activity Diagram Pengisian Nilai Semester

Pada Gambar 9 adalah proses pengguna melakukan unggah nilai semester. Pertama pengguna harus login terlebih dahulu untuk ke halaman awal. Lalu klik tombol input semester yang akan diarahkan ke halaman input semester. Isi semester, tahun ajaran, ipk dan klik tombol upload

(15)

23 transkrip. Klik tombol simpan jika sudah memilih berkas nilai semester pengguna dalam bentuk jpg/pdf.

• Pengisian Wisuda

Gambar 10. Activity Diagram Pengisian Wisuda

Pada Gambar 10 adalah proses pengguna melakukan unggah berkas ijazah. Pertama pengguna harus login terlebih dahulu untuk ke halaman awal. Lalu klik tombol input wisuda yang akan diarahkan ke halaman input wisuda. Isi tanggal selesai, ipk dan klik tombol upload ijazah. Klik tombol simpan jika sudah memilih berkas ijazah pengguna dalam bentuk jpg/pdf.

(16)

24

• Edit Foto Profil

Gambar 11. Activity Diagram Edit Foto Profil

Pada Gambar 11 adalah proses untuk mengubah foto profil pengguna. Pengguna harus login terlebih dahulu yang akan diarahkan ke halaman awal. Klik tombol edit profil dan setujui hak akses file, lalu pilih foto dan klik tombol simpan.

(17)

25

• Lihat Data Pengguna

Gambar 12. Activity Diagram Lihat Data Pengguna

Pada Gambar 12 adalah proses untuk admin melihat data pengguna yang sudah terdaftar dalam beasiswa. Admin harus login terlebih dahulu yang akan diarahkan ke halaman awal. Klik tombol cari dan sistem akan menampilkan halaman cari. Pada halaman cari terdapat detail data pengguna beasiswa, terdapat fitur cari untuk mencari pengguna melalui nama dan sistem akan menampilkan data sesuai nama yang dicari.

(18)

26

3. Hasil Aplikasi dan Pembahasan

Android adalah sebuah sistem operasi untuk perangkat mobile berbasis Linux yang mencakup sistem operasi, middleware, dan aplikasi. Android menyediakan platform terbuka bagi para pengembang untuk membuat aplikasi mereka sendiri. Android dirancang untuk perangkat bergerak layar sentuh seperti telepon pintar dan komputer tablet. Android awalnya dikembangkan oleh Android, inc., dengan dukungan finansial dari Google, yang kemudian membelinya pada tahun 2005 kemudian dirilis secara resmi pada tahun 2007.

Sejak pertama kali diluncurkan hingga sekarang, Android senantiasa melakukan perbaruan melalui perbaikan bug dan penambahan fitur-fitur baru. Fitur Android yang digunakan pada aplikasi ini yaitu fitur notifikasi, dan fitur ijin untuk mengakses foto.

3.1 Struktur Menu

Dalam aplikasi Beasiswa Binterbusih ini terdapat 3 aktor yang memiliki hak akses masing-masing, yakni admin utama, admin seleksi, dan pendaftar. Berikut merupakan struktur menu dari aplikasi Beasiswa Binterbusih:

3.1.1 Admin Utama

• Login

• Menu Utama Admin

• Data Pribadi

• Data Perbankan

• Data Lembaga

• Data Orang Tua

• Request Pendaftaran

• Daftar Peserta 3.1.2 Admin Seleksi

• Login

• Menu Utama Admin

• Data Pribadi

• Data Perbankan

(19)

27

• Data Lembaga

• Data Orang Tua 3.1.3 Pendaftar

• Register

• Login

• Isi Biodata

• Menu Utama Peserta Beasiswa

• Edit Profil

• Input Semester

• Input Wisuda

(20)

28 3.2 Register

Gambar 13. Halaman Register

Pada halaman register, user diharuskan untuk melakukan pendaftaran dengan mengisi email, password, nama user, no HP, dan status sebagai pelajar atau mahasiswa.

(21)

29 3.3 Login

Gambar 14. Halaman Login

Pada halaman login, user harus memasukkan email dan password yang sudah didaftarkan lalu klik tombol login untuk masuk ke dalam aplikasi.

(22)

30 3.4 Isi Biodata

Gambar 15. Data Pribadi Gambar 16. Data Perbankan

Gambar 17. Data Lembaga Gambar 18. Data Orang Tua

(23)

31 Pada halaman ini, user diharuskan untuk mengisi biodata lengkap pengguna yang terdiri dari data pribadi yang terdapat form data-data pribadi user, data perbankan yang terdapat form data-data perbankan user, data lembaga yang terdapat form data-data dari lembaga studi user, dan data orang tua yang terdapat form data-data dari orang tua user.

3.5 Implementasi FCM

Gambar 19. Notifikasi FCM

Pada Gambar 19 dapat dilihat proses pengiriman pesan notifikasi dari aplikasi melalui FCM ke perangkat klien setelah admin menerima pengajuan beasiswa oleh pendaftar.

(24)

32 3.6 Menu Awal Peserta Beasiswa

Gambar 20. Menu Awal Peserta Beasiswa

Pada halaman ini terdapat tiga menu yaitu Input Semester, Input Wisuda, dan Edit Profil. Tiap menu memiliki fungsinya masing-masing yaitu menu input semester untuk mengunggah hasil belajar user tiap semesternya, menu input wisuda untuk mengunggah hasil wisuda user ketika sudah lulus, dan menu edit profil untuk mengubah foto profil user.

(25)

33 3.7 Input Semester

Gambar 21. Input Semester

Pada Halaman Input Semester, user diharuskan mengunggah hasil belajar tiap semesternya dengan mengisi semester, tahun ajaran, IPK, dan mengunggah transkrip nilai dalam bentuk jpg/jpeg dan pdf.

(26)

34 3.8 Input Wisuda

Gambar 22. Input Wisuda

Pada Halaman Input Wisuda, user diharuskan mengunggah ijazah dengan mengisi tanggal selesai wisuda, IPK, dan mengunggah berkas ijazah user dalam bentuk jpg/jpeg.

(27)

35 3.9 Edit Profil

Gambar 23. Edit Profil

Pada Halaman Edit Profil, user dapat mengganti foto profil, username, email, dan sekolah dengan klik tombol edit profil pada menu awal user. Untuk mengganti foto profil, user dapat klik tombol edit foto lalu izinkan hak akses agar sistem dapat mengakses foto-foto user yang terdapat pada smartphone, lalu pilih foto profil yang ingin diganti dan klik tombol simpan.

(28)

36 3.10 Menu Awal Admin

Gambar 24. Menu Awal Admin

Pada halaman ini terdapat 2 menu yaitu Request Pendaftaran dan Cari Daftar Peserta. Tiap menu memiliki fungsinya masing-masing yaitu request pendaftaran untuk seleksi user yang mendaftar beasiswa di Yayasan Binterbusih, dan menu cari untuk melihat daftar user yang sudah diterima beasiswa di Yayasan Binterbusih.

(29)

37 3.11 Request Pendaftaran

Gambar 25. Halaman Request Pendaftaran

Halaman ini untuk melihat serta menyeleksi pendaftar yang melakukan pendaftaran pada aplikasi Beasiswa Binterbusih dan melihat data-data yang sudah diisi oleh pendaftar dengan klik tombol data pelajar - mahasiswa untuk melihat data pribadi pendaftar, klik tombol data orang tua untuk melihat data orang tua pendaftar, dan klik tombol data perbankan untuk melihat data perbankan pendaftar. Setelah admin seleksi selesai melihat data pendaftar, admin seleksi akan memutuskan untuk menerima atau menolak pendaftar.

(30)

38 3.12 Daftar Peserta

Gambar 26. Daftar Peserta

Pada halaman ini admin dapat melihat daftar user yang sudah diterima pada aplikasi Beasiswa Binterbusih. Data pribadi user dapat dilihat dengan klik tombol data pelajar – mahasiswa, data orang tua user dapat dilihat dengan klik tombol data orang tua, data perbankan user dapat dilihat dengan klik tombol data perbankan, dan berkas yang sudah diunggah oleh user dapat dilihat dengan klik tombol data akademik.

4. Hasil Pengujian

4.1 Black Box Testing

Uji coba Black Box testing dilakukan bersama pihak Yayasan untuk mengetahui apakah aplikasi berjalan dengan baik atau tidak. Proses uji coba dilakukan dengan pendaftaran akun, login, isi data pribadi, isi data perbankan, isi data lembaga studi, isi data orang tua, input semester dan input wisuda, edit profil, request pendaftaran, dan daftar pengguna.

(31)

39

• Uji Coba Pendaftaran Akun

Proses uji coba pendaftaran akun dilakukan dengan memasukkan data pada form register.

Tabel 1 Uji Coba Pendaftaran Akun

No Tujuan Input Output

Diharapkan Kesimpulan

1 Melakukan

pendaftaran

Email, password, username, no HP, status

Pendaftaran berhasil

Berhasil

2 Melakukan

pendaftaran dengan format salah

Email, password, username, no HP, status salah

Muncul pesan:

Registration failed

Berhasil

3 Melakukan

pendaftaran tetapi salah satu kolom dikosongkan

Email, password, username, status

Muncul pesan:

Isi no HP

Berhasil

• Uji Coba Login

Proses uji coba login dapat dilakukan setelah mendaftar akun dan telah diterima beasiswa.

Tabel 2 Uji Coba Login

1 Melakukan

login

Email, password Login berhasil Berhasil

(32)

40

2 Melakukan

login dengan format yang salah

email, password salah

Muncul pesan:

Login gagal

Berhasil

3 Melakukan

login tetapi salah satu kolom dikosongkan

password Isi email Berhasil

• Uji Coba Isi Data Pribadi

Proses uji coba isi data pribadi dilakukan waktu pengguna login pertama kali.

Tabel 3 Uji Coba Isi Data Pribadi

1 Mengisi

data pribadi

Nama keluarga, nama depan, no telp, no KTP, tempat lahir, tanggal lahir, jenis kelamin, alamat lengkap, upload foto profil, alamat tetap, alamat sementara, area asal, agama, suku, wilayah adat

Simpan data pribadi berhasil

Berhasil

(33)

41

2 Mengisi

data pribadi tetapi salah satu kolom dikosongkan

Nama keluarga, nama depan, no telp, no KTP, tempat lahir, tanggal lahir, jenis kelamin, alamat lengkap, upload foto profil, alamat tetap, alamat sementara, area asal, agama, suku

Muncul pesan:

Semua kolom harus diisi

Berhasil

• Uji Coba Isi Data Perbankan

Proses uji coba isi data perbankan dilakukan setelah selesai melakukan isi data pribadi.

Tabel 4 Uji Coba Isi Data Perbankan

1 Mengisi

data perbankan

Nomor rekening, nama bank, atas nama

Simpan data perbankan berhasil

Berhasil

2 Mengisi

data perbankan tetapi salah satu kolom dikosongkan

Nama bank, atas nama

Muncul pesan:

Berhasil

(34)

42

• Uji Coba Isi Data Lembaga Studi

Proses uji coba isi data lembaga studi dilakukan setelah selesai melakukan isi data perbankan.

Tabel 5 Uji Coba Isi Data Lembaga Studi

1 Mengisi

data lembaga studi

Lembaga studi, status akreditasi, jenis, nama fakultas, nama jurusan, jenjang pendidikan, prestasi kumulatif, prestasi semester, tanggal masuk, tanggal rencana lulus, jenjang studi, alamat lembaga, kabupaten kota, telepon, rekening lembaga, nama bank

Simpan data lembaga studi berhasil

Berhasil

2 Mengisi

data Lembaga studi tetapi salah satu kolom dikosongkan

Status akreditasi, jenis, nama fakultas, nama jurusan, jenjang pendidikan, prestasi kumulatif, prestasi semester, tanggal masuk, tanggal rencana lulus, jenjang studi,

Muncul pesan:

Berhasil

(35)

43 alamat lembaga,

kabupaten kota, telepon, rekening lembaga, nama bank

• Uji Coba Isi Data Orang Tua

Proses uji coba isi data orang tua dilakukan setelah selesai melakukan isi data lembaga studi.

Tabel 6 Uji Coba Isi Data Orang Tua

1 Mengisi

data orang tua

Nama ayah, tanggal lahir, umur, suku, pekerjaan ayah, alamat lengkap, no telp, nama ibu, pekerjaan ibu

Beralih ke halaman awal

Berhasil

2 Mengisi

data orang tua tetapi salah satu kolom dikosongkan

Nama ayah, tanggal lahir, umur, suku, pekerjaan ayah, alamat lengkap, no telp, nama ibu

Muncul pesan:

Berhasil

• Uji Coba Input Semester dan Input Wisuda

Proses uji coba input semester dan input wisuda terletak pada halaman awal dimana pengguna telah melakukan login, lalu pengguna masuk ke halaman input semester atau halaman input wisuda. Halaman

(36)

44 input semester dan halaman input wisuda memiliki input data dan input berkas dalam bentuk gambar atau pdf.

Tabel 7 Uji Coba Input Semester dan Input Wisuda

1 Mengunggah

transkrip nilai dengan data lengkap

Semester, tahun ajaran, ipk, transkrip nilai

Muncul pesan:

Simpan data berhasil lalu beralih ke halaman awal

Berhasil

2 Mengunggah

transkrip nilai dengan data tidak lengkap

Semester, tahun ajaran, transkrip nilai

Muncul pesan:

Berhasil

3 Mengisi data lengkap tetapi tidak mengunggah transkrip nilai

Semester, tahun ajaran, ipk

Muncul pesan:

Please select file first

Berhasil

4 Mengunggah

ijazah

dengan data lengkap

Tanggal selesai, ipk, ijazah

Muncul pesan:

Simpan data berhasil lalu beralih ke halaman awal

Berhasil

5 Mengunggah

ijazah

dengan data

Ipk, ijazah Muncul pesan:

Berhasil

(37)

45 tidak

lengkap 6 Mengisi data

lengkap tetapi tidak mengunggah ijazah

Tanggal selesai, ipk

Muncul pesan:

Berhasil

• Uji Coba Edit Profil

Proses uji coba edit terletak pada halaman awal dimana pengguna telah melakukan login, lalu pengguna masuk ke halaman edit profil.

Tabel 8 Uji Coba Edit Profil

1 Mengunggah

foto profil lalu simpan

Unggah foto profil

Muncul pesan:

Edit foto

berhasil

Berhasil

2 Tidak

mengunggah foto profil lalu simpan

Tidak ada input Muncul pesan:

Berhasil

• Uji Coba Request Pendaftaran

Proses uji coba request pendaftaran terletak pada halaman awal admin dimana admin telah melakukan login.

Tabel 9 Uji Coba Request Pendaftaran

(38)

46

1 Menerima

pendaftar beasiswa yang telah melakukan register

Klik tombol terima

Pendaftar beasiswa

berhasil diterima dan datanya disimpan pada halaman cari

Berhasil

2 Menolak

pendaftar beasiswa yang telah melakukan register

Klik tombol tolak Pendaftar beasiswa

berhasil ditolak dan datanya dihapus

Berhasil

• Uji Coba Daftar Pengguna

Proses uji coba daftar pengguna terletak pada halaman awal admin dimana admin telah melakukan login lalu masuk ke halaman cari.

Tabel 10 Uji Coba Daftar Pengguna

1 Mencari

pengguna melalui nama

Nama pelajar Muncul data pelajar yang namanya dicari

Berhasil

2 Mencari

pengguna melalui tipenya yaitu pelajar atau mahasiswa

Mahasiswa Muncul data

pengguna mahasiswa

Berhasil

(39)

47 4.2 User Acceptance Test (UAT)

Berikut ini akan ditampilkan hasil kuesioner yang berisi beberapa pertanyaan mengenai aplikasi Beasiswa Binterbusih yang telah diisi oleh calon pengguna pada tanggal 16 April 2022. Kuesioner ini diberikan kepada 10 responden dengan pembagian 6 mahasiswa dan 4 pelajar SMA.

• Pada poin ini pertanyaan yang ditanyakan berupa kemudahan dalam menggunakan aplikasi ini.

Gambar 27. Pertanyaan 1

• Pada poin ini pertanyaan yang ditanyakan berupa tampilan aplikasi.

(40)

48

• Pada poin ini pertanyaan yang ditanyakan berupa kelancaran dalam menggunakan aplikasi tanpa adanya error.

• Pada poin ini pertanyaan yang ditanyakan berupa kemudahan para pelajar dalam mendaftar beasiswa di aplikasi ini.

• Pada poin ini pertanyaan yang ditanyakan berupa lama tidaknya waktu yang digunakan untuk menggunakan aplikasi ini.

(41)

49 Gambar 31. Pertanyaan 5

Berikut merupakan hasil pengolahan kuesioner dalam tabel-tabel menggunakan analisis deskriptif.

Tabel 11 Analisis Frekuensi dan Persentase Pertanyaan

Pertanyaan Frekuensi Persentase

4 3 2 1 4 3 2 1

Saya dapat dengan mudah menggunakan aplikasi Beasiswa Binterbusih

1 9 0 0 10% 90% 0% 0%

Tampilan aplikasi sudah

baik 1 8 1 0 10% 80% 10% 0%

Aplikasi dapat berjalan

dengan baik tanpa error 0 7 3 0 0% 70% 30% 0%

Aplikasi Beasiswa

Binterbusih mempermudah pelajar/mahasiswa dalam mendaftar beasiswa

5 5 0 0 50% 50% 0% 0%

Saya tidak perlu

menghabiskan waktu yang lama untuk memikirkan bagaimana cara

menggunakan aplikasi Beasiswa Binterbusih

3 6 1 0 30% 60% 10% 0%

(42)

50 5 Dokumentasi

Berikut ini merupakan dokumentasi foto saat uji coba kuesioner penelitian dengan Mahasiswa dan pelajar SMA di Semarang dan uji coba Aplikasi Beasiswa Binterbusih oleh Yayasan Binterbusih.

Gambar 32. Uji Coba Responden Mahasiswa Gambar 33. Uji Coba Responden Pelajar SMA

Gambar 34. Uji Coba Pihak Yayasan Binterbusih Semarang

(43)

51

6 Lampiran

Surat Keterangan Lulus Uji

(44)

52 Source Code

Kode Program 1 Simpan Data

1. $con=mysqli_connect("localhost","root","","cerx4333_dbinterbusih");

2.

3. If(mysqli_connect_errno()) {

4. echo 'Database connection error: ' . mysqli_connect_error();

5. exit();

6. } 7.

8. $sql="INSERT INTO tblpribadi ( email, username, namakeluarga, 9. namadepan, notelp, noktp, tempatlahir, tanggallahir,

10. jeniskelamin, alamatlengkap, urlphoto, alamattetap,

11. alamatsementara, areaasal, agama, suku, wilayahadat, tipemember, 12. status)

13. VALUES ('$vsemail', '$vsusername', '$vsnamakeluarga'

14. , '$vsnamadepan', '$vsnotelp', '$vsnoktp', '$vstempatlahir' 15. , '$vstanggallahir', '$vsjeniskelamin', '$vsalamatlengkap' 16. , '$vsurlphoto', '$vsalamattetap', '$vsalamatsementara' 17. , '$vsareaasal', '$vsagama', '$vssuku', '$vswilayahadat' 18. , '$vstipemember', '')";

19.

20.

21. If(mysqli_query($con,$sql)){

22. echo 'Simpan Data Berhasil';

23. }else{

24. echo 'Terjadi Kesalahan, Ulangi Lagi!';

25. }

26. mysqli_close($con);

Kode Program 1 simpan data terdapat pada simpandatapribadi yang berfungsi untuk menyimpan data-data ke dalam $sql yang tepatnya di tblpribadi yang sudah dimasukkan oleh pengguna pada saat mengisi biodata.

Pada baris 8-18 dapat dilihat data-data yang akan masuk ke dalam tblpribadi.

Kode Program 2 Ambil Data

1. <?php 2.

3.

4. $con=mysqli_connect("localhost","root","","cerx4333_dbinterbusih");

5.

6. $sql = "SELECT * FROM tblpribadi p join tblusers u on 7. (p.email=u.email) WHERE status='' ";

8.

9. $result = mysqli_query($con,$sql) or die("Error in Selecting " . 10. mysqli_error($con));

11.

12. $emparray = array();

13. while($row = mysqli_fetch_assoc($result)) 14. {

15. $emparray[] = $row;

16. } 17.

18. $akhir = array(

19. 'DataPribadi' => $emparray 20. );

21.

22. echo json_encode($akhir);

(45)

53

23.

24. mysqli_close($con);

25. ?>

Kode Program 2 ambil data terdapat pada ambildatapribadi yang berfungsi untuk mengambil data-data dari $sql yang akan ditampilkan di dalam aplikasi ketika user atau admin akan melakukan pengecekan detail data pelajar atau mahasiswa yang mendapatkan beasiswa. Data diambil dari tblpribadi dan tblusers lalu digabungkan menggunakan implisit join dimana tblpribadi adalah p dan tblusers adalah u dan yang diambil hanya user yang memiliki status kosong.

Kode Program 3 Upload File

1. <?php 2.

3. echo $_FILES['pdf']['name'] . '<br/>';

4.

5. $target_path = "raport/";

6.

7. $target_path = $target_path . basename($_FILES['pdf']['name']);

8.

9. try {

10. if (!move_uploaded_file($_FILES['pdf']['tmp_name'], 11. $target_path)) {

12. throw new Exception('Could not move file');

13. }

14. echo "The file " . basename($_FILES['pdf']['name']) . 15. "Has been uploaded";

16. } catch (Exception $e) {

17. die('File did not upload ' . $e->getMessage());

18. }

19. ?>

Kode Program 3 upload file terdapat pada fileuploadPDF yang berfungsi untuk user mengunggah file dalam bentuk pdf. File tersebut akan otomatis masuk ke dalam penyimpanan sistem, lalu database akan menyimpan nama dari file dan nama file tersebut yang akan digunakan untuk memanggil kembali file ketika admin melakukan pengecekan.

Kode Program 4 View Data

1. api.apiambildataperbankan(

2. stremail.toString(), 3.

4. new Callback<DataPerbankan>() { 5. @Override

6. public void success(DataPerbankan dataperbankan, Response 7. response) {

8. strusername = dataperbankan.getusername();

9.

(46)

54

10. tvdata.setText(

11. "Email : " + dataperbankan.getemail() + "\n" +

12. "Nama Siswa : " + dataperbankan.getusername() + "\n" + 13. "No Rekening : " + dataperbankan.getnorekening() + "\n" + 14. "Cabang : " + dataperbankan.getcabang() + "\n" +

15. "Atas Nama: " + dataperbankan.getatasnama() + "");

16. } 17.

18. @Override

19. public void failure(RetrofitError error) {

20. String merror = "ini errornya " + error.getMessage();

21. Toast.makeText(context: DetailPerbankanActivity.this, 22. text: "Kesalahan Koneksi Data" + merror, Toast.LENGTH_LONG) 23. . show();

24. } 25. }

26. );

Kode Program 4 view data terdapat pada DetailPerbankanActivity yang berfungsi untuk menampilkan data perbankan ke dalam aplikasi. Data-data yang dipanggil berupa email, nama siswa, no rekening, cabang, atas nama. Jika terjadi error akan muncul sebuah pesan “Kesalahan Koneksi Data” pada aplikasi.