Rancang Bangun Sistem Informasi Pertandingan Pencak Silat Berbasis Website Menggunakan Metode User Centered Design (UCD)

16 

Loading.... (view fulltext now)

Loading....

Loading....

Loading....

Loading....

Teks penuh

(1)

Rancang Bangun Sistem Informasi Pertandingan Pencak Silat

Berbasis Website Menggunakan Metode User Centered Design

(UCD)

Tugas Akhir

Diajukan untuk Memenuhi

Persayaratan Guna Meraih Gelar Sarjana Strata I

Teknik Informatika Universitas Muhammadiyah Malang

Akhyar Basyir

201410370311200

Rekayasa Perangkat Lunak

JURUSAN TEKNIK INFORMATIKA

FAKULTAS TEKNIK

UNIVERSITAS MUHAMMADIYAH MALANG

2019

(2)
(3)
(4)
(5)

iv

LEMBAR PERSEMBAHAN

Puji Syukur Kehadirat Allah SWT atas rahmat dan Karunia-Nya sehingga penulis dapat menyelesaikan Tugas Akhir ini. Dalam penyusunan skripsi ini, tidak lepas dari bimbingan dan dorongan berbagai pihak. Oleh karena itu, penulis menyampaikan terima kasih yang sebesar- besarnya kepada :

1. Kedua Orang Tua, Bapak Drs. Suwadi dan Ibuk Nashuha yang telah

memberi banyak doa dan dukungan motivasi.

2. Kakakku Arina Haq, Amd.Ak , serta adik adikku Iffa Mazida, Dhiya

Al Izzi, Ghiyats Al Hakim.

3. Bapak Maskur, M.Kom dan Ilyas Nuryasin, M.Kom selaku

pembimbing Tugas Akhir.

4. Seluruh rekan-rekan Teknik Informatika Angkatan 2014 khususnya

Teknik Informatika E dan juga rekan- rekan Sampurna.

5. Seluruh saudara perguruan Seni Beladiri Indonesia Tapak Suci Putera

Muhammadiyah Pimpinan daerah 097 Kota Sampang dan Pimpinan daerah 027 Kota Malang.

6. Serta Semua pihak yang tidak bisa penulis sebutkan satu persatu,

terima kasih atas bantuan serta semangat yang selalu diberikan hingga terselesaikannya tugas akhir in. Semoga Allah Subhanahu wa Ta’ala memberikan balasan yang baik sesuai atas jasa dan bantuan yang telah kalian berikan.

(6)

vii

KATA PENGANTAR

Puji syukur penulis panjatkan kehadiran Allah SWT yang telah memberikan rahmat, nikmat dan hidayah-Nya sehingga penulis dapat

menyelesaikan Skripsi/ Tugas Akhir yang berjudul : “Rancang Bangun Sistem

Informasi Pertandingan Pencak Silat Berbasis Website Menggunakan Metode User Centered Design (UCD)”. Penulisan Skripsi ini ditujukan untuk

digunakan sebagai syarat terpenuhnya gelar Sarjana Strata I (S1) Program Studi Teknik Informatika Universitas Muhammadiyah Malang.

Dalam tulisan ini disajikan pokok-pokok bahasan yang meliputi pendahuluan, dasar teori, analisa dan perancangan sistem, implementasi dan pengujian, serta kesimpulan. Penulis menyadari sepenuhnya bahwa dalam penulisan tugas akhir ini masih banyak kekurangan dan keterbatasan. Oleh Karena itu peneliti mengharapkan saran yang membangun agar tulisan ini bermanfaat bagi perkembangan ilmu pengetahuan kedepan.

(7)

viii

DAFTAR ISI

LEMBAR PERSETUJUAN ... i LEMBAR PENGESAHAN ... ii LEMBAR PERNYATAAN ... ii LEMBAR PERSEMBAHAN ... iv ABSTRAK ... v ABSTRACT ... vi

KATA PENGANTAR ... vii

