9 kolom id_paguyuban di tabel komen_masyarakat
merupakan
foreign key
untuk kolom
id
di tabel paguyuban. Dan tabel komen_masyarakat memiliki relasi
many to one
dengan tabel
user
karena kolom id_
user
di tabel komen_masyarakat merupakan
foreign key
untuk kolom
id
di tabel
user
. Kemudian ketika
prototype
sistem selesai dibangun, maka dilakukan pengujian, dan pada tahap selanjutnya menguji
prototype
dengan data riil sesuai dengan kebutuhan
client
; dan 3 Evaluasi Sistem: Tahap ketiga adalah pengujian hasil rancangan aplikasi oleh
pengguna. Kekurangan yang muncul pada aplikasi akan digunakan sebagai evaluasi pada proses penyempurnaan aplikasi selanjutnya. Kemudian aplikasi
akan diuji coba kembali sampai memenuhi kepuasaan pengguna dan mencapai tujuan dari pembuatan aplikasi dalam penelitian ini. Pada proses pembuatan
prototype
, terdapat tiga versi pengembangan atau perbaikan
prototype
yang diujikan kepada pengguna, dalam hal ini anggota paguyuban reog Mekarsari.
Perbaikan yang terjadi dapat dilihat pada Tabel 1.
Tabel 1 Versi Prototype
Versi Tanggal
Keterangan 1.0
17 Mei 2013 Membuat aplikasi client
2.0 7 Januari 2014
Membuat sistem memiliki dua sisi yaitu server dan client
3.0 19 Februari 2014
Membuat aplikasi client pada menu paguyuban memiliki
tab
video
Dan tahap keempat penelitian adalah penyusunan laporan dan publikasi, yaitu menyusun laporan skripsi, jurnal dan
slide
presentasi sesuai dengan tata cara penulisan yang ada pada buku panduan TA Fakultas Teknologi Informasi.
4. Hasil dan Pembahasan
Implementasi sistem merupakan hasil implementasi dalam bentuk sistem berdasarkan perancangan sistem yang telah. Implementasi sistem yang dibahas
meliputi implementasi aplikasi pada sisi
client
dan
admin.
Aplikasi pada sisi
client
digunakan untuk mendapatkan informasi paguyuban-paguyuban reog yang tergabung dalam organisasi Reog’r Salatiga melalui perangkat Android
. Aplikasi
client
memiliki
menu utama seperti yang ditunjukkan pada Gambar 8.
Gambar 8 Menu Utama Aplikasi
Pada Gambar 8 menunjukkan menu utama berisi tombol apa itu reog, tombol paguyuban, tombol jadwal pentas, tombol bantuan, tombol tentang, dan
tombol untuk keluar dari aplikasi. Ketika pengguna menekan tombol paguyuban pada menu utama, maka aplikasi akan menampilkan antarmuka menu paguyuban
seperti pada Gambar 9.
10
Gambar 9 Menu Daftar Paguyuban
Pada Gambar 9 menunjukkan nama-nama paguyuban reog dalam
list,
yang data setiap
item
itu diambil dari
database
di
server.
Pengguna dapat memilih salah satu paguyuban dalam
list
, lalu aplikasi menampilkan antarmuka paguyuban yang dipilih, yang menyajikan detail paguyuban dalam lima
tab
, yaitu profil, foto, video, jadwal pentas dan komen.
Tab
profil ditunjukkan pada Gambar 10.
Gambar 10 Tab Profil
Pada Gambar 10 menunjukkan
tab
profil berisi
textView
nama,
textView
ketua,
textView
telepon,
textView
alamat dan
button
peta alamat pada menu
tab
profil. Profil yang ditampilkan dalam setiap
textView
pada
tab
profil merupakan data paguyuban yang diambil dari
database
di
webserver.
Selanjutnya bila menekan tombol peta alamat pada menu
tab
profil, maka aplikasi akan menampilkan antar muka seperti yang ditunjukkan pada Gambar 11.
Gambar 11 Antarmuka Peta Alamat Paguyuban
Pada Gambar 11 menunjukkan
form
peta alamat paguyuban berlokasi. Selanjutnya
tab
foto ditunjukkan pada Gambar 12.
11
Gambar 12Tab Foto
Pada Gambar 12 menunjukkan
tab
foto menampilkan sekumpulan foto tentang pementasan paguyuban dalam
gridView
. Foto yang ditampilkan pada setiap
item
dalam
gridView
merupakan data foto yang diambil dari
database
di
webserver
. Pada setiap
item
dalam
gridView
berisi
imageView
foto. Selanjutnyan
tab
video ditunjukkan pada Gambar 13.
Gambar 13 Tab Video
Pada Gambar 13 menunjukkan
tab
video menampilkan sekumpulan video tentang pementasan paguyuban dalam
gridView
. Video yang ditampilkan pada setiap
item
dalam
gridView
merupakan data foto yang diambil dari
database
di
webserver
. Pada setiap
item
dalam
gridView
berisi
imageViewvideo
. Selanjutnyan
tab
jadwal pentas ditunjukkan pada Gambar 14.
Gambar 14 Tab Jadwal Pentas
Pada Gambar 14 menunjukkan sekumpulan nama paguyuban reog dalam
list,
yang data setiap
item
paguyuban itu diambil dari
database
di
webserver.
Selanjutnya bila diklik salah satu
item
jadwal pentas, maka akan menampilkan detail jadwal pentas seperti yang ditunjukkan pada Gambar 15.
12
Gambar 15 Detail Jadwal Pentas
Pada Gambar 15 menunjukkan sekumpulan menunjukkan detail jadwal pentas berisi
textView
nama,
textView
ketua,
textView
jam,
textView
tempat,
button
peta alamat dan
button share
untuk membagikan detail jadwal pentas ke
Facebook,
yang semua data dalam
tab
ini diambil dari
database
di
webserver.
Kemudian ketika pengguna menekan tombol
share
untuk membagikan detail jadwal pentas ke
Facebook,
maka aplikasi akan menampilkan antarmuka seperti yang ditunjukkan Gambar 16.
Gambar 16 Dialog Share Facebook
Pada Gambar 16 menunjukkandialog yang memanfaatkan
FacebookAPI
untuk membagikan informasi jadwal pentas paguyuban ke
Facebook
. Dialog tersebut dilengkapi kolom untuk menambahkan pendapat
client
. Ketika
client
memilih tombol “
share
” maka informasi tempat paguyuban yang dibagikan akan muncul di
timeline
akun
Facebook
milik
client
seperti yang dapat dilihat pada Gambar 17.
Gambar 17 Timeline Akun Facebook Milik Client
13 Pada Gambar 17 menunjukan informasi tempat paguyuban yang
dibagikan ke
Facebook
meliputi nama, tanggal, jam, tempat dan foto. Perintah untuk memanggil dialog berbagi
Facebook
dapat dilihat pada Kode Program 1.
Kode Program 1 Perintah Untuk Memanggil Dialog Berbagi Facebook
Pada Kode Program 1 dalam baris kode ke-1 menunjukkan aplikasi menginisialisasi variabel
Facebook
bertipe
Facebook
sebagai objek baru. Variabel
Facebook
kemudian memanggil fungsi
dialog
untuk menampilkan dialog serta mengisi data paguyuban yang tersimpan di variabel paguyuban pada dialog
shareFacebook
yang ditunjukkan pada kode baris ke-8 sampai kode baris ke- 21.Selanjutnya
tab
komentar ditunjukkan pada Gambar 18.
Gambar 18 Tab Komentar
Pada Gambar 4.14menunjukkan
tab
komentar menampilkan sekumpulan komentar tentang paguyuban dalam
listView
. Komentar yang ditampilkan pada setiap
item
dalam
listView
merupakan data komentar yang diambil dari
database
di
webserver
. Pada setiap
item
dalam
listView
berisi
textView
pengirim,
textView
tanggal pembuatan, dan
textView
pesan. Selain itu dalam
tab
komentar terdapat
editText
untuk memasukkan komentar dan
button
untuk menambahkan komentar. Ketika pengguna menekan tombol
icon
tambah komentar, maka aplikasi akan menampilkan antarmuka
login,
yang meminta pengguna yang telah terdaftar
1 Facebook facebook = new
Facebook 471854112940154
; 2
Bundle bundle = new
Bundle; 3
bundle.putString name
, kegiatan
.get title
; 4
bundle.putString caption
, 5
kegiatan .get
date +
+ kegiatan
.get time
; 6
bundle.putString description
, kegiatan
.get venue
; 7
try {
8 facebook.dialog
this ,
feed , bundle,
new DialogListener {
9 Override
10 publicvoid
onFacebookErrorFacebookError e { 11 Toast.makeTextgetApplicationContext, e.getMessage,
12 Toast.
LENGTH_LONG .show;
13 }
14 15
Override 16
publicvoid onErrorDialogError e {
17 Toast.makeTextgetApplicationContext, e.getMessage, 18
Toast. LENGTH_LONG
.show; 19
} 20
21 Override
22 publicvoid
onCompleteBundle values { 23 Toast.makeTextgetApplicationContext,
Sukses ,
24 Toast.
LENGTH_LONG .show;
25 }
26 27
Override 28
publicvoid onCancel {
29 }
30 };
31 }
catch Exception e {
32 }
14 untuk memasukkan nama pengguna dan kata sandi untuk dapat mengomentari
paguyuban, seperti yang ditunjukkan pada Gambar 19.
Gambar 19 Antarmuka Login
Pada Gambar 19 menunjukkan antarmuka
login
memiliki
editText
nama pengguna dan
editText
kata sandi serta
button
“masuk” dan
button
“registrasi”. Setelah
client
berhasil melakukan proses
login
maka
client
dapat menambahkan komentar paguyuban pada
tab
komentar. Namun bila pengguna belum terdaftar dalam sistem, maka pengguna harus melakukan registrasi terlebih dahulu agar
setelahnya dapat memperoleh nama pengguna dan kata sandi yang terdaftar dalam sistem untuk bisa digunakan mengomentari paguyuban. Antarmuka registrasi
ditunjukkan pada Gambar 20.
Gambar 20 Antarmuka Registrasi
Pada Gambar 20 menunjukkan
form
registrasi memiliki
editText
nama pengguna,
editTextemail
dan
editText
kata sandi serta
button
“buat”. Setelah
client
berhasil melakukan proses registrasi maka
client
dapat melakukan proses
login
menggunakan nama pengguna dan kata sandi miliknya pada antarmuka login seperti yang ditunjukkan Gambar 4.14. Dan ketika pengguna berhasil
menambahkan komentar, maka aplikasi menampilkan antarmuka komentar dengan menampilkan
item
kemontar yang baru, seperti yang ditunjukkan pada Gambar 21.
15
Gambar 21 Antarmuka Berhasil Tambah Komentar
Pada Gambar 21 menunjukkan ketika pengguna berhasil menambahkan komentar maka aplikasi akan menunjukkan komentar yang baru saja
ditambahkan
.
Aplikasi pada sisi
admin
digunakan untuk mengelola informasi mengenai paguyuban-paguyuban reog di Salatiga dan sekitarnya yang tersimpan dalam
database
di
webserver
. Untuk mengakses aplikasi ini maka pengguna harus
login
terlebih dahulu. Proses
login
dapat dilakukan di halaman
login
seperti yang ditunjukkan pada Gambar 22.
Gambar 22 Halaman Login
Pada Gambar 22 menggambarkan halaman
login
memiliki
textField
untuk memasukkan nama pengguna dan kata sandi serta
checkbox
untuk memilih pilihan ingat saya. Pada halaman
login
memiliki ketentuan bahwa nama pengguna dan kata sandi harus diisi. Ketika pengguna menekan tombol
login,
maka aplikasi akan mencari data pengguna di
database
yang memiliki nama pengguna dan kata sandi yang sama dengan masukkan pengguna. Jika data pengguna tidak
ditemukan, maka aplikasi akan kembali menampilkan halaman
login
namun jika data pengguna ditemukan, maka aplikasi akan menampilkan halaman utama.
Menu Utama
Menu utama merupakan menu yang ditampilkan pertama kali setelah berhasil melakukan
login
pada aplikasi. Menu utama berada di halaman utama seperti yang ditunjukkan pada Gambar 23.
16
Gambar 23. Halaman Utama
Pada Gambar 23 menunjukkan halaman utama memilikiempat menu utama yaitu menu kelola paguyuban, menu kelola foto, menu kelola video, menu
kelola jadwal dan menu kelola komentar.
Menu Kelola Paguyuban
Menu kelola paguyuban merupakan menu yang digunakan untuk mengolah data paguyuban yang tersimpan di
database
. Menu kelola paguyuban berada di halaman kelola paguyuban seperti yang ditunjukkan pada Gambar 24.
Gambar 24 Halaman Kelola Paguyuban
Pada Gambar 24 menggambarkan halaman kelola paguyuban memiliki tabel yang berisi data paguyuban yang diambil dari
database
. Tabel tersebut berisi lima kolom yaitu kolom nomor, kolom nama paguyuban, kolom dilihat dan
kolom operasi. Pada kolom operasi memiliki dua menu yaitu menu edit dan menu hapus. Pada kolom nama paguyuban memiliki menu pencarian. Pada halaman
kelola paguyuban juga terdapat menu tambah yang digunakan untuk menampilkan halaman tambah paguyuban. Halaman tambah paguyuban dapat dilihat pada
Gambar 25.
Gambar 25 Halaman Tambah Paguyuban
17 Pada Gambar 25 menggambarkan halaman tambah paguyuban memiliki
textField
untuk memasukkan nama, ketua, telepon, alamat,
latitude
dan
longitude
dan peta
GoogleMaps
untuk memilih koordinat. Pada halaman tambah paguyuban jika
admin
ingin menekan tombol tambah memiliki ketentuan bahwa semua masukan harus diisi. Setelah
admin
mengisi seluruh data dan menekan tombol buat, maka aplikasi akan menambahkan data paguyuban ke
database
.
Pengujian
Setelah aplikasi selesai dibangun kemudian dilakukan pengujian dengan menggunakan metode
black
-
box
dengan hasil yang dapat dilihat pada Tabel 2.
Tabel 2 Hasil Pengujian Black-box
Proses Hasil Yang Diharapkan
Hasil Yang Muncul Kesimpulan
Klik menu apa itu reog
Menampilkan detail apa itu reog
Form berisi detail apa itu reog muncul
Valid
Klik menu paguyuban
Menampilkan kumpulan paguyuban pada daftar
Form daftar berisi kumpulan paguyuban
muncul
Valid
Pilih paguyuban di daftar
paguyuban Menampilkan detail
paguyuban Form berisi detail
paguyuban muncul
Valid
Pilih menu jadwal pentas
Menampilkan kumpulan jadwal pentas pada daftar
Form berisi kumpulan jadwal pentas muncul
Valid
Pilih jadwal pentas di daftar
jadwal pentas Menampilkan detail jadwal
pentas Form berisi detail jadwal
pentas muncul
Valid
Klik tombol peta di form detail
jadwal pentas Menampilkan peta lokasi
pentas Form peta lokasi pentas
muncul
Valid
Klik tombol share Menampilkan dialog share
Dialog sharemuncul
Valid
Memasukkan komentar baru
Menambahkan data komentar baru
Komentar baru muncul di daftar komentar
Valid
Selanjutnya dilakukan pengujian menggunakan metode skala
likert
kepada 30 orang dengan umur berkisar 18-25 tahun yang sedang menyaksikan
pementasan kesenian reog dari paguyuban Mekarsari di Kelurahan Bugel
, Kecamatan Sideorejo, Kota Salatiga, dan mengumpulkan pendapat berdasarkan
tiga pertanyaan. Ada 5 pilihan jawaban yaitu sangat menarik dengan skor 5, menarik dengan skor 4, netral dengan skor 3, tidak menarik dengan skor 2 dan
sangat tidak menarik dengan skor 1. Pada pertanyaan pertama “Apakah
keseluruhan aplikasi sosialisasi kesenian reog ini menarik ?” yang didasarkan pada
enam kategori yaitu pada sisi desain tampilan aplikasi mendapatkan total skor 140 dengan presentase 93,34, pada sisi desain struktur berjalannya antar
form
pada aplikasi mendapatkan total skor 133 dengan presentase 88,67, pada sisi foto
mendapatkan total skor 130 dengan presentase 86,67, pada sisi video mendapatkan total skor 119 dengan presentase 79,34, pada sisi peta
mendapatkan total skor 105 dengan presentase 70 dan pada sisi komentar mendapatkan total skor 139 dengan presentase 92,67. Maka berdasarkan enam
kategori itu, presentase yang didapat adalah 85,11, dengan kategori sangat menarik. Pada pertanyaan kedua
“Apakah aplikasi sosialisasi kesenian reog mempermudah dalam mendapatkan informasi kesenian reog dari masing-masing
18 paguyuban di Salatiga dan sekitarnya
?” dan mendapatkan total skor 139 dengan presentase 92,67. Pertanyaan ketiga
“Apakah aplikasi sosialisasi kesenian reog mempermudah dalam mendapatkan seluruh jadwal pentas dari masing-masing
paguyuban di Salatiga dan sekitarnya ?” dan mendapatkan total skor 143 dengan
presentase 95,34, kategori sangat mempermudah. Pada metode skala
likert
hasil interprestasi skor pada kisaran 66.6-100 menunjukkan tingkat kepuasan
responden berada pada tingkat sangat puas [17]. Jadi berdasar tiga pertanyaan itu, skor kepuasan responden terhadap aplikasi berada pada kisaran 66,6-100,
sehingga dinyatakan sangat puas. Dengan kesimpulan tersebut, maka aplikasi ini akan sangat memberikan kepuasan lebih kepada pengguna nantinya.
5. Simpulan
