Wednesday, June 11, 2014

Recognition Rather Than Recall - bajulagi.com

Recognition Rather Than Recall, maksudnya instruksi penggunaan sistem harus terlihat mudah digunakan. User seharusnya tidak perlu mengingat informasi dari satu halaman.

Ringkasan masalah :
Link atau tautan pada menu Pakaian Fashion berbeda jika diakses dari halaman detail produk dengan halaman lainnya.

Deskripsi masalah :
Menu Pakaian Fashion yang seharusnya berisi list pakaian, tidak bisa diakses dari halaman detail produk.
Jika user sedang berada di halaman detail produk dan mengklik menu Pakaian Fashion, maka yang muncul seperti gambar di bawah ini.


Setelah diperhatikan ternyata memang link/tautan menu tersebut berbeda saat di halaman detail produk dengan di halaman lainnya.

Help and Documentation - bajulagi.com

Help and Documentation, maksudnya sistem yang baik adalah sistem yang membantu pengguna mendapatkan informasi yang dibutuhkan.

Ringkasan masalah :
Keyword untuk pencarian hanya bisa mendeteksi kode barang / produk.

Deskripsi masalah :
Textfield untuk pencarian pada website bajulagi.com hanya bisa mendeteksi kode barang. Jika yang diketikkan adalah jenis bahan, ukuran atau yang lainnya maka sistem akan memberitahu bahwa data yang dicari tidak ditemukan.


Seperti pada gambar di atas, jika dimasukkan kata "brukat" pada kotak pencarian di pojok kanan atas tidak akan ditemukan produk yang relevan. Padahal ekspektasi user ketika mengetikkan keyword di kotak pencarian yaitu akan muncul produk-produk yang berhubungan atau mengandung keyword tersebut.

Aesthetic and Minimalist Design - bajulagi.com

Aesthetic and Minimalist Design, maksudnya sistem yang baik adalah sistem yang mengandung informasi yang relevan dengan yang tertulis.

Ringkasan masalah :
Label tombol pada form register / daftar kurang sesuai.

Deskripsi masalah :
Seperti yang sudah dikemukakan pada artikel sebelumnya bahwa tombol pada form pengisian data, termasuk pada form pendaftaran, diberi label "Lanjutkan".


Menurut saya, kata "Lanjutkan" itu kurang sesuai digunakan pada form pendaftaran di website ini karena proses yang terjadi setelah tombol tersebut diklik hanya menampilkan pemberitahuan bahwa akun berhasil dibuat.

Flexibility and Minimalist Design - bajulagi.com

Flexibility and Minimalist Design, maksudnya sistem yang baik harus fleksibel, mudah dimengerti oleh user dari berbagai kalangan usia, bahasa, atau user dengan kemampuan fisik berbeda.

Ringkasan masalah :
Di setiap halaman website atau form terdapat tombol dengan label "Lanjutkan".

Deskripsi masalah :
Pada website bajulagi.com terdapat tombol dengan label "Lanjutkan" di setiap halaman website baik itu halaman yang hanya menyediakan informasi misalnya tentang kami, cara belanja dan lain-lain ataupun di halaman yang merupakan form pengisian data seperti form pendaftaran, form konfirmasi pembayaran, dan lain sebagainya.


Error Prevention - bajulagi.com

Error Prevention (Pencegahan kesalahan), maksudnya sebaiknya sistem melakukan filter untuk pencegahan kesalahan yang mungkin dilakukan user.

Ringkasan masalah :
Textfield yang seharusnya hanya bisa dimasukkan inputan angka, bisa dimasukkan inputan teks (huruf).

Deskripsi masalah :
Pada form konfirmasi pembayaran di website bajulagi.com, ada beberapa textfield yang seharusnya hanya bisa bisa diberi inputan angka tetapi malah bisa diberi inputan teks atau huruf. Seperti pada textfield pengisian nomor telepon dan jumlah pembayaran seperti pada gambar di bawah ini.


Tidak ada error prevention atau pencegahan kesalahan sebelum user menekan tombol OK. Hanya pesan kesalahan yang muncul setelah sistem mengecek tipe inputan yang dimasukkan.

Tuesday, June 10, 2014

Help Users Recognize, Diagnose, and Recover From Errors - bajulagi.com

Help Users Recognize, Diagnose, and Recover From Errors, maksudnya pesan kesalahan yang muncul harus ditulis dengan bahasa yang simple dan jelas, tidak membuat bingung user.

Ringkasan masalah :
Tidak ada pemberitahuan letak kesalahan yang spesifik ketika user gagal melakukan login.

