Showing posts with label Tulisan. Show all posts
Showing posts with label Tulisan. Show all posts

Saturday, January 18, 2014

Prototype Game Tetris di iPhone

Penulisan kali ini saya akan mencoba membuat sebuah prototype game / mock up game yang berguna untuk menunjukan kepada client pada saat kita terjun ke dunia perdagangan IT, misalnya pada kasus kita dihadapkan dengan client yang ingin membuat game kepada kita, dan setelah panjang lebar ia menjelaskannya, apa yang harus kita lakukan? mungkin bagi sebagian orang ahli bisa langsung dibuatkan gamenya, tapi bagi newbie akan lebih menguntungkan bila kita buatkan mock up / prototype nya terlebih dahulu karena pemikiran client dengan kita belum tentu sama, dan jika kita langsung membuatkan gamenya akan memakan waktu yang lama dan belum tentu disetujui oleh client, maka dari itu disinilah guna mock up / prototype yang bisa meng-efesiensi-kan waktu sebaik mungkin.
Nah, setelah tahu kegunaan dari mock up / prototype sebuah aplikasi / game, kali ini saya akan mencoba membuat mock up tetris.
Pertama kita harus mempunyai aplikasi pendukungnya, disini saya menggunakan 2 software utama yaitu :
  1. Evolus Pencil
  2. Microsoft Power Point 2010
Pertama adalah evolus pencil, Evolus Pensil dibangun untuk tujuan memberikan software gratis dan open-source GUI prototyping tool yang dapat dengan mudah menginstal dan gunakan untuk membuat mock up di platform desktop yang populer.
Sedangkan Microsoft Power Point 2010 sendiri saya pilih karena disana kita bisa lebih mudah untuk mempresentasikan sesuatu dan membuat berbagai bentuk dengan mudah dan kebetulan dalam kasus ini adalah tetris yang notabennya banyak menggunakan bentuk kotak kotak.
  
Setelah ada software nya saya pun membuatnya dan hasilnya seperti ini


Gambar diatas adalah tampilan awalnya dari prototype yang saya buat setelah kita tap logo game tetrisnya dimenu androidnya. filosofi saya memilih design seperti ini agar terkesan simple yang menyesuaikan dengan iphone yang simple pula, tombol Play di tengah dengan warna merah membuat player ingin langsung bermain, akan tetapi adanya perintah click here akan lebih membuat orang ingin tap itu terlebih dahulu, logo kotak kotak itu sendiri berisikan beberapa aturan yang terdapat di game tetris ini.


Nah seperti gambar diatas tampilan menunya yang muncul secara bertahap membentuk awan seperti popup. Dan disini aturannya sederhana, mainkan seperti permainan tetris biasanya, taklukan kecepatannya, dapatkan bonusnya, raih score tertinggi, dan kalahkan temanmu!. Dibawahnya terdapat logo logo social media untuk keperluan promosi publisher game / game itu sendiri. Setelah tahu peraturannya, barulah kita bermain dengan tap logo kotak kotak itu lagi dan tap play.


Dan beginilah tampilan game tetrisnya, disini lagi dan lagi saya memakai tema yang simple, beberapa gambar paling atas adalah keterangan speed yang akan terus bertambah seiring dengan lama nya waktu yang akan mempersulit player untuk mendapatkan score, scorenya sendiri terdapat didalam frame game tetris itu sendiri yang disebelahnya terdapat menu yang jika di tap akan muncul popup seperti pada halaman awal dan juga berfungsi untuk menghentikan game sementara (pause). Dan frame game tetrisnya sendiri kenapa saya meletakkannya di tengah layar? karena untuk memaikannya lebih enak dan asyik jika digunakan dengan 2 jari dari 2 tangan, karena jika saya letakkan frame game tetris tersebut di sebelah kiri/kanan maka salah satu jari akan kejauhan untuk menjangkaunya yang membuat game tersebut terasa aneh dan sulit. Lalu dimanakah blok tetris selanjutnya akan muncul ditampilkan? sengaja saya tidak tampilkan agar mempersulit dan mengejutkan si player, karena dalam waktu waktu tertentu ada item bonus / trap yang akan muncul, seperti bom, bungee jumping, dll, dalam hal ini saya yakini akan membuat player lebih penasaran dengan adanya bonus bonus yang tersembunyi di setelahnya. Game ini akan selesai ketika blok blok telah mencapai titik tertinggi yaitu menyentuk garis yang terdapat dibawah score. Nah jika sudah selesai maka muncul lah keterangan score mu dan pertanyaan apakah player ingin meng-share score nya ke facebooknya atau tidak yang bertujuan untuk mengadu score antar pemain lain yang merupakan teman facebooknya yang sudah bermain game tetris ini.