DAFTAR ISI ... viii

DAFTAR GAMBAR ... xi DAFTAR TABEL ... xv BAB I ... 1 PENDAHULUAN ... 1 1.1 Latar Belakang ... 1 1.2 Rumusan Masalah ... 3 1.3 Tujuan Penelitian ... 3 1.4 Batasan Masalah... 4 1.5 Sistematika Penulisan ... 4 BAB II ... 6 METODE PENELITIAN ... 6 2.1 Sistem Informasi ... 6

2.2 Pertandingan pencak Silat ... 6

2.3 Metode Prototype ... 8

2.4 Metode UCD ... 9

2.5 Prinsip UCD ... 11

2.6 Penelitian Terdahulu ... 12

BAB III ... 16

ANALISA DAN PERANCANGAN SISTEM ... 16

3.1 Tahap Metodologi Penelitian ... 16

3.1.1 Tahapan Metode Prototyping Oriented Software ... 17

(8)

ix

IMPLEMENTASI DAN PENGUJIAN ... 64

4.1 Kebutuhan Implementasi ... 64

4.1.1 Kebutuhan perangkat keras (hardware) ... 64

4.1.2 Kebutuhan perangkat lunak (software) ... 64

4.1.3 Kebutuhan pengguna (brainware) ... 65

4.2 Implementasi sistem ... 65

4.2.1 Tampilan halaman utama sistem informasi... 65

4.2.2 Tampilan halaman registrasi kontingen ... 66

4.2.3 Tampilan tutor dan live chat di halaman kontingen... 66

4.2.4 Tampilan halaman pendaftar ... 66

4.2.5 Tampilan halaman edit peserta... 67

4.2.6 Tampilan hapus peserta ... 67

4.2.7 Tampilan detail pertandingan pendaftar... 68

4.2.8 Tampilan halaman kontingen ... 68

4.2.9 Tampilan fitur kontingen di halaman panitia admin ... 69

4.2.10 Tampilan tambah kontingen di halaman panitia admin ... 69

4.2.11 Tampilan detail pada fitur kontingen ... 70

4.2.12 Tampilan official pada fitur kontingen ... 70

4.2.13 Tampilan edit official pada fitur kontingen ... 71

4.2.14 Tampilan hapus official pada fitur kontingen ... 71

4.2.15 Tampilan tambah official pada fitur kontingen ... 71

4.2.16 Tampilan tagihan pembayaran pada fitur kontingen ... 72

4.2.17 Tampilan edit pada fitur kontingen ... 72

4.2.18 Tampilan hapus pada fitur kontingen ... 73

4.2.19 Tampilan edit kompetisi tanding ... 73

4.2.20 Tampilan tambah kompetisi tanding ... 74

4.2.21 Tampilan detail kompetisi seni ... 74

4.2.22 Tampilan edit kompetisi seni ... 75

4.2.23 Tampilan acak bagan tanding... 75

4.2.24 Tampilan acak nomor urut seni ... 75

4.2.25 Tampilan detail jadwal tanding ... 76

4.2.26 Tampilan detail jadwal seni ... 76

4.2.27 Tampilan detail kelas tanding ... 77

(9)

x

4.2.29 Tampilan hapus jadwal seni ... 77

4.2.30 Tampilan hapus jadwal tanding ... 78

4.2.31 Tampilan tambah jadwal tanding ... 78

4.2.32 Tampilan tabel kategori seni ... 79

4.2.33 Tampilan tambah jadwal seni... 79

4.2.34 Tampilan tambah pertandingan halaman panitia admin ... 80

4.2.35 Tampilan tambah pool kategori seni ... 80

4.2.36 Tampilan tambah pool tanding ... 81

4.2.37 Tampilan tambah kategori usia halaman super admin ... 81

4.2.38 Tampilan tambah kategori kelas tanding halaman super admin ... 82

4.2.39 Tampilan tambah kategori lomba halaman super admin ... 82

