Aesthetic and Minimalist Design - Sebuah aplikasi seharusnya tidak menampilkan informasi yang tidak relevan atau jarang dibutuhkan. Selain itu, rancangan aplikasi juga harus mengikuti ketentuan-ketentuan yang dapat membantu user lebih mudah memahami isi aplikasi. Pada aplikasi Komutta, terdapat beberapa masalah yang berkaitan dengan Aesthetic and Minimalist Design.
Ringkasan Masalah
Tampilan CCTV belum berfungsi.
Deskripsi Masalah
Ketika memilih rute TransJakarta, terdapat opsi CCTV. Namun, ketika user memilih opsi tersebut, terlihat tampilannya masih tidak sesuai dengan ekspektasi. Yang muncul hanyalah listview dengan gambar bertuliskan 8A, dengan judul 'Name' dan subjudul 'info'.
 |
| Gambar 1. Tampilan opsi CCTV pada menu TransJakarta |
Rekomendasi Perbaikan
Apabila fungsinya masih belum berjalan dengan baik, sebaiknya informasi CCTV tidak perlu ditampilkan terlebih dahulu.
Severity Rating: 2
Ringkasan Masalah
Pada halaman In-App Purchase, terdapat informasi yang tidak terlalu dibutuhkan oleh pengguna.
Deskripsi Masalah
Aplikasi Komutta tergolong aplikasi Freemium, yaitu user bisa menginstall aplikasi secara gratis namun untuk mendapatkan fitur yang lebih user harus meng-upgrade aplikasi menjadi premium. Informasi yang ditampilkan ketika user akan membuka halaman In-App Purchase terlalu banyak dan kurang penekanan pada fitur yang diberikan.
 |
| Gambar 2. Informasi pada halaman In-App Purchase |
Rekomendasi Perbaikan
Pada halaman tersebut seharusnya hanya menampilkan informasi-informasi yang dibutuhkan user, seperti fitur yang akan didapatkan ketika meng-upgrade aplikasi menjadi premium.
Severity Rating: 2
Flexibility and Efficiency of Use - Sebuah aplikasi harus bisa digunakan oleh user yang berpengalaman maupun yang belum berpengalaman. Oleh karena itu, sebuah aplikasi harus mengefisienkan setiap fungsi yang berkaitan dengan interaksi user. Pada komutta ditemukan beberapa fungsi yang tidak efisien.
Ringkasan Masalah
Fungsi zoom tidak efisien, karena membutuhkan beberapa action.
Deskripsi Masalah
Untuk melakukan zoom, pada umumnya akan lebih efisien apabila menggunakan dua jari seperti zoom pada umumnya. Akan tetapi, pada aplikasi Komutta, untuk melakukan zoom user harus meletakkan jari di atas gambar lalu geser ke atas atau ke bawah.
 |
| Gambar 1. Fungsi zoom pada untuk aplikasi Komutta |
Rekomendasi Perbaikan
Fungsi zoom sebaiknya diganti menjadi zoom pada umumnya, yaitu menggunakan dua jari. Karena user akan lebih terbiasa dengan zoom yang menggunakan dua jari.
Severity Rating: 3
Ringkasan Masalah
Pada pemilihan angkutan umum hanya salah satu input yang berfungsi
Deskripsi Masalah
Ketika akan memilih angkutan umum, user dihadapkan pada dua input, yaitu nomor angkutan dan lokasi. Namun, sebenarnya user hanya perlu mengisi salah satu dari dua input tersebut.
 |
| Gambar 2. Pemilihan bus berdasarkan nomor |
 |
