Kebutuhan Pengguna Pemodelan Desain Grafik Aplikasi Website

1.    Menurut [10] aplikasi web adalah sebuah sistem informasi yang mendukung interaksi pengguna melalui antarmuka berbasis web. Fitur-fitur aplikasi web biasanya berupa data persistence, mendukung transaksi dan komposisi halaman web dinamis yang dapat dipertimbangkan hibridisasi, antara hipermedia dan sistem informasi. Menurut [4], aplikasi web adalah aplikasi yang mempunyai arsitektur three-tier yang dijalankan pada browser sebagai front end. Menurut [3], aplikasi web atau yang biasa disebut web application ialah suatu website yang membuat pengguna dapat mengakses internet melalui software dari berbagai komputer atau device yang terkoneksi dengan internet. Berdasarkan ketiga pendapat tersebut, dapat diambil kesimpulan bahwa aplikasi web adalah sistem informasi yang mendukung interaksi pengguna yang dijalankan pada browser sebagai front end dimana penggunanya dapat mengakses internet melalui software dari berbagai komputer atau device yang terkoneksi dengan internet.

2.1.2. Karakteristik Aplikasi Web Aplikasi Web memiliki karakteristikkarakteristik sebagai berikut [10]:  1. Aplikasi Web akan secara konstan meningkat dan informasi yang dimasukan ke dalam dan disajikan oleh situs Web juga akan berubah. Tidak seperti perangkat lunak konvensional yang melalui perencanaan dan revisi terpisah pada waktu tertentu di dalam siklus hidupnya, aplikasi Web secara terus menerus meningkat dalam kaitannya dengan kemampuan dan ketidakstabilan kebutuhan.

2. Aplikasi Web tidak terpisahkan dari perangkat lunak. Konten yang dapat mencakup teks, grafis, citra, audio, dan/atau video terintegrasi dengan pengolahan prosedural. 3. Aplikasi Web bertujuan untuk digunakan secara luas oleh komunitas pengguna yang variable, dengan sejumlah besar pengguna anonim (bisa menjadi jutaan, seperti kasus eBay dan 2000 Sydney Olympics Website) dengan berbagai kebutuhan, harapan, dan sekumpulan keahlian. 4. Saat ini, kebanyakan sistem berbasis Web adalah content-driven (databasedriven). Pengembangan sistem berbasis Web meliputi penciptaan dan manajemen dari konten, seperti halnya ketentuan yang sesuai untuk penciptaan konten dan pemeliharaan. 5. Secara umum, kebanyakan sistem berbasis Web menuntut “look and feel”, menyokong kreativitas visual, dan inkorporasi multimedia dalam presentasi dan antarmuka. 6. Aplikasi Web mempunyai jadwal pengembangan yang dipadatkan dan tekanan waktu yang padat. 7. Pencabangan kegagalan atau ketidakpuasan pengguna dari aplikasi berbasis Web sering lebih buruk daripada sistem IT konvensional. 8. Media pengiriman untuk aplikasi Web sangat berbeda dengan perangkat lunak tradisional. Aplikasi Web harus mengatasi berbagai format dan perangkat tampilan, dan mendukung perangkat keras, perangkat lunak, dan jaringan dengan kecepaan akses yang beragam. 9. Keamanan dan privasi pada sistem berbasis Web lebih dituntut dibandingkan dengan yang ada pada perangkat lunak tradisional. 10. Web menunjukan suatu ikatan yang lebih besar antara seni dan ilmu daripada yang secara umum ditemui dalam pengembangan perangkat lunak.   

2.1.3. Jenis Aplikasi Web Ada tiga aplikasi Web yang utama, yaitu [10]: 1. Pelanggan berhadapan dengan aplikasi yang dikenal sebagai situs e-commerce atau B2C yang menggunakan internet. Para pelanggan biasanya dapat memilih produk atau jasa yang dibeli dengan menggunakan kartu belanja (shopping card) dan metode pembayaran (Payment Methods). Contohnya adalah www.amazon.com dan www.ebay.com.  2. Pegawai berhadapan dengan aplikasi yang menggunakan intranet didalam perusahaan. Salah satu contohnya adalah aplikasi laporan akuntansi perusahaan. 3. Aplikasi yang berhadapan dengan pelanggan-penyalur dikenal sebagai situs B2B (Bisnis ke Bisnis) dan menggunakan Ekstranet, perluasan dari Intranet yang mengizinkan perusahaan di sisi luar untuk bekerja di dalam ruang yang terlindungi kata sandi.

2.1.4. Arsitektur Aplikasi Web Ada dua komponen dasar di dalam arsitektur Web, yaitu browser Web dan server Web. Browser Web menawarkan antarmuka grafis untuk pengguna dan bertanggung jawab untuk komunikasi dengan server Web dengan penjelasan sebagai berikut [10]: 1. Pengguna meminta suatu layanan dengan mengklik tautan (link) atau dengan mengetikan sebuah perintah dengan keyboard. Browser Web menangkap perintah tersebut dan menerjemahkannya ke dalam permintaan HTTP. 2. Browser kemudian meneruskan permintaan yang baru saja diciptakan kepada server Web dari penyedia konten. Ketika server menerima sebuah permintaan, permintaan tersebut akan diproses. 3. Ketika pemrosesan dilakukan, server Web kemudian mengirimkan kembali respon tersebut ke browser. 4. Ketika browser menerima respon tersebut, browser menerjemahkannya ke dalam bentuk yang dapat dibaca oleh manusia.

