UI-Pattern

Keyboard shortcuts

Ringkasan
Pengguna ingin melakukan tugas-tugas yang berulang lebih cepat. pada bagian ini, pengguna bisa mengatur settingan keyboard untuk memudahkan penggunaan, sehingga dapat lebih cepat dan mudah
Contoh :

Penggunaan

1. Gunakan ketika aplikasi Anda berisi tugas berulang yang melibatkan beralih mode dari keyboard untuk mouse. jadi pada saat kita membuka tugas yang berisi suatu hal yang dilakukan berulang-ulang maka kita bisa merubah settingan dari keyboard ke mouse, ataupun sebaliknya.

Solusi

• Memungkinkan pengguna untuk memicu tindakan cepat dengan keyboard perintah. maksudnya pengguna dapat dengan mudah menekan tombol-tombol tertentu yang di seting sesuai keinginan pengguna, untuk membuat perintah lebih cepat.

• Biasanya cara pintas keyboard yang dibuat untuk perintah yang merupakan bagian dari tugas-tugas pengguna sering atau berulang. pengguna dapat merubah setingan keyboard agar pada saat melakukan pekerjaan yang berulang-ulang dapat dilakukan dengan cepat, sehingga tidak memakan waktu.

• Ketika menambahkan cara pintas ke aplikasi Anda, Jauhkan dari menggunakan yang ada sistem pintas atau cara pintas yang sudah digunakan di tempat lain dalam konteks lain di aplikasi yang sama. Hindari repurposing pintas yang pengguna sudah disesuaikan ke dalam workflow1 mereka. dapat merubah setingan asalkan setingan pada keyboard tidak boleh sama dengan setingan keyboard pada aplikasi yang sama. 

• Anda mungkin ingin mempertimbangkan menambahkan informasi cara pintas keyboard untuk item menu dan tombol dan ikon tooltips, jika tersedia. pengguna dapat menggunakan tombol keyboard yang sudah tersedia pada aplikasi.

Manfaat

Kemudahan akses ke tugas-tugas yang berulang ulang dengan menyediakan pengguna terampil dengan shortcut keyboard untuk tindakan mereka terkait. Mengurangi total waktu, langkah-langkah yang  diperlukan, dan menyia-nyiakan energi mental menyelesaikan tugas tanpa membuat lebih sulit pada pengguna pemula. jadi dengan adanya shortcut keyboard dapat memberikan kemudahan dalam mengerjakan tugas yang dilakukan secara berulang-ulang. sehingga dalam mengerjakan tugas tersebut lebih cepat.

Cara pintas keyboard mempercepat fungsi program untuk menyelesaikan tugas dengan adanya keyexpress maka pengguna tidak perlu meng klik pada mouse. cukup menggukan keyboard.

Diskusi

Strategi pintas keyboard

Hapalan

Membantu pengguna ingat memori dengan menciptakan asoned asosiasi dengan huruf-huruf yang digunakan dalam kombinasi tombol. Namun, tombol yang tersedia pada, strategi umum adalah menggunakan tengah atau akhir pada huruf awal.

Pada Mac, O digunakan untuk "Buka File" sementara L digunakan untuk "Terbuka lokasi".

Kecepatan

dan yang terakhir, menempatkan tombol perintah yang berdekatan, meskipun ada Asosiasi

 asoned tidak masuk akal. C sering digunakan untuk "Copy"sementara V digunakan untuk paste.

Beberapa contoh dari Keyboard Shortcut.

Image Zoom

Ringkasan

Pengguna ingin memperbesar gambar untuk melihat rincian gambar resolusi yang lebih tinggi. agar tampak lebih detail gambar produk yang ingin dilihat.

Contoh

Penggunaan

1. Gunakan ketika ukuran normal gambar ditampilkan tidak dalam resolusi tinggi cukup 

        bagi penguna untuk memahami detail dalam gambar.

2. Gunakan ketika men-download versi berukuran penuh dan rinci semua  gambar memakan

        lebih banyak bandwidth dari pada membaginya.

3. Gunakan ketika menampilkan versi berukuran penuh dan rinci dari suatu gambar yang tidak               cocok dengan website.

4. Gunakan ketika menampilkan berukuran penuh dan rinci versi gambar akan mencegah

        pengguna menampilkan gambar yang pecah.