| Gambar 3. Contoh pemilihan bus berdasarkan lokasi |
Rekomendasi Perbaikan
Sebelum melakuan pencarian, sebaiknya user diberikan opsi pencarian. Opsi pencarian bisa berdasarkan nomor atau berdasarkan lokasi.
Severity Rating: 2
Consistency and Standards - Sebuah aplikasi seharusnya menerapkan prinsip Consistency and Standards. Hal ini diperlukan agar user tidak bingung dalam menggunakan aplikasi. Selain itu, dengan adanya Consistency and Standards, user tidak perlu khawatir akan adanya perbedaan aksi untuk setiap tampilan yang sama. Beberapa masalah Consistency and Standards ditemukan pada aplikasi Komutta.
Ringkasan Masalah
Terdapat beberapa halaman yang menampilkan bahasa yang tidak konsisten.
Deskripsi Masalah
Pada pengaturan aplikasi, user diizinkan untuk mengganti bahasa yang digunakan pada aplikasi. Bahasa yang disediakan pada aplikasi ini ada dua, yaitu Indonesia dan Inggris. Namun, ketika Bahasa Indonesia dipilih menjadi bahasa yang digunakan, belum sepenuhnya terganti ke dalam Bahasa Indonesia.
 |
| Gambar 1. Inkonsistensi bahasa pada hasil pemilihan jadwal kereta |
 |
| Gambar 2. Inkonsistensi bahasa pada pemilihan jadwal untuk pemilihan jam keberangkatan |
Rekomendasi Perbaikan
Sebaiknya Bahasa Inggris yang ada pada halaman tersebut diubah ke dalam Bahasa Indonesia.
Severity Rating: 2
Ringkasan Masalah
Adanya listview yang tidak konsisten pada beberapa halaman.
Deskripsi Masalah
Pada beberapa listview ditambahkan tanda '>>' dan sebagian lagi tidak. Hal ini dapat menimbulkan persepsi yang berbeda bagi user. Padahal aksi yang dapat dilakukan sama saja.
 |
| Gambar 3. Listview yang menggunakan tanda '>>' |
 |
| Gambar 4. Listview yang tidak menggunakan tanda '>>' |
Rekomendasi Perbaikan
Perbaikan bisa disesuaikan dengan style guide yang dimiliki aplikasi Komutta. Apabila listview yang dikehendaki tidak menggunakan tanda '>>', maka untuk keseluruhan listview tidak ditambahkan tanda '>>'.
Severity Rating: 1
Match Between System and the Real World - Sebuah sistem seharusnya menerapkan fungsi dan objek-objek yang familiar dengan pengguna. Oleh karena itu, sebuah sistem haruslah mengikuti konvensi dunia nyata. Pada aplikasi Komutta, ditemukan beberapa objek dan fungsi yang masih belum mengikuti fungsi yang sesuai dengan konvensi dunia nyata atau berbeda dari pengalaman user.
Ringkasan Masalah
Aplikasi Komutta menggunakan icon yang kurang relevan.
Deskripsi Masalah
Pada aplikasi ini, user dapat menyimpan hasil pencarian sebagai favorite. Komutta menggunakan icon yang kurang relevan untuk merepresentasikan fungsi favorite, yaitu icon hati.
 |
| Gambar 1. Icon hati yang merepresentasikan fungsi favorite |
Rekomendasi Perbaikan
Untuk merepresentasikan fungsi favorite, bisa menggunakan icon bintang yang umum digunakan dan familiar bagi user.
Severity Rating: 1
Ringkasan Masalah
Icon left arrow yang memberikan tautan ke halaman awal.
Deskripsi Masalah
Icon left arrow biasanya digunakan untuk fungsi back atau kembali ke parent activity-nya. Pada aplikasi Komutta, icon left arrow tersebut berfungsi untuk kembali ke halaman awal. User belum tentu terbiasa dengan hal tersebut. Ekspetasi user terhadap icon left arrow biasanya merujuk ke halaman sebelumnya.
 |
