Aesthetic and Minimalist Design -www.satubaju.com

Aesthetic and minimalist design adalah mengenai sebuah desain minimalis yang menarik pengguna untuk fokus pada subjek utama di tangan tanpa terganggu oleh gambar atau teks yang tidak relevan. Jaga informasi yang ditampilkan pada aplikasi.

Ringkasan Masalah

Ketika pengunjung masuk ke home awal dari web, maka pengunjung akan terganggu dengan desain gambar promo yang berjalan. Padahal itu merupakan web jualan kaos, karna gambar yang terlalu besar, contoh desain kaos pada halaman home hanya terlihat setengah. Padahal gambar promo itu hanyalah gambar berjalan yang tidak bisa diklik, hanya beberapa saja yang bisa diklik, itu juga bukan pada gambar melainkan pada link kecil dibawah. Berikut gambarannya:

Rekomendasi perbaikan
Sebaiknya gambar promo lebih di kecilkan ukurannya atau mungkin kalau tidak digunakan sebaiknya dihilangkan saja, karena mengganggu dari tujuan utama yang akan disampaikan.

Severity rating

Untuk permasalahan ini, severity ratingnya adalah 3 (Permasalahan Mayor, prioritas tinggi/high priority).

____________________________________________________

Ringkasan Masalah

Pada web ini terjadi pengulangan menu, perulangan terjadi diantara menu di atas dengan samping kiri. Berikut gambarannya:

Rekomendasi perbaikan
Sebaiknya tuliskan salah satu menu saja, karena bisa membuat bingung pengunjung. Letakkan pula dalam satu sisi. 

Severity rating

Untuk permasalahan ini, severity ratingnya adalah 3 (Permasalahan Mayor, prioritas tinggi/high priority).

____________________________________________________

Ringkasan Masalah

Jumlah kaos dalam satu halaman pagging terlalu banyak dan terlalu besar. Hal ini membuat pengguna harus menscrol terlalu banyak. Berikut gambarannya:

Rekomendasi perbaikan
Buat ukuran gambar dalam satu baris yang awalnya tiga jadikan menjadi antara 4-6 gambar perbaris. Selain itu buat pembatasan jumlah dalam satu halaman pagging sebanyak 3 kali scrol. Jadi seumpama dalam satu bari ada 5 gambar, berarti dalam satu halaman pagging ada 20 gambar.

Severity rating

Untuk permasalahan ini, severity ratingnya adalah 2 (Permasalahan Minor, prioritas rendah/low priority).

____________________________________________________

Help and documentation - www.satubaju.com

Help and documentation adalah bagian penting dalam web, itu berhubungan dengan documentasi dalam sistem. Memang sebaiknya suatu sistem tanpa documentasi, tapi lebih baik jika diberikan documenatasi yang jelas, detail langkah-langkah dan jangan terlalu besar untuk memudahkan pengguna awal untuk mempelajari.

Help users recognize, diagnose and recover from errors adalah mengenai pesan kesalahan harus dinyatakan dalam bahasa yang sederhana dan konstruktif memberikan menyarankan solusi.

Ringkasan Masalah

Masalahnya terdapat pada menu "cara kerja" pada no 2, di sana dijelaskan cara menambahkan dengan mengulagi langkah 1 dan 2, bukan dengan cara memilih button "lanjut belanja". Selain itu penggunaan tulisan dan gambar pada menu "cara kerja" terlalu besar. Berikut gambarannya:

Rekomendasi Perbaikan

Seharusnya lebih baik menjelaskan cara menambah barang dengan button "lanjut berbelanja" agar button tersebut bisa membantu pengguna awal, selain itu bisa menjelaskan maksut dari adanya button tersebut. Solusi untuk ukuran tulisan dan gambar sebaiknya lebih diperkecil, agar tidak terlalu banyak menscrol kebawahnya.

Severity Rating

Untuk permasalahan ini, severity ratingnya adalah 2 (Permasalahan Minor, prioritas rendah/low priority).

____________________________________________________ 

Help Users Recognize, Diagnose, and Recover from Errors - www.satubaju.com

Help users recognize, diagnose and recover from errors adalah mengenai pesan kesalahan harus dinyatakan dalam bahasa yang sederhana dan konstruktif memberikan menyarankan solusi.