5. Gunakan ketika men-download versi berukuran penuh dan rinci dari setiap gambar akan diambil        dengan ukuran yang besar serta waktu yang lama. tampilkan gambar dengan resolusi tinggi agar          lebih baik.

Solusi

• Menyediakan mekanisme yang memungkinkan pengguna untuk memperbesar gambar  untuk melihat rinciannya. agar gambar dapat dilihat dengan jelas.

• Agar menghemat bandwith, dari server menyarankan agar tidak meminta gambar dengan            resolusi tinggi sebelum di izinkan oleh server.

• cara untuk melihat gambar agar lebih jelas maka cukup mengklik gambar yang ingin dilihat        kemudian gambar akan tampil denganresolusi yang tinggi. sehingga jelas untuk dilihat dari        dekat.

• Menyediakan teks atau simbol untuk zooming pada gambar, agar pengguna tau bahwa gambar    itu bisa di lihat lebih jelas atau zoom.

Manfaat

Memungkinkan pengguna untuk memperbesar gambar dan melihat gambar lebih detail.

Tergantung pada faktor zoom, menampilkan gambar resolusi tinggi tidak bisa memberikan gambar yang lengkap. hanya pada bagian yang ingin di lihat dengan jelas saja.

Dengan menyediakan fungsi zoom, pengguna dapat memperbesar hanya ke gambar yang ingin dia lihat lebih jelas saja.

Beberapa ontoh dari Image Zoom

Follow

Ringkasan

Pengguna tidak hanya melacak dan mengikuti orang-orang yang ada di web, tetapi bisa juga mengikuti aktivitas dan perkembangan terbaru yang ada didalam web.

Penggunaan

Gunakan ketika kita ingin membiarkan pengguna menggunakan aplikasi kita untuk topik tertentu, tema ataupun orang

Solusi

• Memungkinkan pengguna untuk memilih item yang mereka inginkan agar tetap up to date dengan mengikuti topik, tema, saluran, peristiwa, atau orang-orang dan menunjukkan update dalam arus aktivitas pengguna. Bertentangan dengan teman desain pola, pengguna tidak perlu khawatir tentang berapa banyak dari teman mereka menggunakan layanan yang sama atau jika teman mereka berbagi.

• Pengguna dapat memilih item (objects) yang mereka inginkan untuk tetap up to date, dengan Objek yangpaling umum untuk diikuti orang lain (teman).Sebagaikonsekuensi, pengguna dapat melacak dan menerima pembaruan dari objek. Biasanya, update  ditampilkan dalam aktivitas pengguna atau digunakan untuk menyarankan pembaruan.

 

Manfaat

Pengguna dapat memperoleh akses ke banyak konten yang bervariasi oleh "mengikuti" kegiatan dan rekomendasi dari pengguna lain dan pola ini memungkinkan mereka untuk melakukannya tanpa harus khawatir tentang berapa banyak dari teman mereka sebenarnya menggunakan aplikasi ini.

Konten bersama dengan pengikut di situs seperti Google+ dan Pinterest memungkinkan masyarakat mengikuti konten serta pengguna dapat memilih untuk mengikuti topik, peristiwa, tema atau bahkan untuk mendapatkan konten baru yang dibangun oleh web yang kita ikuti. sehingga alasan

daftar teman akan menjadi semakin penting desain pola UI, akan mengikuti pola.

Diskusi

Bertentangan dengan desain pola, pengguna tidak perlu khawatir tentang berapa banyak

dari teman mereka menggunakan layanan yang sama atau jika teman mereka berbagi

rasa yang sama.

Link Terkait : http://ui-patterns.com

Perkembangan Logo HONDA MOTOR

HONDA MOTOR

Honda merupakan sebuah perusahaan yang bergerak dibidang otomotif yang berasal dari jepang, diamana nama honda sendiri tercetus dari nama seseorang yaitu "soichiro honda", pada tahun 1938 sekaligus membuat hak paten terhadap logo honda. karena pada awalnya honda hanya menciptakan mesin motor. seiring berkembangnya jaman dan kebutuhan akan kendaraan, honda mulai menciptakan kendaraan roda dua. kemudian selang beberapa tahun honda mulai menciptakan logo sendiri.

