Design Tetris di Iphone

     Haloo para blogger, pada kesempatan kali ini saya akan membahas mengenai game tetris dan yang akan kita bahas adalah design daripada game tersebut. Saya telah membuat design dan akan menjelaskan mengapa saya buat demikian.

     

     Gambar diatas adalah tampilan awal game tetris dimana terdapat dua buah pilihan yaitu PLAY dan SCORE. Saya menggunakan dua buah tombol dengan warna yang berbeda supaya ada variasi warna, begitu juga dengan judul pada tampilan tersebut yang saya buat seperti menyusun kotak seperti pada gamenya. Jika kita memilih PLAY maka akan menuju ke tampilan yang memberi tahukan bagaimana cara bermainnya supaya orang yang memainkannya akan lebih mudah mengerti bagaimana cara bermain game ini. berikut adalah tampilan How To Play :

Pada tampilan How To Play ini akan menjelaskan bagaimana cara menggerakan kotak yang jatuh, bagaimana cara memutarnya dan bagaimana cara bermainnya.

Apabila pada tampilan menu awal kita memilih untuk melihat score , maka tampilannya akan seperti ini :

Pada tampilan score ini saya membedakan tampilan daripada score yang dihasilkan oleh teman dengan score kita sendiri. Dapat dilihat perbedaannya pada ukuran kotak yang lebih besar dibandingkan ukuran kotak yang lain yang menandakan score yang kita capai selama bermain. Di bawah ada tombol yang berbentuk tanda panah yang apabila dipilih maka akan menuju ke tampilan how to play.

Apabila pada tampilan How To Play kita menekan tombol OK maka kita akan langsung masuk ke dalam game, yang tampilannya seperti ini :

Pada tampilan ini terdapat 3 buah bagian, dimana bagian kiri atas adalah bagian yang akan keluar selanjutnya pada game tetris ini, pada bagian kanan atas adalah score yang kita peroleh dan pada bagian intinya adalah tempat dimana kita bermain permainan tetris ini.Apabila game berakhir maka akan keluar score kita yang dibandingkan dengan score teman kita, yang tampilannya hampir sama saat memilih score pada menu awal, namun disini kita bisa mempublish score kita melalui media facebook maupun twitter hanya dengan sekali tap saja untuk mempublish dan juga disini tombol panah bertujuan untuk mengulang game tetris ini, tampilannya seperi berikut ini :

Kegunaan daripada tombol di tengah bawah pada Iphone adalah untuk menghentikan permainan ini dan kembali ke Home Page dari Iphone tersebut.

Demikianlah design dari game tetris yang saya buat, maaf jika ada kesalahan dalam penulisan maupun penjelasannya. Terima kasih telah membaca , sampai jumpa lagi di lain kesempatan :D

Tutorial Menggunakan Aplikasi Evolus Pencil

Pada kesempatan kali ini saya akan membahas sedikit tentang aplikasi yang bisa kita gunakan untuk membuat suatu design. Design yang dapat kita buat bisa bermacam-macam mulai dari desain tablet, desain android dan gadget-gadget lainnya. Dan saya juga akan membuatkan sedikit tutorial sederhana untuk membuat suatu desain dari gadget.

Sedikit sejarah tentang aplikasi ini .Evolus Pencil adalah aplikasi open source untuk membuat desain UI (User Interface) dan tersedia untuk berbagai sistem operasi baik itu Linux, Windows, dan MacOS. Shape interface yang disediakan ada untuk web, GTK, native UI, sketchy GUI, Windows XP, Flowchart, Android ICS, iOS UI Stencils, dan iOS Wireframe. Yang mau mencoba download disini .

Evolus Pencil memiliki beberapa menu yaitu:

1. Pada menu Document terdapat new window ,new document, save , save as, load, Export page as png, Export Document, Print dan exit.
2. Pada menu Edit terdapat undo, redo, cut, copy, paste, delete dan select all.
3. Pada menu View terdapat Collection Pane, Hide Heavy Elements dan Fullscreen.
4. Pada menu Shape terdapat Group,Ungroup,Make same width,height, min width,min height, align left,right,top,bottom,middle, same horiz space dan same vert space.
5. Pada menu Tools terdapat Clipart Browser, Install new Collection, Manage Export Template, Developer Tools, dan Options. 
6. Pada menu Help terdapat About

Saya akan mencoba memberikan tutorial untuk membuat desain sebuah gadget.

Pertama pilihlah model gadget yang ingin dibuat desainnya dengan hanya dengan melakukan drag dari kotak sebelah kiri ke kotak sebelah kanan. 

Kita bisa memutar device yang ada dengan cara mengklik 2 kali pada desainnya lalu akan muncul titik merah yang apabila kita arahkan kursor kita maka kita akan bisa memutar device nya kearah yang diinginkan dengan mendrag titik merah tersebut seperti pada gambar dibawah.

Begitu juga jika ingin menambahkan segala isi atau tampilan dari gadget yang akan di desain, hanya dengan mengambil dari kotak dan tarik ke sebelah kanan.

Jika sudah dibuat desainnya, maka yang kita lakukan adalah dengan melakukan Group yang ada pada menu Shape atau dengan menekan tombol ctrl+g. Hal ini memudahkan kita untuk menggeser atau memutar objek yang sudah didesain sekaligus. 

Di menu shape inilah kita dapat mengubah tampilan desain kita dengan mudah. Misalkan untuk memindahkan objek ke depan objek satunya atau sebaliknya. kemudian untuk membuat gambar menjadi rata kiri , rata kanan , rata atas atau rata bawah. Kemudian untuk melakukan ungroup juga terdapat pada menu Shape ini.

Kemudian jika sudah selesai maka klik desain lalu pilih menu Document dan lakukan "export selected page as png" untuk membuat desain yang kita buat menjadi gambar dengan extension .png seperti pada gambar dibawah.

Dan akan dihasilkan gambar seperti ini :

Sekian sedikit tutorial tentang penggunaan aplikasi Evolus Pencil ini, semoga tutorial tersebut dapat membantu untuk pembaca sekalian dalam mendesain tampilan suatu device. Maaf jika terdapat kesalahan terima kasih telah membaca. ^^ Bye.