4.2.40 Tampilan tambah kategori seni halaman super admin ... 83

4.2.41 Tampilan tambah gelanggang di halaman super admin ... 83

4.2.42 Tampilan edit gelanggang di halaman super admin ... 84

4.2.43 Tampilan hapus gelanggang di halaman super admin ... 84

4.2.44 Tampilan tambah akun panitia di halaman super admin ... 85

4.2.45 Tampilan edit akun panitia di halaman super admin ... 85

4.2.46 Tampilan hapus akun panitia di halaman super admin ... 86

4.2.47 Tampilan login dan logout admin serta kontingen ... 86

4.3 Pengujian ... 88 4.3.1 Skenario pengujian ... 88 4.3.2 Tujuan penelitian ... 90 4.3.3 Pengujian blackbox ... 90 4.3.4 Pengujian Usability ... 102 BAB V ... 106 PENUTUP ... 106 5.1 Kesimpulan ... 106 5.2 Saran ... 106 DAFTAR PUSTAKA ... 107

(10)

xi

DAFTAR GAMBAR

Gambar 2.1 : Proses dari metode UCD ... 9

Gambar 3.1 : metode penelitian... 16

Gambar 3.2 : Kuesioner kebutuhan pengguna... 19

Gambar 3.3 : Use case Diagram... 29

Gambar 3.4 : Activity Diagram Registrasi kontingen... 32

Gambar 3.5 : Activity Diagram Login kontingen... 32

Gambar 3.6 : Activity Diagram Tambah atlet kontingen... 33

Gambar 3.7 : Activity Diagram Tambah berkas atlet kontingen... 33

Gambar 3.8 : Activity Diagram Panitia admin lihat kontingen... 34

Gambar3.9 : Activity Diagram Panitia admin lihat pendaftar... 34

Gambar 3.10 : Activity Diagram Verifikasi pembayaran atlet... 35

Gambar 3.11 : Activity Diagram verifikasi pembayaran kontingen... 35

Gambar 3.12 : Activity Diagram Panitia admin edit data atlet... 36

Gambar 3.13 : Activity Diagram Panitia admin edit data kontingen... 36

Gambar 3.14 : Activity Diagram penjadwalan kategori seni... 37

Gambar 3.15 : Activity Diagram penjadwalan kategori tanding... 37

Gambar 3.16 : Activity Diagram pembuatan bagan otomatis... 38

Gambar 3.17 : Activity Diagram Mengolah dan menampilkan kategori……….. 38

Gambar 3.18 : Activity Diagram Tambah panitia... 39

Gambar 3.19 : Activity Diagram Tambah gelanggang... 39

Gambar 3.20 Sequence diagram Registrasi Kontingen... 40

Gambar 3.21 Sequence diagram acak bagan pertandingan... 41

Gambar 3.22 Sequence diagram jadwal kategori seni... 41

Gambar 3.23 Sequence diagram jadwal kategori tanding... 42

Gambar 3.24 Sequence diagram kirim ulang password login kontingen... 42

Gambar 3.25 Sequence diagram melihat berkas atlet... 43

Gambar 3.26 Sequence diagram merubah data kontingen... 43

(11)

xii

Gambar 3.28 Sequence diagram Tambah kategori tanding... 44

Gambar 3.29 Sequence diagram Tambah kategori usia,tanding dan kelas... 45

Gambar 3.30 Class Diagram Kategori Tanding... 46

Gambar 3.31 Class Diagram Kategori Seni... 47

Gambar 3.32 Tampilan Prototype Registrasi kontingen dan halaman utama…... 48

Gambar 3.33 Tampilan Prototype login halaman kontingen... 49

Gambar 3.34 Tampilan Prototype edit dan tambah atlet halaman kontingen... 49

Gambar 3.35 Tampilan Edit dan tambah official halaman kontingen,…………. 50

Gambar 3.36 Tampilan Prototype tagihan pembayaran kontingen... 51

Gambar 3.37 Tampilan Prototype login halaman panitia admin... 51

