Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer e-ISSN: 2548-964X

Vol. 5, No. 8, Agustus 2021, hlm. 3298-3307 http://j-ptiik.ub.ac.id

Pengembangan Serious Game Menggunakan DPE Framework untuk

Mengasah Kemampuan Berhitung dengan Gestur Tangan
Aditya Luthfi Alvari Ramadhan1, Eriq Muhammad Adams Jonemaro2, Muhammad Aminul
Akbar3

Program Studi Teknik Informatika, Fakultas Ilmu Komputer, Universitas Brawijaya

Email: 1aditya.alvari28@student.ub.ac.id, 2eriq.adams@ub.ac.id, 3muhammad.aminul@ub.ac.id

Abstrak
Berhitung sudah menjadi kebutuhan dasar dalam kehidupan sehari-hari, seperti jual beli, bekerja,
belajar, dan sebagainya. Kemampuan berhitung dapat menurun seiring waktu jika kurang dilatih. Ini
menyebabkan proses berhitung menjadi lambat. Untuk mengatasi hal tersebut, kemampuan berhitung
harus terus menerus dilatih. Salah satu metode efektif dalam belajar berhitung adalah menggunakan
gestur tangan karena gestur tangan dapat mengurangi cognitive load. Agar proses pembelajaran
menggunakan gestur tangan menyenangkan, dapat digunakan media seperti permainan. Permainan
diketahui dapat membuat pemain merasa bahagia, mengurangi tingkat stres, dan mengasah logika.
Berdasarkan permasalahan tersebut, dirancang serious game yang menggunakan gestur tangan sebagai
metode input untuk mengasah kemampuan berhitung. Untuk merancang serious game yang bermanfaat
dan menyenangkan, perancangan game menerapkan Design, Play, Experience Framework atau
disingkat DPE Framework. Penggunaan framework ini diharapkan dapat meningkatkan kesuksesan
tujuan pembelajaran tanpa mengurangi faktor kegembiraan dari hasil rancangan serious game. Performa
permainan dalam hal experience diukur melalui pengujian menggunakan metode Play Testing dan Game
Experience Questionnaire (GEQ). Hasil pengujian dari 33 responden menunjukkan bahwa permainan
menyenangkan dan bermanfaat dengan pengalaman negatif, kelelahan, dan disorientasi rendah. Secara
keseluruhan, pemain menganggap permainan menyenangkan dengan nilai 4,12 dari 5.
Kata kunci: kemampuan berhitung, serious game, gestur tangan, DPE Framework, Game Experience
Questionnaire
Abstract
Counting has been a basic need in daily life activities such as trading, working, studying, etc. The ability
to count can decline over time if not trained regularly. This causes a decline in counting ability. One of
the effective methods to enhance counting skills is by using hand gestures as hand gestures can reduce
cognitive load. In order to make the learning process with hand gestures fun, games can be used as a
media for learning. Games are known to be able to make players feel happy, reduce stress, and improve
their logic. Based on that premise, a serious game is developed using hand gestures as input method to
enhance counting skills. To design a beneficial and fun serious game, the design process is aided by
Design, Play, Experience Framework or commonly known as DPE Framework. The usage of this
framework will hopefully increase the chance of success in the learning process without sacrificing the
fun factor of the serious game design. In order to measure the experience performance of the game, two
types of testing are used in this research such as Play Testing and Game Experience Questionnaire
(GEQ). Test results from 33 respondents showed that the game is fun and beneficial with low levels of
negative experience, tiredness, and disorientation. Overall, players found the game fun with a rating of
4,12 out of 5.
Keywords: counting skills, serious game, hand gestures, DPE Framework, Game Experience Questionnaire

Berhitung merupakan salah satu kemampuan

1. PENDAHULUAN penting dalam kehidupan. Berhitung sudah
menjadi kebutuhan dasar dalam kehidupan
sehari-hari seperti jual beli, bekerja, belajar, dan

Fakultas Ilmu Komputer