Ringkasan Masalah

Ketika pengguna masuk ke tas belanja dalam halaman tersebut terdapat pilihan untu mengisi kode voucher. Apabila pengguna memasukkan kode voucher salah, akan muncul peringatan salah tetapi hanya beberapa detik dan tetap berada di halaman yang sama. Hal itu membuat pengguna yang tidak teliti akan kebingungan dengan yang terjadi dalam web tersebut, karena penempatan peringatan juga kecil. Berikut tampilan peringatan:

Rekomendasi Perbaikan

Sebaiknya peringatan "kode salah" jangan hanya sebentar, berikan dalam bentuk message box/alert sehingga pengguna bisa tahu apa yang terjadi.

Severity Rating

Untuk permasalahan ini, severity ratingnya adalah 3 (Permasalahan Mayor, prioritas tinggi/high priority).

____________________________________________________ 

Flexibility and Efficiency of Use - www.satubaju.com

Flexibility and efficiency of use maksutnya adalah letakkan sesuatu pada tempatnya, jangan buat tidak terlihat oleh pengunjung web. Hal ini bisa mempercepat interaksi.

Ringkasan Masalah
Pada halaman konfimasi setelah halaman form data terdapat button yang susah terlihat oleh pengunjung, yaitu button "kembali ke tahan sebelumnya". Dimana button itu terletak sedikit kebawah dibanding button "konfimasi", sehingga membuat pengunjung awal menganggap button itu tidak ada. Berikut gambarannya:

Rekomendasi Perbaikan
Sebaiknya letakkan button "kembali ke tahap sebelumnya" di letakkan sejajar dengan button "konfimasi" agar lebih mudah terlihat dan memudahkan pengunjung dalam berinteraksi.

Severity Rating
Untuk permasalahan ini, severity ratingnya adalah 3 (Permasalahan Mayor, prioritas tinggi/high priority).

Recognition Rather Than Recall - www.satubaju.com

Recognition rather than recall adalah minimalkan beban memori pengguna dengan membuat objek, tindakan, dan pilihan terlihat. Pengguna tidak perlu mengingat informasi dari satu bagian dari dialog yang lain. Instruksi untuk penggunaan sistem harus terlihat mudah.

Ringkasan Masalah

Ketika pengguna sudah memilih barang yang akan di beli, pengunjung dapat melihat barang belanjaannya di dalam menu tas belanja, sayangnya pada tas belanja tersebut tidak terdapat button untuk mengedit pesanan yang telah dipilih dan  melihat detail kaos. Berikut tampilan tas belanja tanpa button edit:

Rekomendasi Perbaikan

Sebaiknya berikan menu hyperlink untuk mengedit pesanan barang atau hanya ingin melihat detail barang yang di pesan pada tas belanja. Letakkan menu hyperlink edit di sebelah hyperlink hapus. Hal tersebut akan sangat membantu pengunjung untuk mengedit dan melihat detail pesanan yang dipesan.

Severity Rating

Untuk permasalahan ini, severity ratingnya adalah 2 (Permasalahan Minor, prioritas rendah/low priority).

Error prevention - www.satubaju.com

Error prevention adalah kesalahan yang tidak dilakukan oleh pengunjung. Bisa karena dari sistem atau dari pembuat web.

Ringkasan Masalah

Kesalahan terdapat pada menu "hubungi kami", yaitu ketika form yang ada pada "hubungi kami" dibiarkan kosong kemudian pilih "kirim", maka akan muncul pesan yang menginformasikan kesalahan teknis. Berikut gambarannya :

Rekomendasi Perbaikan

Seharusnya berikan peringatan saja ketika memilih "kirim", berikan umpan balik seperti "data yang anda masukan belum lengkap".

Severity rating

Untuk permasalahan ini, severity ratingnya adalah 2 (Permasalahan Minor, prioritas rendah /low priority)

Visibility of system status - http://www.satubaju.com/

Visibilty of system status merupakan hal yang paling mudah tetapi paling sering pula diabaikan oleh pembuat web. Hal ini yang membuat pengunjung web akan kabur karena tidak nyaman dengan desain awal yang langsung ditemui.

Ringkasan Masalah

