gui tikta kavya

66
Seto Aji Nugroho 3408100079

Upload: seto-nugroho

Post on 12-Jul-2015

310 views

Category:

Documents


3 download

TRANSCRIPT

Page 1: Gui tikta kavya

Seto Aji Nugroho 3408100079

Page 2: Gui tikta kavya
Page 3: Gui tikta kavya
Page 4: Gui tikta kavya
Page 5: Gui tikta kavya

“Orang Indonesia sangat sosial. Jadi kalau ada aspek sosialdan budaya, tentu game Indonesia akan sangat Menarik”

Mari Elka Pangestu - Menteri Pariwisata dan Ekonomi Kreatif Indonesia

Ami Raditya, 22 September 2012, live-from-tgs-2012-kunjungan-menteri-pariwisata-dan-ekonomi-kreatif-indonesia, Duniaku.net

Page 6: Gui tikta kavya

“pilihlah buku petualanganmu sendiri”

Chris Klug; Josiah Lebowitz ,2011, Interactive Storytelling for Video Games: A Player-Centered Approach to Creating Memorable Characters and Stories

Page 7: Gui tikta kavya
Page 8: Gui tikta kavya

GUI development

Merancang antarmukayang memilikitransparansi, juiciness, dan sesuai dengan temagame tersebut

Page 9: Gui tikta kavya
Page 10: Gui tikta kavya

Berkembangnya industrigame, munculnyapengembang lokal yang go internasional

Game buatan developer game di Indonesia jarang yang mengusung tema sosialbudaya Indonesia.

Format visual novel adalahbuku berbentuk video game yang mudah diterima olehkalangan muda.

Page 11: Gui tikta kavya

Perancangan ini dibatasi hanyauntuk variabel GUI (antarmuka)

Proramming, dan perancanganmusik ditangani oleh pihakdeveloper, Elven Games selakustakeholder

Page 12: Gui tikta kavya

Bagaimana merancang antarmukakedalam sebuah game visual novel

fiksi dengan setting Kerajaan Majapahit yang interaktif dalam mengenalkan budaya dan sejarah

Indonesia ?

Page 13: Gui tikta kavya

menciptakan game Indonesia, khususnya visual novel yang mampu bersaing di kancah internasional.

Menciptakan antarmuka yang sesuaitema dan membantu player dalambernavigasi dalam game.

Menunjukkan potensi media game, terutama genre visual novel sebagai media yang baik untuk mengenalkanbudaya dan sejarah Indonesia.

Page 14: Gui tikta kavya

Pelaku Industri game, referensimedia penyampaian budaya dansosial indonesia

Mahasiswa DKV, acuan penelitianperancangan serupa

Masyarakat Indonesia, membangun rasa cinta terhadapbudaya dan sejarah Indonesia

Page 15: Gui tikta kavya

Ruang lingkup output adalah perancangan GUI, layout game dan cerita bertema fiksi dengan basis sejarah dan budaya faktual Majapahit.

Ruang lingkup studi meliputi studi eksisting, studi literatur, studi desain GUI, dan studi elemen pendukung.

Page 16: Gui tikta kavya
Page 17: Gui tikta kavya

Visual novel seringkali khas dengangameplay “pilihlah jalanmu” ketika

terdapat sebuah event yang mengharuskan user menentukanjalan cerita dalam game tersebut

Chris Klug; Josiah Lebowitz ,2011, Interactive Storytelling for Video Games: A Player-Centered Approach to Creating Memorable Characters and Stories

Page 18: Gui tikta kavya

Kapan user menggunakan interface, apakahuser diarahkan ke tempat yang diharapkanmelalui antarmuka?

antarmuka intuitif memberikan perasaan“mengontrol” , mudah dikuasai atau tidak?

Apakah user memiliki pengaruh kuat atashasil dari permainan?

Apakah user merasa kuat berada dalamgame?

Page 19: Gui tikta kavya

Schell, Jesse, 2008, The Art of Game Design, Massachusetts, Morgan Kauffman Publisher

Page 20: Gui tikta kavya

Apa penghubung user dengangame world?

Bagaimana cara user berinteraksi dengan world?

Alat input apa yang digunakanuntuk berinteraksi sebagaiantarmuka fisik?

