Kamis, 03 Januari 2013

gui



UI jika diartikan dalam bahasa Inggris adalah tampilan antar muka pengguna.  Fungsi dari UI sendiri sebagai mediator antara user dengan komputer.  UI sangat berperan penting dalam dunia komputer, karena dengan adanya UI maka user/pengguna menjadi lebih mudah mengoperasikan suatu perangkat komputer.

User interface sendiri dibagi menjadi dua, yaitu Text Interface dan Graphic User Interface (GUI).  Dalam perkembangannnya UI berbasis GUI lebih banyak dipergunakan dibanding yang berbasis teks.  Hal ini dikarenakan GUI lebih menarik dan komunikatif dibandingkan basis teks.

Dari sekian banyak UI yang ada, yang paling berbeda adalah UI milik video game.  Karena pada UI game memiliki sifat fiksi dan benyak melibatkan atau menambahkan unsur-unsur tambahan, seperti Avatar dari pengguna/player/user.  Disini pemain memang tak terlihat secara nyata dan hanya di simbolkan dengan avatar diri meraka.  Namun sebenarnya avatar dari user itulah yang menjadi kunci untuk cerita pada game yang sedang dimainkan.

Dalam dunia interface game ada istilah yang HUD (Heads-up Display) - User Interfaces for Increased Player Immersion in FPS Games , yang merupakan metode dimana informasi secara visual disampaikan kepada pemain sebagai bagian dari UI permainan.  Beyond HUD - User Interfaces for Increased Player Immersion in FPS Games  adalah sebuah judul tesis yang dibuat oleh Erik Fogerholt dan Magnus Lorentzon di Chalmers University, yang memperkenalkan istilah berbagai jenis interface tergantung pada bagaimana kaitan dengan narasi dan geometri permainan.


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEyCuXgX-X_hDR_aIHAshX5gS893Bd9QHMynZVteTQMoBgMMIQBAlxgpDZXDXHaD-O8FmQqxcYLIU_iuJnhV_aqaulphsNG2Zw1wCtKY60A0LbPlsSOyumtuxOrGf28wljwDFjMlcFob8/s400/the-4-spaces.png


Berikut ini adalah beberapa jenis Graphic User Interface yang sering ada dalam video game:

Diegetic
User interface jenis ini biasa sudah disertakan dalam sebuah game secara default.  Komponen-komponen yang ditampilkan dalam diagetic divisualkan secara nyata atau relistis sesuai karakter pada permainan dan tidak menggunakan HUD.  Diegetic dapat dilihat dan didengar oleh pula oleh karakter tersebut.  Karena komponen visual degetic menempel atau ada pada karakter pemain dan divisualisasikan secara nyata, jadi jenis UI ini tidak mengganggu pendangan dari user atau pemain game ini.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ5KY-bExbbL5Zim3wdKKqVeJZeFK6IZb3ZG9dJi0cP6q5JVI0QiOd1UtlfEqa3OxS4pSTRAaeAARj5i8-NA0ujbrmB3SiEmL9A0A8CjCmyafsA4llkEoHElkUKpg-ksWvkM0SgaypBm0/s320/Map+in+game+Dear+Esther.jpg
Map view in game: Dear Esther

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjegQbogOVH8ZF7FyzRvrnAulFqqg6LkuLrZ21w88WBi-obVWpOk1hBo-1hAJKF35n_A0i0JGsVO7y90Mj2qXkByUxM-i7YpF4LUKqat2bChsX1idiZ71OLJfUm0uPoQI6uqxw-YKvjr9k/s320/Map+in+game+The+Elder+Scrolls+V_Skyrim.jpg
Map view in game: The Elder Scrolls V:Skyrim

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC1usl_N_C50jbQYCpkyBEet5C0Wuu7IZV55eQUjs8-FlgbjUHq_JCbf-vSRvVQ3IX4JvNHiX5dWPz1OFlABnrwJzCTtEu7BHhx3QP-6pusWkTX6bBz1afWHH_Hl-7fE7LhuwzyvvapFE/s320/Map+in+game+metro2033.jpg
Map view in game: Metro 2033