Terakhir, mungkin anda bertanya, kemana tombol backnya? jawabannya adalah untuk apa tombol yang terdapat pada iphone itu sendiri? nah itu dia, untuk kembali ke menu atau back, player hanya tinggal menekan tombol tengah yang terdapat pada iphone itu sendiri.
Sekian penjelasan singkat saya mengenai mock up / prototype game tetris yang saya buat sendiri, untuk lebih lengkapnya bisa anda tonton video yang satu ini, selamat menikmati :)



 

Proses Pembuatan 'Call of Duty: Ghosts'


Infinity Ward, developer dari game ‘Call of Duty: Modern Warfare 3’ yang kembali dipercaya untuk mengembangkan seri franchise terbaru dari game Call of Duty, yaitu ‘Call of Duty: Ghost,’ baru saja memposting sebuah video behind the scenes tentang proses pembuatan game baru tersebut.
Lewat ‘Call of Duty: Ghost,’ Infinity Ward ingin menghadirkan sebuah game dengan animasi yang tampak sangat realistis, cocok untuk digunakan dalam konsol next-gen seperti Xbox One dan juga PlayStation 4 yang siap hadir di akhir tahun 2013. Khusus untuk game ini, Infinity Ward menggunakan sebuah engine baru yang dijuluki sebagai Sub-D untuk meningkatkan kualitas tampilan poligon yang selama ini masih terlihat kotak-kotak.
Engine ini mampu meningkatkan jumlah poligon secara real-time, dan pada akhirnya akan memungkinkan model-model karakter yang lebih realistis dengan menghadirkan detil-detil dari helaian rambut, bekas luka, bahkan tanah yang menempel di ujung kuku.
Call of Duty: Ghost dijadwalkan rilis pada 5 November 2013 untuk platform Xbox One & 360, Playstation 3 & 4, juga PC. Untuk lebih lengkapnya, simak video berikut ini:



sumber :
http://bgr.com/2013/05/22/call-of-duty-ghost-xbox-one-playstation-4/

Perbandingan Publisher Game

Halo semua, Selama ini kita bermain game, pernahkah terpikir bagaimana sebuah game dibuat, siapa saja yang terlibat, atau mungkin justru kalian berpikir untuk membuat game kalian sendiri agar bisa dimainkan banyak orang di dunia? Sebagai langkah pertama kita perlu tahu bagaimana industry game bekerja.
Nah, kali ini saya akan membahas tentang beberapa publisher game yang telah mendapatkan ranking dari metacritic.com tahun 2013 sekaligus untuk membandingkan publisher publisher game tersebut.
Berikut ini 5 besar nya :

Electronic Arts (Termasuk PopCap)