Ketika pengunjung bingung dan ada yang ingin ditanyakan, pastinya akan masuk ke menu "hubungi kami". Namun pada menu ini ada sedikit kekurangan, yaitu ketika nama dan pesan di biarkan kosong tetap bisa mengirim pesan. Berikut gambarannya:

Rekomendasi perbaikan
Sebaiknya berikan peringatan peringatan, ketika pengunjung tidak mengisi nama dan pesan. Dan buat pesan tidak bisa dikirim ketika ada yang kosong. Hal ini bisa mengurangi spam-spam masuk ke database.

Severity rating

Untuk permasalahan ini, severity ratingnya adalah 3 (Permasalahan Mayor, prioritas tinggi/high priority).

____________________________________________________

Ringkasan Masalah

Kesalahan yang selanjutnya masih pada saat melakukan pemesanan, pengunjung harus mengisi data. Dalam mengisian data diharusnya mengisi email. Apabila email diisi dengan cara asal-asalan, maka akan keluar peringatan bahwa yang dimasukan salah, tetapi tidak diberitahukan format yang benarnya. Berikut gambarannya :

Rekomendasi Perbaikan

Seharusnya berikan contoh format penulisan email yang benar, seperti diberi kalimat berikut "contoh: ardian@gmail.com. 

Severity rating

Untuk permasalahan ini, severity ratingnya adalah 3 (Permasalahan Mayor, prioritas tinggi/high priority).

Match Between System and The Real World - www.satubaju.com

Match between system and the real world merupakan unsur heuristics no 2 yang penting dalam mendesain sebuah web. Match between system and the real world ini penting dalam mendesain sebuah web, karena menjadi salah satu hal yang bisa membuat pengunjung betah di dalam web. Selain itu match between system and the real world berhubungan dengan penggunaan istilah dan kata-kata yang baik dan tepat.

Ringkasan Masalah

Ketika pengguna masuk ke tas belanja dalam halaman tersebut terdapat pilihan untu mengisi kode voucher. Apabila pengguna memasukkan kode voucher salah, akan muncul peringatan salah tetapi hanya beberapa detik dan tetap berada di halaman yang sama. Hal itu membuat pengguna yang tidak teliti akan kebingungan dengan yang terjadi dalam web tersebut, karena penempatan peringatan juga kecil. Berikut tampilan peringatan:

Rekomendasi Perbaikan

Sebaiknya peringatan "kode salah" jangan hanya sebentar, berikan button ok untuk kembali memasukan kode voucher sehingga pengguna bisa tahu apa yang terjadi.

Severity Rating

Untuk permasalahan ini, severity ratingnya adalah 3 (Permasalahan Mayor, prioritas tinggi/high priority).

____________________________________________________ 

Ringkasan Masalah

Pada saat proses pemesan palin terakhir, pengunjung hanya akan di tunjukkan kode voucher tanpa ada pilihan untuk cetak atau print bukti pemesanan pengunjung malah disuruh mencatat. Berikut gambarnya:

Rekomendasi Perbaikan

Sebaiknya tambahkan fasilitas cetak bukti pemesanan atau fasilitas simpan bukti pemesanan. Agar pengunjung tidak direpotkan dengan menulis kode pemesanan, yang dimungkin bisa hilang juga.

Severity Rating

Untuk permasalahan ini, severity ratingnya adalah 3 (Permasalahan Mayor, prioritas tinggi/high priority).

____________________________________________________ 

Ringkasan Masalah

Ketika pengunjung memilih menu "cek status". Setelah pengunjung memasukan kode pemesanan yang terjadi informasi yang disampaikan kurang baik dalam penggunaan bahasanya. Berikut tulisan dalam pesan informasi yang disampaikan:

Rekomendasi Perbaikan

Dalam penggunaan kata sebaiknya gunakana kata-kata yang baik dan tepat. Sebaiknya ganti dengan "Status pemesana anda: belum bayar" untuk status belum bayar dan  "Status pemesana anda: sudah bayar". Agar memudahkan pengguna pengetahui status pemesanan.

Severity Rating

Untuk permasalahan ini, severity ratingnya adalah 3 (Permasalahan Mayor, prioritas tinggi/high priority).

___________________________________________________ 

User Control and Freedom -

