TUGAS AKHIR INTERAKSI MANUSIA DAN KOMPUTER

MAKALAH RANCANGAN INTERFACE GAME DIGITAL / MOBILE

diajukan untuk memenuhi tugas Mata Kuliah oleh Dosen Pengampu:
Ayung candra Padmasari S.Pd.,M.T

Disusun oleh:

Azka Zaahira Reyhan (1904926)

Kelas 3A Pendidikan Multimedia

PENDIDIKAN MULTIMEDIA 2019

KAMPUS DAERAH CIBIRU
UNIVERSITAS PENDIDIKAN INDONESIA
KATA PENGANTAR
 Puji serta syukur saya panjatkan pada Allah SWT yang telah memberikan rahmat serta
hidayah-Nya. Tidak lupa shalawat serta salam saya curahkan pada nabi Muhammad SAW pada
keluarganya, sahabatnya hingga umatnya sampai akhir zaman. Berkat limpahan serta rahmat-
Nya saya mampu menyelesaikan tugas akhir yang berjudul “RANCANGAN INTERFACE GAME
DIGITAL / MOBILE” ini untuk memenuhi tugas UAS mata kuliah Interaksi Manusia dan
Komputer.
Saya juga mengucapkan terimakasih kepada Ayung candra Padmasari S.Pd.,M.T. yang
telah dengan sabar membimbing saya dalam memahami materi pada mata kuliah interaksi
manusia dan komputer ini.
Saya menyadari ketidaksempurnaan pada laporan ini, maka dari itu, saya mengharapkan
kritik yang membangun dari para pembaca agar kedepannya saya dapat menyusun laporan
yang lebih baik lagi.
saya berharap laporan ini dapat bermanfaat bagi para pembaca, dan semoga makalah
ini dapat membuat para pembacanya mengerti dan memahami hal-hal apa saja mengenai
rancangan interface game digital / mobile.

Bandung, Desember 2020

Penyusun
 BAB I
PENDAHULUAN
A. LATAR BELAKANG
UI dan UX dalam sebuah website maupun aplikasi sangat penting, karena UI dan
UX yang akan menentukan seberapa puas dan tertariknya user kepada aplikasi atau
website yang sudah dibuat developer. Dalam aplikasi game contohnya, kebanyakan
orang akan tertarik memainkan game pertama dilihat dari designnya, tools yang
mendukung dan isi game nya. Gameplay yang mengandalkan kelincahan, dan bisa
dimainkan dalam waktu yang tidak lama dapat membuat pemain secara tidak sadar
mengulangnya terus-menerus saat game over.

B. REFERENSI
Flappy Bird adalah game yang menjadi referensi dalam pembuatan desain game.
Flappy Bird adalah sebuah permainan di Android dan iOS, yang dibuat oleh seorang
pengembang dari Hanoi, Vietnam bernama Nguyen Ha Dong dan diluncurkan pada
bulan Mei 2013. Cara memainkannya dengan mengetukan jari pada layar smartphone
yang digunakan untuk membuat burung terbang dan melewati pipa yang berwarna
hijau. Tantangan dalam game ini adalah untuk menghindari terkena pipa hijau. Game ini
sempat viral dan banyak yang membuat game serupa dengan Flappy Bird.

C. TUJUAN
Tujuan dari aplikasi Flappy Doraemon adalah untuk melatih konsentrasi
pengguna karena mengharuskan doraemon untuk melewati pipa, maka konsentrasi
sangat dibutuhkan. Lalu tujuan lainnya adalah untuk melatih keseimbangan emosi,
karena banyak yang mudah emosi saat score sudah banyak tapi tertabrak. Lalu tujuan
selanjutnya melatih kesatuan pikiran dan gerakan, karena suka susah menyeimbangkan
pikiran dan gerakan, ketika pikiran ingin terbang tetapi tangan tidak memencet layar.
 BAB II
PEMBAHASAN

1. Menu Awal
 Tampilan desktop

Tampilan Hp

Dalam tampilan menu awal, diawali dengan nama game yaitu Flappy Doraemon
berserta ikon doraemon. Dibawahnya ada tulisan high score yang akan berubah – ubah
tergantung dengan score terbesar saat bermain. Lalu ada button start untuk memulai
permainan, button how to play yang jika dipencet akan keluar tata cara bermain permainan
Flappy Doraemon. Lalau ada button exit untuk keluar dari aplikasi. Diatas kana nada button
speaker untuk mengubah mode menjadi mute atau tidak, lalu ada button options. Background
biru diambil karena untuk memadukan warna dengan warna doraemon, dan permainan di
design berada diatas awan, maka background bawah adalah awan dan Gedung – Gedung.