| Gambar 2. Icon left arrow pada pencarian jadwal kereta aplikasi Komutta |
Rekomendasi Perbaikan
Sebaiknya fungsi icon left arrow tersebut diganti menjadi fungsi back atau kembali ke halaman sebelumnya.
Severity Rating: 2
Error Prevention merupakan langkah pencegahan sebelum user melakukan aksi. Hal ini dibutuhkan untuk mencegah user melakukan kesalahan yang mungkin dapat berakibat fatal. Dalam aplikasi Komutta, ditemukan beberapa masalah Error Prevention, diantaranya:
Ringkasan Masalah
Tidak ada Error Prevention ketika user memasukkan input untuk pencarian bus.
Deskripsi Masalah
Ketika user memilih untuk melakukan pencarian bus, user diberikan pilihan untuk memasukkan input secara manual ataupun memilih dari list yang disediakan.
Ketika dimasukkan input yang tidak sesuai, maka aplikasi tidak menampilkan apapun seperti gambar di bawah ini.
Rekomendasi Perbaikan
Input yang tidak sesuai seharusnya tidak diizinkan. Maka dari itu, mungkin akan lebih baik apabila ditambahkan peringatan kepada user sebagai upaya Error Prevention.
Severity Rating: 2
Ringkasan Masalah
User dapat memasukkan rute dari tempat asal dan tujuan yang sama.
Deskripsi Masalah
Ketika user akan memilih rute TransJakarta, umumnya user memilih rute dari tempat asal dan tujuan yang berbeda. Namun ketika user memasukkan tempat asal dan tujuan yang sama, aplikasi tetap menampilkan hasil.
Walaupun hasilnya sesuai, pencarian rute seperti masalah tersebut tidak perlu ditampilkan.
Rekomendasi Perbaikan
Ketika user memasukkan rute yang tidak relevan seperti masalah diatas, sebaiknya sistem memberikan Error Prevention berupa konfirmasi sebelum melakukan pencarian rute.
Severity Rating: 1
Ada beberapa aplikasi jaringan yang dapat dilakukan di terminal sistem operasi berbasis Linux. Beberapa diantaranya yang sering digunakan adalah ping, hostname, traceroute, ifconfig, host, w3m, wget, dll. Kali ini saya akan memberikan sedikit informasi mengenai perintah w3m, wget, ssh, scp, dan rsync.
1. w3m
w3m merupakan perintah untuk mengakses web browser berbasis text di terminal. Karena diakses melalui terminal, jadi interfacenya masih belum sebaik web browser yang sering kita gunakan.
w3m [option] [URL]
contoh akses situs google menggunakan w3m:
2. wget
wget merupakan perintah untuk mengunduh file dari jaringan.
wget [option] [URL]
3. ssh
ssh merupakan perintah untuk menjalankan remote login program. Dengan ssh kita dapat melakukan kontrol pada komputer lain yang terhubung dalam suatu jaringan.
4. scp
Perintah scp (secure copy) bisa dilakukan setelah melakukan ssh. Scp digunakan untuk melakukan copy file antar host dalam suatu jaringan. Scp menggunakan ssh untuk transfer data.
5. rsync
Hampir sama dengan scp, rsync merupakan alat untuk melakukan copy file. Dengan menggunakan rsync, copy file dapat dilakukan antar host melalui remote shell maupun remote rsync daemon.
Halo sobat Aiti, pada postingan kali ini saya ingin memberikan sedikit tutorial mengenai Cara Setting Access Point. Untuk kalian yang pernah mempelajari jaringan pasti sudah tahu istilah access point. Tapi untuk yang masih baru mempelajari jaringan, saya akan memberi sedikit penjelasan tentang access point.
Apa itu access point?
Access point adalah piranti yang berfungsi untuk memperluas jaringan LAN. Wireless access point memungkinkan perangkat nirkabel terhubung dengan jaringan kabel melalui koneksi WiFi.
Pada tutorial ini hardware yang saya gunakan adalah TP-Link WiFi AP TL-WA901ND. Berikut langkah-langkahnya,
1. Hubungkan device ke PC
2. Buka
http://tplinkap.net
3. Login dengan akun:
username = admin
password = admin
4. Buka tab
Quick Setup, lalu klik
Next.
5. Pada halaman selanjutnya, pilih country/region Indonesia. Lalu apabila ingin mengganti login account, pilih Yes pada pilihan Change login account. Masukkan username dan password yang diinginkan. Jika sudah selesai, klik Next.
6. Pada bagian operation mode, pilih Access Point.
Jika sudah, klik Next.
7. Selanjutnya, konfigurasikan Wireless Setting.
Wireless Network Name (SSID): (Masukkan nama jaringan yang akan dibuat)
Channel: Auto
Wireless Security Mode: WPA-PSK/WPA2-PSK/Recon (Apabila ingin menggunakan password)
Wireless Password: (Masukkan password)
Jika sudah, klik Next.
8. Pada bagian Network Settings biarkan default, lalu klik Next.
9. Terakhir, klik Finish.
Selesai~ Access Point telah dibuat.
Semoga Bermanfaat :)
Flat design menjadi salah satu tren dalam desain grafis yang mulai terkenal pada tahun 2013. Berbagai macam desain mulai beralih dari realism design ke flat design. Logo-logo pun mulai ikut dirancang menjadi flat design, seperti Google Chrome, Safari, Twitter, dan lain-lain. Memang ada beberapa keunggulan dari flat design dibandingkan realism design, salah satunya adalah ukuran file yang relatif lebih ringan.
Salah satu perusahaan digital partner yang bernama
inTacto membuat sebuah website yang menceritakan kisah hadirnya tren flat design di era realism design. Web tersebut bisa diakses di
www.flatvsrealism.com.
 |
