BAB 3
METODOLOGI PENELITIAN
3.1 Metodologi Penelitian
Dalam proses penelitian dengan judul “Implementasi Metode Analytical Hierarchy Process pada Sistem Pendukung Keputusan Pemilihan Karakter DOTA 2”, dilakukan beberapa tahapan dalam merealisasikan sistem. Beberapa tahapan penelitian yang ada dalam proses implementasi adalah sebagai berikut.
1. Studi Literatur
Pada tahapan ini, hal yang dilakukan adalah mencari, meneliti, dan memahami, serta mengolah informasi yang didapatkan dari sumber – sumber tertentu seperti buku, jurnal ilmiah, dan karya tulis untuk dijadikan sebagai referensi. Tujuannya adalah untuk meningkatkan pemahaman terhadap metode yang digunakan dalam perancangan sistem yaitu AHP.
2. Perancangan Sistem
Dalam proses perancangan untuk membuat website dimulai dengan membuat beberapa hal seperti flowchart, struktur database, dan juga rancangan mockup sistem.
3. Pembuatan Sistem
Pada tahap implementasi, akan dimasukkan penerapan metode yang digunakan, yaitu AHP pada sistem yang dibangun sehingga dapat menentukan kandidat karakter terbaik yang bisa digunakan oleh user sesuai dengan input kriterianya. Bahasa pemrograman yang akan digunakan dalam implementasi sistem
adalah PHP, dan tools yang digunakan meliputi Visual Studio Code, XAMPP, CodeIgniter 3, PHPMyAdmin, dan MySQL.
4. Pengujian dan Evaluasi
Menguji sistem yang telah dibangun apakah sudah berjalan dengan baik atau belum, dan memastikan tidak ada kesalahan / bug yang menghambat kerja sistem. Setelah itu hasil perhitungan dari sistem diverifikasi dengan cara dihitung manual dan dibandingkan dengan output dari program. Evaluasi terhadap tingkat kepuasan dari pengguna sendiri akan dilakukan dengan menggunakan metode EUCS, dengan cara mengirimkan daftar pertanyaan dalam bentuk google form kepada kalangan mahasiswa khususnya yang ingin memainkan game DOTA 2.
5. Dokumentasi
Pembuatan / penyusunan laporan lengkap sebagai hasil dokumentasi dari penelitian yang dijalankan, mulai dari awal pendahuluan hingga kesimpulan akhir.
3.2 Perancangan Aplikasi
Perancangan aplikasi akan dibagi menjadi beberapa bagian yang meliputi flowchart, struktur database, dan juga mockup aplikasi.
3.2.1 Flowchart Aplikasi User
Perancangan flowchart dari aplikasi yang dibangun terbagi menjadi 5 bagian, yaitu flowchart Halaman Utama, flowchart Halaman Heroes, flowchart Halaman Rekomendasi, flowchart Proses AHP, dan flowchart Halaman Admin.
A. Flowchart Halaman Utama
Gambar 3. 1 Flowchart halaman utama
Gambar 3.1 merupakan alur dari halaman utama yang akan dilihat oleh user saat mengakses website di awal penggunaan. User akan melihat 4 tombol yang dapat ditekan yaitu, tombol “Recommendation System”, “Heroes”, “Role / Pos”, dan “About”. Jika user menekan tombol “Recommendation System” maka user akan diarahkan ke halaman rekomendasi dimana user akan diminta untuk mengisi
beberapa input yang akan digunakan untuk menampilkan rekomendasi. Tombol
“Heroes” akan mengarahkan user ke Halaman Heroes, dimana user bisa melihat keseluruhan hero yang ada dalam permainan DOTA 2. Tombol “Role / Pos” akan mengarahkan user ke Halaman Role / Pos yang berisi informasi mengenai peran pemain yang ada dalam permainan. Tombol “About” akan mengarahkan user menuju cara penggunaan aplikasi, tetapi tidak berpindah ke halaman lain, melainkan ada di bagian bawah dari halaman utama.
B. Flowchart Halaman Heroes
Gambar 3. 2 Flowchart halaman heroes
Gambar 3.2 merupakan alur dari Halaman Heroes, dimana pada halaman tersebut akan ditampilkan list dari seluruh hero yang ada dalam permainan DOTA 2, dibagi dari masing – masing atribut hero. Data yang ditampilkan berbentuk portrait / icon dari masing – masing hero. Jika icon ditekan maka user akan
diarahkan ke halaman baru yang berisi detail dari hero yang dipilih, beberapa informasi yang ditampilkan meliputi, nama hero, atribut, sejarah singkat hero, dan juga basic status yang dimiliki hero tersebut.
C. Flowchart Halaman Rekomendasi
Gambar 3. 3 Flowchart halaman rekomendasi
Gambar 3.3 merupakan alur dari halaman rekomendasi, dimana pada halaman ini berisi input berupa selection dan sebuah tombol “Next” yang tidak bisa
ditekan sebelum semua input dimasukkan. User akan diminta untuk memasukkan beberapa input berupa selection yaitu “Hero Attribute”, “Attack Type”, dan
“Complexity” dari hero yang ada. Setelah memasukkan semua data yang dibutuhkan, tombol “Next” yang ada pada halaman tersebut akan bisa ditekan, setelah tombol “Next” ditekan, user akan diarahkan ke bagian selanjutnya dimana, user akan diminta untuk memasukkan bobot yang diinginkan untuk setiap “role”
yang ada, jika semua bobot sudah dimasukkan dan dirasa sudah cukup oleh user maka tombol “Submit” yang ada di bagian bawah halaman bisa ditekan untuk menuju ke tahap selanjutnya. Jika bobot yang dimasukkan dinilai tidak valid oleh sistem, maka user akan diminta untuk input ulang bobot tersebut, tetapi jika bobot yang dimasukkan sudah dinilai valid oleh sistem maka user akan diarahkan ke halaman selanjutnya. Dimana pada halaman ini akan tampil sebuah selection yang meminta user untuk memilih hasil rekomendasi dari salah satu dari 3 pakar yang ada. Jika sudah dipilih salah satu maka akan tampil 5 rekomendasi hero yang dinilai oleh sistem paling cocok dengan pilihan yang telah dimasukkan user sebelumnya.
D. Flowchart Proses AHP
Gambar 3. 4 Flowchart proses AHP
Gambar 3.4 merupakan alur proses perhitungan AHP yang digunakan untuk menentukan hero mana yang akan ditampilkan pada halaman rekomendasi dilihat dari nilai tertinggi yang didapatkan. Sistem akan membuat matriks perbandingan berpasangan dengan mengambil data bobot dari user yang sebelumnya di input, dan bobot yang sudah disediakan dalam database.
3.2.2 Flowchart Aplikasi Admin
Gambar 3. 5 Flowchart halaman admin
Gambar 3.5 merupakan alur proses pada halaman admin, dimana halaman admin tersebut digunakan untuk mengubah bobot pada masing – masing hero yang ada di dalam database. Sebelum bisa masuk pada halaman utama untuk mengedit data bobot, user harus login terlebih dahulu dengan mengisi username dan password. Jika sudah masuk user akan diminta untuk memilih salah satu expert, setelah sudah dipilih maka tabel yang berisi bobot dari masing – masing hero akan ditampilkan. Setelah tabel ditampilkan akan ada tombol “edit” yang memungkinkan user untuk mengubah data bobot dari masing – masing hero. Setelah itu, untuk menyimpan data yang sudah di ubah ke dalam database, user perlu menekan tombol “save” yang tampil. User bisa keluar / logout dari dengan cara menekan tombol logout pada pojok kanan atas halaman admin.
3.2.3 Struktur Database
Database yang digunakan dalam pengerjaan aplikasi website ini adalah MySQL melalui PHPMyAdmin. Ada 2 tabel yang digunakan yaitu tabel heroes, dan tabel role_weight. Bentuk dari struktur tabel yang digunakan akan ditampilkan dalam bentuk tabel sebagai berikut.
1. Tabel: heroes
2. Fungsi: Menyimpan detail data heroes
Tabel 3. 1 Tabel heroes
Nama Kolom Tipe Data Panjang Data Keterangan
ID_Hero Int 11 ID hero
Name Varchar 50 Nama dari hero
Type Varchar 20 Atribut dari hero
Attack_Type Varchar 10 Jarak serang hero Complexity Varchar 5 Tingkat kesulitan hero
Description Varchar 5000 Lore / sejarah singkat dari hero 1. Tabel: role_weight
2. Fungsi: Menyimpan bobot dari masing – masing hero yang ditentukan pakar Tabel 3. 2 Tabel role_weight
Nama Kolom Tipe Data Panjang Data Keterangan
ID int 11 ID otomatis
ID_Hero int 11 ID hero
ID_Expert varchar 5 ID pakar
Name varchar 30 Nama dari hero
Carry_Weight float - Bobot hero pada role
carry
Midlane_Weight float - Bobot hero pada role
midlane
Offlane_Weight float - Bobot hero pada role
offlane
Support_Weight float - Bobot hero pada role
support
HardSupport_Weight float - Bobot hero pada role hard support
3.2.4 Mockup Aplikasi User
Mockup / perancangan antarmuka dari aplikasi dibagi menjadi beberapa halaman yaitu, Halaman Utama beserta Cara Penggunaan, Halaman Heroes, Halaman Rekomendasi, Halaman Roles, dan Halaman Admin.
A. Mockup Halaman Utama beserta Cara Penggunaan
Gambar 3. 6 Halaman utama
Gambar 3.6 merupakan Halaman Utama atau halaman pertama yang akan dilihat oleh user ketika pertama kali membuka aplikasi web. Halaman ini berisi button yang akan membawa user ke halaman selanjutnya jika ditekan, kecuali untuk button “About”, user tidak akan dibawa ke halaman lain melainkan akan dibawa ke bagian cara penggunaan aplikasi. Tombol “Recommendation System” akan membawa user ke halaman rekomendasi untuk mendapatkan rekomendasi hero berdasarkan input user, tombol “Heroes” akan membawa user ke halaman yang berisi list hero dari permainan DOTA 2, dan tombol “Roles” akan membawa user ke halaman mengenai informasi tentang role yang ada.
Gambar 3. 7 Cara penggunaan aplikasi
Gambar 3.7 merupakan cara penggunaan aplikasi, dimana di dalamnya terdapat sedikit penjelasan singkat akan bagian apa saja yang ada di dalam website, dan juga cara penggunaan halaman rekomendasi untuk mendapatkan hasil rekomendasi hero berdasarkan input yang diinginkan user. Penjelasan akan cara penggunaan halaman rekomendasi disertai dengan contoh gambar sehingga
memudahkan user untuk melihat gambaran besar dari sistem tanpa perlu masuk terlebih dahulu ke dalam halaman rekomendasi tersebut.
B. Mockup Halaman Heroes
Gambar 3. 8 Halaman heroes
Gambar 3.8 merupakan Halaman Heroes, dimana di dalamnya berisi list dari seluruh hero yang ada di dalam permainan DOTA 2, dibagi berdasarkan atributnya masing – masing dan ditampilkan dalam bentuk icon dari hero tersebut.
Jika salah satu icon ditekan maka user akan diteruskan ke halaman yang berisi detil dari hero tersebut.
Gambar 3. 9 Halaman detail heroes
Gambar 3.9 merupakan Halaman Detail Heroes yang berisi beberapa informasi mengenai hero yang dipilih oleh user seperti nama hero, atribut hero, gambar tampilan hero, basic status dari hero, dan sedikit lore / sejarah singkat dari hero tersebut.
C. Mockup Halaman Rekomendasi
Gambar 3. 10 Halaman rekomendasi
Gambar 3.10 merupakan Halaman Rekomendasi yang digunakan untuk menampilkan rekomendasi hero berdasarkan input yang diinginkan user. Saat awal user masuk ke Halaman Rekomendasi akan ada 3 input berupa selection yang harus diisi dulu sebelum user bisa masuk ke halaman selanjutnya. Setelah ketiga selection diisi, tombol “Next” akan berubah dari yang sebelumnya tidak bisa ditekan, menjadi bisa ditekan, dan jika user menekan tombol “Next”, user akan diarahkan ke halaman selanjutnya.
Gambar 3. 11 Halaman rekomendasi (lanjutan)
Gambar 3.11 merupakan halaman yang digunakan untuk mengisi bobot dari masing – masing role yang diinginkan oleh user. Akan ada tampilan berupa slider dan di bagian kanan dan kirinya berupa keterangan role, slider juga disertai dengan keterangan angkanya masing – masing. User hanya perlu untuk menggeser ke angka yang diinginkan untuk menentukan bobot yang diinginkan untuk masing – masing role. Jika sudah selesai menentukan bobot yang diinginkan, user bisa
menekan tombol “Submit” yang ada di bagian bawah halaman untuk mendapatkan rekomendasi hero apa saja berdasarkan input yang sudah dimasukkan sebelumnya.
Gambar 3. 12 Hasil rekomendasi
Gambar 3.12 merupakan hasil akhir dari rekomendasi hero yang ditampilkan berdasarkan input dari user yang telah dimasukkan sebelumnya. 5 hero yang memiliki nilai tertinggi akan ditampilkan dalam bentuk icon secara berurutan dari kiri ke kanan dan memiliki angka 1 – 5 di bagian atasnya beserta nama masing – masing hero di bagian bawahnya. Jika user menekan icon hero yang ditampilkan, maka user akan diarahkan ke halaman detil dari hero tersebut.
D. Mockup Halaman Roles
Gambar 3. 13 Halaman roles
Gambar 3.13 merupakan Halaman Roles, dimana di dalamnya berisi penjelasan tentang role apa saja yang ada di dalam permainan DOTA 2, dan beberapa hal penting yang harus dilakukan jika seorang pemain memainkan peran tersebut.
3.2.5 Mockup Aplikasi Admin
Gambar 3. 14 Halaman login admin
Gambar 3.14 merupakan tampilan awal dari halaman admin yang meminta user untuk login terlebih dahulu sebelum bisa masuk ke dalamnya. User akan diminta untuk memasukkan username dan password agar bisa masuk.
Gambar 3. 15 Halaman home admin
Gambar 3.15 merupakan Halaman Home Admin dimana di dalamnya terdapat selection yang bisa dipilih untuk menampilkan data bobot masing – masing hero berdasarkan pakar yang dipilih. Sebelum pakar dipilih, halaman ini tidak akan menampilkan apa – apa, dan juga pada bagian kanan atas ada tombol logout yang bisa digunakan untuk keluar dari halaman dan kembali ke halaman login sebelumnya.
Gambar 3. 16 Halaman home admin (pilih pakar)
Gambar 3.16 merupakan tampilan dari bobot hero jika salah satu pakar sudah dipilih. Setelah salah satu pakar dipilih akan muncul sebuah tabel yang menampilkan bobot dari masing – masing hero yang ada dan juga muncul tombol
“Edit” yang bisa ditekan untuk mengubah data bobot dari masing – masing hero tersebut.
Gambar 3. 17 Halaman home admin (edit)
Gambar 3.17 merupakan tampilan tabel yang berisi nilai bobot dari masing – masing hero jika tombol “Edit” sudah ditekan, dan muncul 2 tombol baru yaitu
“Cancel” dan “Save” menggantikan tombol “Edit” yang sebelumnya ada. Tampilan angka pada tabel akan berubah menjadi input agar user bisa mengubah bobot masing – masing hero yang ada. Jika sudah selesai mengganti bobot, bisa menekan tombol “Save” untuk menyimpan bobot yang baru ke dalam database.