Universitas Brawijaya 3298
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer
sebagainya. Dalam kehidupan sehari-hari,
berhitung diperlukan untuk mengenali,
menginterpretasi, dan menciptakan pola, fungsi,
dan hubungan menggunakan tabel, grafik,
simbol, kata-kata, dan hubungan antar-variabel
yang penting dalam memahami kondisi
ekonomi, politik, dan sosial (Gravemeijer, et al.,
2017). Belajar berhitung memerlukan proses
yang tidak singkat. Sejak usia dini, anak-anak
diajarkan berhitung agar memiliki pola pikir
sistematis, logika pikir lebih berkembang, dan
mampu menarik kesimpulan. Tidak hanya anak-
anak saja, orang dewasa juga masih belajar dan
mengasah kemampuan berhitung mereka agar
dapat melakukan kegiatan sehari-hari dengan
efisien.
Proses belajar berhitung biasa dilakukan
menggunakan metode konvensional yaitu
pembelajaran di sekolah. Metode konvensional
untuk belajar berhitung menggunakan buku dan
kegiatan belajar mengajar di kelas tergolong
kaku karena setiap orang memiliki kemampuan
yang berbeda dalam menyerap materi sehingga
dapat menghambat proses pembelajaran bagi
yang kurang cepat mengerti berhitung (Yeh, et
al., 2019). Ini menyebabkan proses
pembelajaran berhitung menjadi lambat.
Untuk mengatasi hal tersebut, kemampuan
berhitung harus terus menerus dilatih. Salah satu
metode efektif dalam melatih kemampuan
berhitung adalah menggunakan gestur tangan.
Gestur tangan dapat meringankan cognitive load
dalam proses belajar termasuk berhitung
(Goldin-Meadow, et al., 2001). Gestur tangan
memberikan visualisasi pada proses belajar
berhitung. Perubahan angka seperti
penjumlahan, pengurangan, dan perkalian dapat
dilihat secara langsung mengunakan jari tangan.
Agar proses belajar berhitung menggunakan
gestur tangan lebih menyenangkan, dapat
digunakan media seperti permainan. Salah satu
media yang dapat digunakan untuk membantu
proses pembelajaran yang menyenangkan adalah
permainan. Permainan diketahui dapat membuat
pemain merasa bahagia, mengurangi tingkat
stres, dan mengasah logika (Soedarso, 2016).
Tujuan dari suatu permainan salah satunya
adalah untuk mengisi waktu luang.
Tak hanya berfungsi untuk mengisi waktu
luang, terdapat salah satu tipe permainan yang
memiliki tujuan berbeda yaitu serious game.
Tujuan utama serious game adalah untuk
menggunakan teknologi game untuk keperluan
Fakultas Ilmu Komputer, Universitas Brawijaya
3299
selain hiburan (Huynh-Kim-Bang, Wisdom,
Labat, 2010). Meskipun tujuan serious game
bukan untuk hiburan, gim yang dirancang harus
menarik bagi pemain (Darwesh, 2016). Maka
dari itu tujuan utama dari penelitian ini adalah
mengembangkan permainan menarik untuk
mengasah kemampuan berhitung dengan gestur
tangan.
Untuk membuat permainan sesuai dengan
yang diinginkan maka diperlukan proses
perancangan DPE Framework yang didasarkan
dari MDA framework. MDA Framework
merupakan salah satu cara merancang gim
dengan membagi proses perancangan menjadi
tiga elemen utama yaitu mechanics, dynamics,
aesthetics. Mechanics atau mekanik dari sebuah
gim dirancang oleh game designer. Pemain
melakukan interaksi melalui aesthetic. Interaksi
antara mechanics dan aesthetics menghasilkan
dynamics.
DPE Framework atau Design, Play, and
Experience Framework adalah perluasan dari
MDA Framework yang dikhususkan untuk
merancang serious game (Winn, 2008). Terdapat
empat lapisan dari DPE Framework, yaitu
learning, storytelling, gameplay, dan user
experience. Perancangan serious game
menggunakan framework ini memberikan
kemudahan untuk perancangan sebuah game
design yang cocok untuk pembelajaran. Pada
akhirnya, diharapkan serious game yang
dikembangkan dapat memberikan manfaat
dengan mengasah kemampuan berhitung
pemain.
2. KAJIAN PUSTAKA
2.1. Berhitung
Menurut Kamus Besar Bahasa Indonesia,
berhitung memiliki definisi mengerjakan
hitungan (menjumlahkan, mengurangi, dan
sebagainya). Berhitung merupakan salah satu
kemampuan dasar yang penting dalam
kehidupan sehari-hari. Konsep berhitung terikat
erat dengan matematika. Perhitungan yang
dilakukan sehari-hari lebih banyak dilakukan di
luar kepala atau sering dikenal dengan mental
math. Mental math adalah suatu kemampuan
berhitung di luar kepala (Department for
Education UK, 2010).
Pentingnya kemampuan ini membuat
berhitung diajarkan sejak masa kecil agar dapat
berguna di kemudian hari. Kemampuan
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer
berhitung dapat menurun seiring waktu jika
kurang dilatih. Kemampuan berhitung harus
terus menerus dilatih melalui berbagai metode,
salah satunya adalah dengan menggunakan
permainan.
2.2. Permainan
Definisi dari permainan atau gim memiliki
beberapa interpretasi. Konsep dari permainan
secara umum sama, tetapi tidak seluruh definisi
dapat mencakup seluruh permainan. Menurut
Clark C. Abt, gim atau permainan adalah suatu
aktivitas yang melibatkan pemain untuk
menyelesaikan suatu tujuan dalam lingkup
peraturan tertentu (Schreiber, 2009).
2.2.1. Serious Game
Serious game adalah permainan yang
memiliki tujuan utama untuk keperluan
selain hiburan (Huynh-Kim-Bang, Wisdom,
Labat, 2010). Istilah serious game telah
dikemukakan sebelumnya oleh Clark C. Abt
dalam bukunya pada tahun 1970 berjudul
“Serious Games”. Salah satu tujuan dari
permainan tersebut adalah untuk pelatihan
dan pendidikan. Serious game tidak terikat
genre, cara bermain, dan waktu bermain.
2.3. DPE Framework
DPE Framework atau Design, Play, and
Experience Framework adalah perluasan dari
MDA Framework untuk digunakan dalam
perancangan serious game (Winn, 2009).
Framework ini memberikan suatu standar untuk
perancangan, metodologi untuk menganalisis
rancangan, dan proses untuk merancang serious
game untuk tujuan edukasi. DPE Framework
menggambarkan hubungan antar perancang
permainan dengan pemain yang menghasilkan
pengalaman atas suatu permainan.
Framework ini memiliki empat lapisan yaitu
Learning, Storytelling, Gameplay, dan User
Experience. Setiap lapisan tersebut berinteraksi
secara vertikal dalam setiap tahap Design, Play,
dan Experience seperti pada Gambar 1.
Fakultas Ilmu Komputer, Universitas Brawijaya
3300
Gambar 1. DPE Framework
2.4. Pengujian Gim
Pengujian gim merupakan tahap di mana
sebuah permainan diuji setelah pengembangan.
Pengujian dapat dilakukan oleh game tester
profesional maupun pemain gim pada umumnya.
Seorang game tester tidak hanya memainkan
permainan, tetapi harus mendokumentasikan,
melaporkan adanya bug, melaporkan kemajuan
pengujian, dan membantu developer dalam
memperbaiki bug (Schultz, 2005). Pengujian
dilakukan agar permainan dapat memberikan
pengalaman menyenangkan, meminimalisir
adanya bug, dan tujuan permainan dapat
tercapai.
2.4.1. Play Testing
Dalam play testing, pemain di luar tim
developer permainan diminta untuk
memainkan permainan yang telah dibuat. Ini
dilakukan agar pengembang dapat
mengetahui tanggapan serta saran perbaikan
dari pemain. Pengembang sebuah serious
game juga dapat mengetahui apakah
permainan yang dibuat dapat memenuhi
tujuan pembelajarannya.
2.5. Game Experience Questionnaire
Game Experience Questionnaire atau biasa
disingkat GEQ adalah sebuah alat untuk
menganalisis pengalaman pengguna yang saat
memainkan suatu permainan digital (Poels, et
al., 2007). GEQ merupakan salah satu alat untuk
mengukur pembelajaran secara tidak langsung
menggunakan serious game (Bellotti, et al.,
2013). GEQ dilakukan setelah sesi permainan
selesai. GEQ terdiri atas tiga modul yaitu Core
Questionnaire, Social Presence Module, dan
Post-game Module.
Core Questionnaire adalah modul utama
dari GEQ yang membagi penilaian pengalaman
pengguna menjadi tujuh komponen yaitu
Competence, Sensory and Imaginative
Immersion, Flow, Tension/Annoyance,
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer
Challenge, Negative Affect, dan Positive Affect.
Social Presence Module berfungsi untuk
meninjau psikologi dan keterlibatan perilaku
terhadap pemain lain baik virtual maupun
pemain manusia. Modul ini hanya digunakan
jika terdapat interaksi pemain dengan karakter
dalam game atau pemain lain.
Post-game Module menilai pengalaman
pengguna setelah mereka selesai memainkan
suatu permainan. Modul ini terdiri atas empat
komponen yaitu Positive Experience, Negative
Experience, Tiredness, dan Returning to Reality.
Keseluruhan pertanyaan dalam GEQ
menggunakan skala penilaian 0 (sangat tidak
setuju) hingga 4 (sangat setuju).
2.6. Halaman Web
Halaman web adalah halaman yang
ditampilkan dalam sebuah website. Halaman
web dapat menampilkan berbagai informasi.
Sebuah halaman web memiliki tiga komponen
yaitu HTML, CSS, dan JavaScript. Hypertext
Markup Language adalah bahasa yang
digunakan untuk memberikan struktur dan
konten dalam sebuah halaman web. Cascading
Style Sheets (CSS) adalah bahasa yang
digunakan untuk mengaplikasikan berbagai
kustomisasi pada halaman web. JavaScript
adalah script atau bahasa pemrograman yang
memungkinkan halaman web untuk memiliki
berbagai fitur kompleks. JavaScript dapat
membuat halaman web memperbarui konten
secara dinamis, memberikan animasi, hingga
membuat gim.
2.7. Gestur Tangan
Gestur adalah suatu bentuk komunikasi non-
verbal dengan aksi tubuh untuk menyampaikan
pesan-pesan tertentu. Gestur memberikan
tambahan komponen spatial pada bahasa verbal.
Hal ini membuat berbagai ide yang disampaikan
lebih mudah tanpa keterbatasan dari sebuah
bahasa verbal. Gestur sering ditemukan saat
proses komunikasi, namun gestur juga dapat
membantu dalam proses pemikiran dan
pembelajaran di luar keterikatan bahasa verbal.
Salah satu media yang digunakan dalam gestur
adalah tangan. Hanya dengan tangan, seseorang
dapat menyampaikan informasi yang
menguatkan bahasa verbal.
2.8. Fingerpose
Fingerpose adalah kode berbasis JavaScript
Fakultas Ilmu Komputer, Universitas Brawijaya
3301
buatan pengguna GitHub andypotato yang dapat
mengenali gestur tangan. Fingerpose
menggunakan handpose model TensorFlow.js
untuk mengenali berbagai landmark atau bagian
dari sebuah tangan. Cara kerja dari Fingerpose
adalah mendeteksi berbagai bagian tangan dalam
sebuah video dari webcam. Kemudian arah dan
lekukan dari setiap jari dikenali. Setelah
dikenali, hasil tersebut dibandingkan dengan
deskripsi gestur yang telah ditentukan. Gestur
baru dapat ditambahkan dengan mendefinisikan
jari mana yang ditekuk beserta dengan arahnya.
Sebuah gestur tangan dapat dikenali hanya
dengan mendefinisikan lekukan jari. Terdapat
tingkat confidence 0 hingga 1 untuk
mendefinisikan akurasi dari lekukan dan arah
setiap jari.
Kekurangan dari Fingerpose adalah hanya
satu tangan yang dapat dikenali gesturnya.
Terdapat juga masalah di mana gestur hanya dari
satu jari tidak dapat dikenali. Kekurangan-
kekurangan tersebut merupakan keterbatasan
dari model handpose TensorFlow.js.
Kekurangan lainnya dalam pengenalan gestur
tangan menggunakan Fingerpose adalah
ketergantungan spesifikasi komputer dan
lingkungan sekitar tangan karena gestur tangan
dideteksi tanpa menggunakan sensor tambahan.
3. METODOLOGI
Penelitian ini bertipe implementatif
pengembangan dengan tujuan mengembangkan
serious game untuk mengasah kemampuan
berhitung dengan gestur tangan. Alur dari
penelitian ini diawali dengan studi literatur
mengenai berbagai informasi yang berkaitan
dengan penelitian. Lalu penelitian dilanjutkan
dengan perancangan gim, yaitu tahap
perancangan gim menggunakan DPE
Framework. Kemudian penelitian dilanjutkan
dengan implementasi gim menggunakan
JavaScript. Setelah itu dilakukan pengujian gim
untuk menguji performa permainan dari segi
experience. Terakhir dilakukan pengambilan
kesimpulan untuk menyimpulkan hasil
penelitian dan diakhiri dengan saran perbaikan.
Alur metodologi penelitian ini dapat dilihat pada
Gambar 2.
Gambar 2. Alur metodologi penelitian
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer
4. PERANCANGAN GIM
4.1. Learning Layer
Learning layer yang dirancang untuk
memenuhi tujuan permainan menggunakan
konsep mental math. Konsep ini dipilih karena
mental math adalah salah satu bentuk
matematika yang sering digunakan dalam
kehidupan sehari-hari. Sehingga, materi yang
digunakan harus efektif dalam melatih
kemampuan berhitung dengan mudah, cepat, dan
menyenangkan. Buku “Teaching Children to
Calculate Mentally” oleh Department for
Education UK digunakan sebagai panduan
kompetensi. Dari buku tersebut, poin
kompetensi yang dicapai adalah sebagai berikut:
1. Melakukan penjumlahan dan pengurangan
sepasang angka satu digit dan dua digit
melewati angka 10 dan 100.
2. Melakukan perkalian sepasang angka satu
digit dan dua digit.
3. Melakukan pembagian sepasang angka satu
digit dan dua digit.
Menurut buku tersebut, kecepatan
menyelesaikan perhitungan merupakan hal yang
penting. Pemain juga akan dilatih untuk
berhitung dengan cepat sehingga bentuk
permainan dibatasi oleh waktu. Kompetisi
dengan diri sendiri sangat dianjurkan untuk
meningkatkan skor dari tes sebelumnya. Tes
dapat dilakukan menggunakan pertanyaan-
pertanyaan yang diacak untuk mengukur
kecepatan berhitung.
4.2. Storytelling Layer
Storytelling Layer pada permainan membuat
permainan menjadi imersif dengan memberikan
ikatan emosional kepada pemain. Dikarenakan
permainan ini merupakan permainan kuis, tema
Fakultas Ilmu Komputer, Universitas Brawijaya
3302
dari permainan ini akan mengusung suasana
acara kuis seperti di televisi. Cerita dirancang
secara sederhana agar pemain dapat fokus ke
tujuan utama permainan, namun tetap
mendapatkan pengalaman yang imersif.
Ide awal untuk cerita dari permainan ini
adalah acara kuis seperti “Who Wants to Be a
Millionaire?”. Acara tersebut ditampilkan di
televisi berbagai negara dan sudah terkenal
dalam banyak kalangan. Dalam acara tersebut,
pemain duduk di kursi panas, bertatap muka
dengan pembawa acara. Pemain membaca dan
menjawab pertanyaan melalui layar yang ada di
depannya.
Agar pemain merasa sedang berada di
sebuah acara kuis berhadiah tanpa narasi,
halaman awal permainan dirancang dengan
suasana panggung mirip dengan acara tersebut.
Pada saat permainan dimulai, tampilan dapat
dibuat seakan-akan pemain sedang melihat layar
pertanyaan dan jawaban. Setiap pertanyaan yang
dijawab benar akan meningkatkan hadiah uang
yang didapatkan pemain.
4.3. Gameplay Layer
Gameplay layer pada permainan ini berfokus
pada bagaimana kompetensi permainan dapat
dipenuhi dengan cara yang menyenangkan. Pada
dasarnya, permainan ini adalah permainan kuis.
Terdapat satu pertanyaan berisi sepasang angka
yang mengapit operator matematika. Contohnya
seperti “1+1 = 2”. Pemain menggunakan gestur
tangan untuk menjawab. Terdapat dua
kemungkinan yang dapat digunakan yaitu:
1. Menjawab hasil pertanyaan menggunakan 5
jari dari salah satu tangan.
2. Memilih salah satu pilihan yang tersedia
menggunakan gestur tangan tertentu.
Kedua cara tersebut dapat dibuat menjadi
dua tingkat kesulitan atau difficulty. Untuk
urutan pertanyaan, angka akan diacak dengan
operatornya. Untuk cara menjawab pertama,
jawaban dari pertanyaan harus berada dalam
rentang 1 hingga 5 sebagai mode mudah atau
easy.
Untuk membuat prototipe permainan yang
dapat dimainkan, digunakan proses paper
protoyping. Permainan dibuat berbentuk flash
cards, yaitu kartu dua sisi yang menampilkan
informasi. Pada permainan kuis seperti
permainan ini, satu sisi dari kartu digunakan
untuk menampilkan pertanyaan dan sisi lainnya
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer
untuk menampilkan jawaban. Untuk
memainkannya, permainan ini memerlukan satu
orang pemain dan satu orang pemegang kartu
yang duduk berhadapan.
Gambar 3. Kartu Easy Mode (Hijau) dan Hard
Mode (Merah)
Dalam easy mode, pemegang kartu
mengocok deck yang berisi 20 kartu easy seperti
pada Gambar 3. Pemegang kartu kemudian
memperlihatkan bagian depan kartu yang
memiliki pertanyaan kepada pemain tanpa
memperlihatkan sisi jawaban. Pemain kemudian
menjawab dengan mengacungkan jari sebanyak
angka jawaban. Mengacu pada kecepatan
menyelesaikan perhitungan yang disebutkan di
Learning Layer, pemain diberikan waktu 60
detik untuk menjawab pertanyaan sebanyak-
banyaknya.
Gambar 4. Tumpukan kartu score
Pemegang kartu dapat mengecek jawaban
pertanyaan pada sisi jawaban kartu. Jika pemain
menjawab pertanyaan dengan benar, maka
pemegang kartu meletakkan kartu yang telah
dijawab pada tumpukan score. Tumpukan score
ditunjukkan pada Gambar 4. Jika pemain
menjawab salah, waktu permainan akan tetap
berjalan hingga pemain dapat menjawab
pertanyaan. Mekanisme ini dirancang agar
pemain dapat menyelesaikan pertanyaan dan
mengerti perhitungan dari setiap pertanyaan.
Pertanyaan-pertanyaan baru akan terus diberikan
hingga waktu habis.
Fakultas Ilmu Komputer, Universitas Brawijaya
3303
Kemudian untuk cara menjawab kedua,
jawaban pertanyaan dapat lebih besar karena
disajikan dalam pilihan ganda sebagai mode sulit
atau hard. Kartu hard mode dapat dilihat pada
Gambar 3. Sama seperti cara pertama, sepasang
angka tersebut dapat berjumlah 1 hingga 2 digit
dengan kompleksitas yang lebih tinggi. Gestur
tangan yang dibuat pemain untuk menjawab
adalah mengacungkan 1 hingga 4 jarinya sesuai
dengan panduan gestur pada setiap pilihan. Total
skor yang didapat pemain dapat dihitung dari
jumlah kartu yang terdapat pada tumpukan
score. Pemegang kartu dapat mengecek jawaban
benar beserta dengan gesturnya pada sisi
jawaban.
4.4. User Experience Layer
User Experience Layer merupakan lapisan
paling awal yang dirasakan oleh pemain. Seperti
yang telah dijabarkan pada Storytelling Layer,
permainan memiliki suasana layaknya acara kuis
berhadiah sehingga pemain dibuat fokus pada
tujuan utama yaitu menjawab pertanyaan. Setiap
halaman memiliki live feed dari kamera agar
pengguna mengetahui gestur yang sedang
mereka buat. Navigasi menu dapat dilakukan
menggunakan gestur tangan atau klik
menggunakan tetikus. Terdapat petunjuk gestur
pada setiap tombol agar pemain dapat
mengetahui gestur yang dibuat untuk berpindah
menu.
5. IMPLEMENTASI GIM
Permainan untuk mengasah kemampuan
berhitung menggunakan gestur tangan
diimplementasikan pada platform web
menggunakan HTML, CSS, dan JavaScript.
Sistem pengenalan gestur tangan menggunakan
Fingerpose. Permainan ini diberi nama
Hitung.in. Permainan ini memiliki dua tingkat
kesulitan dengan tipe pertanyaan dan cara
menjawab yang berbeda. Pemain menjawab
pertanyaan sebanyak mungkin dalam waktu 60
detik untuk mendapatkan skor setinggi mungkin.
Saat permainan dimulai, perhatian pemain
difokuskan pada pertanyaan yang di-highlight.
Elemen visual yang ditampilkan hanya hal
penting seperti sisa waktu, skor dalam bentuk
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer 3304

