IMPLEMENTASI USER INTERFACE DENGAN PLATFORM XNA PADA BISNIS GAME BERBASIS LELANG MILK GAME GRAND JULIVAN

Transkripsi

1 IMPLEMENTASI USER INTERFACE DENGAN PLATFORM XNA PADA BISNIS GAME BERBASIS LELANG MILK GAME GRAND JULIVAN

2 AND... Apa lagi? Fitur Chatting Fitur Message 3D view Smart AI

3 INTERFACE Interaksi manusia-komputer merupakan sebuah pengetahuan yang menyangkut tentang desain, evaluasi, dan implementasi dari sebuah sistem komputer interaktif untuk digunakan oleh manusia dan dengan memperhatikan fenomena lingkungan sekitarnya. Pada sebuah game interaksi manusia dengan computer terjadi melalui user interface dan alat input yang ada.

4 XNA Microsoft XNA ( XNA s Not Acronymed ) adalah sebuah framework buatan microsoft yang mengatur runtime dari game Framework ini bekerja diatas framework.net dan dapat berjalan diatas platform Microsoft Windows dan Microsoft XBOX.

5 INTERFACE GAME SCREEN LAYOUT GAME WORLD GAME WINDOW INPUT ANIMASI

6 GAME WORLD Kamera : membentuk point of view Tanah / terrain (city view, dan island view): terdiri dari jalan, area pemain, area nonpemain, air / lautan pada tampilan pulau Model bangunan : markas utama, gedung produksi, kota, gudang, rumah lelang, toko, transportasi Awan (Skydome) : tampilan diatas horizon Model pendukung : pohon.

7 WINDOW AUCTION Y END TUTUP? START TAMPILAN DAFTAR LELANG N TAMBAH LELANG BARU MELAKUKAN TAWARAN PADA LELANG PILIH BARANG ATUR DATA LELANG : JUMLAH, BIDSTART, BUY OUT,DURASI PILIH TRANSPORT

8 RANCANGAN ANTARMUKA WINDOW AUCTION

9 RANCANGAN ANTARMUKA WINDOW ADD NEW AUCTION

10 RANCANGAN ANTARMUKA WINDOW ADD NEW BID

11 WINDOW PRODUCTION

12 WINDOW SUPPLIER

13 WINDOW WAREHOUSE

14 WINDOW INBOX

15 WINDOW TRANSPORT

16 INPUT USER Mouse Mudah digunakan. : lebih baik dibuat bersifat dominan Keyboard Digunakan hanya untuk inputan angka dan login

17 INPUT USER Cursor : Menggerakkan kamera Mendeteksi klik objek : ray tracing

18 KEYBOARD Menggerakkan kamera Memasukkan inputan

19 ANIMASI Animasi 2D : Progress bar : menampilkan detail transaksi yang berjalan. Auction Production transport

20 ANIMASI Animasi 3D Transportasi Dalam kota : Dari markas utama menuju rumah lelang Dari rumah lelang menuju markas utama Dari supplier menuju markas utama Dari luar menuju markas utama Dari markas utama menuju Luar Dari rumah lelang menuju Luar Dari Luar Menuju rumah lelang Dari Supplier Menuju Luar

21 ANIMASI Animasi 3D Transportasi : Luar kota Dari kota ke kota Dari gudang ke kota Dari kota ke gudang

22 RANCANGAN TRANSPORTASI Format XML dalam kota <MapBoundaries> <Number>1</Number> <Transport> <HqToAuction>path</HqToAuction> <AuctionToHq>path</AuctionToHq> <NPCToHq>path</NPCToHq> <HqOut>path</HqOut> <OutHq>path</OutHq> </Transport> </MapBoundaries>

23 RANCANGAN TRANSPORTASI Format xml sebuah pulau <City> <MapBoundaries> <Number>6</Number> <Transport> <city7>path</city7> <city8>path</city8> <wh11>path</wh11> <wh12>path</wh12> <wh13>path</wh13> <AuctionIn>path</AuctionIn> <NPCIn>path</NPCIn> <AuctionOut>path</AuctionOut> <NPCOut>path</NPCOut> </Transport> </MapBoundaries>

24 RANCANGAN TRANSPORTASI Path : ff3 R ff52 L ff51 R ff3 L ff6 Indeks 0 : posisi x start Indeks 1 : posisi y start Indeks 2 : arah model pada start (0: atas, 1: bawah, 2: kiri, 3: kanan) Indeks 3 : jarak tempuh Indeks >3 : pergerakan model ffx : maju kedepan sebanyak X L : belok ke kiri R : belok ke kanan

25 UJI COBA Lingkungan ujicoba : Processor : Intel Core 2 Duo 2.0 GHz Memory : 2.0 GB Graphic Card : NVIDIA GeForce 9300M GS Sistem Operasi : Microsoft Windows XP

26 UJI COBA Ujicoba Pemain Tujuan pengamatan : Tingkat pemahaman pemain terhadap skenario permainan Tingkat bantuan antarmuka dalam membantu pemahaman pemain. Kemudahan control input pada antarmuka Kesesuaian tataletak dalam permainan Kelebihan antarmuka dalam penyampaian informasi. Kekurangan antarmuka dalam penyampaian informasi.

27 UJI COBA Penguji Pertanyaan Pria Wanita JML Tingkat Pemahaman Penjelasan Antarmuka kontrol kesesuaian tataletak total :

28 UJICOBA Pengamatan secara umum pemain menganggap factor 3 dimensi dan animasi menjadi keunggulan dari aplikasi. Dan kelemahan aplikasi terdapat pada kurang menariknya model yang ditampilkan dan perlunya beberapa fitur tambahan seperti rangking, tampilan 3 dimensi yang lebih animatif, dan perbaikan pada respon control aplikasi.

29 KESIMPULAN Permainan Milkgame dapat menjadi sarana pelatihan yang baik untuk pembelajaran Supply Chain Management, terutama dalam pemahaman domain permasalahan Supply Chain Management. Walaupun dibutuhkan cukup waktu untuk memahami permainan secara menyeluruh.

30 KESIMPULAN Untuk membuat sebuah antarmuka yang tepat dan sesuai dengan fungsionalitas permainan, diperlukan : Info yang tepat dan ringkas. Rancangan jendela / window yang menampilkan opsi serta informasi harus bersesuaian dengan segala fungsionalitas permainan. Seperti lelang, pembelian, pergudangan, produksi, dan transportasi. Dalam aplikasi ini digunakan library dari Neoforce. Animasi sebagai info visual juga menjadi alat bantu bagi pemain untuk memahami permainan. Dalam aplikasi ini animasi diterapkan pada transportasi dan progress bar.

31 KESIMPULAN Pembentukan tata letak dan world game yang sesuai pada aplikasi Milk Game ini membutuhkan: Pengaturan world game yang sesuai, yaitu: pemilihan model, pembentukan tanah / terrain, pengaturan peta, dan pengaturan input dari mouse dan keyboard. Optimasi kinerja grafis juga menjadi faktor pendukung kenyamanan sebuah antarmuka dalam menyajikan informasi. Penggunaan teknik multi-instancing dan custom content pipeline pada XNA dapat meningkatkan kinerja grafis (fps / frame per second).