Page 21: Gui tikta kavya

Informasi mana yang kurang jelas jika hanyamelihat world dalam game?

Kapan informasi tersebut ditampilkan?

Bagaimana menyampaikan informasi tersebuttanpa mengganggu tampilan world dengan user?

Apakah ada elemen dalam game yang lebihmudah berinteraksi dengan menggunakan virtualinterface, daripada mereka berinteraksi langsung?

Apakah jenis virtual interface untuk platform game yang memiliki konsol sederhana?

Schell, Jesse, 2008, The Art of Game Design, Massachusetts, Morgan Kauffman Publisher

Page 22: Gui tikta kavya

Menu Title menu

Pause menu

Save/load menu

Button

HUD HUD gameplay

Button gameplay

HUD side gameplay

Icon button gameplay

Page 23: Gui tikta kavya

Kebebasan user bertindak

Pemahaman user terhadap ikon

Antarmuka dapatkompatibel dengansegala kondisi

Page 24: Gui tikta kavya

Informasi yang dibutuhkan user padasaat tersebut

Membuat user agar membuatfeedback

Tujuan user setelah memberifeedback

Membuat user terus-menerusmemberikan feedback

Membuat user “ketagihan” memainkan game

Juicy sistem memberikan sistemreward, penyampaian reward harusdengan cara menarik

Schell, Jesse, 2008, The Art of Game Design, Massachusetts, Morgan Kauffman Publisher (hal230)

Page 25: Gui tikta kavya

Jumlah HUD yang ditampilkan

Warna HUD

Ukuran tipografi

Font tipografi yang dipakai

Schell, Jesse, 2008, The Art of Game Design, Massachusetts, Morgan Kauffman Publisher (hal2)

Page 26: Gui tikta kavya

Apakah mode dalam game berubah?

Apakah gameplay utamadihilangkan? Bisakah modegameplay digabung?

Ketika mode game berubah, bagaimana user mengetahuihal tersebut? Bisakah game mengkomunikasikan mode berubah lebih dari satu cara?

Page 27: Gui tikta kavya
Page 28: Gui tikta kavya

Primer: wawancara mendalam, kuisioner, observasi lapangan(audiens, industri game, situscandi, FGD)

Sekunder: literatur, internet, jurnal ilmiah, eksisting.

Page 29: Gui tikta kavya
Page 30: Gui tikta kavya
Page 31: Gui tikta kavya

Cerita

Flow gameplay

Antarmuka (main gameplay+side gameplay)

Kriteria Desain

Page 32: Gui tikta kavya
Page 33: Gui tikta kavya

Game Visual Novel

Genre: historikal, fiksi, romance

Tema: sejarah kerajaanmajapahit pada timeline pemberontakan Ra Kuti

Hardware: iOS, Android, Flash Game

Output : GUI

Page 34: Gui tikta kavya

Geografis: perkotaan besar diIndonesia

Demografis: Rentang usia young adult (16-24

tahun)

Pendidikan minimum SMA atausederajat

Pelajar atau mahasiswa

Masyarakat perkotaan

Pengeluaran 100.000 – 1.000.000 rupiah

SES B

Pernah memainkan visual novel

Page 35: Gui tikta kavya

modern lifestyle

penikmat media hiburan (game, komik, tv, musik, dll)

suka mencoba hal yang baru

memiliki rasa ingin tahu yang tinggi

menggunakan waktu luang untukhobi

selalu update informasi

Page 36: Gui tikta kavya

AKTIFITAS

Bermain Game

Membaca

Menonton

INTEREST

Suka budaya pop Jepang

Suka genre romance

Menyukai lawan jenis

OPINI

Tertarik dengan sejarah kerajaan Indonesia dengan ditambahkanelemen fiksi

Page 37: Gui tikta kavya

Lifestyle modern.

Pernah memainkan visual novel.

Menyukai genre romance.

Mengikuti perkembangan informasi dan teknologi.

Menyukai sejarah dan budaya Indonesia.

Memiliki ketetarikan pada media entertainment seperti game, buku, komik, film, animasi, dan sebagainya.

Melakukan hobi di waktu luang.

Page 38: Gui tikta kavya

konsumen membutuhkan interaksi game yang nyaman