hadiah, penanda gestur tangan, dan tombol main

menu. Pada hard mode, ditambahkan pilihan
jawaban sesuai dengan mekanik dan prototipe
permainan. Penanda gestur tangan berupa titik
pada tangan pemain berfungsi untuk
memudahkan pemain melihat apakah tangan
mereka sudah dikenali oleh permainan. Elemen
desain ini merupakan bagian dari Fingerpose.
Saat pemain menjawab benar, terdapat tanda
centang yang berkedip di antara pertanyaan. Pengujian mendapatkan 33 responden dalam
Tanda tersebut dibuat berkedip ditambah dengan kurun waktu satu minggu. Jumlah responden
efek suara untuk menandakan bahwa pemain telah melebihi target minimal 10 responden.
menjawab benar dan dapat melanjutkan ke Usia responden berkisar dari 19 hingga 24 tahun.
pertanyaan berikutnya. Implementasi permainan Karena keterbatasan kondisi pandemi COVID-
dapat dilihat pada Gambar 5, 6, 7, dan 8. 19, responden memainkan gim lalu mengisi
Gambar 5. Gameplay Easy Mode
kuesioner menggunakan komputer di rumah
masing-masing.

6.1. Hasil Play Testing

Play Testing berisi pertanyaan mengenai
pendapat responden terhadap permainan
Hitung.in. Terdapat lima pertanyaan pada
kuesioner Play Testing. Berikut adalah hasil dari
Play Testing:
1. Pertanyaan pertama adalah “Bagaimana
kesan responden saat memainkan game
ini?”. Seluruh responden memberikan kesan
baik. Permainan dinilai seru, menarik, dan
kreatif.
2. Pertanyaan kedua adalah “Apakah anda
Gambar 6. Gameplay Easy Mode saat jawaban tertarik dengan tema game?”. Hampir
benar seluruh responden, sejumlah 32 responden
(97%) tertarik dengan tema permainan.
Hanya satu responden (3%) yang tidak
tertarik dengan tema permainan.
3. Pertanyaan ketiga adalah “Apakah anda
mengalami kesulitan dalam memahami alur
game? Jika iya/mungkin, apa saja kesulitan
dalam memahami alur game?”. Sejumlah 20
responden (61%) tidak mengalami kesulitan
dalam memahami alur permainan. Terdapat
8 responden (24%) yang menjawab
Gambar 7. Gameplay Hard Mode mungkin, ini menandakan bahwa ada sedikit
kesulitan. Sebanyak 5 responden (15%)
menjawab ada kesulitan. Seluruh responden
yang mengalami kesulitan disebabkan oleh
sistem pengenalan gestur tangan yang
kurang responsif.