Meningkatkan Metascore rata-rata dan peringkat untuk tahun kedua berturut-turut, EA telah menangkap posisi # 1 tahun ini, sebagian berkat menjadi satu-satunya penerbit besar mencetak 75 atau lebih tinggi untuk 2012 rilis nya. Dekade-lama perusahaan game merilis dua 90 + gelar tahun lalu (Mass Effect 3 untuk 360 dan PS3 serta versi 360 dari FIFA Soccer 13 ) sambil mendapatkan review positif untuk 58% dari rilis nya, terbaik di antara semua penerbit besar. Produk perusahaan lain sebagian besar diterima dengan baik tahun lalu termasuk entri terbaru dalam Need for Speed ​​dan BES waralaba dan anggaran besar Kingdoms of Amalur: Reckoning (meskipun pengembang bebas belanja yang terakhir, 38 Studios, cepat keluar dari bisnis) . Tapi sementara EA secara teknis tidak merilis single permainan buruk ditinjau (yaitu, permainan dengan mencetak 49 atau lebih rendah), itu merilis beberapa yang mengecewakan, terutama Medal of Honor: Warfighter, yang sepertinya akan menjadi judul terakhir dalam Medal of Honor shooter waralaba, setidaknya untuk saat ini.
 
* Bukan bagian dari atau terkait dengan permainan atau seri yang ada
** Out permainan dengan setidaknya 25 ulasan pengguna.
ProdukMencetak adalah jumlah produk yang dirilis tahun lalu dengan setidaknya empat review dari kritikus profesional (yang merupakan jumlah minimum yang diperlukan untuk memiliki Metascore dihitung); game iOS tidak termasuk. Perbedaan dalam judul yang unik dan produk total results dari rilis multi-platform, misalnya, jika Batman:. Arkham City keluar di PS3, 360, dan PC, yang dianggap sebagai 3 produk total tetapi hanya satu judul yang unik Rata-rata Metascore adalah rata-rata semua Metascores individu untuk semua produk mencetak gol pada tahun 2012, sedangkan grafik distribusi Metascore menunjukkan berapa persen dari mereka Metascores hijau (Metascore dari 75-100), kuning (50-74) atau merah (0-49).

 

Microsoft 







Publisher top-peringkat tahun lalu tidak jatuh jauh di klasemen kami, meskipun Microsoft rata Metascore menurun lebih dari empat poin pada 2012 dibanding 2011 rilis nya. Dan sementara 72% dari Microsoft tahun 2011 produk menerima review positif, bahwa tingkat keberhasilan menurun secara signifikan menjadi 55% tahun lalu, dengan banyak Kinect-eksklusif rilis (bahkan mereka dengan nama Star Wars dalam judul) terus pull down penerbit keseluruhan angka. Di sisi positifnya, Microsoft adalah salah satu dari beberapa penerbit pada tahun 2012 untuk menerima 90 atau lebih tinggi untuk IP baru, seperti yang dilakukan untuk aksi permainan siluman Mark of the Ninja (dikembangkan oleh Klei Entertainment dan dirilis pada kedua 360 dan PC ).

Sony




Nomor Sony cukup dekat ke tempat mereka tahun sebelumnya, dan sementara persentase penerbit game menerima review positif turun sedikit 2011-2012, perusahaan membuat untuk itu dengan (hampir) menghindari permainan merah mencetak tahun lalu. Stylish dan unik Thatgamecompany s Journey adalah puncak utama di antara judul buku yang diterbitkan oleh Sony tahun lalu, meskipun debut Vita Sony LittleBigPlanet franchise dan sesama judul genggam Suara Bentuk dan Gravity Rush juga berhasil mengesankan banyak kritikus. Mereka menyoroti samping, Sony benar-benar mencetak sedikit lebih tinggi untuk rilis PS3 nya (72,8 rata-rata) daripada itu untuk yang rilis Vita nya (72,1). 

Nintendo