Deskripsi masalah :
Saat user salah memasukkan alamat email atau password, sistem hanya memberitahu bahwa alamat email atau password salah. Tidak ada pemberitahuan yang spesifik apakah email-nya atau password-nya yang salah, ataupun sistem tidak langsung menempatkan kursor atau menyorot bagian yang salah.


Pada gambar di atas, user salah memasukkan alamat email dan yang terjadi setelah mengklik tombol login seperti pada gambar di bawah ini. User tidak mengetahui letak masukan yang salah.

Consistency and Standards - bajulagi.com

Consistency and Standards, maksudnya sistem harus konsisten tentang penulisan atau kata-kata yang digunakan di setiap halaman website dan juga harus sesuai standar yang ada.

Ringkasan masalah :
User bisa memasukkan angka desimal pada textfield jumlah pembelian.

Deskripsi masalah :
Ketika user memasukkan angka desimal ke textfield jumlah pembelian, proses berhasil. Padahal seharusnya user hanya bisa memasukkan bilangan integer (bilangan bulat) di textfield pembelian.



Terlihat pada gambar di atas, proses berhasil dan jumlah pembelian langsung dibulatkan ke bawah.

User Control and Freedom - bajulagi.com

User Control and Freedom, maksudnya user harus diberi kebebasan membuat keputusan sendiri (dengan informasi yang jelas) untuk melakukan suatu tindakan pada sistem.

Ringkasan masalah :
User tidak bisa dengan bebas memasukkan password baru ketika mengklik tautan Lupa Password pada form login.

Deskripsi masalah :
Saat user lupa password ketika akan login, user tidak dapat dengan bebas memasukkan sendiri password baru yang diinginkannya melainkan sistem langsung mengirimnya ke alamat email user. 


Tampak pada gambar di atas, user diminta untuk memasukkan alamat email, kemudian setelah mengklik tombol "Lanjutkan", sistem akan langsung mengirimkan email yang berisi password baru dan menampilkan pesan bahwa password baru telah dikirim.


User harus masuk ke akun miliknya untuk mengubah password sesuai keinginan.

Match Between System and the Real World - bajulagi.com

Match Between System and the Real World maksudnya sistem harus menggunakan bahasa dan kata-kata yang akrab bagi user.

Ringkasan masalah :
Ketidaksesuaian antara label keterangan pengisian data di form pendaftaran dengan konten yang harus diisi atau dipilih.

Deskripsi masalah :
Pada saat user akan melakukan pendaftaran pada form pendaftaran di website bajulagi.com, user dibuat bingung oleh adanya dua pilihan pengisian kota, seperti pada gambar di bawah ini.


Masalah lain yang terdapat di form pendaftaran adalah pada dropdown Kab/Kota bukan berisi list nama kota melainkan nama provinsi, begitu juga pada dropdown Provinsi bukan berisi list nama provinsi melainkan nama negara.

Visibility of System Status - bajulagi.com

Visibility of System Status, sistem yang baik adalah sistem yang selalu memberitahu user dimana posisi user saat ini dan kemana user bisa pergi selanjutnya.

Ringkasan masalah :
Tidak terdapat tanda atau pembeda pada menu yang sedang dipilih.

Deskripsi masalah :
Pada website bajulagi.com tidak terdapat tanda atau pembeda pada menu yang sedang terpilih sehingga user tidak tahu dimana saat ini sedang berada.


Terlihat pada gambar diatas, warna setiap menu sama dan tidak mengindikasikan posisi user berada.


Rekomendasi perbaikan :
Sebaiknya warna pada menu terpilih dibedakan sehingga user bisa dengan mudah mengetahui keberadaannya saat ini.

Wednesday, May 28, 2014

Infographic

Infographic adalah cara penyajian data yang dikemas semenarik mungkin untuk memudahkan pembaca memahami informasi yang ingin disampaikan terkait presentase data. Infographic merupakan informasi yang divisualisasikan dengan grafik atau gambar.

Di bawah ini merupakan contoh infographic yang saya buat tentang perbandingan dari segi Oil Consumption, Square Land Area dan Total Aircraft dari negara Jepang, Jerman dan Amerika Serikat. Untuk sumber datanya saya ambil dari http://globalfirepower.com/.


Dari infographic di atas, dapat ditarik kesimpulan bahwa :

Wednesday, March 5, 2014