baik dalam bentuk visual serta fungsi untuk

bernavigasi di dalam game

Page 39: Gui tikta kavya

Genre Visual Novel merupakangenre game yang masih asing diIndonesia dan belum dieksplorasi

Penggunaan antarmuka yang interaktif sehingga dapatberkomunikasi langsungdengan world

Pengenalan sistem cutscenedalam game

Platform mobile game yang cenderung handheld memudahkan player memainkan game dimana saja

Page 40: Gui tikta kavya
Page 41: Gui tikta kavya

Interactive berarti salingmelakukan aksi, salingberhubungan dan saling aktif.

Juicy dalam istilah pengembanggame berarti “menarik” dan“tidak kering” sehingga membuatuser ketagihan memainkannya

Virtual User Interface dapatdiartikan antarmuka bagipengguna dalam bentuk virtual

Page 42: Gui tikta kavya

User interface yang memiliki interaktif yang terhubung dengankarakter dan game world sehingga memberikanefek “ketagihan” kepadauser.

Page 43: Gui tikta kavya

Hardware: iOS, Android, PC (flash)

Dimensi: 960 X 640 pixel (3:2)

Seri game: demo/liteversion, full version

Page 44: Gui tikta kavya

Cerita

Menu

HUD

Button

Logo game

Supergrafis dalamgame

Page 45: Gui tikta kavya
Page 46: Gui tikta kavya
Page 47: Gui tikta kavya

Menu pada game merupakan rangkaian antarmuka user

dengan game yang juga menghubungkan user

terhadap gameplay, menuharus memiliki kekuatan

untuk memberikan arahan kepada user untuk

bernavigasi di dalam game

Page 48: Gui tikta kavya
Page 49: Gui tikta kavya
Page 50: Gui tikta kavya

Menggunakan pernak-pernikbudaya Indonesia sepertipeninggalan sejarah danbudaya Indonesia yang mendukung visualisasi

kerajaan Hindu-Budha diIndonesia, khususnyaKerajaan Majapahit.

Page 51: Gui tikta kavya

sistem: tombol beranimasi dan mudah dipahami oleh user.

Page 52: Gui tikta kavya

Memberikan kesan orang pertama kedalam cerita danmemerankan tokoh Tikta sebagai peran utama. User akandihadapkan pilihan Tikta untuk menentukan cerita. Sehingga karakter utama tidak ditampilkan.

Page 53: Gui tikta kavya

Di dalam Visual Novel “Tikta Kavya” terdapat gameplayutama yaitu pada sesi storytelling dan satu gameplay

sampingan berupa minigame bergenre “push and conquer”

Maka dibutuhkan 2 HUD berbeda setiap gameplaynya

Page 54: Gui tikta kavya

Title menu Interactive button Logo game Background Paralax

Save/Load menu (data management) Data properties Button Rewrite warning window Page scroller Background

Setting menu Pengatur volume BGM Pengatur volume SFX Pengatur kecepatan text Pengatur display Background

Gallery menu (extra) Cutscene History Artwork Battle history

Pause menu Button History window Progress bar (game status)

Page 55: Gui tikta kavya

Minigame HUD Skill box

Tombol Forward, backward

Tombol pause

HP bar/statistik karakter

Storytelling HUD Kotak dialog (menyesuaikan

karakter)

Tombol (pause, skip, auto)

Next/tap notice

Jendela interaksi (event)

Page 56: Gui tikta kavya
Page 57: Gui tikta kavya
Page 58: Gui tikta kavya
Page 59: Gui tikta kavya
Page 60: Gui tikta kavya

Setelah user menyelesaikan salah satu storyline, user akan membuka title screen baru dengan tema masing-masing cerita

Sesuai kesepakatan dengan karakter desainer maka title bonus akanditampilkan dengan tema seperti ini: Jayanegara: Ular Naga Emas Gajahmada: Kerbau dan Pohon Ra Kuti: Rangda dan Angin Game complete 100% : Tikta dan garuda

Page 61: Gui tikta kavya
Page 62: Gui tikta kavya
Page 63: Gui tikta kavya
Page 64: Gui tikta kavya
Page 65: Gui tikta kavya
Page 66: Gui tikta kavya