2. Menu Mute
Tampilan menu awal ketika user memilih untuk menggunakan mode mute pada saat permainan
berlangsung.

3. Tampilan Options
 Tampilan desktop

Tampilan hp

Pada tampilan options, terdapat pengaturan pada sensor dan sound. Sensor
berpengaruh pada sensitivitas ketukan saat bermain, semakin kanan pengaturan semakin tinggi
tingkat sensitive saat menyentuh layar, semakin kiri pengaturan maka semakin kecil tingkat
sensitive layar. Pengaturan sound terdapat SFX dan Music, SFX adalah sound effect. Semakin
kanan maka sound akan semakin kecang dan semakin kiri maka sound akan semakin kecil. Sfx
ini biasanya sound berupa suara ketukan saat user mengetuk layar. Music adalah sound berupa
backsound yang biasanya sebagai ciri khas dari suatu game. Semakin kanan control music maka
semakin keras suara yang dihasilkan, begitupun sebaliknya semakin kiri maka semakin kecil
suara yang dikeluarkan. Untuk keluar dari tampilan options, maka pemain memencet button (x)
yang ada pada kiri atas. Saat mememencet button (x), maka tampilan akan kembali ke menu
awal.

4. Tampilan How To Play

 Tampilan desktop

Tampilan HP

Pada tampilan how to play, akan muncul frame yang berisi cara memainkan permainan
Flappy Bird. Cara memainkan dari awal start hingga gameover. Untuk keluar dari tampilan
options, maka pemain memencet button (x) yang ada pada kiri atas. Saat mememencet button
(x), maka tampilan akan kembali ke menu awal.

5. Tampilan Start
 Tampilan Desktop

Tampilan hp

Saat pemain memencet button start, maka tampilan akan seperti diatas. Untuk memulai
permainan, pemain mengetuk layar sebelah mana saja agar doraemon terbang. Setiap
melewati satu pipa maka akan bertambah satu poin. Papan score berada di tengah atas layar
yang akan bertamah sesuai jumlah melewati pipa. Terdapat button pause di atas kiri yang
berfungsi untuk menjeda permainan dan bisa meresume permainan. Design yang simple, agar
tidak memusingkan pemain pada saat bermain dengan button – button yang tersedia.
Background warna biru dan tampak diatas awan karena adanya gambar Gedung – Gedung
menandakan doraemon ini terbang tinggi diatas langit menggunakan baling – balingnya.

6. Tampilan Paused
 Tampilan Desktop

Tampilan HP

Saat permainan berlangsung, pemain bisa menjeda permainan dengan memncet button
pause yang ada di kiri atas. Tampilan ketika permainan di jeda akan menampilkan button untuk
melanjutkan permainan, mengulang permainan dan kembali ke menu awal. Pada saat pemain
meencet button pause, ikon doraemon otomatis akan berhenti dan tidak melanjutkan
terbangnya, tetapi jika pemain memencet button resume tetapi doraemon menabrak pipa
maka akan gameover. Jika saat di resume doraemon tetap terbang dan pemain bisa konsentrasi
dalam menerbangkan doraemon maka permainan akan tetap berlanjut dan score akan tetap
bertambah. Saat memilih button restart, makan tampilan akan seperti saat tampilan start.

7. Tampilan Game Over

 Tampilan desktop

Tampilan Hp

Permainan akan berakhir jika doraemon menabrak pipa. Jika doraemon menabrak pipa,
maka tampilan layar akan seperti diatas. Akan muncul pop-up bertulisan gameover dengan
menampilkan score sebelum doraemon menabrak pipa. Dibawah score terdapat tulisan best
yang bermaksud best score selama pemain bermain Flappy Doraemon. Ketika pemain
memencet button ok, maka akan kembali ke menu awal. Jika pemain memencet button share
maka akan dihubungkan dengan akun Facebook pengguna untuk memberitahukan score
terbaik pemain.

BAB III

PENUTUP

Kesimpulan

User Interface dan User Experience perlu diperhatikan dalam membuat aplikasi, baik
berupa website maupun aplikasi lain. UI dan UX sangat menentukan kepopuleran aplikasi yang
dibuat. User biasanya melihat UI dan UX terlebih dahulu baru isi dari aplikasi. Dalam aplikasi
Game contohnya, jika design membosankan maka user akan mudah berpaling dan gampang
bosan. Jika design sangat menarik perhatian, walaupun isi game tidak begitu tertarik tapi ada
daya tarik dari sisi design.