Meta
Interface ini ditampilkan diluar dunia game atau dutujukan untuk user atau pemain di dunia nyata.  Oleh karena itu agar narasi yang diberikan game pada pemain jelas interface ini menggunakan HUD.  Pada game seperti Need for Speed: Most Wanted, Hot Persuit sebenarnya interface sudah ada pada komonen game secara diegetic, contoh: Speedometer, Map sirkuit.  Namun jika komponen tersebut hanya divisualkan secara diegetic maka narasi tidak tersaimpaikan secara jelas.  Oleh karena itu diberikan visualisasi tambahan berupa speedometer  2D yang jelas dapat dilihat oleh user.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmNFhC-gOdlere0WSoxQDKR_iLt9nXENpe8SXd1wVnmKC7w8WKtnr1icdcXlFt85zyT1Wm2ZRnKKPRN89iLLV02w3Xkme0Snx43l2fuGyaxcKK8Bk2hOvTGofDniZ-Hjn_dol76cYwUkg/s320/Need+for+Speed+Hot+Pursuit.jpg
Speedometer pada game: Need for Speed:Hot Pursuit

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6MIb0gaUJ7L7tlRdYbNOCjtxGwPMMnYtLQsJGoM-TaIwv1r33q835PDgz0nxEZkfgZ-GVW_zrpYXt_KWlivlI-W6Vg8NP3gyRha9S_uVkY-R42AIjR5F-JIw0Sh4byZ40qNV1o4s99-A/s320/Grand+Theft+Auto+4.jpg
Visualisai handphone game: Grand Theft Auto 4

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigecN3X6_X3n2f2GOF0ywKwrwAnr2R3ub08WX3wSazxxXVEAOxQHMdkUiUx6sfrb-IjuK9hOMnI1oR3nd6UFLfk-RhP01Pw8tAGZPxVR5TNlIO4sDfYv8V1-3ej8xrfHvBGZ1n9ZeV4v4/s320/Map+in+game+Call+of+Duty+Modern+Warfare+2.jpg
Cipratan darah game: Call of Duty:Modern Warfare 2


Spatial
Spatial UI elemen digunakan ketika ada kebutuhan memecahkan jalan cerita dalam rangka untuk memberikan informasi lebih kepada user daripada karakter.  Mereka masih duduk dalam geometri lingkungan permainan untuk membantu memuaskan user/pemain dan mencegah mereka dari keharusan untuk menghancurkan pengalaman dengan melompat ke layar menu.  Semakin dekat ini mengikuti aturan fiksi permainan semakin mereka dapat membantu mamuaskan user/pemain.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV1s5OjfM-6uoEscezW4dj_rO2K5vNO5-RfZtbuTL5RFncxc4MWfQ3fYpg0b75WLbMvqtGUXkTnvt4jKdledr_VgsxRjhd-7SSfLwVstTphr56yr7tr22ABUSsCYsvhpCxgvCd5amBbZU/s320/Splinter+Cell+Conviction.jpg
Spatial elemen game: Splinter Cell Conviction

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBymG9e4j499nfYDwze_tlZDTH8K8xsNhW6OSRnHxPOrSmArLnP57xF7UMT4VUyXkD-IGQuK-PUTsfzv0DgCdRFmHn8noNQ-s9WoDc1idH9yT2GHDKlg8QDUUJeVV19Ay2zwNoBuhjYts/s320/Fable+3.jpg
Spatial elemen game: Fable 3

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv0idBSRFHoJwfDeZTN6E_kjQJOFw35Jwzg-fDa_yym-5ccg27JJ60qGLxeL1Mdk5zOJ5dYIsfZmuSch6fNBkh2eg-VCYR78TVqNTHz8UGDmxFoaX21cPU9ZsZD4HKxR22AFFx9FxlFls/s320/Forza+4.jpg
Spatial elemen game: Forza 4


Non-Diegetic
Interface Non-Diegetic merupakan elemen yang memiliki kebebasan untuk benar-benar dihapus dari fiksi permainan dan geometri, dan dapat mengadopsi pemakaian visual tersendiri/secara custom, meskipun sering dipegaruhi oleh arah seni permainan itu sendiri.  Interface ini merupakan interface yang paling baik digunakan ketika bentuk diegetic, meta, maupun spatial memberikan batasan-batasan pada elemen UI yang digunakan.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXyvT9o70TrwxTWZatCQqbMVreH0LY5kROpZ_81cLywQxDLURa0wBSE63dOttM9gUr-gzcT2godNoLYw63EvpZK-6lubwkZ7eO0DE3tkDirPq22zWb0ERZUfcfdM8re76Yx2t1NreVNHQ/s320/Mass+Effect+3.jpg
Interface game: Mass Effect 3

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-Qs2ozFLPEyClVf4AtSI9G17P6zTekfouuxZK_haF6jiaIBOh0onj1eJRhLR8V7V6HoirgABL3Fl9Y1DmuImgt21go6X5S2-ooYQTDGLTwIVq03EDagMV0NHXfFMMNSFgsE6QHejav18/s320/World+of+Warcraft.jpg
Interface game: World of Warcraft


Kesimpulan:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN3fnBFaCUz5k5vAkbdc3Yf1cjQOvfh1kl8KwZEBmVBG2i7ksQ_Qc6gaz1M7iJRDJ9VSI0irfIubetu5InANXFr2rYACQDL6p6K3aVcnrobdikvBg8YKpq3eMYT_s_kDMqSdQqzokJylQ/s320/UI-elements_categories3.jpg


Sebuah kunci dari masalah terletak pada bagaimana kita disajikan dan berinteraksi dengan informasi yang kompleks, yaitu interface yang benar-benar ada dalam dunia permainan itu sendiri.

icon

Kali ini saya akan bahas icon



http://media.viva.co.id/thumbs2/2011/12/21/137127_launching-album-7-icon--the-journey-of-love-_663_382.jpg
namun bukan icon ini