Gambar 8. Gameplay Hard Mode saat jawaban

benar

6. PENGUJIAN GIM

Fakultas Ilmu Komputer, Universitas Brawijaya

Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer 3305

4. Pertanyaan keempat adalah “Apakah anda meskipun ada sedikit kesulitan pemahaman alur
menyukai gameplay Hitung.in? Sebutkan
Komponen GEQ - Standar
hal yang anda sukai mengenai game ini.”. No.
Post-game Module
Nilai
Deviasi
Seluruh responden menyatakan bahwa
1 Positive experience 2,68 0,32
mereka menyukai gameplay permainan ini
karena penggunaan gestur tangan yang unik. 2 Negative experience 0,98 0,53
3 Tiredness 0,98 0,32
5. Pertanyaan kelima adalah “Secara
keseluruhan, apakah game ini 4 Returning to reality 1,27 0,31
menyenangkan?”. Pertanyaan ini berskala 1 karena sistem pengenalan gestur tangan yang
(Sangat tidak menyenangkan) hingga 5 terkadang kurang responsif.
(Sangat Menyenangkan). Rata-rata Keseluruhan hasil dari Play Testing
penilaian dari responden adalah 4,12 yang tercermin pada hasil GEQ. Pada Core Module,
berarti Hitung.in merupakan permainan komponen Competence mendapatkan nilai rata-
yang menyenangkan. rata 2,98 dengan standar deviasi 0,21 yang
menunjukkan bahwa responden merasa
6.1. Hasil GEQ – Core Module kompeten dan terampil dalam memainkan
Game Experience Questionnaire – Core Hitung.in. Komponen Sensory and Imaginative
Module berisi 33 pertanyaan dengan jawaban Immersion mendapatkan nilai rata-rata 2,89
berkisar dari 0 (Sangat tidak setuju) hingga 4 dengan standar deviasi 0,37 yang menunjukkan
(Sangat setuju). Hasil dari Core Module bahwa responden mendalami permainan.
kemudian dicari rata-ratanya sesuai dengan Komponen Flow mendapatkan nilai rata-rata
scoring guideline yang dibagi menjadi tujuh 1,76 dengan standar deviasi 0,85 yang
komponen. Berikut hasil dari Core Module pada menunjukkan bahwa sebagian besar pemain
Tabel 1. memahami dan mendalami alur permainan.
Komponen Tension/Annoyance mendapatkan
Tabel 1. Hasil GEQ – Core Module
nilai rata-rata 0,91 dengan standar deviasi 0,13
Komponen GEQ - Standar yang menunjukkan bahwa permainan tidak
No. Nilai membuat responden tertekan. Komponen
Core Module Deviasi
1 Competence 2,98 0,21 Challenge mendapatkan nilai rata-rata 1,96
Sensory and dengan standar deviasi 0,98 yang menunjukkan
2 2,89 0,37 bahwa permainan cukup menantang. Komponen
Imaginative Immersion
3 Flow 1,76 0,85
Negative affect mendapatkan nilai rata-rata 1,08
dengan standar deviasi 0,29 yang menunjukkan
4 Tension/Annoyance 0,91 0,13 bahwa efek negatif dari permainan minim.
5 Challenge 1,96 0,98 Komponen Positive affect mendapatkan nilai
6 Negative affect 1,08 0,29 rata-rata 3,3 dengan standar deviasi 0,29 yang
menunjukkan bahwa permainan memberikan
7 Positive affect 3,3 0,29
efek positif.
6.2. Hasil GEQ – Post-game Module Setelah Core Module, Post-game Module
diperlukan untuk mengukur performa permainan
Game Experience Questionnaire – Post- setelah dimainkan. Komponen Positive
game Module berisi 17 pertanyaan dengan experience mendapatkan nilai rata-rata 2,68
jawaban berkisar dari 0 (Sangat tidak setuju) dengan standar deviasi 0,32 yang menunjukkan
hingga 4 (Sangat setuju). Hasil dari Post-game bahwa responden mendapatkan pengalaman
Module kemudian dicari rata-ratanya sesuai positif setelah bermain Hitung.in. Komponen
dengan scoring guideline yang dibagi menjadi Negative experience dan Tiredness mendapatkan
empat komponen. Berikut hasil dari Post-game nilai rata-rata 0,98 dengan standar deviasi 0,53
Module pada Tabel 2. dan 0,32 yang menunjukkan bahwa pengalaman
Tabel 2. Hasil GEQ – Post-game Module negatif dan kelelahan setelah bermain minim.
Komponen Returning to reality mendapatkan
6.3. Analisis Pengujian nilai rata-rata 1,27 dengan standar deviasi 0,31
yang menunjukkan bahwa pemain tidak
Berdasarkan hasil dari Play Testing,
mengalami kesulitan untuk kembali ke dunia
permainan secara keseluruhan menyenangkan
nyata karena minim disorientasi.