Gambar 3.38 Tampilan Prototype lihat pendaftar... 52

Gambar 3.39 Tampilan Prototype edit pendaftar... 53

Gambar 3.40 Tampilan Prototype edit dan tambah official... 53

Gambar 3.41 Tampilan Prototype pembayaran kontingen... 54

Gambar 3.42 Tampilan Prototype tambah peserta dihalaman kontingen... 54

Gambar 3.43 Tampilan Prototype daftar list kontingen... 55

Gambar 3.44 Tampilan Prototype bagan pertandingan otomatis……….. 56

Gambar 3.45 Tampilan Prototype kategori tanding kelola pool... 56

Gambar 3.46 Tampilan Prototype kategori tanding kelola kelas tanding... 57

Gambar 3.47 Tampilan Prototype kategori seni kelola pool... 58

Gambar 3.48 Tampilan Prototype lihat kategori seni... 58

Gambar 3.49 Tampilan Prototype kelola jadwal pertandingan... 59

Gambar 3.50 Tampilan Prototype jadwal pertandingan berdasar gelanggang... 60

Gambar 3.51 Tampilan Prototype jadwal pertandingan kategori seni... 60

Gambar 3.52 Tampilan Prototype pengelompokan kategori super admin... 61

Gambar 3.53 Tampilan Prototype pengelompokan kategori super admin... 62

Gambar 3.54 Tampilan Prototype pengelompokan kategori super admin……...62

Gambar 4.1 tampilan informasi halaman utama pengguna………... 65

(12)

xiii

Gambar 4.3 Tampilan tutor dan live chat... 66

Gambar 4.4 Tampilan halaman pendaftar... 67

Gambar 4.5 Tampilan halaman edit peserta... 67

Gambar 4.6 Tampilan hapus peserta... 68

Gambar 4.7 Tampilan detail pertandingan pendaftar... 68

Gambar 4.8 Tampilan halaman kontingen... 69

Gambar 4.9 Tampilan fitur kontingen... 69

Gambar 4.10 Tampilan tambah kontingen... 70

Gambar 4.11 Tampilan detail pada fitur kontingen……….. 70

Gambar 4.12 Tampilan official pada fitur kontingen... 70

Gambar 4.13 Tampilan edit official... 71

Gambar 4.14 Tampilan hapus official... 71

Gambar 4.15 Tampilan tambah official... 72

Gambar 4.16 Tampilan tagihan pembayaran... 72

Gambar 4.17 Tampilan edit pada fitur kontingen... 73

Gambar 4.18 Tampilan hapus pada fitur kontingen... 73

Gambar 4.19 Tampilan edit kompetisi tanding... 74

Gambar 4.20 Tampilan tambah kompetisi tanding... 74

Gambar 4.21 Tampilan detail kompetisi seni………... 74

Gambar 4.22 Tampilan edit kompetisi seni... 75

Gambar 4.23 Tampilan acak bagan tanding... 75

Gambar 4.24 Tampilan acak nomor urut seni... 76

Gambar 4.25 Tampilan detail jadwal tanding………... 76

Gambar 4.26 Tampilan detail jadwal seni... 76

Gambar 4.27 Tampilan detail kelas tanding... 77

Gambar 4.28 Tampilan edit jadwal tanding... 77

Gambar 4.29 Tampilan hapus jadwal seni... 78

Gambar 4.30 Tampilan hapus jadwal tanding... 78

(13)

xiv

Gambar 4.32 Tampilan tabel kategori seni... 79

Gambar 4.33 Tampilan tambah jadwal seni... 80

Gambar 4.34 Tampilan tambah pertandingan... 80

Gambar 4.35 Tampilan tambah pool kategori seni... 81

Gambar 4.36 Tampilan tambah pool tanding... 81

Gambar 4.37 Tampilan tambah kategori usia………... 82

Gambar 4.38 Tampilan tambah kategori kelas tanding... 82