| Homepage www.flatvsrealism.com |
Homepage web tersebut sangat merepresentasikan nama yang diusung, yaitu flatvsrealism. Sangat kontras sekali di tengah-tengah page tersebut terdapat sebuah tombol yang bertuliskan "Scroll Down". Ya, salah satu user interface yang cukup unik dari website tersebut adalah user harus melakukan scrolling untuk dapat menjalankan animasinya, layaknya pemutaran film kartun. Selain itu, web ini juga dilengkapi dengan sound yang mendukung jalannya cerita.
Namun, terlihat ada beberapa interface yang butuh sedikit penyesuaian, diantaranya:
1. Tulisan Sound ON. Terlihat bahwa pada web tersebut menggunakan text biasa untuk menampilkan status dari sound, sehingga terkesan bahwa text tersebut hanya menampilkan status dan tidak bisa di-klik. Padahal kita bisa mengatur sound dengan meng-klik tulisan tersebut. Akan lebih baik apabila menggunakan button atau logo speaker yang biasa digunakan pada game.
2. Atribut-atribut berupa penghargaan yang dibuat fixed. Sangat terlihat jelas bahwa atribut-atribut tersebut cukup mengganggu pandangan user terhadap keseluruhan layar. Atribut-atribut tersebut seharusnya dibuat statis,agar user tidak terganggu.
Secara keseluruhan, website ini sudah cukup menggambarkan topik yang diusung pengembang. Ditambah lagi di tengah-tengah cerita terdapat permainan yang berupa battle antara karakter flat design dan realism. User bisa memilih karakter apa yang akan digunakan. Adanya keterangan masing-masing karakter membuat user lebih paham perbedaan satu sama lain.
 |
| flatvsrealism battle (memilih player) |
 |
| flatvsrealism battle on field |
Tapi dibalik itu semua, tidak ada kecenderungan developer terhadap salah satu design. Developer hanya memberikan gambaran perbedaan antara flat design dan realism beserta keunggulan-keunggulannya.
Sekian,
Semoga bermanfaat~
Hello sobat aiti, lama tak berjumpa. Terlalu sibuk dengan dunia nyata membuat saya lupa update blog, akhirnya baru blogging lagi hari ini. Untuk kalian yang suka main game, gak selamanya mau jadi player doang kan ? Sekali-sekali jadilah seorang game maker, kalau game kalian dimainkan oleh banyak orang pasti seneng dong. Yang terpenting dalam membuat game adalah NIAT, KREATIF, dan LOGIS.
Oke, kalau sudah ada niat, lumayan kreatif, dan suka berpikir logis, tapi gak menguasai programming, apa masih bisa jadi seorang game maker ? Tentu saja. Untuk membuat sebuah game, tidak harus memiliki keterampilan programming kok, yang jago ngoding aja belum tentu bisa bikin game. Ada software untuk
membuat game tanpa ngoding, namanya
Construct 2 (Kalau mau download, klik di
sini). Game yang dibuat di Construct 2 dapat dijalankan di browser yang mendukung HTML5. Atau jika Construct 2 kalian sudah berlisensi, dapat dibuat menjadi game Blackberry, Android, Windows Phone, Windows 8, Facebook, dan lain-lain.
 |