Fakultas Ilmu Komputer, Universitas Brawijaya

Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer
Keseluruhan dari ketiga kuesioner tersebut
menunjukkan bahwa permainan mendapatkan
respon positif. Dari segi pembelajaran,
permainan dapat membuat berhitung menjadi
lebih menyenangkan. Nilai Competence
menunjukkan bahwa pemain berhasil mengasah
kemampuan berhitung dengan Hitung.in.
Pemain dapat mengasah kemampuan berhitung
mereka secara menyenangkan dengan tingkat
tekanan yang rendah. Tema acara kuis membuat
permainan menjadi imersif dengan tingkat yang
cukup, sehingga pemain tidak merasakan
disorientasi setelah bermain.
6.4. Perbaikan
Beberapa perbaikan dilakukan setelah
pengujian. Munculnya pertanyaan dengan
jawaban sama secara berturut-turut diperbaiki
dengan menambahkan fungsi baru untuk
melakukan cek pada jawaban sebelumnya.
Gestur untuk main lagi dan kembali ke main
menu diganti dengan gestur baru. Video tutorial
ditambahkan pada halaman awal agar pemain
dapat mengerti alur permainan dengan mudah.
Optimisasi kriteria gestur tangan dilakukan
untuk gestur 2 dan 3 jari dengan menambahkan
kriteria arah serta menurunkan tingkat
confidence. Optimisasi gestur tersebut sangat
bergantung pada spesifikasi komputer, kualitas
kamera, dan kondisi lingkungan sekitar.
7. PENUTUP
7.1. Kesimpulan
Perancangan serious game untuk mengasah
kemampuan berhitung menggunakan DPE
Framework menghasilkan rancangan permainan
yang menyenangkan dan bermanfaat bagi
pemain. Konsep berhitung di luar kepala
menjadi dasar dari materi pembelajaran dalam
Learning Layer. Setiap pertanyaan diacak agar
pemain dapat menyelesaikan berbagai
pertanyaan berhitung dengan cepat. Permainan
menjadi lebih imersif dengan Storytelling Layer
bertema acara kuis. Tampilan latar belakang
serta efek suara memberikan pemain
pengalaman seperti sedang berada dalam acara
kuis. Gameplay Layer dirancang dengan dasar
permainan kuis. Pemain diberikan dua pilihan
tingkat kesulitan dengan kompleksitas
pertanyaan dan cara menjawab yang berbeda.
Pemain diberikan waktu 60 detik untuk
menjawab pertanyaan sebanyak mungkin demi
mendapatkan skor tertinggi. User Experience
Fakultas Ilmu Komputer, Universitas Brawijaya
3306
Layer dirancang agar pemain dapat fokus
menjawab pertanyaan. Terdapat berbagai
petunjuk gestur tangan untuk navigasi antar
menu dan menjawab pertanyaan. Pemain dapat
melihat gestur tangan yang dibentuk secara
langsung melalui live feed dari kamera. Seluruh
lapisan DPE Framework bekerja secara sinergis
dalam mencapai tujuan utama yaitu mengasah
kemampuan berhitung.
Pada pengujian play testing, seluruh
responden berjumlah 33 orang memberikan
kesan positif. Seluruh pemain menyukai
gameplay permainan. Penggunaan gestur tangan
ditambah dengan tema acara kuis dinilai
membuat permainan menjadi seru, unik, dan
menarik. Alur permainan dimengerti oleh
mayoritas pemain, namun ada sebagian pemain
yang mengalami kesulitan karena pengenalan
gestur terkadang kurang responsif. Secara
keseluruhan, pemain memberikan penilaian 4,12
yang menunjukkan bahwa permainan Hitung.in
adalah permainan yang menyenangkan.
Hasil pengujian GEQ – Core Module
menunjukkan bahwa pengalaman pemain saat
memainkan permainan menyenangkan.
Komponen Competence, Sensory and
Imaginative Immersion, Challenge, dan Positive
affect mendapatkan nilai bagus yang
menandakan bahwa pemain merasa kompeten,
mendalami permainan, tertantang, dan
mendapatkan efek positif. Komponen Flow
mendapatkan nilai yang cukup, namun terdapat
pemain yang mengalami masalah pemahaman
alur permainan karena pengenalan gestur tangan
terkadang kurang responsif. Meskipun begitu,
pemain tetap merasakan pengalaman yang
menyenangkan dengan efek negatif yang minim
seperti ditunjukkan oleh nilai
Tension/Annoyance dan Negative affect.
Berdasarkan hasil pengujian GEQ – Post-
game Module, pengalaman baik juga didapatkan
pemain setelah memainkan gim. Nilai
komponen Positive experience mendapatkan
hasil yang cukup tinggi dibandingkan dengan
komponen Negative experience, Tiredness, dan
Returning to reality. Permainan memberikan
pengalaman positif dengan pengalaman negatif,
kelelahan, dan disorientasi yang rendah. Dengan
demikian, performa permainan dari hal
experience secara keseluruhan baik serta
memberikan pengalaman bermanfaat dan
menyenangkan bagi pemain dalam mengasah
kemampuan berhitung.
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer 3307

