Human Computer Interaction (Samuel Yang) Prototype Gamalyzer


2301871492 - Habeel Ryszard Wijaya

2301855961 - Samuel Yang

2301954122 - M. Anang Mukhlas

2301927241 - Khasyi Al Mukarram


Laporan Akhir Human and Computer Interaction (HCI)


GamaLyzer


  1. Background of Design

Ide kita berasal dari setiap orang dalam grup yang bermain game, dan terkadang bingung apa yang kurang untuk improve dan menjadi lebih baik dalam bermain. karena itu kami memilih tema Entrepreneurship untuk membuat usaha pembuatan website untuk user game agar mereka bisa improve dan menjadi lebih baik melalui hasil data analisis dan grafik stastistik yang kami berikan. Desain sistem analisis yang kami buat difokuskan kepada progress gaming sehingga desain yang kami gunakan lebih berfokus kearah desain yang modern atau desain yang memiliki efek visualisasi yang cocok dengan aura gamers. Selain itu desain yang kami buat juga membuat user lebih mudah dalam penggunaannya dan tidak pusing dengan penggunaan fiturnya.


  1. Purpose

Website ini bertujuan sebagai media informasi mengenai perkembangan suatu game atau informasi terbaru dari game tersebut dan sebagai fasilitas bagi user yang ingin mengetahui statistik kemampuan user dan perkembangan analisis permainan user dalam suatu game yang ada dalam Website gamalyzer. Website ini juga bertujuan untuk memantau perkembangan user dengan graphic analysis , dapat juga memberikan layanan shopp untuk memenuhi kebutuhan dari game yang dimainkan user sehingga gamalyzer menjadi Website yang memenuhi standart dan siap untuk membantu para user.


  1. Representative tasks

Samuel:

Membuat desain bagian homepage, login popUp, maintenance page, error 404 page, dan menulis purpose, serta membuat beberapa slide powerpoint

Habeel:

Membuat Register popUp, Analyze popUp profile popUp, Shop Page, menulis Demonstration, serta membuat beberapa slide powerpoint

Khasyi:

Menulis Background of Design, membuat analyze complete page, Shop popUp, notification success top up, serta membuat beberapa slide powerpoint

Anang:

Membuat desain bagian shop page, newspage, news popUp, dan menulis tentang Product, serta membuat beberapa slide powerpoint.


  1. changes Design evolution


Pada evolusi perubahan desain yang terjadi pada kami ialah pada desain loading., loading ini kami pertimbangkan untuk digunakan karena penting adanya. seperti yang kami ketahui ketika melakukan action button dalam sebuah apps/website maka akan melakukan proses sehingga disaat saat tersebut kami perlu memberikan gambaran pada user bahwa “saat ini sedang proses”


Ini merupakan desain dari website kami ketika website kami sedang memperbarui perangkat lunaknya dan isi kontennya.


Ini merupakan desain website kami ketika website kami memiliki kendala atau ada masalah teknis


ini tampilan sebelum kami menggunakan pop-up “loading” menjadikan kami merasa tidak nyaman ketika testing desain, karena sudah semestinya akan terjadi proses dalam setiap action walaupun sepersecon menjadikan loading ini kami sadari akan 

kebutuhanya.

ini contoh dari perubahan evolusi desain kami yang sebelumnya tidak menggunakan “pop-up Loading” dan sesudah menggunakanya, hasilnya membuat kami dalam proses testing prototype lebih nyaman ketika menggunakanya.


  1. Product


Analyze

Fitur ini digunakan oleh user untuk melihat analisis permainan user dalam suatu game yang dia mainkan. Dalam analisis game tersebut terdapat desain statistik mengenai informasi permainan user. Seperti pada desain diatas, terdapat statistik untuk K/D/A adalah rata-rata kill, assist dan death dalam semua pertandingan yang dimainkan dalam suatu game, win rate adalah rata-rata kemenangan seluruh pertandingan dalam sebuah game, most used heroes adalah hero yang sering dipakai, match situtation adalah penjelasan analaisis pertandingan yang dilakukan seperti rotasi permaianan dan lain-lain, dan terakhir pick/ban rate adalah frekuensi hero yang di pick dan yang di ban.


Shop

Untuk user yang ingin top up pembayaran di dunia game menjadi pemabayaran di dunia nyata dengan harga terjangkau dengan kerja sama dengan aplikasi top up lainnya. Desain yang ditampilkan memberikan user untuk dapat memilih aplikasi top up yang akan digunakan serta jenis pembayaran apa yang akan digunakan sehingga 



memudahkan user dalam memilih akses untuk layanan top up. Selain tiu desain kami juga menampilkan memasukan pin untuk keamanan id user ketika melakukan transaksi.




News

Fitur ini untuk media informasi seputar game. Desain informasi yang ditampilkan bisa diakses dengan dibuat pilihan informasi game yang dipilih dan informasi yang disajikan menganai perkembang game tersebut atau informasi kompetisi professional game tersebut. Desain kami juga menyertakan link untuk dapat mengakses berita sebenarnya yang diambil dari fitur website ini.


  1. Demonstration



 


















  1. Summary

Website ini bertujuan untuk memberikan fasilitas kepada user game yang ingin mengembangkan permainannya dengan desain grafik dan analisis yang desainnya mudah untuk diakses untuk para user dan juga memiliki desain layanan media informasi bagi user untuk mengetahui informasi-informasi seputar game serta desain layanan top up untuk user. dengan hal ini membuktikan bahwa website kami memang disiapkan untuk user gamers. namun, dengan keterbatasan yang dimiliki website ini menjadi pelajaran bagi kami kedepanya untuk dapat memberikan layanan yang lebih baik seperti layanan diskusi team, saran dan masukan serta fitur dan fungsi yang lebih baik dan sesuai dengan target pasar website kami.


link untuk prototype :


https://www.figma.com/file/k5JOD8Va7DQN4ggjGVabr8/All?node-id=0%3A1


link Blogspot:

Samuel:

https://t125-ds-samyang.blogspot.com/2021/06/human-computer-interaction-samuel-yang.html

Habeel:

https://ryszardblogs.blogspot.com/2021/06/human-and-computer-interaction.html

Khasyi:

https://khasyialmukarram.blogspot.com/2021/06/2301871492-habeel-ryszard-wijaya.html 

Anang: 

https://hci-with-anang.blogspot.com/2021/06/2301871492-habeel-ryszard-wijaya.html 

Komentar