1948

 gambar diatas, merupakan logo perusahaan honda tahun 1948, yaitu logo pertama honda. pada logo ini terdapat warna biru dan emas serta dengan jenis tulisan honda motor yang tenar pada masanya. logo ini digunakan pada motor honda type-A.  

honda berganti logo lagi sekaligus mendulang kesuksesan pada tahun yang sama yaitu 1948, karena motor yang berjenis type-A laku di pasaran. akhirnya honda pun merilis motor type-B, dengan kapasitas mesin yang lebih besar pada masa itu. di logo ini lebih menonjolkan dewi nike dengna kibaran sayap yang berwarna emas, dan tulisan honda berwarna merah.

1953

ditahun 1953 honda kembali merilis keluaran motor terbarunya, dengan kapasitas mesin 90cc 4-stroke yang diberi merk bently. pada tahun ini honda merubah total logonya. hanya yang masih digunakan ialah logo sayapnya. sayap pada logo ini menjadi dua dan mengepak lebar. yang di artikan bahwa honda motor semakin jaya.

1968-1969

pada kedua logo ini, honda motor kembali merubah logonya, dengan kepakan sayap hanya menjadi satu dan menyamping serta terdapat singkatan dari honda motor yaitu "HM". kemudian saat peluncuran logo baru ini, honda motor juga merilis seri motor superbike dengan kapasitas mesin yang besar. dan pada tahun berikutnya honda menyempurnakan logo dengan menambahkan lingkaran.

1973

singkatan "HM" pada logo ini dihilangkan, digantikan dengan tulisan honda dan kepakan sayap yang berwarna kuning keemasan. logo ini bertahan selama 12 tahun.

1985

di tahun ini, honda hanya merubah warna logo dari logo sebelumnya. warna yang digunakan logo pada tahun ini lebih berwarna dengan paduan warna merah, putih, dan biru.

Link Terkait : http://sepeda-motor.info/perubahan-logo-lambang-motor-honda-sejak-1948-sekarang.htm

Banner Pegadaian Indonesia

PEGADAIAN INDONESIA

       Saya memilih slogan pegadaian indonesia melihat bahwa kebutuhan seseorang akan uang tunai terkadang menjadi kebutuhan yang sangat mendesak pada waktu-waktu tertentu. Dengan pola pikir masyarakat yang cenderung berfikir bahwa melakukan pinjaman adalah hal yang sulit dilakukan, slogan "Mengatasi Masalah Tanpa Masalah" mencoba untuk menyampaikan kemudahan jasa yang ditawarkan oleh Pegadaian. Slogan ini juga lebih terfokus kepada masalah yang dihadapi oleh konsumen mereka dan juga membantu pendekatan marketing atau sosialisasi yang dilakukan. sehingga masyarakat yang ingin/butuh uang pada saat terdesak bisa dengan mudah melakukan pinjaman kepada pegadaian indonesia. tanpa harus melakukan syarata-syarat yang cukup rumit.

pada gambar banner tersebut terdapat timbangan, dimana maksud dari timbangan pada logo tersbut ialah bahwa pegadaian indonesia memberikan pinjaman kepada nasabah sesuai dengan barang yang akan digadaikan. dalam hal ini pegadaian indonesia berlaku adil.

Link terkait : http://blog.iscreativeworks.com/idealist/12-best-indonesian-brand-slogans

Array 1 & 2 Dimensi Serta Cek Bilangan Prima

Pengertian Array 1 & 2 Dimensi

AArray 1 dimensi adalah kumpulan-kumpulan elemen yang memiliki type data yang sama dan hanya memiliki satu indeks saja. Array 1 dimensi dapat berupa sebuah vector.

     Pendeklarasian array 1 dimensi :

           Type_data, nama_variable[jumlah_elemen_array]

           Contoh : int a[2] = {5,6};

2Array 2 dimensi adalah array 1 dimensi yang telah meangalami perluasan yang terdiri dari baris dan kolom. Array 2 dimensi dapat berupa sebuah matrik atau label.

     Pendeklarasian array 2 dimensi :

           Type_data, nama_variabel[index-1][index-2];

           Contoh : int b [2][3]= {{1,2},{3,4,5}};