User control and freedom merupakan unsur heuristics no 3 yang penting dalam mendesain sebuah web. User control and freedom harus diberikan untuk memberikan kebebasan kepada pengunjung untuk tahu bahwa mereka berada dalam konrol aplikasi dan bukan sebaliknya. Seperti halnya undo dan redo operasi akan membiarkan pengguna pulih dari kesalahan mereka dan akan mendorong mereka untuk mengeksplorasi aplikasi tanpa takut melakukan kerusakan apapun.

Ringkasan Masalah

Ketika pengguna sudah memilih barang yang akan di beli, pengunjung dapat melihat barang belanjaannya di dalam menu tas belanja, sayangnya pada tas belanja tersebut tidak terdapat button untuk mengedit pesanan yang telah dipilih. Jadi hal itu membuat pengguna harus menghapus dan memilih kembali barang yang akan dibeli. Sedangkan apabila pengunjung cuma hanya akan mengganti ukuran baju atau warna pengguna tetap harus melakukan hal tersebut. Berikut tampilan tas belanja tanpa button edit:

Rekomendasi Perbaikan

Sebaiknya berikan menu hyperlink untuk mengedit pesanan barang pada tas belanja. Letakkan menu hyperlink edit di sebelah hyperlink hapus. Hal tersebut akan sangat membantu pengunjung untuk mengedit pesanan yang dipesan.

Severity Rating

Untuk permasalahan ini, severity ratingnya adalah 3 (Permasalahan Mayor, prioritas tinggi/high priority).

Consistency and standards - http://www.satubaju.com/

Konsistensi dapat meningkatkan prediktabilitas dari web yang di buat. Selain itu dapat meningkatkan kenyamanan pengunjung.

Ringkasan Masalah

Drop down pada menu-menu utama dalam penulisannya terjadi ketidak konsistenan, yaitu pada penulisan sub menu tidak diurutkan berdasarkan abjad. Sehingga dapat membuat pengunjung kebingungan. Berikut gambar menu yang ditulis tidak sesuai abjad:

Rekomendasi perbaikan

Sebaiknya ditulis dengan di urutkan berdasarkan abjad, sehingga dapat mempermudah pengunjung dalam penggunaan web.

Severity rating

Untuk permasalahan ini, severity ratingnya adalah 3 (Permasalahan Mayor, prioritas tinggi/high priority).

____________________________________________________

Ringkasan Masalah

Terdapat ada yang berbeda dari halaman yang lain, yaitu di menu musik - rock band dan metal. Dimana pada halaman ini desain hanya ditampilkan dalam bentuk kotak, padahal di halaman yang lain semu desain dalam bentuk kaos. Ternyata masih terdapat menu lagi, jadi di sini terdapat menu berlapis. Berikut gambar desainnya:

desain konsisten

desain tidak konsisten

Rekomendasi perbaikan

Sebaiknya menu di dalam rock band dan metal tidak perlu dibuat. Karena pengunjung bisa melakukan pencarian jika ingin mencari yang diingikan. Hal ini bisa membuat pengunjung awal kebingungan.

Severity rating

Untuk permasalahan ini, severity ratingnya adalah 2 (Permasalahan Minor, prioritas rendah /low priority)

____________________________________________________

Ringkasan Masalah

Terdapat tidak konsistenan pada penggunaan bahasa pada menu "cek status order". Berikut gambarnya:

Rekomendasi perbaikan

Sebaiknya ganti dengan bahasa indonesia saja dengan "lihat status pemesanan"

Severity rating

Untuk permasalahan ini, severity ratingnya adalah 3 (Permasalahan Mayor, prioritas tinggi/high priority).

____________________________________________________

Ringkasan Masalah

Pada menu pemesanan yang terakhir terdapat ketidak konsistenan pada peletakan button-buttonnya. Dimana di halaman sebelumnya di letakkan sejajar, dihalaman ini terpisah. berikut perbandingannya:

Pada halaman sebelumnya

pada menu pemesanan terakhir

Rekomendasi perbaikan

Peletakan menu di buat seperti halaman sebelumnya agar lebih mudah di cari, karena pengunjung pasti akan kebingungan pada awalnya.

Severity rating