2.2. Kamardagang.com Menurut Baskoro selaku Project Manager di PT. Selaras Utama Internasional,

kamardagang.com merupakan produk PT. Selaras Utama Internasional yang sedang dikembangkan dalam beberapa bulan terakhir, di mana produk tersebut merupakan sebuah aplikasi yang menyediakan ruang untuk para pebisnis dalam mengelola informasi dan jaringan bisnisnya secara online. Tujuan dari kamardagang.com yaitu memberikan kemudahan bagi para pengusaha untuk menjalankan kegiatan bisnis dalam bentuk ecommerce B2B (Business to Business) guna mendorong peningkatan kerjasama bisnis di antara para pengusaha. Kamardagang dibangun dalam aplikasi berbasis web dan mobile.

2.3. Flat Design 2.3.1. Definisi Flat Design Flat Design adalah desain dengan pendekatan minimalis yang menekankan kegunaan, dengan desain yang bersih tanpa ada bevel, bayangan, tekstur, berfokus pada tipografi, warna-warna cerah dan ilustrasi dua dimensi [8]. Menurut [2], flat design adalah genre (aliran) desain UI minimalis, atau bahasa desain yang sedang banyak digunakan oleh user interface grapher (seperti website dan web apps). Flat design mengacu kepada style desain interface yang menghilangkan pilihan stylistic yang memberikan ilusi 3 dimensional (seperti drop shadow, gradient, texture, dan depth) dan fokus terhadap penggunaan elemen minimalis, seperti tipografi dan flat colors (warna datar). Menurut [1], flat design adalah implementasi dari gaya minimalis dan mengaitkannya dengan The Swiss Style yang terkenal pada tahun 1940-an sampai 1950-an. Dari ketiga pendapat tokoh di atas dapat disimpulkan flat design adalah desain dengan pendekatan minimalis yang mengacu pada penggunaan elemen minimalis, seperti tipografi dan flat colors (warna datar).

2.3.2. Karakteristik Flat Design Berikut adalah karakteristik dari flat design [2]: 1. Warna: Dari segi warna flat design menghindari penggunaan warna yang bermacam-macam. Mengkombinasikan 1-3 warna yang cenderung cerah dan solid. 2. Tanpa Efek: Setiap bentuk yang di buat untuk membentuk susunan layout web tidak menggunakan efek seperti gradasi, emboss, dan efek 3D.

3. Elemen Sederhana: Seperti bentuk kotak, lingkaran, yang di susun rata berpola. 4. Pemilihan Font: Font yang digunakan cenderung sederhana dan seragam. Tidak menggunakan banyak kombinasi jenis font. 5. Minimalis: Hindari membuat desain yang terkesan realistis.

III. METODE PENELITIAN 3.1. Gambaran Umum Perancangan Tampilan antarmuka aplikasi web kamardagang.com terdiri dari beberapa menu yang dapat diakses oleh user, diantaranya: menu Sign Up, Sign In, Download, Contact, Language, Search, Add New Business, dan Sign Out. Menu Sign Up digunakan untuk menjadi user dengan status member dari web kamardagang.com dengan mengisikan form yang telah disediakan di web kamardagang.com. Menu Sign In digunakan oleh user yang sudah berstatus member agar dapat mengakses semua menu user di web kamardagang.com. Menu Download menampilkan pop up untuk mengunduh aplikasi kamardagang.com versi mobile. Menu Contact menampilkan pop up beberapa media sosial dan email kamardagang.com. Menu Language memberikan bantuan pengaturan bahasa pada aplikasi web kamardagang.com dimana tersedia dua bahasa yaitu Indonesia dan Inggris. Hasil pencarian dari Search yaitu menampilkan portofolio singkat dari banyak perusahaan dimana dari tiap perusahaan tersebut memiliki jenis produk bisnisnya tersendiri. Adapun menu Add New Business hanya dapat diakses apabila user sudah melakukan Sign In, halaman tersebut berfungsi untuk menampilkan bisnis yang diinput user pada halaman hasil pencarian dari Search yaitu Search Result Page.

3.2. Tujuan Perancangan  Perancangan prototype untuk tampilan antarmuka aplikasi web kamardagang.com ditujukan untuk memudahkan para front end programmer dalam membangun tampilan atarmuka aplikasi web kamardagang.com dimana nantinya front end programmer hanya perlu menerapkan desain prototype yang telah dibuat pada aplikasi web kamardagang.com. Sesuai dengan tugas front end programmer yaitu membangun tampilan antarmuka aplikasi yang dapat dikategorikan user friendly agar user mudah mendapatkan informasi yang dibutuhkan, tool-tips yang informatif, dan slide

banner promosi yang efektif karena front end programmer bekerja bukan dengan tuntutan supaya web terlihat bagus dan artistik secara visual melainkan lebih ke sisi fungsionalnya oleh sebab itu dibutuhkan gambaran konten website untuk memudahkan para front end programmer dalam proses building.

3.3. Syarat-syarat Perancangan  Kelengkapan yang digunakan untuk perancangan prototype tampilan antarmuka aplikasi web kamardagang.com yaitu sebagai berikut: Software: a. Windows 8 b. Adobe Photoshop CS6 c. CorelDRAW X7 d. Google Chrome Hardware a. Laptop Asus tipe A45CB b. RAM 4 GB c. Processor Intel Core i3-3217U, 1.80 GHz d. Graphics NVDIA GT 740M