Cek Bilangan Prima...

#include <iostream.h>

#include <conio.h>

int main(){

       int jum = 0;

            int data[5][4]={{10,11,12,13},{20,21,22,23},{30,31,32,33},{40,41,42,43},{50,51,52,53}};

            for(int i=0;i<5;i++){

                for(int j=0;j<4;j++){

                   for(int k=1;k<=data[i][j];k++){

                         {

                jum++;

                         }

      }

                         if(jum==2)

                         {

                                   cout<<"Prima , ";

                         }

                         else

                                   cout<<data[i][j]<<" , ";

                     jum = 0;

                           }

                        cout<<"\n";

                     }

                 getch();

      }

Open Cart 2

Pada tahap pertama kami sudah menjelaskan pemilihan CMS yang akan digunkan, kemudian Ditahap kedua ini, kelompok kami sudah melakukan peubahan pada beberapa item menu pada open cart, dimana salah satunya yaitu menampilkan produk Komputer hingga PC dan laptop.

ini tampilan dari penjualan kamera pada olshop kami, dimana pada menu kamera pada saat dibuka terdapat berbagai merk kamera yang di jual. mulai dari camdic hingga kamera slr.

tampilan dibawah ini merupakan, salah satu item yang dipilih dari penjualan produk kamera. ketika kita memilih menu kamera maka akan terdapat tampilan merek kamera yang kami jual. hingga saat ini kelompok kami masih melakukan penambahan beberapa item yang akan digunakan.

Open Cart 1

OPENCART

A.    Sejarah Open Cart

OpenCart pada awalnya dikembangkan pada tahun 1998 oleh Christopher G. Mann untuk Walnut Creek CDROM dan kemudian The FreeBSD Mall. Rilis publik pertama adalah pada 11 Mei 1999. Dikembangkan di Perl, proyek melihat sedikit aktivitas, dan kemajuan terhenti pada tahun 2000, dengan Mann posting pesan pada 11 April yang menyatakan "komitmen lainnya adalah menjaga saya dari pembangunan OpenCart".

Domain berakhir pada Februari 2005 sebelum dihidupkan kembali oleh Daniel Kerr, pengembang yang berbasis di Inggris, yang digunakan sebagai dasar untuk perangkat lunak e-commerce sendiri, yang ditulis dalam PHP. Rilis stabil pertama adalah versi 1.1.1, dirilis ke Google Code pada 10 Februari 2009.

Pada bulan September 2014, Kerr menyatakan bahwa OpenCart adalah nomor satu e-commerce software pemasok di Cina sementara pada bulan Agustus 2015 tercatat sebagai yang bertanggung jawab atas 6.42% dari volume e-commerce global dicatat oleh builtwith.com, belakang WooCommerce dan Magento dan menjelang OSCommerce, ZenCart dan Shopify.

Versi 2.0 dari perangkat lunak ini dirilis pada bulan Oktober 2014, yang menampilkan merubah luas antarmuka.

B.     ALASAN MEMILIH OPENCART

Alasan-alasan kami memilih Web-Ecommerce OpenCart yaitu :

1.      Open Source

CMS OpenCart didapatkan secara gratis. Selain itu, penginstalan OpenCart cukup  mudah. Prosesnya tidak rumit, secara garis besar bisa dilakukan proses berikut : Copy file-file OpenCart pada hosting >> Siapkan Database untuk OpenCart >> isi file konfigurasi sesuai informasi database >> dan tinggal menunggu prosesnya berjalan.

2.      Multi Mata Uang

OpenCart mempunyia fitur multi mata uang yang menjamin harga barang yang ditampilkan ke pelanggan menyesuaikan dengan harga jual barang tersebut yang diukur dalam mata uang lain. Banyaknya mata uang yang bisa ditampilkan tidak terbatas. Kita bisa menggunakan layar administrasi untuk menentukan nilai tukar antara satu mata uang dengan mata uang lain, atau memanfaatkan update otomatis yang bisa diatur melalui layar administrasi.

3.      Multi Bahasa