7.2. Saran Performance in Mathematics from the

Perspective of Students, Teachers and
Saran untuk pengembangan permainan lebih
Parents, [e-journal] 15(1). Tersedia
lanjut adalah permainan dapat dikembangkan
melalui: American Scientific Research
lebih lanjut untuk perangkat mobile
Journal for Engineering, Technology, and
menggunakan sistem pengenalan gestur tangan
Sciences (ASRJETS) <asrjetsjournal.org>
khusus perangkat bergerak pada penelitian
[Diakses 18 Januari 2021]
berikutnya. Pengujian pada penelitian
berikutnya sebaiknya dilakukan menggunakan Poels K., de Kort Y.A.W., IJsselsteijn W.A.,
perangkat yang sama atau menggunakan sistem 2007. D3.3 : Game Experience
pengenalan gestur tangan yang lebih ringan agar Questionnaire: development of a self-
pengalaman pemain dan pengenalan gestur report measure to assess the psychological
tangan lebih optimal. Permainan juga dapat impact of digital games [e-journal].
dikembangkan lebih lanjut agar dapat dimainkan Tersedia melalui Eindhoven University of
secara multiplayer serta dapat dimainkan oleh Technology <
penyandang disabilitas. https://research.tue.nl/en/publications/d3
3-game-experience-questionnaire-
8. DAFTAR PUSTAKA development-of-a-self-report-me>
Andypotato, 2020. Fingerpose, [online]. [Diakses 5 Maret 2021]
Tersedia melalui: GitHub Schreiber, I. 2009. Level 1: Overview / What is a
<https://github.com/andypotato/fingerpos Game? [online] Tersedia di:
e> [Diakses 5 Maret 2021] <https://gamedesignconcepts.wordpress.c
Bellotti F., Kapralos B., Lee K., Moreno-Ger P., om/2009/06/29/level-1-overview-what-
Berta R., 2013. Assessment in and of is-a-game/> [Diakses 20 Januari 2021]
Serious Games: An Overview, [e-journal]. Schultz, Bryant, Langdell. 2005. Game Testing
Tersedia melalui Hindawi < All in One. Boston: Thomson Course
https://www.hindawi.com/journals/ahci/2 Technology PTR.
013/136864/> [Diakses 24 Mei 2021]
Soedarso, N. 2016. Manfaat Positif Bermain
Department for Education UK, 2010. Teaching Game Bagi Anak [online] Tersedia di:
Children to Calculate Mentally, [e- <https://dkv.binus.ac.id/2016/11/29/manf
journal]. Tersedia melalui: UCL Institute aat-positif-bermain-game-bagi-anak/>
of Education Digital Education Resource [Diakses 20 Januari 2021]
Archive <
Winn B., 2009. The Design, Play, and
https://dera.ioe.ac.uk/778/1/735bbb0036b
Experience Framework [e-journal].
ed2dcdb32de11c7435b55.pdf> [Diakses
Tersedia melalui: Semantic Scholar <
11 Maret 2021]
http://gel.msu.edu/winn/Winn_DPE_cha
Goldin-Meadow S., Nusbaum H., Kelly SD., pter_final.pdf> [Diakses 25 Januari 2021]
Wagner S., 2001. Explaining math:
Yeh, Cheng, Chen, Liao, Chan, 2019. Enhancing
Gesturing lightens the load, [e-journal]
achievement and interest in mathematics
12(6). Tersedia melalui: Colgate
learning through Math-Island [e-journal].
University <
Tersedia melalui Springer Open
http://departments.colgate.edu/psycholog
<https://telrp.springeropen.com/articles/1
y/pdfs/5408288.pdf> [Diakses 14 Januari
0.1186/s41039-019-0100-9> [Diakses 2
2021]
Maret 2021]
Gravemeijer K., Stephan M., Julie C., Lin F,
Ohtani M., 2017. What Mathematics
Education May Prepare Students for the
Society of the Future?, [e-journal].
Tersedia melalui: Springer Link
<https://link.springer.com/article/10.1007
/s10763-017-9814-6> [Diakses 18 Januari
2021]
Jameel H., Ali H., 2016. Causes of Poor

Fakultas Ilmu Komputer, Universitas Brawijaya