Gambar 4.39 Tampilan tambah kategori lomba... 83

Gambar 4.40 Tampilan tambah kategori seni... 83

Gambar 4.41 Tampilan tambah gelanggang... 84

Gambar 4.42Tampilan edit gelanggang... 84

Gambar 4.43 Tampilan hapus gelanggang... 85

Gambar 4.44 Tampilan tambah akun panitia……… 85

Gambar 4.45 Tampilan edit akun panitia... 86

Gambar 4.46 Tampilan hapus akun panitia………... 86

Gambar 4.47 Tampilan login admin... 86

Gambar 4.48 Tampilan logout admin………... 87

Gambar 4.49 Tampilan login kontingen... 87

(14)

xv

DAFTAR TABEL

Tabel 2. 1 Penelitian Terdahulu ... 12

Tabel 2. 2 Penelitian Terdahulu ... 12

Tabel 2. 3 Penelitian Terdahulu ... 13

Tabel 3. 1 Hasil kuisioner ... 19

Tabel 3. 2 wawancara penggalian informasi kebutuhan pengguna... 22

Tabel 3. 3 Tanggapan responden terkait adanya fitur registrasi ... 23

Tabel 3. 4 Tanggapan responden terkait Adanya fitur login untuk panitia dan peserta ... 24

Tabel 3. 5 Tanggapan responden terkait Adanya fitur edit data bagi peserta ... 24

Tabel 3. 6 Tanggapan responden terkait Input data diri lengkap bagi peserta maupun panitia ... 25

Tabel 3. 7 Tanggapan responden terkait Kontingen menginputkan email yang aktif untuk login ... 25

Tabel 3. 8 Tanggapan responden terkait Adanya fitur pilih kategori tanding, usia dan kelas dalam sistem informasi ... 26

Tabel 3. 9 Tanggapan responden terkait Adanya fitur keuangan/ validasi pembayaran Online ... 26

Tabel 3. 10 Tanggapan responden terkait Adanya penjadwalan dan pembuatan bagan pertandingan otomatis dari sistem informasi ... 27

Tabel 3. 11 Tanggapan responden terkait Adanya fitur kirim ulang password pada pengguna ... 28

Tabel 3. 12 Tanggapan responden terkait Adanya fitur pencarian data atlet bagi panitia dan pengguna... 28

Tabel 3. 13 Hasil rangkuman wawancara untuk evaluasi perancangan ... 63

Tabel 4. 1 Pengujian blackbox ... 90

Tabel 4. 2 Skala pengujian usability ... 102

Tabel 4. 3 Pernyataan System Usability Scale (SUS) ... 103

Tabel 4. 4 Pernyataan SUS ... 104

(15)

107

DAFTAR PUSTAKA

[1] H. S. Edwarsyah, Sefri Hardiansyah, “PENGARUH METODE

PELATIHAN CIRCUIT TRAINING TERHADAP KONDISI FISIK

ATLET PENCAK SILAT UNIT KEGIATAN OLAHRAGA

UNIVERSITAS NEGERI PADANG,” pp. 1–10.

[2] R. Gunawan, “PERANCANGAN DAN IMPLEMENTASI APLIKASI

SISTEM INFORMASI MANAJEMEN PERTANDINGAN DAN

PENILAIAN ELEKTRONIK KEMPO,” vol. 3, no. 1, pp. 1–8, 2018.

[3] J. A. Putra et al., “RANCANGAN AWAL WEBSITE BERBASIS USER

CENTERED DESIGN ( KASUS WEBSITE UNIVERSITAS

JANABADRA YOGYAKARTA ),” pp. 189–194, 2017.

[4] E. Ali, “SATIN – Sains dan Teknologi Informasi Metode User Centered

Design ( UCD ) dalam Membangun Aplikasi Layanan,” Sains dan Teknol.

Inf., vol. 2, no. 2, pp. 1–6, 2016.

[5] L. L. Shidqi, V. Effendy, and A. Herdiani, “Model User Interface Aplikasi