Secara default, OpenCart menyediakan bahasa Inggris untuk tampilannya. Akan tetapi, dengan fitur multi language, kita bisa merubah tampilan bahasa menggunakan bahasa yang diperlukan. Misalkan saja target pelanggan yang dibidik oleh pemilik toko adalah di Indonesia. Sedangkan hampir semua calon pelanggan di Indonesia lebih menyukai toko online yang berbahasa Indonesia. Alasannya sederhana, hanya sebagian kecil saja dari mereka yang mengerti bahasa lain, termasuk bahasa Inggris. Oleh karena itu, fitur multi bahasa dan penerapan bahasa Indonesia dalam sebuah toko online adalah suatu keharusan. OpenCart memiliki fitur multi bahasa yang memudahkan pelanggan berganti bahasa dari satu bahasa ke yang lainnya hanya dengan sekali klik.

Akan tetapi, untuk menggunakan fitur bahasa Indonesia ini, OpenCart tidak langsung menyediakan atau tidak satu paket dalam proses installasi OpenCart. Kita harus mencari extension bahasa Indonesia yang sesuai dengan versi OpenCart yang sedang kita gunakan dan memasangnya secara manual.

4.      Halaman Administrasi

OpenCart memiliki halaman administrasi yang user friendly, sehingga memudahkan pemilik toko untuk mengelola toko onlinenya.

5.      Search Engine Friendly URL

OpenCart memberikan kebebasan kepada kita untuk mendefinisikan SEF URL sesuai keinginan. Dalam memnentukan SEF URL, OpenCart memiliki cara yang fleksibel.

Untuk menggunakan SEF URL pada OpenCart, kita perlu sedikit pengaturan. Jadi, settingannya tidak secara default. Masuk ke menu System > Settings > Masuk ke toko yang akan diberi SEF > Server > pilih YES pada pilihan Use SEO URL’s. Setalah pengaturan itu, jangan lupa untuk mengubah nama .htaccess.txt menjadi .htaccess dalam sistem berkas OpenCart.

6.      Proses Belanja

OpenCart menerapkan konsep shopping cart sebagai wadah sementara pada saat berbelanja online sebelum proses checkout. Jadi pelanggan bisa memilih barang-barang apa saja yang ditampilkan pada toko online dan terakhir melakukan checkout.

Namun, sebelum melakukan proses checkout, OpenCart mengharuskan pelanggan untuk melakukan registrasi. Proses registrasi tidak sulit dilakukan, hanya memasukkan beberapa informasi seperti nama lengkap, email, alamat, dan nomor telepon yang bisa dihubungi. Hal ini dilakukan dengan pertimbangan bahwa registrasi bisa membantu pelanggan dalam beberapa hal termasuk pelacakan order yang telah dibuat oleh pelanggan.

7.      Review produk

Pelanggan ataupun pemilik toko dapat memberikan review terhadap suatu produk,

8.      Penilaian Produk

Pelanggan ataupun pemilik toko dapat memberikan penilaian terhadap suatu produk,

9.      Template

Tersedia banyak template, dan masih banyak lagi fitur lain yang tersedia. Untuk info detail bisa cek di situs OpenCart.

10.  Tema

Banyak sekali tema yang dapat kita temui di marketplace template Opencart. Hal ini sudah menjadi bukti popularitasnya dikalangan Designer Template.

11.  Manajemen Konten

Opencart lebih mudah dipahami untuk mengelola isi konten dan mengaturnya termasuk informasi dan halaman halaman lain yang ingin anda buat.

12.  Backup & Restore Tools

OpenCart mempunyai alat untuk mem-back up dan restore.

13.  Laporan Penjualan

OpenCart memberikan laporan pada proses jual-beli.

14.  Kategori,  Produk, Merk Tak Terbatas.

Dengan menggunakan OpenCart, kami bisa memasukkan kategori, produk, maupun merk yang kita inginkan tanpa ada batasannya.

15.  Bisa untuk produk download

Dengan OpenCart, kami tidak hanya dapat menjual produk yang mempunyai fisik, tetapi kami juga dapat menjual produk yang tidak memiliki fisik atau didownload, seperti file, ebook, dan lain-lain.

KARTINI

Kartini..

Kalau Lah Tidak Karena Bulan Manalah Bintang Meninggi Hari,
Kalau lah tidak karena perempuan,
mana lah ada laki-laki disini.
dialah ibu kita kartini.