Benchmarking 5 Jenis VGA Laptop menggunakan SiSoft Sandra

         Benchmarking adalah suatu proses untuk melakukan pengukuran kinerja dari suatu perangkat lunak dan perangkat keras untuk meningkatkan kualitas pada produk terbaru nantinya. Penelitian kali ini akan menggunakan 4 buah laptop dengan merk dan spesifikasi berbeda untuk membandingkan VGA masing-masing laptop (Asus U46SV, Dell N4110, Lenovo V470, Asus A450CC, dan HP Pavilion dv3). 
        VGA (Video Graphics Adapter) seperti yang kita ketahui adalah mengubah sinyal digital pada komputer menjadi tampilan grafik di layar monitor. Kartu VGA (Video Graphics Adapter) berguna untuk menerjemahkan output (keluaran) komputer ke monitor. Untuk menggambar / design graphic ataupun untuk bermain game. VGA Card sering juga disebut Card Display, kartu VGA atau kartu grafis.
        Benchmarking pada SiSoft Sandra kali ini lebih menonjolkan perbandingan GPU masing-masing laptop. GPU (Graphics Processing Unit) merupakan prossesor yang bertugas secara khusus untuk mengolah tampilan grafik. Dalam perkembangannya, GPU hingga saat ini sudah semakin kompleks dan semakin tinggi speknya sehingga mendukung untuk menampilkan grafik terbaik pada game saat ini.     

Tuesday, February 18, 2014

Website Dengan Antarmuka Yang Menarik

Pada postingan kali ini, saya akan membahas sebuah website yang saya anggap mempunyai antarmuka yang menarik, yaitu www.dribbble.com. Dribbble merupakan sebuah website untuk para komunitas desainer (desainer website, desainer grafis, desainer logo, ilustrator dan lain-lain), khususnya untuk desain antarmuka.



Menurut saya tampilan website ini cukup simple dan user-friendly. Di bagian atas hanya terdapat 8 menu yang terdiri dari Shots, Explore, Designers, Teams, Jobs, About, Sign Up dan Sign In. Di sebelahnya terdapat bar pencarian berwarna putih. Bagian tengah website merupakan kolom untuk menampilkan desain-desain yang telah dikelompokkan berdasarkan ‘Shots’. Sedangkan di bagian bawah terdapat kolom informasi pekerjaan, iklan, komunitas dan lain-lain.

Saturday, October 30, 2010

Pseudocoloring

Pseudocoloring adalah cara-cara untuk memberikan warna pada citra monokrom berdasarkan nilai keabuan. Pseudocoloring mengkolonisasi gambar berdasarkan nilai grayscale yang mana peta untuk berbagai warna RGB. Pseudocoloring dapat membantu untuk mengungkapkan kualitas gambar yang tidak akan mudah terlihat dalam dalam warna yang sebenarnya. Warna palsu pixel yang dibuat oleh perusahaan ditentukan dengan menjumlahkan nilai-nilai RGB dan pemetaan mereka ke dalam 768 baris lookup table. 

Geometric Correction

Geometric correction digunakan untuk membuat gambar terlihat benar secara visual bila diproyeksikan  ke layar non-planar. Proses ini juga disebut sebagai image warping atau distortion correction. Gambar akan melengkung sehingga bila diproyeksikan ke layar akan benar secara visual.

Bentuk image warping atau geometri correction dapat ditemukan di banyak model proyektor, dengan fungsi yang dikenal sebagai keystone correction yang paling umum. Keystone correction (trapezium di alam) digunakan ketika proyektor telah dipasang di sudut (umumnya menunjuk turun dari langit-langit ke layar), dan koreksi sudut yang berlawanan perlu diterapkan dalam rangka untuk gambar yang akan benar.

Area dimana Geometric correction diperlukan, yaitu :
• Advanced off-axis correction dimana penempatan proyektor membutuhkan pemetaan maju atas fungsi           batu kunci dalam proyektor.
• Untuk layar non-planar seperti layar lengkung dan kubah hemispherical.
• Untuk memproyeksikan satu gambar dari satu proyektor ke lebih dari satu permukaan.
• Untuk aplikasi yang tidak biasa ke layar proyeksi yang dirancang khusus.

Monday, March 15, 2010

VSAT (Very Small Aperture Terminal)

VSAT (Very Small Aperture Terminal) adalah stasiun penerima sinyal dari satelit dengan antena penerima berbentuk piringan dengan diameter kurang dari tiga meter. VSAT berfungsi untuk menerima dan mengirim data ke satelit, sedangkan satelit sendiri berfungsi sebagai penerus sinyal untuk dikirim ke titik lainnya di atas bumi. Antena VSAT kurang lebih berukuran 2 sampai 10 kaki (0,5 – 12 m) dipasang di atap, dinding, atau di atas tanah. Pemilihan besar atau kecilnya antena tergantung dari jenis frekuensi yang digunakan.

