Wireframing, Desain Sketsa Aplikasimu

Bagi kalian yang seorang developer aplikasi atau mahasiswa yang sedang mendapatkan tugas dalam mendevelop aplikasi namun memiliki kekurangan dibagian desain bisa mencoba teknik ini. Dengan teknik wireframing ini kita bisa mendesain sketsa user interfaces dari aplikasi yang akan kita buat. Cukup unik kan . Nah dengan adanya sketsa kita bisa menentukan layout yang akan kita pakai untuk aplikasi kita nanti. Pada dasarnya wireframing ini dilakukan dengan menggambar desain diatas kertas. Tapi tenang saja, karena ada beberapa tool (ada yang free, ada yang berbayar) flash, aplikasi maupun web based yang dapat membantu kita dalam melakukan wireframing .

Wireframe vs Mockup vs Prototype

Wireframes, Mockup, dan Prototype terkadang disalahartikan sebagai satu hal yang sama, tetapi sebenarnya ketiganya berbeda. Masing-masing memiliki tujuan yang sedikit berbeda pada proses desain.Wireframes adalah ilustrasi dasar dari struktur dan komponen dari suatu halaman website. Biasanya merupakan langkah pertama yang dilakukan dalam proses desain. Mockup umumnya berfokus pada elemen-elemen visual dari website. Identik dengan desain final sebuah website dan mencakup semua elemen grafis, tipografi, dan elemen desain website lainnya.

Prototype merupakan halaman website semi-fungsional yang dibuat dari Mockup. Prototype menampilkan user interface secara lengkap dan biasanya dibuat menggunakan HTML / CSS (dan kadang JavaScript untuk menampilkan bagaimana cara kerja user interface tersebut). Tahap ini biasanya dilakukan sebelum programming untuk sistem website itu sendiri. Meski tidak berfungsi secara penuh, namun prototype akan cukup sebagai simulasi sistem pada sebuah website.

Nah bagi kalian yang ingin mencoba mendesain sketsa web/aplikasi yang akan kalian buat. Berikut list aplikasi yang bisa digunakan:

bisa dicek disini
http://www.creativebloq.com/wireframes/top-wireframing-tools-11121302

 

Sumber Artikel:

http://rumahdot.com/web-design/panduan-membuat-wireframe-untuk-desain-website/

http://manyangl.es/2012/10/getting-started-wireframing

Read More

ITCE Software Expo

Akhirnya acara pertama jurusan IT yang bernama ITCE Software Expo ini selesai dengan lancar dan sukses . Dengan total sebanyak 45 tim yang ikut berpartisipasi membuat acara menjadi ramai dan seru. Semangat para generasi muda angkatan 2011 yang begitu antusias mewarnai ramainya acara dari awal hingga akhir. Acara ini diikuti oleh 5 kelas yang berbeda dengan diambil masing masing 1 software terbaik untuk tiap kelasnya. Tak lupa di akhir acara pun diambil juga kategori banner/poster terbaik pilihan para juri ikut menambah antusias para peserta untuk berkompetisi.

Jujur, sebagai kakak kelas cukup kaget melihat kreasi software adik adik 2011. Ternyata kreatifitas mereka bisa tersalurkan berkat acara ini. Meskipun awalnya hanya tuntutan dari demo mata kuliah rekayasa perangkat lunak namun semua berubah ketika acaranya diajukan menjadi sebuah expo produk software yang mereka buat. Jadi pada acara ini selain mereka dilatih untuk membuat aplikasi mereka juga berlatih untuk mempresentasikan produknya yang mereka buat semenarik mungkin. dihadapan para juri dari 2 jurusan yang berbeda mereka saling beradu promosi software siapa yang terbaik dan paling menarik perhatian.

Poster Acara

Harapannya untuk tahun selanjutnya acara ini bisa diadakan lagi dengan lebih semangat dan jauh lebih meriah lagi. Tentunya hal ini akan bisa memacu kreatifitas mahasiswa menjadi lebih tinggi dan semakin giat dalam berkarya. Dan juga diharapkan acara ini bisa memotivasi teman teman untuk meningkatkan prestasi dengan mengikuti kompetisi kompetisi serupa di berbagai tingkat. Karena cukup banyak kompetisi di bidang developing aplikasi (lihat post sebelumnya tentang Djarum Black Apps Competition dan Imagine Cup). Buat para adik 2011 teruslah berkarya dan tularkan semangat kalian ke adik adik kalian . Bawa diri kalian kepuncak kesuksesan kawan kawan

Read More

ILT 2013, Berbagi Kebersamaan Lintas Angkatan

Jumat hingga minggu tanggal 11-13-13 dilaksanaakan sebuah program kerja HIMIT untuk angkatan 2013 PENS bernama ILT(Integrated Leadership Training) di Wonosalam, Jombang. Acara tersebut berupa outbond, materi pelatihan, kumpul bareng angkatan yang dikemas dalam bentuk camp selama 3 hari. yah untung aja ga ada hujan yang berarti wkwkwkwkw meski pulangnya kehujanan tapi tetap aja semua semangat banget menjalani acara tersebut .

Acara tersebut dihadiri oleh banyak angkatan mulai 2012 sebagai peserta, 2011 sebagai panitia, warga 2010 dan 2009 serta alumni pun turut hadir untuk melihat perkembangan adik adiknya yang sekarang merupakan bagian dari PENS angkatan pertama hehe( yang anak PENS pasti tahu maksudnya)…..

Keceriaan dan kebersamaan mungkin masih belum terlihat pada awal kegiatan dilaknakan namun semua berubah ketika #avatar hari terakhir. berkat serangkaian acara yang terlah disiapkan. Hasil kebersamaan maksimal pun dapat dicapai horeeee . Tapi yang pasti capeknya ga nahan ampun deh, sampe tidur seharian gara2 acara ini wkwkwkwk. Tapi alhamdulilah dapat banyak pengalaman dan hal seru deh pokoknya.

Read More

Contruct 2, Membuat Game Jadi Mudah

Salam berbagi, kali ini saya ingin berbagi informasi mengenai game engine yang mudah sekali digunakan. Bahkan bagi mereka yang tidak punya basic pemrogaman sama sekali tetapi memahami logika game tentu bisa membuat game sendiri. Dengan slogan “No Programming Required” construct 2 terbukti sebagai sebuah game engine dengan kemudahan yang luar biasa. Fitur fitur yang disediakan untuk versi free pun cukup untuk membuat game game 2D sekelas game flash yang ada di games.co.id dan situs publisher game flash lain.

Dengan bahasa pemograman yang diusung berbasis HTML 5 bagi yang mau belajar pemrogamannya pun tidaklah susah. Selain itu didukung dengan banyaknya fitur game development seperti physics, special fx, dan WYSIWYG progamming benar benar memberikan sensasi membuat game yang mudah dan menyenangkan. Jika ingin merasakan fiturnya secara complete bisa melakukan purchase di situs resminya

Jika tertarik untuk mencoba bisa kunjungi https://www.scirra.com/ untuk informasi lebih lengkapnya ^ ^

Game yang kita buat pun bisa di publish dimana mana looo….

jadi tunggu apalagi, ayo buat game kamu sekarang

Read More