Pembelajaran Doa-doa Harian Sesuai User Experience Anak Usia Dini Menggunakan Metode User Centered Design,” vol. 4, no. 3, pp. 4866– 4873, 2017.

[6] D. Priyanti and S. Iriani, “Sistem Informasi Data Penduduk Pada Desa

Bogoharjo Kecamatan Ngadirojo Kabupaten Pacitan,” pp. 55–61.

[7] F. Andalia, E. B. Setiawan, J. Raya, L. Begalung, and J. D. Bandung,

“PENGEMBANGAN SISTEM INFORMASI PENGOLAHAN DATA PADANG Teknik Informatika – Universitas Komputer Indonesia Jurnal Ilmiah Komputer dan Informatika ( KOMPUTA ) Jurnal Ilmiah Komputer dan Informatika ( KOMPUTA ).”

[8] B. Soedijono, H. Al Fatta, J. R. Road, and C. Catur, “PENGUKURAN

KUALITAS SISTEM INFORMASI INVENTARIS ASET,” vol. 2, no. 2, pp. 84–92, 2017.

(16)

108

[9] M. S.-P. Jasmani, F. I. Keolahragaan, D. S.-P. Jasmani, and F. I.

Keolahragaan, “PROFIL TINGKAT KECUKUPAN ENERGI SISWA PADA EKSTRAKURIKULER PENCAK SILAT DI SMA NEGERI 1 NGANJUK Muhamad Edi Cahyono Faridha Nurhayati Abstrak,” vol. 02, pp. 550–553, 2014.

[10] P. Silat, K. Tandinghasil, and M. Ipsi, “No Title,” TINGKAT

PEMAHAMAN ATLET TERHADAP Peratur. PERTANDINGAN PENCAK SILAT Kateg. TANDINGHASIL MUNAS IPSI TAHUN 2012 ( Stud. pada AtletUnit Kegiat. Mhs. Pencak Silat Univ. Negeri Surabaya ) TOTOK, vol. 2012, pp. 1–8, 2012.

[11] O. Fajarianto, “Prototype Pelayanan Akademik Terhadap Komplain

Mahasiswa Berbasis Mobile,” J. Lentera Ict, vol. 3, no. 1, pp. 54–60, 2017.

[12] K. Y. Palilingan, A. J. Santoso, F. L. S. Rahayu, and U. Atmajaya, “Perancangan Aplikasi Pencarian Tempat Wisata Berbasis Lokasi Menggunakan Metode User Centered Design ( UCD ) ( Studi Kasus : Kabupaten Minahasa ),” pp. 577–583, 2014.

[13] R. M. Simatupang, “Penerapan metode ucd untuk perancangan aplikasi

radio streaming berbasis web,” Inf. dan Teknol. Ilm., vol. III, no. 1, pp. 1–5,

2014.

[14] J. Ilmu et al., “Kualitas pelayanan publik dalam pembuatan izin trayek oleh

dllaj kabupaten bogor effectiveness of public service in service by dllaj route permits bogor district,” vol. 2, no. April, pp. 47–59, 2016.

[15] Y. P. W. Simaremare, A. Pribadi, S. Radityo, and P. Wibowo, “Perancangan dan Pembuatan Aplikasi pada Jurnal SISFO,” vol. 2, no. 3, pp. 470–475, 2013.

[16] B. Zaki and S. D. Putra, “Vol . 2 No . 2 Desember 2018 ISSN : 2597-3673 ( Online ) ISSN : 2579-5201 ( Printed ) APLIKASI BENGKEL ONLINE MENGGUNAKAN GLOBAL POSITIONING SYSTEM ( GPS ) BERBASIS ANDROID PADA CV . RUMAH OTOMOTIF ISSN : 2597-3673 ( Online ) ISSN : 2579-5201 ( Printed ),” vol. 2, no. 2, pp. 16–25, 2018.

Figur

Memperbarui...

Referensi

Memperbarui...