Karena kita menggunakan tanggal rilis Amerika Utara seluruh laporan ini, Nintendo mendapatkan kredit untuk Xenoblade Chronicles sebagai rilis 2012, meskipun JRPG (dan sebagian besar ulasan yang) tanggal kembali ke tahun 2010 dan 2011, ketika keluar di Jepang dan Eropa, masing-masing . Bahkan tanpa judul itu, meskipun, Nintendo akan tetap penerbit-4-peringkat, penurunan dari tinggi # 2 posisi di mana perusahaan muncul di masing-masing dua tahun sebelumnya. Sebelum Anda mulai menyalahkan Wii memudar dan U Wii mengecewakan untuk penurunan Nintendo, bagaimanapun, mencatat bahwa penerbit benar-benar mencetak sekitar empat poin lebih sedikit untuk judul genggam (3DS dan DS) tahun lalu daripada itu untuk game konsol. Secara keseluruhan, rata-rata skor Nintendo turun lebih dari tiga poin pada tahun 2012, bahkan sebagai persentase dari permainan menerima review positif meningkat dari 48% menjadi 51% terpuji.

Capcom






Capcom ditempatkan ketiga dalam peringkat publisher game asli kami dua tahun yang lalu sebelum keluar dari kategori penerbit besar pada tahun berikutnya karena penurunan jumlah judul dirilis. Tapi dengan 16 judul yang unik di pasar pada tahun 2012, Capcom adalah sekali lagi "besar," meskipun rata-rata tahun lalu Metascore adalah penuh enam poin lebih rendah dari itu pada tahun 2011, dan perusahaan ini merilis game kedua-terendah-skor pada record ( Baja batalyon: Armor Berat , "membuntuti" hanya 2003 s Chaos Legion 37). Penerbit hanya nyata 2012 highlights adalah remaster high-definition klasik Okami PS2, dan Street Fighter X Tekken , kolaborasi terbaru antara Capcom dan Namco. Sebagian besar dari berbagai rilis Resident Evil Capcom pada tahun 2012 gagal untuk mendapatkan review positif, dan kritikus Barat tampaknya tidak menyukai gelar aksi baru Jepang Capcom Wrath Asura itu sebanyak rekan-rekan mereka di Jepang.

Jenis Template Website



Sesuai judul diatas, maka dalam penulisan kali ini saya akan menjelaskan atau setidaknya membandingkan  jenis template website, yaitu website berita / portal berita dan website toko online.

1.    1. Website Berita.
Pada bagian website berita ini saya mengambil contoh situs detikcom, yang beralamatkan www.detik.com , pada dasarnya saya mengambil contoh detikcom karena situsnya yang sudah cukup populer di Indonesia.

Berikut ini adalah tampilan awalnya.


Jika kita amati design template dari detikcom ini lebih banyak tulisan daripada gambar, mengapa demikian? Karena  tujuan dari dibuatnya sebuah portal berita itu adalah memberikan informasi kepada pembacanya, maka terbentuklah design template yang menyesuaikan dengan tujuan tersebut.

2.     2. Website Toko Online.
Pada bagian Toko Online ini, contoh apa yang bisa kita ambil? Apa yang ada dibenak kalian jika disebutkan Toko Online Populer di Indonesia? Mungkin jawabannya saat ini adalah tokobagus.com. maka dari itu saya akan mencoba mengambil contoh design template website tokobagus.com.

Berikut tampilan awalnya.



Jadi setelah anda telaah, apa yang menarik dari situs toko online? Ya, situs toko online lebih mengedepankan gambar yang mereka mainkan untuk ditaruh di websitenya. Mengapa demikian? Simple, karena toko adalah tempat untuk berjualan, nah pada kasus ini yang dijual adalah berupa barang, maka dari itu yang harus ditonjolkan di website jual beli barang seperti ini tentu saja barangnya. Dengan begitu calon pembeli akan mudah untuk menentukan ketertarikannya dengan barang tersebut karena adanya gambar yang telah disediakan.


Nah, apa kesimpulan dari perbandingan 2 website ini? Saya yakin anda bisa menjawabnya :)

Tuesday, December 17, 2013

Evolus Pencil Tutorial