Untuk permasalahan ini, severity ratingnya adalah 4 (Penting untuk diperbaiki sebelum product di release).

____________________________________________________

Ringkasan Masalah

Terjadi ketidak konsistenan pada jumlah gambar antara di menu utama dengan sub menu. Hal ini akan membuat pengunjung kebingungan. Berikut gambar perbandingannya:

tampilan di menu utama

tampilan di sub menu

Rekomendasi perbaikan

Buat jumlah gambar sama, agar lebih mudah dalam penggunaan.

Severity rating

Untuk permasalahan ini, severity ratingnya adalah 2 (Permasalahan Minor, prioritas rendah /low priority).

United States of America Vs Rusia

Kali ini saya akan membahas mengenai dua negara besar di dunia, yaitu Amerika dan Rusia. Dua negara ini memiliki pengaruh besar terhadap semua negara. Dari perang dunia ke dua, kedua negara ini telah bersaing dalam nuklir, angkatan persenjataan, angkatan pertahan dan bahkan dalam segala aspek.
Pertama-tama saya akan membahas mengenai luas wilayah Rusia yang memiliki 2 kali lebih besar dari pada luas wilayah Amerika, namun tidak dengan penduduknya. Amerika memiliki 2 kali lebih banyak untuk jumlah penduduk dibanding Rusia.
Yang kedua mengenai Resource, Rusia lebih banyak dalam hal produksi di banding Amerika bahkan untuk komsumsi Amerika hampir 8 kali lebih banyak dari Rusia. Hal ini menunjukkan bahkan Amerika selalu membutuhkan resource dari negara lain.
Yang ketiga mengenai Land System Rusia masih lebih banyak dibanding Amerika hampir disemua aspek. Sedangkan mengenai Air Power Amerika juah lebih banyak di banding rusia, berbedaannya juga sangat siknifikan.
Yang terakhir mengenai Naval Power kedua negara ini sama-sama, karena jumlah yang dimiliki hampir hampir sama.
Sehingga bisa dibilang kedua negara ini sama sama negara yang kuat dalam pertahanan. Dan keduanya terliat sangat besaing dalam apa saja yang dimiliki, bahkan terlihat saling bersaing.

BENCHMARKING VGA DENGAN 3DMARK03

Kegunaan VGA card?

        Mengubah sinyal digital dari komputer menjadi tampilan di monitor. Kartu VGA dapat menerjemahkan output komputer ke monitor, dan sangat membantu dalam pekerjaan menggambar/ desain grafis dan bermain game.

VGA card dibagi menjadi dua yaitu on board dan add-on. VGA on board dapat dijumpai umumnya pada laptop atau motherboard saat membeli komputer. Jika VGA on board pada komputer kualitasnya kurang maka VGA add-on  dapat ditambahkan. Dengan adanya VGA add-on maka dapat hasil pengolahan grafis dengan kualitas tinggi. Namun ini tidak berlaku untuk laptop.

VGA (Video Graphics Array) adalah sebuah antarmuka berupa analog antara komputer dan monitor sebelum adanya standar DVI. VGA diperkenalkan pertama kali oleh IBM tahun 1987 yaitu CGA dan EGA, yang mempunyai beberapa warna dan beresolusi rendah. Kemudian vendor non-IBM mengembangkan resolusi dan warna yang disebut dengan Super VGA. Lalu IBM memperkenalkan XGA dengan resolusi 1024x768.

Seiring dengan perkembangan zaman, teknologi semakin canggih. Berbagai jenis merek ng komputer atau laptop berbeda pula spesifikasi yang diterapkan. Berbagai merek dagang juga memiliki peringkat yang berbeda-beda untuk menentukan kualitas produk mereka. Untuk itu kami melakukan benchmarking sebagai tugas kelompok dari mata kuliah Komputer Grafik, khususnya bagian VGA. Kami menggunakan software 3Dmark03 untuk menguji coba keunggulan/ peringkat VGA dari berbagai jenis  laptop. Hasil dari benchmarking kami seperti berikut :