| Tampilan awal new project Construct2 |
Hal-hal penting dalam mebuat game di Construct 2 :
1. Punya ide membuat suatu game. Ide adalah hal terpenting kedua setelah niat. Jika sudah tahu game apa yang ingin dibuat, itu sudah mewakili 40% dari keseluruhan progress membuat game. Usahakan game yang dibuat memiliki alur cerita, sehingga tidak akan membuat player merasa bosan.
2. Bisa design. Karena untuk membuat game yang bagus, dibutuhkan item-item yang bagus pula. Kalau belum terlalu jago design, bisa ngambil dari google gambar "sprite" nya. (Sprite adalah sebutan untuk item-item atau objek-objek yang ada dalam game)
3. Memiliki logika bermain game. Walaupun dengan Construct2 bisa membuat game tanpa ngoding, tetap saja membutuhkan logika bermain game. Misalnya jika peluru mengenai musuh, maka darah musuh akan berkurang, dan jika darah musuh sudah habis, musuh akan mati.
Mungkin hanya ini yang bisa saya informasikan, jadilah seorang game maker yang berkarakter dan berbudi luhur. -Sekian-
Halo sobat Aiti.. Kali ini
Ilmu Aiti akan sharing
Cara Memasang Widget Alexa Rank di Blog, khususnya Blogspot. Kalau sobat Aiti belum tau Widget Alexa Rank itu yang kayak gimana, bisa diliat dibawah ini contoh widget Alexa Rank. Pasti sobat Aiti sering lihat yang kayak gini kan ?
Widget ini akan menampilkan traffic rank blog sobat. Kalau blog sobat ramai dikunjungi, pasti traffic rank nya akan lebih tinggi. Oke, langsung aja saya kasih langkah-langkah memasang widget Alexa Rank pada blog sobat, seperti berikut ini :
2. Pada halaman awal, terdapat kotak pencarian. Masukkan Url blog anda, lalu tekan enter atau klik tombol hijau.
3. Setelah pencarian selesai, hasilnya akan muncul. Setelah itu klik "Get Details".
4. Pada halaman selanjutnya akan muncul seperti gambar di bawah ini. Lalu klik "Get widgets".
5. Setelah itu anda akan memilih jenis widget yang akan dipasang. Jika sudah, klik "Build Widget".
6. Setelah itu akan muncul contoh gambar widget beserta scriptnya. Lalu anda Copy script widget tersebut.
7. Masuk ke blog anda, pilih Layout >> Add gadget, pilih "HTML / Javascript".
8. Paste script widget Alexa tadi, Lalu klik "Save". ( penamaan Judul terserah pada anda )
Sekian.. Silahkan mencoba :)
Hai sobat Aiti, waktu itu saya pernah mencoba untuk ngeprint nama di label dengan membuat format label sendiri. Label yang saya gunakan waktu itu adalah Tom & Jerry No. 103. Karena format label yang saya buat di microsoft word tidak pas, hasil print nya jadi acak-acakan. Akhirnya, saya coba browsing nyari format label Tom & Jerry No.103 dan ternyata, ada. Tapi formatnya dibuat di Microsoft Word 2003, sedangkan saya menggunakan Microsoft Word 2010. Dan untungnya saya masih bisa menyamakan walaupun sedikit lebih rumit, karena Word 2003 dan 2010 sangat jauh berbeda. Maka dari itu, saya disini akan sharing cara Membuat Format Label Tom & Jerry khususnya nomor 103. Jika anda menggunakan label dengan nomor yang berbeda, anda masih bisa menggunakan cara di bawah ini, hanya saja tinggal disesuaikan ukurannya.
1. Buka tab Mailings -> pilih Labels.
2. Setelah muncul kotak dialog Envelopes and Labels, klik Options
3. Pada kotak dialog Label Options, klik New Label.
4. Lalu masukkan data sesuai gambar di bawah ini. ( Jika anda menggunakan label dengan nomor yang berbeda, maka anda harus menyesuaikannya dengan mengukur panjang, lebar dan margin label yang anda gunakan )
5. Klik OK. Lalu klik OK lagi. Dan pada kotak dialog Envelopes and Labels, klik New Document.
6. Sejauh ini format telah dibuat, tapi pekerjaan belum selesai. Langkah terakhir adalah menyesuaikan margin kertas label. Karena kertas label yang digunakan ( yang berwarna kuning ) tidak berukuran A4. Maka dari itu, buka Page Setup yang terletak pad tab Page Layout. Setelah muncul kotak dialog Page Setup, buka tab Paper dan sesuaikan dengan data yang ada pada gambar di bawah.
7. Format Label selesai dibuat. Kalau anda ingin menyimpan format ini tinggal anda save dengan type word template.
Mungkin temen-temen disini masih ada yang belum tahu apa itu URL Shortener ? URL Shortener adalah sebuah layanan yang berguna untuk memendekkan Link yang panjang. Jadi anda tidak perlu mencantumkan Link yang panjang, cukup menggantinya dengan link yang lebih pendek dan sederhana. URL Shortener sangat berguna bagi anda para pengguna Twitter. Misalkan saja anda ingin mencantumkan sebuah link panjang beserta kalimat nya, mungkin tidak akan cukup. Karena Twitter hanya membolehkan 140 karakter saja dalam satu kali "tweet".
Oleh karena itu, disini saya akan mengenalkan sebuah URL Shortener yang juga bisa menghasilkan uang, yaitu Adf.ly. Di Adf.ly kita bisa mendapatkan 2 keuntungan, yang pertama kita bisa memendekkan link yang panjang dan keuntungan yang kedua tentu kita akan mendapatkan dollar. Untuk daftar bisa klik disini.
Cara memendekkan link di adf.ly juga sangat mudah.
1. Pertama, copy link yang akan dipendekkan. Contoh :
http://ilmuaiti.blogspot.com/2012/04/membuat-gif-sederhana-dengan-photoshop.html
2. Buka Adf.ly, lalu paste Url yang sudah di copy.
3. Klik Shrink!. Setelah di klik, akan keluar Url pendek yang mengarah ke link yang anda copy.
Waktu pertama kali belajar Visual Basic, Kalkulator Sederhana merupakan program pertama yang saya buat dengan Visual Basic. Cara membuatnya tidak terlalu sulit. Hanya dengan modal Visual Basic saja anda sudah bisa membuatnya.
1. Buka Visual Basic, pilih Standard EXE.
2. Buat 3 TextBox ( 1 untuk hasil ), 5 CommandButton, dan untuk Label disesuaikan dengan kebutuhan anda saja tidak perlu sama dengan yang saya buat. Kurang lebih jadi seperti ini
3. Ubah properties tiap objek. Untuk lebih lengkapnya anda bisa lihat gambar di bawah.
hasilnya akan jadi seperti ini
5. Untuk mencoba program yang sudah anda buat, klik tombol Start. Jika anda ingin menyimpannya, klik menu File >> Save Project. Atau jika anda ingin membuat program anda tersebut bisa langsung dipakai dalam bentuk format EXE, klik menu File >> Make Project1.exe.
_Selamat Mencoba_
.png)
.png)