Pencil adalah salah satu Tool untuk kerja desain prototype UI
pencil di sebarkan dibawah Lisensi Publik Umum GNU (http://www.gnu.org/licenses/gpl-2.0.html)
(artinya semua orang diperbolehkan untuk menyalin dan mendistribusikan salinan sama persis dari dokumen lisensi ini, tetapi mengubahnya tidak diperbolehkan).
lebih lengkap tentang GNU dalam terjemahan bahasa indonesia silahkan baca disini

Pencil tersedia versi stand alone dan firefox add-ons

untuk versi stand alone,
artinya pencil sebagai aplikasi yang diinstal di laptop
pencil tersedia beberapa versi OS, seperti Linux, Windows, dan MacOS
dapat diunduh di alamat http://pencil.evolus.vn/
size file instal untuk versi OS windows (saya masih pake windows) hanya 21,7 mb
ga nyita space hardisk dunk ya
dan program ini sangat ringan ketika dijalankan, beda sama potoshop yang beraaaat
bagi pengguna pemula sekalipun, aplikasi ini terbilang cukup mudah dipelajari
Adapun Shape interface yang disediakan ada untuk Basic Web Element, GTK widgets, native UI widgets, sketchy GUI, Windows XP widgets, Flowchart
dan untuk Mobile ada Android ICS, iOS UI Stencils, dan iOS Wireframe

versi firefox add-ons dapat diunduh di
disini https://addons.mozilla.org/id/firefox/addon/pencil/
adapun description di versi ini adalah
“Pencil is a Firefox add-on to do GUI prototyping and simple sketching”
artinya kurang lebih, pencil adalah firefox add-ons untuk membuat GUI dan sketsa sederhana
firefox add-ons sendiri adalah pengaya tambahan yang diinstal di browser modzila. fungsinya untuk memasangkan fitur fitur tambahan yang dapat digunakan oleh pengguna. seperti extension, plugin, persona dan tema.
pencil versi firefox add-ons ini di gunakan melalui browser mozilla firefox 3, dan sangat kompatibel dengan berbagai platform OS yang menggunakan firefox versi tersebut.


Nah, Pada postingan kali ini saya akan membahas tentang tata cara menggunakan Evolus Pencil

Berikut Cara-caranya



1. Pertama buat panelnya dulu,caranya :

  • ambil temanya dari Dojo Widgets
  • drag aja ke pagenya
  • ganti namanya menjadi Belajar Evolus Pencil,caranya double klik pada panel.




2. Masukkan
List Box dari Native Ul Widgets
  • ganti pilihan di list box dengan cara,double klik pada list box
  • ganti pilihannya menjadi Master dan Master Kondisi Kesehatan



3. Masukkan 2
TextBox dari Native Ul Widgets
  • ganti namanya menjadi Transaksi dan Laporan


4. Masukkan
Bread Crumb dari Basic Web Elements
  • ganti Home > Products > Pencil menjadi Master > Master Kondisi kesehatan


5. Masukkan
Label dari Dojo Widgets
  • isi dengan nama Daftar Master Kondisi Kesehatan


6. Masukkan
Straight Line dan Label sebanyak 2 dari Dojo Widgets
  •  isi dengan nama Mencari Berdasarkan dan Mencari Kata kunci



7. Lalu tambahkan
Listbox di sebelah Label yang pertama,lalu pada label yang kedua beri Textbox dan Button
  • isi Listbox dengan pilihan Kode dan Nama,lalu isi Textbox dengan Nomor Urut dan isi Button dengan Cari





8. Masukkan Table dari Sketchy GUI


  • double klik table lalu edit menjadi Kode | Nama | Action 001 | Tidak Sehat 002 | Sehat Lalu tekan enter.Isi Action dengan Button di tiap baris isi 2 button,dan ganti namanya manjadi Edit dan Delete. 
9. Masukkan 2 Simple Connector yang diarahkan ke Edit dan Delete,lalu masukkan labelnya juga

  • isi label Edit dengan Setelah kita klik tombol edit,maka munculkan form entry master kondisi kesehatan dengan muncul data sebelumnya pada field
  • isi label Delete dengan Panel,Label,dan Button