• Local Video Memory merupakan ukuran memori yang digunakan GPU untuk rendering gambar pada monitor. Untuk peringkat tertinggi penggunaan  Local Video Memory adalah 256MBBlend merupakan titik geometri untuk membentuk vektor. Untuk perbandingan Max Vertex Blend Matrices tertinggi adalah 8, lalu urutan keduan dengan nilai 5, dan ketiga 3.
• Texture Width dan Texture Height merupakan ukuran panjang dan lebar display monitor dalam pixel. Perbandingan Max Texture Width dan Max Texture Height  yang pertama dengan jumlah 8192 pixel dan urutan kedua 4096 pixel.

Hasil benchmarking dapat dilihat pada gambar dibawah.

Bintarti Aria Wardani G64134030

Fitri Kusumaningrum G64134037

Ria Wulansari G64134003

Setyowati G64134039

Yevilina Aulia Rizka G64134006

Tabel Hasil Perbandingan

Graphic card	Processor	Total Local video memory	Max Vertex Blend	Maximal Texture Width X Height
Intel(R) HD Graphics 4000	Intel(R)Core(TM)i3-3217U CPU @ 1.80GHZ	64 MB	8	8192 x 8192
Intel(R) HD Graphics Family	Intel® Core(TM) i3-2370M CPU@2.40GHz	128 MB	8	8192 x 8192
Intel(R) HD Graphics Media Accelerator 3600 series	Intel Atom	64 MB	5	8192 x 8192
Mobile Intel(R) 965 Express Chipset Family	Intel(R) Celeron(R) 550 CPU@ 2.00 GHz	256 MB	0	4096 x 4096
Intel(R) HD Graphics	Intel®  Core(TM) i3-30M CPU@ 2.13GHz	128 MB	8	4096 x 4096

Dari pengalaman saya menggunakan GPU on-board yang memiliki max texture width dan height 8192x8192 pixel dengan jenis Intel Graphic Media Accelerator 3600 untuk menjalankan video atau film dengan kapasitas texture width dan height nya 1080p kurang bagus hasil rendering gambarnya. Gambar yang ditampilkan patah-patah dan terkadang gambar yang ditampilkan berupa kotak-kotak walaupun sudah bisa mendukung untuk full HD 1080p movie playback.

Pengalaman menggunakan GPU on-board yang memiliki max texture width dan height 4096x4096 pixel dengan jenis Intel(R) HD Graphics untuk menjalankan game sangat berat dan membuat fan bekerja lebih keras sehingga terjadi overhit dan membuat laptop menjadi blue screen. Begitu juga dengan Intel(R) HD Graphics Family memiliki kekurangan yang hampir hampir sama dalam menjalankan game.

Pengalaman menggunakan GPU on-board yang memiliki max texture width dan height 4096x4096 pixel dengan jenis Mobile Intel(R) 965 Express Chipset Family untuk menjalankan game sangat berat sehingga membuat laptop tidak merespon perintah (hang).

Semenarik apakah ???

Bingung mau pilih web yang kayak apa yang mau di ambil untuk tugas kali ini. Saking bingungnya, akhirnya pilih detik.com. Semenarik apa ?? dan setidak menarik apa web ini ??

Mari kita mulai liat. Web detik.com ini dalam pemisahan-pemisahan berita sudah bagus, karena sudah ada pengelompokan sendiri-sendiri. Selain itu web ini juga termasuk gampang di gunakan. 

Namun dalam segi warna web ini terlalu dominan ke warna biru bahkan hampir semua warna biru. Mungkin pemakaian warna kurang enak di lihat. Selain itu adanya warna biru dan abu-abu membuat kesan mati atau kurang menyala. Selain itu dalam penempatan berita terkesan di paksa harus muat dipasang. Web ini juga tidak luput dari iklan yang lumayan menggagu juga, tapi bisa jadi itu menjadi sumber pendapat bagi mereka. jadi mungkin iklan pasti ada. 

Nah .. itu menurut pendapat saya web ini kurang menarik. Pastinya semua orang punya pendapat sendiri sendiri. Jadi semua kembali ke kalian apa kah web ini termasuk menarik apa tidak ??

Kuliah Interaksi Manusia dan Komputer membuatku ingat blogkuuuu

Ketika bapaknya bilang harus punya web, aku ingat ada banyak web tapi sayang yang masih inget email ma password tinggal ini. Tapi tetap bersyukur aku masih bisa buka blog yang ini. Semangat menulis lagiiii ... :D