Layanan VSAT sangat cocok digunakan bagi perusahaan yang memiliki banyak  cabang yang perlu terhubung setiap saat dengan kantor pusat.

VSAT terdiri dari beberapa komponen, yaitu :
Ø  Unit Luar (Outdoor Unit)

VPN (Virtual Private Network)

VPN atau Virtual Private Network merupakan teknologi yang memungkinkan suatu server dapat dihubungi dari internet tanpa kerjasama khusus dengan Internet Service Provider. Dengan teknologi ini server bisa diletakkan dimana saja.

Perusahaan atau organisasi yang ingin membuat wide area network (WAN) dapat menggunakan VPN sebagai alternative dalam implementasinya.

Keuntungan menggunakan VPN :
1.    Jangkauan jaringan lokal yang dimiliki suatu perusahaan akan menjadi luas dan waktu yang dibutuhkan untuk menghubungkan jaringan lokal ke tempat lain juga semakin cepat.
2.   Dapat mereduksi biaya operasional bila dibandingkan dengan penggunaan leased line (kabel) sebagai cara tradisional untuk mengimplementasikan WAN, karena VPN menggunakan internet sebagai media komunikasinya. 
3.      Penggunaan VPN untuk implementasi WAN akan menyederhanakan topologi jaringannya.
4.   VPN memberi kemudahan untuk akses dari mana saja, karena VPN terhubung ke internet, sehingga dapat mengaksesnya dimana saja.
5.   Investasi pada VPN akan memberi peluang kembalinya investasi tersebut yang lebih cepat daripada investasi pada leased line.

Packet Switching

Packet switching diperkenalkan tahun 1971 melalui proyek ARPA-net (Advanced Research Project Agency Network). Packet switching merupakan suatu metode untuk mengirimkan informasi yang memisahkan pesan yang panjang ke dalam unit-unit kecil (paket) yang berukuran tetap. Tiap paket berisi data dari user dan info control. Info control minimal berisi info bagaimana paket bisa melalui jaringan dan mencapai alamat tujuan. Metode ini memungkinkan banyak pemakai memakai penghubung transmisi berkecepatan tinggi secara bersama-sama.

Dua hal yang menyebabkan packet switching diperkenalkan :
  •         Untuk beberapa koneksi data sebagian besar waktunya berada pada keadaan idle sehingga      pendekatan circuit switching menjadi tidak efisien.
  •        Dalam jaringan circuit switching, koneksi yang terjadi memungkinkan dilakukannya transmisi pada    rate data konstan. Masing-masing perangkat yang berhubungan harus bekerja pada rate data yang  sama sehingga dapat membatasi kegunaan jaringan yang memiliki interkoneksi berbagai macam  komputer.

Circuit Switching

Circuit switching merupakan sebuah metode pembukaan jalur komunikasi dengan melaksanakan pemindahan data dari satu simpul ke simpul yang lain sampai ke tujuan. Metode ini digunakan untuk panggilan telepon biasa. Circuit switching menerapkan sebuah path komunikasi yang dedicated (permanen) antara dua buah stasiun.

Komunikasi melalui jaringan simpul meliputi tiga tahap, yaitu  :
1.    Pembangunan Circuit, menetapkan jaringan atau circuit yang akan dilewati, dari satu stasiun ke stasiun lainnya.
2.      Transfer Data, data ditransfer melalui circuit yang sudah ditetapkan.
3.      Diskoneksi Circuit

Routing dalam Circuit Switching
Efisiensi jaringan diperoleh dengan cara meminimalisasi switching dan kapasitas transmisi. Komponen dalam arsitektur jaringan telekomunikasi umum yaitu :

Frame Relay

Frame relay adalah protokol packet switching yang menghubungkan perangkat-perangkat telekomunikasi pada satu WAN. Protokol frame relay menggunakan struktur frame yang menyerupai LAPD.

Keuntungan dari Frame Relay :
·        Sirkuit virtual hanya menggunakan lebar pita saat ada data yang lewat di dalamnya.
·  Kehandalan saluran komunikasi dan peningkatan kemampuan penanganan error pada perangkat-perangkat telekomunikasi memungkinkan protokol frame relay untuk mengacuhkan frame yang bermasalah sehingga mengurangi data yang sebelumnya diperlukan untuk memproses penanganan error.

Format Frame Relay terdiri dari bagian-bagian berikut :
Ø  Flags
  Flags terletak di bagian awal dan akhir suatu frame.
Ø  Address
  Address terdiri dari beberapa informasi, diantaranya :