Icons merupakan , lambang/simbol yang sering digunakan untuk merepresentasikan objek atau aktivitas tertentu dalam bentuk gambar yang memungkinkan adanya interaksi antara pengguna dengan komputer, aplikasi, software atau devices lainnya dengan cara meng-klik icon tersebut.  Dalam teori lmbang-lambang icon merupakan sebuah gambar yang mudah dikenali, icon bersifat nyata dan mudah dikenali tanpa perlu penjelasan. 

pada media bentuk icon dapat berupa gambar benda-benda abstrak hingga benda-benda yang digambarkan secara realis. Hal ini kemudian membagi icons menjadi dua bagian, yaitu Picons dan Micons. 
Picons adalah  simbol yang digambarkan secara realistis, menggunakan resolusi tinggi dan sangat realistic seperti foto. Sehingga pengguna tidak kesulitan memaknai informasi yang dilambangkan oleh Picons. Penggunaan picons sangat bervariatif karena satu icon menunjukkan satu aktifitas atau fitur saja.
Sedangkan Micons adalah icon simbol dengan menggunakan gambar bergerak atau GIF animasi. Animasi dalam micons dapat lebih jelas dalam memberikan informasi kepada pengguna.

contohnya 


http://cdn.webiconset.com/wp-content/uploads/2011/10/icons-full-previw.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNScZ_-n2xl9xdkTi0ieRafpZatnHWP7gngBjw6JTUMGQhqUtehPED5GfEtuAy4Rl-sRusdrg_r2CCwlI3H9TibvMoV05Yaa2MGdQWzMA8FQZCsiHSoUtcep0v4D4JygvA9FeGUiGNkkER/s1600/Icon+Images.png



platform game

http://sandbox.yoyogames.com/extras/image/name/san2/817/346817/original/StarCraft_Platform_Game_ShootScreen_3.JPG
GAME PLATFORM

Platform merupaka istilah teknologi informasi mengenai  perangkat lunak yang dapat digunakan di beberapa sistem operasi yang berbeda, seperti: Microsoft Windows, Linux, Mac OS, BSD, dan lain sebagainya.

Sangat banyak platform yang ada sekarang ini, tetapi disini kita hanya akan membahas platform game.  Apa itu platform game?  Platform Game merupakan dimana game yang akan dikembangkan untuk dijalankan.  Secara umum game banyak dibuat pada beberapa platform berikut ini:

1. DOS
Masa keemasan platform ini sudah selesai.  Namun kini sudah tidak dikembangkan lagi karena perpindahan sistem operasi yang beralih ke windows atau konsol yang lain.  Akan tetapi masih banyak resource di internet yang masih menyediakan pembahasan dan programming dengan DOS.

2. Windows
Saat ini game yang berjalan di platform ini sangat mendominasi pasar.   Memamfaatkan kemampuan windows untuk tampilan yang menarik dengan kemampuan DirectX yang disediakan Microsoft, menjadikan para pengembang game umumnya di platform ini.  Tools dan software untuk membuat game sangat banyak tersedia di platform windows.

3. Linux
Pengembang game di platform ini masih sedikit game yang dibuat.  Tetapi kemudahan lain adalah tersedianya berbagai aplikasi yang gratis, sehingga walaupun komunitasnya sedikit, namun bisa membuat berbagai game yang tidak kalah platform windows.

4. Macintos
Mac atau macintos merupakan sistem operasi yang dikeluarkan Apple yang stabil dan fitur yang sangat baik.  Dari awal macintos tidak terlalu banyak bersinggungan dengan dunia game, walaupun salah satu kelebihan platform ini adalah fitur grafik dan suara yang sangat baik dibandingkan windows.

5. Console
Persaingan platform windows adalah mesin konsol, seperti Playstation dan Xbox pada masa kini.  Pemrograman di mesin konsol hampir sama dengan platform windows, namun terdapat tingkat kesulitan dalam mengembangkan game di platform ini.  Secara individu, peralatan dan lisensi yang ada pada studio pengembang harganya sangat mahal karena demi menjaga mutu dan hak ciptanya.

6. Mobile
Mulai banyak mobile game yang akan dibuat dan dirancang khusus di platform ini.  Bahkan sudah menjadi pesaing untuk beberapa jenis game seperti game online.  Walaupun tidak sehebat game komputer atau konsol, tetapi dengan kemudahan dan jumlah peralatan yang banyak digunakan untuk alat komunikasi akan membuat platform ini menjadi pilihan sebagian pengembang.  Umumnya menggunakan bahasa pemrograman java.


7. Web-based
Travian, Farmville adalah contoh game yang berbasis pada web.  Dulu website yang digunakan sebagai media informasi namun sekarang sudah berkembang dan dapat diginakan untuk bermain game.  Pengaplikasian game web-based pada umumnya ditujukan agar website terkait dapat memiliki rating yang tinggi dan juga sebagai media promosi.  Untuk teknologi web-based ini bisa menggunakan PHP, CSS, Unity3D, dan lain-lain.